body {
  background-color: #b4a169;
  margin: 0;
  padding: 0;
  font-family: verdana, tahoma, geneva, sans-serif;
  font-size: 11px;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

#all {
  background: url(assets/bg_all.gif) #ecd4a5;
  width: 850px;
  margin: auto;
}

/* beginning of head section */

#head {
  background: url(assets/bg_head.jpg) no-repeat;
  width: 845px;
  height: 116px;
  margin: 0;
  padding: 0;
}

#logo {
  position: absolute;
  margin: 11px 0 0 20px;
}

#logo a {
  cursor: pointer;
}

/* beginning of #headtop */

#headtop {
  width: 845px;
  height: 40px;
  margin: 0;
  padding: 0;
  text-align: right;
}

#headtop ul.htnav {
  float: right;
  color: #000;
  list-style: none;
  margin: 14px 45px 0 0;
  padding: 0;
  text-align: right;
  display: inline;
}

#headtop ul.htnav li {
  float: left;
  display: inline;
}

#headtop a {
  color: #000;
}

#headtop li.hthome {
  padding: 5px 8px;
}

#headtop li.htlogin {
  padding: 5px 8px;
}

#headtop li.htcartgif {
  padding: 3px 0 0 8px;
}

#headtop li.htcart {
  padding: 5px 8px 8px 0;
}

#headtop li.htabout {
  padding: 5px 8px;
}

#headtop li.htform {
  padding: 0 0 0 8px;
}

#headtop form.htsearch {
  margin: 0;
  padding: 0;
}

#headtop input.htinput {
  padding: 0;
  width: 135px;
  background-color: #f9f2e2;
}

#headtop input.htgo {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
}

/* end of #headtop */
/* beginning of #headmiddle */

#headmiddle {
  float: right;
  width: 845px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  line-height: normal;
}

#headmiddle ul {
  float: right;
  display: inline;
  list-style: none;
  margin: 0 25px 0 0;
  padding: 11px 10px 0 0;
}

#headmiddle a {
  float: left;
  display: block;
  color: #333333;
  text-decoration: underline;
  padding: 6px 15px 6px 10px;
}

/* Commented Backslash Hack
  hides rule from IE5-Mac \*/

#headmiddle a { float: none; }
/* End IE5-Mac hack */

#headmiddle li {
  float: left;
  padding: 0 0 0 5px;
  margin: 0;
}

#headmiddle li.hmactive {
  background: url(assets/tab_hmactive_left.gif) no-repeat top left;
}

#headmiddle li.hmactive a {
  background: url(assets/tab_hmactive_right.gif) no-repeat top right;
  color: #000;
}

/* end of #headmiddle */
/* beginning of #headbottom */

#headbottom {
  background: url(assets/bg_headbottom.gif) repeat-x;
  color: #fff;
  text-align: right;
  width: 845px;
  height: 36px;
  margin: 0;
  padding: 0;
  clear: right;
}

#headbottom ul {
  clear: both;
  list-style: none;
  margin: 0 40px 0 120px;
  padding: 12px 0 0 0;
}

#headbottom li {
  display: inline;
  padding: 0 8px;
}

#headbottom a:link {
  color: #fff;
  text-decoration: none;
}

#headbottom a:visited {
  color: #fff;
  text-decoration: none;
}

#headbottom a:hover {
  color: #fff;
  text-decoration: underline;
}

#headbottom a:active {
  color: #fff;
  text-decoration: none;
}

/* end of head section */
/* beginning of middle section */

#middlecontainer {
  background-color: #ecd4a5;
  width: 845px;
  margin: -6px 0 0 0;
  height: 630px;
  padding: 0;
}

#tagline {
  background: #ecd4a5 url(assets/h1_tagline.jpg) no-repeat;
  margin: 0;
  width: 845px;
  height: 130px;
}

#tagline h1 {
  margin: 0;
  padding: 0;
  height: 100px;
  text-indent: -9999px;
}

#leftcolumn {
  display: inline;
  float: left;
  margin: -30px 0 0 20px;
  width: 560px;
}

#feature {
  background: url(assets/h2_feature.jpg) no-repeat;
  width: 560px;
  height: 110px;
  margin: 0 0 10px 0;
}

#feature div.featleft {
  width: 425px;
  float: left;
}

#feature h2 {
  font-size: 18px;
  color: #fff;
  width: 395px;
  height: 30px;
  margin: 0 5px 0 15px;
  padding: 5px 5px 0 5px;
}

#feature p.feattext {
  width: 395px;
  color: #fff;
  text-align: justify;
  margin: 0 0 0 15px;
  padding: 0 5px 0 5px;
}

#feature ul.featlist {
  color: #fff;
  margin: 0 0 0 15px;
  padding: 5px;
  width: 395px;
  font-size: 14px;
  font-weight: bold;
  list-style: none;
}

#feature li.featprice {
  display: inline;
  padding: 0 30px 0 0;
  vertical-align: top;
}

#feature li.featseries {
  display: inline;
  padding: 0 5px;
}

#feature li.featinfo {
  display: inline;
  padding: 0;
}

#feature p.featgif {
  float: right;
  margin: 10px 10px 0 0;
  padding: 0;
}

#product {
  float: left;
  width: 560px;
  margin: 0;
}

#product div {
  width: 184px;
  height: 195px;
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
}

#product h4 {
  background: url(assets/h4_product.gif) no-repeat;
  width: 184px;
  height: 23px;
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
  padding: 12px 0 0 0;
  margin: 0;
}

#product h4 a {
  color: #000;
}

#product #product1a {
  background: url(assets/bg_prd_a.jpg) repeat-x;
  margin: 0 4px 0 0;
}

