p, ul {
  font  : 10pt "trebuchet MS", Arial, Helvetica, sans-serif;
}

/* =============================== */
/* =========== Layout ============ */
/* =============================== */

body {
  margin: 0px;
  padding: 0px;
  max-width: 1100px;
}

.top {
  margin-top:    10px;
  margin-right:  20px;
  margin-bottom: 0px;
  margin-left:   20px;
  padding: 0px;
}

.footer {
  margin-left: 220px;
  margin-right:220px;
  margin-top:  30px;
  margin-bottom: 0px;
  padding: 0px;
  border-top: 1px solid #AA8844;
}
    
.centercol {
  margin-top: 2em;
  margin-left: 220px;
  margin-right:220px;
}

.centercolX {
  margin-top: 2em;
  margin-left: 220px;
  margin-right:480px;
}

.rightcolX {
  position: absolute;
  right:  0px;
  top:   190px;
  margin-left:   20px;
  margin-right:  20px;
  padding: 0px;
  width: 440px;
}

.invoice {
  margin-top: 2em;
  margin-left: 10em;
  margin-right: 10em;
}

.leftcol {
  position: absolute;
  left:  0px;
  margin-left:   20px;
  margin-right:  20px;
  padding: 0px;
  width: 180px;
}

.rightcol {
  position: absolute;
  right:  0px;
  top:   200px;
  margin-left:   20px;
  margin-right:  20px;
  padding: 0px;
  width: 180px;
}

table.xpreferredCurrency {
  float: right;
  padding: 3px;
  width: 180px;
}


td.flag {
  line-height:60%;
}

td.currency {
  padding-left:20px;
  line-height:60%;
}

/* =============================== */

img.rfloat { 
  float: right;
}

A:link, A:visited {
  text-decoration: none;
  color: #0077AA;
}

div.logged {
  padding-top: 1ex;  
}

/* ============ hmenu style  */
#hmenuContainer {
  background-color: #ffcc99;
  border-top:    1px solid #AA8844;
  border-bottom: 1px solid #AA8844;
  padding: 0px;
  margin: 0px;
}

#hmenu {
  /* 10px makes pushes the menu down a little which looks nicer */
  margin-top: 0px;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 200px;
}

#hmenu .item {
  border-right: 1px solid #AAAAAA;
}
#hmenu .first,  .hmenu .first{
  border-left: 1px solid #AAAAAA;
}

#hmenu A.item {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 20ex;
}      

#hmenu A.highlight:hover {
  background-color: #fda;
}      
    
/* ======================================================== */

.listprice { 
  text-decoration: line-through;   
}

table.buy {
  background-color: #ffddaa;
  border: 1px solid #AA8844;
}

table.buy td.header {
   font-size: larger;
   text-align: center;
   padding-bottom: 1ex;    
   padding-top: 1ex;    
   background-color: #FFCC99;
}

table.buy td.title {
  text-align: left;
  font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: larger;
  background-color: #ffddaa; 
  border-top: 2px solid #AA8844;
  padding-top: 4px;  
  padding-left: 1em;    
}

table.buy td.price {
  font-weight: bold;
  color: #900;
  text-align: right;
  background-color: #ffddaa; 
  padding-right: 1em;    
  padding-top: 4px;    
  border-top: 2px solid #AA8844;
}


table.buy td.desc {
  padding-left: 2em;  
  background-color: #ffddaa;
  vertical-align: top;
}

table.buy td.add_cart {
  background-color: #ffddaa; 
  padding-left: 1ex;  
  padding-right: 1ex;  
  padding-top: 3px;  
  padding-bottom: 1ex;
  vertical-align: top;
}

table.buy td.view_cart {
  background-color: #ffddaa; 
  padding-left: 0ex;  
  padding-right: 1ex;  
  padding-top: 3px;  
  padding-bottom: 1ex;
  vertical-align: top;
}


table.buy td.separator {
   border-bottom: 1px solid #AA8844;
}

.bold {
  font-weight: bold;
}

table.recommend {
  background-color: #EEE;
  border: 1px solid #CCCCCC;
}

/* ==================================*/
/*              Menu stuff           */
/* ==================================*/
.menu_header, .menu_item, .menu_separator {
  width: 180px;
  font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: smaller;
}

.menu_header {
  border:1px solid #AAAAAA;
  background: #CCCCCC; 
  padding-left: 1ex;
  padding-right: 1ex;
}

.menu_header:hover {
  background: #BBB; 
}

.menu_item:hover {
  background: #DDD; 
}

.menu_separator {
  line-height: 4px;
}

.menu_item {
  background: #EEEEEE;
  border-top:   0px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  border-bottom:1px solid #AAAAAA;
  border-left:  1px solid #AAAAAA;
  padding-left: 2ex;
  padding-right: 1ex;
}

table.review td {
 padding-top: 2ex;
}

td.review {
 border-bottom: 3px solid #444;
}

/* product header, used in products */
/* #AA8844; */
.product_header {
   border-bottom: 2px solid #AA0000;
}

.brown_sep {
  border-top: 1px solid #AA8844;
  padding-bottom: 5px;  
}

.big {
  font-size: larger;
  font-weight: bold;
}

.big2 {
  font-size: 200%;
}

.small {
  font-size: smaller;
}

.red {
  color: #AA0000;
}


/* =========================================================================== */
/* ============= sexy link, hlink (headerLink) and qLink (qosLink) =========== */
/* =========================================================================== */

/* extra padding required to hold sexy links */
td.qLink {
   padding: 2px 0px 4px 0px;
}  

a.hlink {
  font-size: smaller;
  margin:  0px 0px 0px 1ex; 
  text-decoration:underline
}


a.qLink, input.qLink, a.hlink {
   background: #FFF; 
   color: #0079C5;   
   font-family: "Comic Sans MS", sans-serif;
   white-space: nowrap;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

}

a.qLink, input.qLink, span.qLink {
   font-size: 14px;
   font-weight: bold;

   border-top:    2px solid #DDD;  
   border-left:   2px solid #DDD;  
   border-right:  2px solid #888;  
   border-bottom: 2px solid #888;    
   padding: 0px 1em 0px 1em;
   margin:  0px 0px 3px 0px; 
}
  
a.qLink:hover, input.qLink:hover, a.hlink:hover {
   background: #E0E0EF;
   cursor: pointer;
}

a.qLink:active, input.qLink:active, a.hlink:active {
   background: #E8E8EF;
   border-top:    2px solid #DDD;  
   border-left:   2px solid #DDD;  
   border-right:  2px solid #DDD;  
   border-bottom: 2px solid #DDD;  
   cursor: pointer; 
}
/* =================================== */

TABLE.drive {
  background-color: #ffddaa;
  border: 1px solid #AA8844;
}

TABLE.drive .header {
  background-color: #ffcc99; 
  border-bottom: 1px solid #AA8844;
}

TABLE.drive .icon {
  text-align: right; 
  vertical-align: baseline;
  padding: 0ex;
}

TABLE.drive .item {
  padding-left: 1ex;
}

.feedback {
  color: #A00; 
}

.error_emp {
  font-size: larger; 
  /* border: 1px solid #AA8844; 
  padding-right: 1ex; 
  padding-left: 1ex; */
}