html {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
  background-color: #c1c8db;
  background-image: url('/images/layout/yellow_background.jpg');
  background-repeat: repeat;
}

div#header
{
  width:100%;
  height:180px;
  background-image: url('/images/layout/red_background.jpg');  
}

div#headerContainer
{
  margin-left:auto;
  margin-right:auto;
  padding-top:10px;
  width:900px;
}

div#navContainer
{
  margin-top:-20px;
  margin-left:auto;
  margin-right:auto;
  width:900px;
  height:70px;
  background:transparent;
}

div#cartContents
{
  background:#FFE9D2; 
  border:1px solid #FF8C1A; 
  padding:5px;
  margin-top:10px;
}

div#mainContainer
{
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  width:904px;
}

div#msg
{
  clear:both; width:95%; margin:auto; padding:10px; text-align:center;background:#FFE9D2; border:1px solid #FF8C1A; font-weight:bold;margin-bottom:10px
}

div#contentArea
{
  margin:0px; width:884px;
  padding:10px; 
  background:url('/images/layout/body_back.png') repeat-y;
}
.blue {background:#B1D0F3; border:1px solid #1A61B0; font-weight:bold; font-size:16pt;padding:5px}
.simpleblue {background:#B1D0F3; border:1px solid #1A61B0;padding:5px}
.orange {background:#FFE9D2; border:1px solid #FF8C1A; font-weight:bold;padding:5px}
.simpleorange {background:#FFE9D2; border:1px solid #FF8C1A; padding:5px}
h3 {color:#AA0000;font-weight:bold;font-size:14pt; margin-bottom:5px}
.error {background:#FFC0C0}

/** Listing **/
                
  /*             styles for the star rater                */  
  .star-rating{
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 150px;
    height: 30px;
    float:left;
    position: relative;
    background: url(/images/layout/star_rating.gif) top left repeat-x;    
  }
  .star-rating li{
    padding:0px;
    margin:0px;
  
    /*\*/
    float: left;
    /* */
  }
  .star-rating li a{
    display:block;
    width:30px;
    height: 30px;
    line-height:30px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
    overflow:hidden;
  }
  .star-rating li a:hover{
    background: url(/images/layout/star_rating.gif) left center;
    z-index: 2;
    left: 0px;
    border:none;
  }
  .star-rating a.one-star{
    left: 0px;
  }
  .star-rating a.one-star:hover{
    width:30px;
  }
  .star-rating a.two-stars{
    left:30px;
  }
  .star-rating a.two-stars:hover{
    width: 60px;
  }
  .star-rating a.three-stars{
    left: 60px;
  }
  .star-rating a.three-stars:hover{
    width: 90px;
  }
  .star-rating a.four-stars{
    left: 90px;
  }  
  .star-rating a.four-stars:hover{
    width: 120px;
  }
  .star-rating a.five-stars{
    left: 120px;
  }
  .star-rating a.five-stars:hover{
    width: 150px;
  }
  .star-rating li.current-rating{
    background: url(/images/layout/star_rating.gif) left bottom;
    position: absolute;
    height: 30px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
  }
  
  
  /* menu */ 
#menu{ margin:0px; padding:0px; list-style:none; color:#000; line-height:55px; 
    float:left; z-index:1000; width:880px;background:url('/images/layout/nav_back.gif') repeat-x; } 
#menu a { color:#000; text-decoration:none; font-size:12pt; } 
#menu li { cursor:pointer; float:left; position:relative; padding:0px 20px;} 
#menu li:hover { background:url('/images/layout/nav_back_hover.gif') repeat-x;} 
#menu li a:hover {color:#AE0000;} 
#menu .navEnd {background:transparent; padding:0px;} 

/* sub-menus*/ 
#menu ul { padding:0px; margin:0; display:block; display:inline;; border:1px solid #FF8040;} 
#menu li ul { position:absolute; left:-10px; top:-15px; margin-top:55px; width:140px; line-height:16px;
    background-color:#FFFF80; color:#000000; /* for IE */ display:none; } 
#menu li:hover ul { display:block;} 
#menu li ul li{ display:block; padding: 5px 10px;  border-top: dotted 1px #606060; width:120px;
    list-style-type:none;} 
#menu li ul li:first-child { border-top: none; } 
#menu li ul li a { display:block; color:#000000; font-size:10pt} 
#menu li ul li:hover { color:BLUE; background:#FFC0C0} 
#menu li ul li a:hover { color:BLUE; } 
/* main submenu */ 
#menu #main { left:0px; top:-16px; padding-top:20px; background-color:#7cb7e3; color:#fff; 
    z-index:999;} 

.checkout table
{
  border:1px solid black;
}

.checkout th {border-bottom:2px solid black; font-weight:bold; text-align:center}