#product #product2a {
  background: url(assets/bg_prd_a.jpg) repeat-x;
  margin: 0 4px 0 0;
}

#product #product3a {
  background: url(assets/bg_prd_a.jpg) repeat-x;
  margin: 0;
}

#product #product1b {
  background: url(assets/bg_prd_b.jpg) repeat-x;
  margin: 0 4px 0 0;
}

#product #product2b {
  background: url(assets/bg_prd_b.jpg) repeat-x;
  margin: 0 4px 0 0;
}

#product #product3b {
  background: url(assets/bg_prd_b.jpg) repeat-x;
  margin: 0;
}

#product p {
  float: left;
  margin: 4px 0 0 3px;
  padding: 0;
  display: inline;
}


#product ul.productlink {
  list-style: none;
  color: #fff;
  margin: 8px 2px 0 92px;
  padding: 0px;
}

#product ul.productlink li {
  padding: 3px 0;
}

#product ul.productlink li a {
  color: #fff;
}

#product p.productprice {
  clear: left;
  font-weight: bold;
  margin: 4px 0 7px 14px;
  padding: 0;
  display: inline;
}

#product ul.productbutton {
  clear: left;
  margin: 0;
  padding: 0 0 0 14px;
  list-style: none;
}

#product ul.productbutton li {
  display: inline;
}

#product div.productfoot {
  background: url(assets/ft_product.gif) no-repeat bottom right;
  width: 184px;
  height: 27px;
  margin: 18px 0 0 0;
  padding: 0;
  text-align: center;
}

#product div.productfoot a {
  color: #000;
  font-weight: bold;
}

#rightcolumn {
  display: inline;
  float: right;
  margin: -30px 45px 0 0;
  width: 210px;
}

#author {
  background-color: #405a71;
  width: 210px;
  height: 315px;
}

#author h3 {
  background: url(assets/h3_author.gif) no-repeat;
  font-size: 15px;
  color: #fff;
  width: 210px;
  height: 25px;
  text-align: center;
  margin: 0;
  padding: 10px 0 0 0;
}

#authorpic {
  background: #000;
  width: 210px;
  height: 75px;
  margin: 0;
  padding: 0;
}

#authorpic p.authorbio {
  font-size: 12px;
  color: #fff;
  text-align: right;
  margin: 0 10px 0 120px;
  padding: 10px 5px;
}

#authorpic p.authorbio a {
  color: #fff;
  text-decoration: underline;
}

#author p.authorquote {
  font-style: italic;
  color: #fff;
  margin: 0 10px;
  padding: 15px 5px 0 5px;
}

#author p.authorfrom {
  float: left;
  font-style: italic;
  color: #fff;
  margin: 0 10px;
  padding: 10px 5px 0 5px;
  display: inline;
}

#author p.authorlink {
  font-style: italic;
  color: #fff;
  list-style: none;
  text-align: right;
  margin: 0 10px 0 55px;
  padding: 10px 0 0 0;
}

#author p.authorlink li {
  display: inline;
}

#author p.authorlink a {
  color: #fff;
  text-decoration: underline;
}

#authorfoot {
  background: url(assets/ft_author.gif) no-repeat bottom left;
  margin: 0;
  padding: 0;
}

#authorfoot ul.authorbutton {
  text-align: right;
  list-style: none;
  margin: 16px 10px 0 10px;
  padding: 0;
}

#authorfoot ul.authorbutton li {
  margin: 0;
  padding: 0 0 8px 0;
}

#myages {
  background: url(assets/bg_myages.jpg) repeat-x;
  width: 210px;
  height: 185px;
  margin: 10px 0 0 0;
}

#myages h5 {
  background: url(assets/h5_myages.gif) no-repeat;
  font-size: 14px;
  color: #000;
  text-align: center;
  text-decoration: underline;
  padding: 5px 0 0 0;
  margin: 0;
  width: 210px;
  height: 30px;
}

#myages a {
  color: #000;
  font-weight: bold;
}

#myages form.myform {
  margin: 0;
  padding: 0;
  display: inline;
}

#myages ul.mytop {
  margin: 0 10px;
  padding: 4px 0;
  list-style: none;
}

#myages ul.mytop li {
  display: inline;
}

#myages li.myuser {
  padding: 0 2px 0 0;
}

#myages input.myuserinput {
  width: 115px;
  background-color: #f9f2e2;
}

#myages li.mypass {
  padding: 0 6px 0 0;
}

#myages input.mypassinput {
  width: 76px;
  background-color: #f9f2e2;
}

#myages li.mygo {
  vertical-align: bottom;
}

#myages ul.mybottom {
  margin: 10px 10px 5px 10px;
  padding: 0;
  list-style: none;
}

#myages ul.mybottom li {
  padding: 0 0 5px 0;
}

#myages li.myregister {
  font-size: 12px;
  text-align: center;
  padding: 0;
}

/* end of middle section */
/* beginning of foot section */

#foot {
  background: #b4a169 url(assets/bg_foot.gif) no-repeat;
  width: 850px;
  height: 50px;
  margin: auto;
  padding: 10px 0 0 0;
}

#foot ul {
  color: #fff;
  list-style: none;
  margin: 0 45px 0 20px;
  padding: 0;
  text-align: center;
}

#foot li {
  border-right: 1px solid #fff;
  display: inline;
  padding: 0 8px;
  margin: 0;
}

#foot a {
  text-decoration: underline;
  color: #fff;
}

#foot li.ftcopyright {
  border: none;
  padding: 0 10px 0 0;
  margin: 0;
}

#foot li.ftnotube {
  border: none;
}