/* ----------------------------------------------------------------------------------- */
/* Victorine Originals Style CSS                                                       */
/*   Author: H. A. Camp                                                                */
/*  Created: 07 December, 2005                                                         */
/* Modified: 03 February, 2006                                                         */
/* ----------------------------------------------------------------------------------- */                                

/* ----------------------------------------------------------------------------------- */
/* Links                                                                               */
/* ----------------------------------------------------------------------------------- */                                


/* +-------------------------------------------------+ */
/* | Main links across the site are dealt with here. | */
/* +-------------------------------------------------+ */

  a         { text-decoration: none;    }
  a:link    { color: #0000ff; text-decoration: none;    }
  a:visited { color: #000099; text-decoration: none;    }
  a:hover   { color: #a78b77; background-color: #e5eadd;}
  a:active  { color: #6666ff; text-decoration: none;    }
  a:focus   { color: #0000ff; text-decoration: none;    } 
  a.noline  { color: #ff0000; text-decoration: none;    }


/* +-------------------------------------------------+ */
/* | Special control for image links are required to | */
/* | remove background hilighting.                   | */
/* +-------------------------------------------------+ */
  
  a.img         { text-decoration: none;    }
  a.img:link    { color: #0000ff; text-decoration: none;    }
  a.img:visited { color: #000099; text-decoration: none;    }
  a.img:hover   { color: #a78b77; background-color: #ffffff;}
  a.img:active  { color: #6666ff; text-decoration: none;    }
  a.img:focus   { color: #0000ff; text-decoration: none;    } 


/* +-------------------------------------------------+ */
/* | Sometimes, no hilighting of links is desired.   | */
/* +-------------------------------------------------+ */
  
  .nohigh a         { text-decoration: none;    }
  .nohigh a:link    { color: #0000ff; text-decoration: none;    }
  .nohigh a:visited { color: #000099; text-decoration: none;    }
  .nohigh a:hover   { color: #a78b77; background-color: #ffffff;}
  .nohigh a:active  { color: #6666ff; text-decoration: none;    }
  .nohigh a:focus   { color: #0000ff; text-decoration: none;    } 

/* +-------------------------------------------------+ */
/* | And, sometimes, no nothing is desired.          | */
/* +-------------------------------------------------+ */
  
  a.nolnk         { text-decoration: none;    }
  a.nolnk:link    { color: #0000ff; text-decoration: none; }
  a.nolnk:visited { color: #000099; text-decoration: none; }
  a.nolnk:hover   { color: #a78b77; background-color: transparent; }
  a.nolnk:active  { color: #6666ff; text-decoration: none; }
  a.nolnk:focus   { color: #0000ff; text-decoration: none; } 

/* ----------------------------------------------------------------------------------- */
/* Main Page Control                                                                   */
/* ----------------------------------------------------------------------------------- */                                


/* +-------------------------------------------------+ */
/* | Main-pagesize controls the overall page         | */
/* | width - this should be found on almost          | */
/* | EVERY page on the site.  Without it, text       | */
/* | will spill farther to the right than            | */
/* | intended.                                       | */
/* +-------------------------------------------------+ */

  .main-pagesize { 
    width: 741px;  
    margin-left: 15px; 
    text-align: left;
  }


/* +-------------------------------------------------+ */
/* | Main-title controls the bold titles that        | */
/* | most pages contain.  The 'Main Inventory'       | */
/* | heading on the inventory page is an             | */
/* | example of this.                                | */
/* +-------------------------------------------------+ */

  .main-title {
    background-color: #c0d0bc;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    color: #a78b77;
    margin-bottom: 25px;
    padding-bottom: 5px;
  }

  
/* +-------------------------------------------------+ */
/* | Main-header controls the appearance of          | */
/* | subheadings, like 'Step #1' on the              | */
/* | instructions pages.                             | */
/* +-------------------------------------------------+ */
  
  .main-header {
    font-weight: bold;
		color: #a78b77;
    background-color: #e5eadd;
    margin: 5px 0 5px 0;
    font-size: 1.3em;
    padding-left: 5px;
  }

  
/* +-------------------------------------------------+ */
/* | Main-topmessage is the message that             | */
/* | appears beneath the search fields on            | */
/* | most pages                                      | */
/* +-------------------------------------------------+ */

  .main-topmessage { 
    font-size: 1.1em;  
    margin: 30px 0 30px 10px;  
    width: 700px; 
  }  	

  
/* +-------------------------------------------------+ */
/* | Footnote applies a general small font style     | */
/* +-------------------------------------------------+ */

  .footnote {
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
    color: #666666;
  }

  
/* +-------------------------------------------------+ */
/* | Figcap applies a general small font style       | */
/* +-------------------------------------------------+ */

  .figcap {
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
    color: #000000;
  }

 
/* +-------------------------------------------------+ */
/* | table-margin provides a slight margin offset    | */
/* | for entries in tables where we don't want the   | */
/* | text to align perfectly with the edges of the   | */
/* | columns.                                        | */
/* +-------------------------------------------------+ */

  .table-margin {margin: 20px 40px 20px 40px;}


/* ----------------------------------------------------------------------------------- */
/* FAQ Pages                                                                           */
/* ----------------------------------------------------------------------------------- */                                


/* +-------------------------------------------------+ */
/* | General FAQ Page Settings yields a nice border  | */
/* | separating each entry                           | */
/* +-------------------------------------------------+ */

  .faq {border-top: 2px solid #cccccc;}

  
/* +-------------------------------------------------+ */
/* | The 'Q'uestion letter is large and colored      | */
/* +-------------------------------------------------+ */

  p.bigQ:first-letter {
	   font-size: 300%;  
	   font-weight: normal;
	   float: left;
     margin: -5px 15px 5px 5px;
     color: #a78b77;
   }


/* +-------------------------------------------------+ */
/* | The rest of the 'Q'uestion statement            | */
/* +-------------------------------------------------+ */

  p.bigQ {
	   font-weight: bold;
     margin: 10px 0 0 0;
     color: #000000;
   }


/* +-------------------------------------------------+ */
/* | The 'A'nswer letter is large and colored        | */
/* +-------------------------------------------------+ */

  p.bigA:first-letter {
	   font-size: 300%;  
	   float: left;
     margin: -5px 15px 5px 5px;
     color: #a78b77;
   }


/* +-------------------------------------------------+ */
/* | The rest of the 'A'nswer statement              | */
/* +-------------------------------------------------+ */

  p.bigA {
     margin: 10px 0 0 0;
     color: #000000;
   }


/* ----------------------------------------------------------------------------------- */
/* Misc. Settings                                                                      */
/* ----------------------------------------------------------------------------------- */                                

/* +-------------------------------------------------+ */
/* | Div.img-dec controls the background shading for | */
/* | images on the 'About Us' and 'Email Us' pages.  | */
/* +-------------------------------------------------+ */

  div.img-dec {
    background: url('/images/home/shadow.gif') no-repeat bottom right;
    clear: right;
    float: right;
    margin: 0 0 15px 25px;
    padding: 0;
    position: relative;
  }


/* +-------------------------------------------------+ */
/* | Img-dec img controls the background shading for | */
/* | images on the 'About Us' and 'Email Us' pages.  | */
/* +-------------------------------------------------+ */
  
  div.img-dec img {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    display: block;
    margin: -5px 5px 5px -5px;
    position: relative;
  }


/* +-------------------------------------------------+ */
/* | Controls centering and such for Google AdSense  | */
/* +-------------------------------------------------+ */

  .googleads {
    text-align: center;
  }
  

/* +-------------------------------------------------+ */
/* | Alignment for the fields on the notfound page   | */
/* +-------------------------------------------------+ */

  .notfound-searchbar {
    margin: 8px 0 0 10px;
  }
  

/* +-------------------------------------------------+ */
/* | 'No Javascript' message formatting              | */
/* +-------------------------------------------------+ */

  .nojavatop {
    color: #a78b77;
    border: 2px solid #8cb2ac;
    background-color: #cbd4ba;
    margin: 25px 0px 29px 0px;
  }

  .nojavabottom {
    color: #a78b77;
    border: 2px solid #8cb2ac;
    background-color: #cbd4ba;
    margin: 10px 0px 5px 0px;
  }

  .nojavatop a         { text-decoration: none;    }
  .nojavatop a:link    { color: #a78b77; text-decoration: none;    }
  .nojavatop a:visited { color: #a78b77; text-decoration: none;    }
  .nojavatop a:hover   { color: #a78b77; background-color: #e5eadd;}
  .nojavatop a:active  { color: #a78b77; text-decoration: none;    }
  .nojavatop a:focus   { color: #a78b77; text-decoration: none;    } 
  .nojavatop a.noline  { color: #a78b77; text-decoration: none;    }

  .nojavabottom a         { text-decoration: none;    }
  .nojavabottom a:link    { color: #a78b77; text-decoration: none;    }
  .nojavabottom a:visited { color: #a78b77; text-decoration: none;    }
  .nojavabottom a:hover   { color: #a78b77; background-color: #e5eadd;}
  .nojavabottom a:active  { color: #a78b77; text-decoration: none;    }
  .nojavabottom a:focus   { color: #a78b77; text-decoration: none;    } 
  .nojavabottom a.noline  { color: #a78b77; text-decoration: none;    }

/* +-------------------------------------------------+ */
/* | The body tag MUST come at the end of the CSS if | */
/* | one wishes to set the overall background color  | */
/* | of the page.                                    | */
/* +-------------------------------------------------+ */

  body {
    background-color: #DCDABC;
    background-color: #FFFFFF;
  }