/***************************************************************************
 * Main
 ***************************************************************************/
html
{
  height: 100%;
}

body
{
  font-family: "Tahoma", "Verdana", "Arial", "Times New Roman";
  font-size: small;
  padding: 0 0 0 0;

  width: 600px;
  height: 100%;

  background-color: #f5f5f5;
  margin: 5px auto 0 auto;

  overflow: visible;  
}

#container
{
  background-color: white;
  text-align: center;     /*pre IE6 hack*/

  margin-top: 5px;
  padding: 0 0 0 0;
}

acronym
{
  cursor: help;
  border-bottom: dashed 1px #BF9999;
}


/***************************************************************************
 * Header
 ***************************************************************************/
#header
{
  background-position: top center;
  height: 225px;
  
  border: dotted 1px silver;
}

.home    { background: url(../images/home.jpg) no-repeat; }
.what    { background: url(../images/double-cheque-what.jpg) no-repeat; }
.how     { background: url(../images/double-cheque-how.jpg) no-repeat; }
.why     { background: url(../images/double-cheque-why.jpg) no-repeat; }
.prices  { background: url(../images/double-cheque-prices.jpg) no-repeat; }
.contact { background: url(../images/double-cheque-contact.jpg) no-repeat; }
.offer 
{ 
  background: url(../images/double-cheque-introduction-offer.jpg) no-repeat;
  background-position:  98% 5%;
}


#quicknav 
{ 
  text-align: right; 
  padding-right: 10px;
}

#quicknav ul
{
  padding: 0;
  display: inline;
}

#quicknav li 
{
  display: inline;
  color: #BF9999;
  font-size: xx-small;
}

#quicknav li a, li a:visited
{
  color: #BF9999;
}

#quicknav li a:hover
{
  color: #A97D7D;
}


/***************************************************************************
 * Footer
 ***************************************************************************/
#footer
{
  padding-top: 2px;
  
  color: #A0B1A0;
  font-size: 8pt;
}
#copyright a, a:hover, a:visited
{
  color: #A0B1A0;
}
#footer p
{
}

#tel            { float: left;  display: inline; }
#tel img        { border: none; top: 5px; }
#tel p          { display: inline;  }

#copyright      { float: right; display: inline; }
#copyright img  { border: none; top: 5px; }
#copyright p    { display: inline; }

/***************************************************************************
 * Menu
 ***************************************************************************/
#dvMenu
{
  background-color: #f5f5f5;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style: none;
  text-align: center;
}

#dvMenu ul
{
  padding: 0;
  display: inline;
}

#dvMenu li 
{
  display: inline;
  background-color: White;
  margin-left: 5px; 
  margin-right: 5px;
}

#dvMenu li strong
{
  text-decoration: none;
  color: #BF9999;
  border: solid 1px #FFCDCD;
  padding: 0 15pt 0 15pt; 
}

#dvMenu li #mnuSel
{
  font-weight: bold;
}

#dvMenu li a
{
  text-decoration: none;
  color: #BF9999;
  border: solid 1px #FFCDCD;
  padding: 0 15pt 0 15pt; 
}

#dvMenu li a:hover
{
  color: #A97D7D;
  background-color: #DDC8C8;
}


/***************************************************************************
 * Content
 ***************************************************************************/
#content
{
  /* cancel out the "float: left" from the menu div */
  clear: both;

  padding: 10px 5% 10px 5%;
  border: dotted 1px silver;
}

#content p
{
  line-height: 1.5;
  font-size: 10pt;
  color: #6E5B5B;
  text-align: left;
}

#content h1, h2
{
  font-family: "Arial", "Tahoma", "Verdana", "Times New Roman";
  color: #6E5B5B;
  text-align: left;
}

#content h1 { font-size: 14pt; font-weight: bold; }
#content h2 { font-size: 12pt; font-weight: bold; }

#content ol li
{
  color: #6E5B5B;
  text-align: left;
  
}

#content sup a
{
  text-decoration: none;
  color: #6E5B5B;
}

#content p a, p a:visited
{
  zcolor: #BF9999;
  color: #6E5B5B;
}

#content p a:hover
{
  zcolor: #A97D7D;
  color: #6E5B5B;
}

#content #tandc
{
  font-size: xx-small;
  padding-top: 20px;
}


blockquote a, a:visited, a:hover { quotes: "\201C" "\201D"; color: #6E5B5B; } 
blockquote:before { content: open-quote; font-weight: bold; color: #6E5B5B; } 
blockquote:after { content: close-quote; font-weight: bold; color: #6E5B5B; } 

#content ul
{
  list-style-type: none;
  text-align: left;
  line-height: 2;
}

#content li, li a, li a:visited li a:hover
{
  color: #6E5B5B;
}

#phone
{
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#phone img { border: none; margin: 0 20px 4px 0; padding: 0 0 0 0; vertical-align: middle; }

#email
{
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#email img { border: none; margin: 0 20px 4px 0; padding: 0 0 0 0; vertical-align: middle; }

#fax
{
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#fax img { border: none; margin: 0 20px 4px 0; padding: 0 0 0 0; vertical-align: middle; }