/* basic */
body, html{
            height:100%;
            }

body{ 
      color:black;
      font-family:Verdana,Arial,Helvetica,sans-serif;
      font-size:smaller;
      background-image:url('images/bg-tile.jpg');
      background-repeat:repeat;
      background-attachment:scroll;
      background-position:bottom center;
      background:#D0DFEE;
 }

img { 
      border:0px;
      }

a{ 
   color:#000099;
 }

a:visited{ 
           color:red;
           }

a:hover{ 
         color:red;
 }

/* layout */


#logo{  
       margin:auto;
       width:100%;
       height:236px;
       background:#D0DFEE;
       background-image:url(images/logo.jpg);
       background-position:top center;
       background-repeat:no-repeat;
       position:relative;
       z-index:0;
       }

#main{ 
       width:778px;
       background:white;
       position:relative;
       top:-40px;
       border:solid 1px black;
       padding-top:15px;
       padding-bottom:10px;
       margin:auto;
       z-index:1;
       }

#body{ 
       padding:20px;
 }

/* product detail widget */

.productWidget{ 
/*                margin:10px 10px 10px 10px; */
 }

.productWidget h2{
                   font-size:medium;
                   font-style:italic;
}

.productWidget td{ 
              padding:10px;
}

.widgetTop{ 
            border:solid 1px #CCC;
 }

.widgetBtm{ 
            border:solid 1px #CCC;
            border-top:none;
 }

/* products page table */

#products td{ 
              font-size:x-small;
              text-align:center;
              }
#products td.intro { 
                     font-size:small;
                     text-align:left;
                     width:240px;
                     padding-right:10px;
                     }

/* nav */
#nav{ 
      z-index:2;
      text-transform:uppercase;
      }
#nav a{ 
        text-decoration:none;
        color:black;
        }

#nav a:hover{ 
              color:red;
              }

#nav a.selected{ 
                 color:red;
                 font-weight:bold;
                 }

/* one offs */
#copy{ 
       font-size:smaller;
       color:#333333;
       text-transform:uppercase;
       padding-top:15px;
       padding-bottom:15px;
 }

#copy a{ 
         color:#333333;
         text-decoration:none;
         }

.bordered{ 
           padding:20px;
           border:solid 1px #CCC;
 }

.quote{ 
        color:#441E02;
        font-style:italic;
        font-size:.9em;
 }