body {   background: #D5C8C0 url('images/drd/bg.gif') repeat-x;
  font: small Verdana, Helvetica, Geneva, Arial,  sans-serif;
  margin: 0; padding: 0;  color: #666; text-align:center; }
* html body { font-size: 13px; /* for IE5 Win */
    f\ont-size: 13px; /* for other IE versions */ }
html>body { font-size: small; /* be nice to opera */ }

p, form, h1, h2, h3, h4, h5, h6, ul, li {
  font-weight: normal; padding: .7em .5em .5em 15px; margin:0;  letter-spacing:1px; }
p, blockquote, cite { margin: 1em;  line-height: 1.15em; word-spacing: 0.10em;  }
li p {padding:0 0 .5em 0;}
ul#testimonials li p {padding: 1em;}
blockquote, cite { font-family: Georgia, "Times New Roman", Times, serif; font-style: oblique; }
cite {position:relative; float:right; margin: -.5em 4em 0 0;  }
blockquote { font-size:17px; letter-spacing:0.7px; }

a {color:inherit;font-weight:bold;}
h1 a  {font-weight:normal;}
h1, h2, h3, h4, h5, h6 { font-variant:small-caps;
  margin-bottom: .2em ; line-height: 1.1em; color: #917856;  }
h1 { font-size: 200%; letter-spacing:.1em;}
h2 { font-size: 155%; }
h3 { font-size: 123%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 105%; }
strong {font-weight:bold;}
.handcursor { cursor: pointer; }

div#container { margin:15px auto; position:relative; width:960px;  
    background: url(images/drd/p-pad-blank.png) no-repeat top left scroll; text-align: left;}
#centercontent { margin:auto; position:relative;  text-align:left; }
body#about div#container, 
body#clients div#container, 
body#store div#container, 
body#content div#container  
	{ text-align: center; }
body#about #centercontent, 
body#clients #centercontent, 
body#store #centercontent, 
body#contact #centercontent 
	{ width:715px; }
body#store #centercontent { background-color:white; }
body#store  #centercontent td { background-color:white; } 
body#store  #centercontent td .productListing-heading  { background-color:#B6B7CB; } 
body#store  #centercontent td .productListing-heading a:hover {color:red;}

td { padding:5px;  }
body#home td, #search td, body#store span td   { padding:0;  }
body#home td   { padding-left:2px;  }

td.main li { list-style-type:disc; list-style-position:inside;  padding: .2em 3em; }
td.main p, td.main ul  {padding:0;}
td.main dt  { padding: .5em 3em .1em 3em; }
td.main dd  { padding: .1em 5em; }

#msg { position:absolute; top:100px; left:45px; width:275px; height:114px;}

div#header { text-align:center; padding:15px 0;
/* thanks http://www.quirksmode.org/css/clearing.html for the clearing floats tip */
    overflow: auto; width: 100% }
div#header h1 {text-align:left; font-size:5px; margin:0;  padding:1px 15px 15px 15px; }
div#header h1 a {color:inherit;color:#E8E9F0; text-decoration:none; border-bottom:none;}  
div#header p#nav { float:right; color:#fff; font-size:17px; margin:5px; padding:0 15px; }

div#cart {position:relative;  display:block; margin-left:auto; margin-right:auto;  
    width:134px; height:52px; padding:0;  }
div#cart div { background: url(images/drd/cart.png) no-repeat top left scroll; 
    width:134px; height:52px; top:4px; position:absolute; left:-75px; padding:0;margin:0;} 
 /* div#cart div p { position:absolute; display:block; top:0; left:0; color:#fee; 
     font-weight:bold; margin:0;padding:0;} */
div#cart div p { text-align:left; padding:11px 0 0 25px; margin:0;  }
div#cart a { color:#fee; font-weight:bold; cursor:hand;  }
    
#right {display:inline; float:right;  }
#left {display:inline; float:right; margin-top:60px;  width:490px; }
.box {font-size:95%;  width:445px; 
    background: url(images/drd/bg-box-body.png) no-repeat bottom left; margin:20px 0;}
.box h1 {background: url(images/drd/bg-box-top.png) no-repeat top left;  margin:0; padding:15px 27px 0 27px; z-index:-10; }
.box ul li { list-style: none;}

div#left div.box {margin-bottom:35px;}
a.productTitle {color:#fff; margin-left:5px; padding:5px;}
body#home a.productTitle {color:#333; margin-left:5px; font-size:14px; float:right;}

#inner { width:432px; position:relative; /* must specify a width for ie to recognize absolutely positioned image wrapped in box */   }
.image-block {position:relative; float:left;  }
#hair  li {text-align:right; margin-right:10px;}

#hair-person { position:absolute; bottom:0px; left:-6px; }
#skin-person { position:absolute; bottom:0px; left:3px; }
#pain_inner { background: url(images/drd/dr.png) no-repeat 100% 101%;}

.product  {  width:432px; margin:0px 3px 3px 4px; padding-bottom:5px; z-index:20;}
.product table { background-color:white; }

.snazzybox {font-size:95%;  width:445px; position: relative; }
#leaf { position:absolute; top:-11px; right:-14px; width:169px; height:114px; z-index:100;}
/* thanks http://www.cssplay.co.uk/boxes/chunky.html for the rounded box */
.xsnazzy h1, .xsnazzy h3, .xsnazzy p, .xsnazzy li {margin:0 5px; color:#fee;}
.xsnazzy li {border-bottom: thin solid #ADADCB; }
.xsnazzy h1 { border:0; padding-left:15px;}
.xsnazzy {background: transparent; 
    /* margin:1em; */
    }
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; 
    border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}

.xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#7f7f9c; border:3px solid #fff; border-width:0 3px;}
    
#search .infoBoxContents {background-color: transparent; }  
#search .myinfoBox   {background-color: transparent; border:none; vertical-align:middle; } 
/* body#home form {padding:15px 15px 15px 15px;}
body#home table form input {vertical-align: middle;}
body#home table  {margin-top: 1px;}  */
#search { width:200px;height:30px; float:right; position:relative; margin-top:-20px; margin-bottom:20px;
          background: url(images/drd/search_box.gif) no-repeat 50% 0%;  }
#search form { vertical-align:middle; padding-left:0; }          
 
#ads  { text-align:center; }   
#ads  img {margin:0 10px 10px 0;} 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.switchgroup1 p { line-height:133%;  width:89%; font-weight:normal; }
img.preload { display:none;}