/* 
  Dschocolate.com Custom CSS
    
  == STRUCTURE: ========================
   * Page width:            760 px
   * Number of columns:     22
   * Column width:          25 px
   * Margin width:          10 px
  ======================================
   
*/
body { 
  background: #472b29 url(../gfx/bodybgshadow.gif) repeat-y scroll top center;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
}
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

p { /* Making this the site font style for p */ 
  font: 110%/1.2em Georgia, "Palatino Linotype", "Book Antiqua", serif; 
  color: #2857e1;
}
.container {
  position: relative; 
  background: #fff4e8 url(../gfx/containerbg.gif) repeat-y scroll top left; 
  height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
  }
/*.no-after:after { content: ""; display:block;height:0px;clear:both;visibility:visible;overflow:hidden; }*/
.navmenu { /* Menu for flavors etc */
  background: transparent; 
  padding: 10px 0px;
  color: #2857e1;
  margin-right: -2px !important;
  z-index: 3;
  position: relative; /* Needed for z-index */
  
}
.navmenu h4,
.productbody h4 { font-size: 21px; color: #2857e1; margin-bottom: 0; font-weight: bold; }

.navmenu h4 { padding-left: 13px; }
.navmenu ul { 
  list-style: none; 
  margin: 0;
}
.navmenu li {
  font: normal normal normal 14px/1.3em Georgia, "Palatino Linotype", "Book Antiqua", serif;
  margin-left: 10px;
  padding-left: 3px;
  padding-right: 5px;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.navmenu li a { font: 14px Georgia, "Palatino Linotype", "Book Antiqua", serif; }
.navmenu li.current,
body#truffle-portwine      ul.navmenu li.portwine,
body#truffle-raspberry     ul.navmenu li.raspberry,
body#truffle-champagne     ul.navmenu li.champagne,
body#truffle-hazelnut      ul.navmenu li.hazelnut,
body#truffle-zinfandel     ul.navmenu li.zinfandel,
body#truffle-margaritalime ul.navmenu li.margaritalime,
body#truffle-apple         ul.navmenu li.apple,
body#truffle-orange        ul.navmenu li.orange,
body#truffle-amaretto      ul.navmenu li.amaretto,
body#truffle-coffee        ul.navmenu li.coffee,
body#truffle-cognac        ul.navmenu li.cognac,
 { /* Product Nav Menu */ 
  border-top: 1px solid #e1e3f0;
  border-bottom: 2px solid #e1e3f0;
  border-left: 1px solid #e1e3f0;
  background-color: white;
}
.sectionheader { height: 194px;  }
.sectionheader h3 { height: 194px; width: 760px; margin: 0; padding: 0; }
.sectionheader h3#truffles    { background: #fff url(../gfx/header_truffles.jpg) no-repeat scroll top left; }
.sectionheader h3#softcenters { background: #fff url(../gfx/header_softcenters.jpg) no-repeat scroll top left; }
.sectionheader h3#brittles    { background: #fff url(../gfx/header_brittles.jpg) no-repeat scroll top left; }
.sectionheader h3#nuts        { background: #fff url(../gfx/header_nuts.jpg) no-repeat scroll top left; }
.productbody { 
  padding: 10px; 
  border-left: 2px solid #e1e3f0;
  border-bottom: 2px solid #e1e3f0;
  border-right: 2px solid #e1e3f0;
  background-color: white;
  z-index: -1;
  postion: relative; /* Needed for z-index */
  /*width: 609px;*/
  height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:30em; /* real browsers */
}
.productbody hr {
  height: 2px;
  background-color: #3a5fcd;
  margin-bottom: 0.5em; 
}
.productbody p { /* Making this the site font style for p */ 
  font: 110%/1.2em Georgia, "Palatino Linotype", "Book Antiqua", serif; 
  color: #2857e1;
}
.productbody p .alt { font-size: 120%; }
.sellbox h5 { text-align: center; font-size: 120% !important; }
.sellbox ul { background-color: white; list-style: none; margin: 0; padding: 0.5em 5px 0.85em 0px; text-align: center; }
.sellbox li { text-align: right; margin-bottom: 1.25em; }
.milkchocolate { background-color: #9d6f3d; }
.darkchocolate { background-color: #3c2c24; }
.darkchocolate form, 
.milkchocolate form { background-color: white; font-size: 130%;}
.milkchocolate h5,
.darkchocolate h5 { 
  color: #FFF4E8;
  border: 3px solid #fff4e8;
  margin: 1px;
  padding: 1em 0px; 
  font: italic normal bold 1em Georgia, "Palatino Linotype", "Book Antiqua", serif;
}
.milkchocolate h5 { background-color: #9d6f3d;}
.darkchocolate h5 { background-color: #3c2c24;}

/* Shea Revised Image Replacement [ Doesn't work in IE5 ] ( http://www.mezzoblue.com/tests/revised-image-replacement/ ) */
/*
a.button-add2cart { width: 78px; height: 22px; display: inline-block; position: relative; }
a.button-add2cart span { 
  background: url(gfx/add2cart.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;} */
	
/* Semantic CSS Image Replacement ( http://www.evotech.net/blog/2007/09/css-image-replacement-method/ ) */
.imgreplacement,
a.button-add2cart,
.imgrep {
  display:-moz-inline-box;
  display:inline-block;
  background:transparent none 0 0 no-repeat;
  text-indent:-3000px;
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);
  vertical-align:bottom;
}
a.button-add2cart { 
  width: 78px; height: 22px;
  background-image:url(../gfx/add2cart.gif);
  cursor: pointer;
}
.boxicon { background-image: url(../gfx/boxicons.gif); display: inline-block; }
div.milkchocolate li.box6  .boxicon  { width: 7px;  height:11px; background-position:  0px 0px;   }
div.milkchocolate li.box15 .boxicon  { width: 19px; height:11px; background-position:  0px -12px; }
div.milkchocolate li.box48 .boxicon  { width: 23px; height:15px; background-position:  0px -24px; }
div.darkchocolate li.box6  .boxicon  { width: 7px;  height:11px; background-position:  0px -40px; }
div.darkchocolate li.box15 .boxicon  { width: 19px; height:11px; background-position:  0px -52px; }
div.darkchocolate li.box48 .boxicon  { width: 23px; height:15px; background-position:  0px -64px; }

.sprite-topnav_softcenters      { background-position: 0 -1px;   } /* offset: 280 x 35 */
.sprite-topnav_nuts             { background-position: 0 -35px;  } /* offset: 571 x 35 */
.sprite-topnav_truffles         { background-position: 0 -69px;  } /* offset: 160 x 35 */
.sprite-topnav_contact          { background-position: 0 -103px; } /* offset: 665 x 35 */
.sprite-topnav_contact_over     { background-position: 0 -137px; } /* offset: 665 x 35 */
.sprite-topnav_brittles_over    { background-position: 0 -171px; } /* offset: 448 x 35 */
.sprite-topnav_brittles         { background-position: 0 -205px; } /* offset: 448 x 35 */
.sprite-topnav_truffles_over    { background-position: 0 -239px; } /* offset: 160 x 35 */
.sprite-topnav_nuts_over        { background-position: 0 -273px; } /* offset: 571 x 35 */
.sprite-topnav_softcenters_over { background-position: 0 -307px; } /* offset: 280 x 35 */

#container-example li { /* Just a reminder how to use style the rules for the parent to the rules above */
   background: url(../csg-48ab4e2d614f7.jpg) no-repeat top left;
   
}    
.sprite-contact a           { background-position: 0 -1px;   } /* offset: 665 x 35 */
.sprite-contact a:hover     { background-position: 0 -171px; } /* offset: 665 x 35 */
.sprite-softcenters a       { background-position: 0 -35px;  } /* offset: 280 x 35 */
.sprite-softcenters a:hover { background-position: 0 -273px; } /* offset: 280 x 35 */
.sprite-brittles a          { background-position: 0 -103px; } /* offset: 448 x 35 */
.sprite-brittles a:hover    { background-position: 0 -69px;  } /* offset: 448 x 35 */
.sprite-truffles a          { background-position: 0 -239px; } /* offset: 160 x 35 */
.sprite-truffles a:hover    { background-position: 0 -137px; } /* offset: 160 x 35 */
.sprite-nuts a              { background-position: 0 -307px; } /* offset: 571 x 35 */
.sprite-nuts a:hover        { background-position: 0 -205px; } /* offset: 571 x 35 */
#logo { position: absolute; }
#header { position: relative; background: url(../gfx/header.jpg) no-repeat top left; }
ul#topnav { 
  position: relative;
  width: 760px; height: 81px;
  margin: 0; padding: 0;
  list-style: none;
}
ul#topnav li { position: absolute; display: block; top: 35px; }
ul#topnav li.sprite-truffles      { left: 140px; width: 95px;  }
ul#topnav li.sprite-softcenters   { left: 260px; width: 145px; }
ul#topnav li.sprite-brittles      { left: 428px; width: 97px;  }
ul#topnav li.sprite-nuts          { left: 551px; width: 64px;  }
ul#topnav li.sprite-contact       { left: 649px; width: 99px;  }
ul#topnav li a {
   background-image: url(../gfx/csg-48ab6e3aa5ecf.jpg);
   background-repeat: no-repeat;
   display: block; 
   height: 33px; height: 33px;
}
#logo h1 {
  position: absolute; top: 2px;
  /*top offset 11x2
        bottom offset 113x76*/
  width: 102px; height: 74px; 
}

.footer ul {
  margin: 1em; padding: 0.25em;
}
.footer ul li {
  list-style: none;
  display: inline;
}
.footer ul li p {
  text-align: center;
}