/* main body */
body,p,div,td,b
{ 
  background-color: #ffffff;
  color: #666666;
  font-family: Times;
  font-variant: small-caps;
  /*font-size:0.9em;*/
  /*font-family: Verdana, Geneva, Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
  }
h1 
{ 
  font-size: 1.5em;
  margin-bottom:10px;
  }

h2 
{ 
  margin-top:5px;
  font-size: 1.3em;
  }

h3 
{ 
  margin-top:5px;
  font-size: 1.1em;
  }

.text 
{ 
  font-size: 10pt;
  color: #666666;
  font-family: Times;
  /*font-variant: small-caps;*/
  /*font-size:0.9em;*/
  /*font-family: Verdana, Geneva, Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
  }

/* links */
a 
{  
  color: #660000;
  }
a:link		
{ text-decoration: none;}
a:visited	
{ text-decoration: none;}
a:active	
{ color: #fdfdfd;}
a:hover		
{ text-decoration: underline; }

.redlink 
{
  color: #660000;
  }

.announce 
{ 
  font-weight: bold;
  color: #660000;
  margin-top:1px;
  }


/* a box when no image exists */
.noimage 
{ 
  /*           border: dotted black 1px;*/
  background-color: #ffffcc;
  min-height: 50px;
  min-width: 50px;
  }


/* the box in the middle */
#middlematterNoRight 
{ 
  width: 705px; 
  height: 475px;
  /*                       border: dotted black 1px;*/
  padding: 10px;
  vertical-align: top;

  position: absolute;
  top:100px;
  left:10px;
  
  }

/* the centered box of products */
#mainContentWrapper
{ 
  position:absolute; 
  top:8px;
  }

/* the box in the middle when it has stuff on the right */
#middlematterPlusRight 
{ 
  width: 490px; 
  height: 475px;
  /*                         border: dotted black 1px;*/
  padding: 10px;
  vertical-align: top;

  position: absolute;
  top:100px;
  left:10px;
  
  }

/* the box at the top */
#topmatter 
{ 
  /*             border: dotted black 1px;              */
  height: 50px;
  width: 485px;
  /*             padding: 5px; */

  margin-right:20px;

  position: absolute;
  top:5px;
  left:5px;

  font-size: 32pt;
  font-family: Arial;
  font-style: normal;
  font-weight: lighter;
  letter-spacing: -0.1em;

  }

#topmatter a		
{ text-decoration: none; color: #999999; }

a.topmatter:link		
{ text-decoration: none; }
a.topmatter:visited	
{ text-decoration: none; }
a.topmatter:active	
{ text-decoration: none; }
a.topmatter:hover		
{ text-decoration: none; }

/* the box at the top-right for shopping */
#shoppingarea 
{ 
  /*                border: dotted black 1px;             */
  width: 270px;
  height:50px;
  text-align: center;
  vertical-align:middle;
  padding: 5px;

  position: absolute;
  top:10px;
  left:380px;

  }

/* links on the right nav */
a.righthref 
{ 
  font-family: Times;
  font-size:16pt; /*1.8em;*/
  letter-spacing: .0em;
  }

a.righthrefsub 
{ 
  font-family: Times;
  font-size: 12pt; /*1.5em;*/
  letter-spacing: .0em;
  }

.righthrefsubContainer 
{ 

  position:relative;
  }

#copyright 
{ 
  
  position: absolute;
  top:555px;
  width: 300px;
  left:5px;
  border-top: solid #cccccc 1px;
  padding-top: 5px;
  font-size: 10pt;  /*small;             */
  }

.collectionitem 
{ 
  /*border: dotted black 1px;              */

  width: 150px;
  height: 150px;
  border:0px;
  /*display:none;*/
  }
.descriptionPane 
{  
  /*                   border: dotted black 1px;             */

  padding: 5px;
  position: absolute;
  top: 77px;
  left:485px;
  width:400px;
  height: 240px;
  }

.productPrice 
{ 
  margin-bottom:0px;

  font-size: 14pt; /*1.2em;*/
  font-weight:bold;
  }

.pricePane 
{  
  /*             border: dotted black 1px;             */
  padding: 5px;
  width:400px;
  position: absolute;
  top: 360px;
  left:485px;
  height:95px;

  }

.productName 
{  
  width:400px;

  font-size: 18pt; /*2.0em;*/
  font-weight: bold;
  font-family: Times serif normal;

  }

.productsPane 
{ 
  position: absolute;
  left:5px;
  top:75px;


  }

.productSubtitle 
{  
  font-size: 16pt; /*1.7em;*/
  font-weight: bold;
  font-family: Times serif normal;
  font-style: italic;
  margin-bottom: 10px;
  }

/* pane that conatins mainly text in the center */
.textPane 
{ 
  padding: 10px;
  width: 438px;
  height:435px;
  overflow:auto;
  
  }

/* the pane in which we display other retail location 
   NOTE: should be the same height as .textPane
   */
#otherRetailLocationsTD div 
{ 
  height:435px;                             
  margin-left: 30px;
  position: absolute;
  padding: 10px;
  top:0px;
  left:170px;
  overflow:auto;
  width: 180px;
  
  /* width is controlled on otherRetailLoations.php */
  }

#otherRetailLocationsLinks a 
{ 
  font-weight: bold;
  color: #666666;
  }

#productsPaneSave 
{ 
  position: absolute;
  left:5px;
  top:75px;
  }

/* the right nav box */
#rightnav 
{ 
  width: 400px;
  height: 435px;
  padding: 5px;
  /*            border: dotted black 1px;*/

  position: absolute;
  top:75px;
  left: 485px;
  }

#rightnav a		
{ text-decoration: none; color: #666666; }

/* the newsletter pane */

#newsletter 
{ 
  position: absolute;
  bottom:-35px;
  left: 0px; 
  padding: 5px;             
  padding-top:0px;
  height:150px;
  }

.productImgPane 
{ 
  position: absolute;
  top:75px;
  left:5px;
  /*background-color: #999999;*/
  }

.productImg 
{ 
  height: 459px; 
  width: 459px;              
  }

.collectionName 
{ 
  text-align: left;
  position: relative;
  top:-15px;
  left:5px;

  font-size:7pt;
  }

.collectionPrice 
{ 
  text-align: right;

  font-size:7pt;
  }

.navigationLinks 
{ 
  font-size: 10pt;
  color: #666666;
  font-family: Verdana, Geneva, Arial, Helvetica, "Nimbus Sans L", sans-serif;                   
  }

.linkLink 
{ 
  font-size: 10pt;
  font-family: Verdana, Geneva, Arial, Helvetica, "Nimbus Sans L", sans-serif;                   
  }

/* the pages box on the top right */

.pagesBox 
{ 
  position: absolute;
  text-align: right;
  top:60px;
  left:0px;
  width:460px;
  font-size: 10pt;
  color: #666666;
  font-family: Verdana, Geneva, Arial, Helvetica, "Nimbus Sans L", sans-serif;
  }

.tbox
{
  border: #A7A7A7 1px solid;
  }

.button
{
  background-color: #FCFCFC;
  border: #AAAAAA 1px solid;
  text-align: center;
  background-image : url(ccmail/images/button.gif);
  }

/* Search */
.searchResult 
{ 
  margin: 1px;
  padding: 1px;
  }

.searchResult td 
{ 
  vertical-align: top;
  }

/* FAQ */
.faqQuestion 
{ 
  font-weight: bold;
  }

.faqAnswer 
{ 
  margin-top:5px;
  margin-bottom:10px;
  margin-left:30px;
  }

.error { 
         color:#660000;
 }

/* http://perishablepress.com/press/2008/06/14/a-way-to-preload-images-without-javascript-that-is-so-much-better/ */
div#preload { display: none; }