* { margin: 0; padding: 0; }

/* Structure */
body { font: 62.5% Arial, Verdana, sans-serif; background: #fff; color: #000; padding: 10px 0; }
  #wrap {  margin:  0 auto;  width: 836px; }
  #header { width: 786px; background: #ddccbb; height: 130px;  }
  .headerBar, .headerBarTop { background: #663333; height: 15px; padding: 4px 0 4px 20px;
     border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 766px; color: #fff; }
  .headerNavigation { font-size: 10px; background: #663333; font-weight : bold;}
  .headerContent { float: left;  margin-left: 50px; padding-top: 10px; width: 280px;	}
  .headerImg { background: #ddccbb; float: left; margin: 0; padding: 0; }
  .headerImg2 { float: right; vertical-align: top; }
  .left, #left { background: #ddccbb; width: 220px; float: left; }
  .whatsnew { text-align: center; }
  .whatsnew img { padding-left: 20px; }
  .about { background: #fff; font: 1.2em; padding: 5px; border: 2px solid #ddccbb;  text-align: center;  }
  #cartbar { text-align: right; width: 786px;  }
  #main { float: left;  width: 476px; }
  #productContent, #maincontent { margin: 10px 0 0 10px; background: #FDF6F8; /* */ float: left; padding: 9px; width: 546px; }
  #widecontent { width: 100%; }
  .errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
  .stockWarning { font-size : 10px; color: #cc0033; }
  .productsNotifications { background: #f2fff7; }
  .orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }
  .productDescription { font-size: 11pt; float: left; padding: 10px; width: 546px;  }
  .productInfo { vertical-align: center;  float: left; width: 50%; }
  .productImage { margin-top: 30px; width: 50%; text-align: center; float: left; }
  .productBuy { float: left; vertical-align: middle; padding: 20px 0 0 0;  /* width: 120px; */ }
  #newLogin { float: left;  width: 280px; margin: 10px 10px 30px 98px; }
  #returnLogin { float: right; margin: 10px 98px 30px 10px; width: 280px; }
  #expressLogin { margin: 1em auto; clear: both; width: 600px; }
  .footmenu { width: 265px; float: left; margin-bottom: 15px; }
  .headerError { font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold;
	  text-align : center; }
  .headerInfo { font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; 
	  text-align: center; }
  #footer, #footer a { margin: 0 auto; font-size: 1em; clear: both; width: 796px; text-align: center; }

  .headPrice { background: #663333; float: left; width: 80px; }
  .productPrice { float: left; font-weight: bold; width: 95px; padding: 2.5em 0 0  5px;  font-size: 1.3em; vertical-align: middle; }
  .headBuy { float: left; padding-left: 5px; width: 116px; background: #663333; }
  span.infoBoxHeading, span.boxText { width: 100%; margin: 0 auto; clear: both; float: left; }
  .infoBoxContents {  background: #FDF6F8;  font-size: 10px; }
  .infoBoxNotice {  background: #CCAA99; }
  .infoBoxNoticeContents {  background: #CCAA99; font-size: 10px; }
  .infoBoxHeading {  padding: 1em 0 0 0; width: 100%; font-size: 1.5em; clear: both; line-height: 1.3em; font-weight: bold; background: #ddccbb; color: #333; }
  .infoBox { font-size: 10px;  background: #CCAA99; }
  .boxText { margin-left: 10px; background: #ddccbb; }
  #left  select { width: 90%;  }
  #left input {  }
  #left form { margin-left: 1em; font-size: 1.2em; width: 90%;  padding: 0; float: left; }
  #left img { float; left; margin: 0; padding: 0; }

   TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, 
   TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
     background: #f8f8f9; }

   TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, 
   TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
     background: #f8f8f9; }

  .productListing {  }
  .headImg, .headName, .headPrice, .headBuy, .productListing-heading { font-size: 10px;
     color: #FFFFFF;  font-weight: bold;  padding: 5px 0; }
  .productListing-data {  font-size: 10px; clear: both; }
  .headImg  { background: #663333; float: left; width: 110px; vertical-align: middle; }
  .productImg { margin: 1em 0; float: left; vertical-align: middle; text-align: center; 
     clear: both; width: 125px; }
  .headName { background: #663333; padding-left: 20px; float: left; width: 240px; }
  .productName { float: left; padding: 2em 1em  0 0; width: 210px;  }
  .productBuy { font: 1.3em Arial; margin-top: 1em; }
  .productRow { width: 100%;  border-bottom: 1px solid #663311; clear: both;  }
  .headRow { width: 100%; clear: both; }
/* Typography */
h1 { }
 .headerContent h1 { font-size: 1.2em; color: #000; font-weight: normal; }
 .rbcontent h1, #widecontent h1, #maincontent h1, .pageHeading h1, #productcontent h1 {  
  font-size: 2em; /* 16pt; */  font-weight: bold; color: #333; margin-bottom: 5px; /* #9a9a9a; */  }
 #widecontent h1 { margin-left: 20px; }
.productName h1 { padding: 5px; font-size: 10pt;  color: #000; }
.productInfo h1 { font: 17pt Arial; font-weight: bold; margin: 0 5px; }
.headerBar h1, .headerBarTop span { clear: both; width: 100%; color: #fff; font-size: .9em;  font-weight: normal; float: left; }

h2 {}
.productInfo h2 { padding:  10px 0; color: #BB0000; }
#left h2 { clear: both; font-size: 1.5em; padding: .8em 0 0 10px; }
h2 span.retailPrice { color: #000; text-decoration: line-through; }
h2 span.productSpecialPrice { color: #bb0000; }
h3 {}

  #newLogin h3, #returnLogin h3, #expressLogin h3 {
  color: #663311;
  font-weight: bold;
  font: 14pt Arial;
  text-transform: uppercase;
  border-bottom: 1px solid #000; }

 .rbcontent h3 { clear: both; text-transform: uppercase; color: #333; font-size: 1.3em;   border-bottom: 1px solid #999;  padding: 0; margin: 1.2em 1.2em 0 1.2em; }

p {  font-size: 1em; line-height: 1.2em;   margin: .5em;}

/* Links */

a {}
A { color: #0000CC; text-decoration: none; }
  a.headerNavigation, a.productModel {  font-weight: normal; text-decoration: underline; font-size: 1.2em; color: #fff; }
  .productName a { font-size: 1.2em;  line-height: 1.2em;  color: #663333; font-weight: bold; }
  #headerNavigation a.productModel { color: #eee; }
  .boxText a, #left ul li a { color: #663311; font-size: 1.2em;  vertical-align: middle; line-height:  1.3em; }
  #cartbar a { color: #663311; background: #fff; font-size:  1em; text-decoration: underline; }
  pageResults a { color: #0000FF; }
.headerBarTop a, .headerBarTop a:hover { color: #fff; text-decoration: none; }
.rbcontent p a { color: #000; text-decoration: underline; }

a:hover {}
  a:hover { color: blue; /* #CC0033;*/  text-decoration: underline; }
  #headerNavigation a:hover {  }
  .boxText a:hover, productImage a:hover {  }
  .headerNavigation a:hover { }
  #cartbar a:hover { color: blue;  }
  #footer a:hover { }
  pageResults a:hover { color: #0000FF; background: #FFFF33; }
 .rbcontent p a:hover { color: blue; }

/* Lists, images, etc. */
.boxText ul, #left ul { }
.boxText li, #left li {  width: 96%; height: auto; padding: 0 2%; clear: both; float: left; list-style-type: none;  }
.selected, li.selected, a.selected { color: purple; }
.boxText img, #left img { float: left; padding: 0; }
.cartbuttons img { margin: 5px 0px 0 10px; }

.productInfo img { float: left; }

img { border: 0; }
FORM {	display: inline; }
.productRow input { font-size: 1.1em; }

div.row {
  clear: both;
  padding-top: .8em;
  }

div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  font: 1.3em Arial;

  }

div.row span.formw, div.row span.checkbox {
  float: right;
  width: 335px;
  text-align: left; 
 } 

span.formw input { width: 200px; }
span.formw select { width: 200px; }


div.row span.contactLabel { 
   clear: both;
   width: 100%; 
}

span.formContact input { width: 200px; } 



.headerContent ul, .headerContent li { list-style-type: none; }
.headerContent li { font-size: 1.2em; }

.productDescription ul { margin: 0 0 0 1.5em;  padding: .5em 0;  }
.productDescription li { line-height: 1.2em; }

.productImage a { color: blue; text-decoration: underline; }
.productImage p { text-align: center; }

.subBar {  background: #f4f7fd; }
.subBar {  font-size: 10px; color: #000000; }

.main {  font-size: 11px; line-height: 1.5; }

.smallText {  font-size: 10px; float: none; }

TD.accountCategory {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 1.3em;
}

TEXTAREA {
  width: 100%;
  font-size: 1.3em;
}

SPAN.greetUser {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Verdana, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, Verdana, sans-serif; font-size: 10px; color: #ff0000; }


/* set millions of background images */
.rbroundbox, #expressLogin, #newLogin, #returnLogin { background: url(/images/bg_nt.gif) repeat; }
.roundbox { font-size: 1.3em; margin: 10px 0 0 10px;  float: left; background: url(/images/bg_nt.gif) repeat; width: 566px;  }
.roundbox ul { margin-left: 3em; }
.roundbox li { margin: 5px 0; }
.roundbox p { padding: .5em 1em; }
.roundbox h1 { margin-left: .8em; }
.roundbox h2 { margin: 1em 0 0 1em; }
.rbtop div { background: url(/images/bg_tl.gif) no-repeat top left; }
.rbtop { background: url(/images/bg_tr.gif) no-repeat top right; }
.rbbot div { background: url(/images/bg_bl.gif) no-repeat bottom left; }
.rbbot { background: url(/images/bg_br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { width: 100%; clear: both; }
.rbroundbox { float: left; width: 250px;  margin: 1em auto; }
.rbLoginbox { float: left; width: 250px; margin: 1em auto; }

.customers_are_saying li { margin-top: 1.3em;  font-style: italic;  }
.red { color: #CC3333; }
.chocolate-notice { background: #FFFFCC; padding: 7px; }
#maincontent2 { margin: 0px 0 0 0px; background: #FDF6F8; /* */ float: left; padding: 0px; width: 786px; }