body
  {
  background-image:
  url("pix/hills.gif");
  background-color: #ffffff;
  background-repeat: repeat-x;
  font-family:verdana; 
  font-size:11px;
  margin-left: 0em;
  margin-top: 0em;
  margin-right: 0em;
  padding: 0;
  overflow-x:auto; 
  overflow-y:auto;
  }
  
/* POSITIONING HEADER TABLE */

.head {position:absolute; Top:0px; left:0px}

  
/* CLOUD POSITIONS */

.cloud_info {position:absolute; top:8px; left:367px}
.cloud_contact {Position:absolute; top:3px; left:451px}
.cloud_links {position:absolute; top:2px; left:560px} 
  

/* TEXT STYLES */

.big {font-size: 14px; font-weight: bold}
.mini {font-size: 10px; font-style: bold}
.small {color: #3F4576; font-size: 10px}
.drop {font-family: verdana; color: #000000; font-size: 11px}
.form {font-family: verdana; color: #3F4576; font-size: 11px}
.price {color: #E1005A; font-weight: bold}
.title {color: #3F4576; font-size: 14px; font-weight: bold}
.navtitle {font-size: 14px; font-weight: bold; color: #4D2600}
.twitter {font-size: 12px; color: #4D2600}
.reviewtitle {color: #3F4576; font-size: 24px; font-weight: bold}
.notice {color: #3F4576; font-weight: bold}
.spoiler {color: #ffffff}
.center {text-align:center}
.u {text-decoration: underline}


/* IMAGE STYLES */

img {border-width:0px}
img.line {height: 2px; width: 100%}
.left {float:left; margin-right:6px}
.right {float:right; margin-left:6px}


/* STRIPES POSITIONING */

.stripes
  {
  position: absolute;
  top: 74px;
  left: 0px;
  overflow:hidden;
  width:100%;
  }
 
 
/* TOP NAV BAR UNDER STRIPES */

.nav
  {
  position: absolute;
  top: 94px;
  left: 0px;
  align: center;
  background-color: #F0B7BE;
  width: 100%
  }  
    

/* BLUE NAV BOXES, POSITION, SIZE, SCROLL, TEXT SIZE, PADDING */

.zinenav
  {
  background-color: #CDD0E1;
  color:#000000;
  font-size: 10px;
  padding: 0.1cm;
  position: absolute;
   top: 127px;
   right: auto;
   bottom: auto;
   left: 16px;
  width: 150px; 
  height: 300px; 
  overflow: auto; 
  overflow-x: hidden; 
    scrollbar-3dlight-color: #eaebf2; 
    scrollbar-arrow-color: #ffffff; 
    scrollbar-base-color: #8d8f9b; 
    scrollbar-darkshadow-color: #858792; 
    scrollbar-face-color: #a1b6d1; 
    scrollbar-highlight-color: #CDD0E1; 
    scrollbar-shadow-color: #CDD0E1;
  }  


/* TITLE BARS OVER ARTICLES/REVIEWS */

.smhead
  {
  background-color:#ccdfdd; 
  color:#4d2600; 
  font-size:14px; 
  font-weight:bold;
  }  
  
  
/* MAIN CONTENT POSITIONING */

.zcontent
  {
  background-color: #ffffff;
  color: #000000;
  font-size: 11px;
  padding: 0.1cm;
  position: absolute;
   top: 150px;
   right: auto;
   bottom: auto;
   left: 180px;
  width: 580px;
  height: 290px;
  overflow: auto; 
  overflow-x: hidden; 
    scrollbar-3dlight-color: #eaebf2; 
    scrollbar-arrow-color: #ffffff; 
    scrollbar-base-color: #8d8f9b; 
    scrollbar-darkshadow-color: #858792; 
    scrollbar-face-color: #ccdfdd; 
    scrollbar-highlight-color: #CDD0E1; 
    scrollbar-shadow-color: #CDD0E1;
  }   
  

/* THIS DOES THE LINK INDENTING IN BLUE NAV BOXES */
      
.sl {text-indent: -0.3cm; margin-left: 0.3cm}


/* LINK TO COPACETIQUE SHOP POSITIONING */

.switch {position: absolute; top: 74px; right: 0px}


/* THIS KEEPS FORMS FROM HAVING SPACE AROUND THEM */

form {margin:0px}


/* HOW FORM ELEMENTS LOOK */

input, textarea, select
  {
  background-color: #FFE9E9;
  color: #1A2F4A;
  font-size: 10px;
  scrollbar-base-color:#FFE9E9;
  border-style: solid;
  border-width: 1px
  }
  

/* HOW LINKS LOOK */

a:link {color: #32598C}
a:visited {color: #1A2F4A}
a:hover {background-color: #FF1F85; color: #ffffff}
a:active {background-color: #FF1F85; color: #ffffff}

