html {margin: 0; padding: 0;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;     font-size: 90%;     line-height: 110%;}
body { margin: 0; padding: 0;  background: #fff url(images/logo.gif) 5px 1px no-repeat;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;     font-size: 90%;     line-height: 110%;}div#top { position:relative; height: 50px; width: 100%; }div#banner {position: relative; margin: 0;  background: #686A69 url(images/top_bg.gif) 0 0 repeat-y; width: 100%; height: 180px;border-bottom: 5px solid #CF2125; border-top: 1px solid #000;}div#banner p {  margin: 0px; margin-top: 20px; padding-top: 10px; margin-left: 50%; color: #fff; font-size: 14px; font-weight: bold; }div#banner ul { margin: 5px; margin-left: 52%; font-size: 12px;   }div#banner ul li { margin: 0;  color: #fff;}div#inset { position: absolute; margin-top: 76px; background: #828483 url(images/text_bg.gif) 0 0 repeat-y; width: 100%; height:57px; }h1 { font-size: 1.3em; padding: 20px 20px 0 10px; color: #cf2125;  }h2 { font-size: 1.2em; color: #cf2125; padding: 5px ;font-weight:normal;  }div#inset p { font-size: 1.4em; color: #666; padding:0;margin:0;margin-left: 280px; padding-top: 5px; font-weight:normal; letter-spacing:0.2em; }div#inset p.insetline {font-size:1.1em;font-weight:bold;margin:0; padding:0px; margin-left:320px;padding-top:6px;}div#inset p.insetline span {color:#cf2125;}h3 { font-size: 1.1em;  color: #000000; padding: 5px 20px;font-weight:bold;  }h4 { font-size: 1em; color:#cf2125; padding:5px 20px;font-weight:bold;}.highlight {  margin:10px; margin-left:10%; margin-right:10%; background:#FFFEDD; border:1px solid #000;}.highlight p {font-size:0.9em; line-height:120%; margin:5px; padding:5px; }html>body #inset h1 { padding-top: 6px; }strong {font-weight:bold;background:transparent;}#leftside h3, #rightside h3 { padding: 6px; padding-left: 10px ; margin: 0;background: #fbfbfb; border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc; }p { padding: 5px 10px; line-height:120%;color:e5e5e5; }#subnavs {float:left;margin:0;margin-bottom:8px;}*html #subnavs {margin-bottom:0;}#subnavs ul {margin-bottom:20px;}#subnavs ul { float: left; margin: 0;  padding: 0; list-style-type: none; }#subnavs ul li { margin: 0; display: block; margin-bottom: 1px;}#subnavs ul li a { color: #999; background: #fff url(images/arrow.jpg) 10px 8px no-repeat; font-weight: bold; display: block; border-bottom: 1px dotted #ccc;padding-top: 6px; padding-bottom: 6px;  padding-left: 20px;  width: 135px; text-decoration: none; font: 11px Verdana, sans-serif; }#subnavs a:hover { background: #fbfbfb url(images/arrowover.jpg) 10px 8px no-repeat; color: #000; }#subnavs a.here { background:#fff url(images/arrowover.jpg) 10px 8px no-repeat ; color: #333; font-weight:bold;}* html  #subnavs ul li a { height: 1%; }#subnavs a.last {border-bottom:none;}#content li { line-height: 120%; margin:5px; color:#000;}#leftside p  { margin: 0; padding: 8px; padding-left: 14px; margin-bottom: 10px;font-size:0.9em;line-height:130%;}#rightside h3.bestseller { margin-top:252px;border-top:none;}* html #rightside h3.bestseller {margin-top:-2px;height:16px;}#rightside p { padding: 0px 6px 0px 14px;  margin-bottom: 10px; }em { font-weight: bold; background: #FBFCAB;}#rightside a.special {  text-decoration: underline;  border: none; padding: 0; margin: 0;}.rightbox { width: 180px; height: 100%; margin: 20px;  padding: 20px 10px;    }div#topimage { position: absolute; background: transparent height: 253px; width: 260px;  }.mainimg {position: absolute; background: transparent url(images/banner_photo.jpg) 0 0 no-repeat; height: 253px; width: 220px;  }.bmsimg {position: absolute; background: transparent url(images/yoga_banner.jpg) 0 0 no-repeat; height: 253px; width: 220px;  }.businessimg {position: absolute; background: transparent url(images/business_banner.jpg) 0 0 no-repeat; height: 253px; width: 260px;  }.cookingimg { position: absolute; background: transparent url(images/cooking_banner.jpg) 0 0 no-repeat; height: 253px; width: 260px;  }.craftsimg { position: absolute; background: transparent url(images/crafts_banner.jpg) 0 0 no-repeat; height: 253px; width: 260px;  }.familyimg { position: absolute; background: transparent url(images/family_banner.jpg) 0 0 no-repeat; height: 253px; width: 300px;  }.gamesimg { position: absolute; background: transparent url(images/games_banner.jpg) 0 0 no-repeat; height: 253px; width: 260px;  }.healthimg {position: absolute; background: transparent url(images/health_banner.jpg) 0 0 no-repeat; height: 253px; width: 220px;  }.petsimg {position: absolute; background: transparent url(images/pets_banner.jpg) 0 0 no-repeat; height: 253px; width: 220px;  }.selfhelpimg {position: absolute; background: transparent url(images/self_help_banner.jpg) 0 0 no-repeat; height: 253px; width: 220px;  }.sportsimg {position: absolute; background: transparent url(images/sports_banner.jpg) 0 0 no-repeat; height: 253px; width: 220px;  }.technologyimg {position: absolute; background: transparent url(images/technology_banner.jpg) 0 0 no-repeat; height: 253px; width: 380px;  }div#band { margin: 0; margin-top: 3px; height: 30px; width: 100%; background: #000; }div#band form {margin:0; padding:0; float:right;border:none;}div#band p, div#band form p { font-size:0.85em; color:#fff;margin:0;padding:0;padding-top:3px;font-weight:bold;}div#band form input.search {font-size:0.85em;}div#container { margin: 0; padding: 0; width: 100%; height: 100%; background: #fff;  }div#leftside { position:absolute;left:0;  width: 190px;  background: #fff; }div#rightside { position:absolute;right:0;  margin-right: 0; padding: 0; width: 160px; height: 100%; background: #fff; }div#leftside img { float: left; padding: 12px 6px 20px 0;  margin: 0; width: 75px; height: 90px; background: transparent; }a img { border: none; }div#content { min-height:880px; height:auto;  margin: -11px 160px 0 192px;  padding: 0 10px 30px 10px;  height: 100%;background:transparent url(images/ebooks.jpg) top right no-repeat; border-left: 1px dotted #ccc;border-right: 1px dotted #ccc; }* html div#content { height:880px;margin-right:163px;}p.feature { font-size: 11px; line-height: 100%; }.clear { clear: both; }hr {  margin-top: 10px; margin-bottom: 10px; width: 60%; background: #cf2125; }html>body hr { margin-top: 30px; margin-bottom: 30px; }ol { padding: 20px; padding-top: 3px; margin-bottom: -15px;}ol li {margin-left: 20px;}#rightside ol, #leftside ol { padding: 20px; padding-top: 3px; margin-bottom: -15px;}#rightside ol li, #leftside ol li { margin-left:10px;text-decoration:none; }#rightside ol li a, #leftside ol li a { font-size:0.85em; color:#999;text-decoration:none;}#rightside ol li a:hover {background:#fbfbfb;}#leftside ol li a:hover {background:#fbfbfb;}* html #rightside ol {margin:0; margin-bottom:-10px;padding-left:20px;padding-top:10px;}div#nav {        position: absolute; margin: 0;        background: transparent; width: 100%;        height: 28px;}div#nav ul    {      float: right;  margin: 0;      padding: 0;      list-style-type: none; z-index: 50;    } div#nav li { margin: 0; display: inline;  float: left;} div#nav a    {      color: #fff;  display: block;      background: #000 ;  font-weight: bold;   text-align: center;      padding-top: 6px; padding-bottom: 2px;  width: 100px; height: 20px;      text-decoration: none;  border-right: 1px solid #999; border-bottom: 1px solid #999;      font: 11px Verdana, sans-serif; z-index: 50;    }    div#nav a:hover    {      color: #000;  background: #fff;  border-right: 1px solid #000; border-bottom: 1px solid #000;    }div#nav a.first { border-left: 1px solid #999; }div#nav a:hover.first { border-left: 1px solid #000; }div#nav a.here { background: #cf2125; color: #fff;  }div#topnav {        position: absolute; margin: 0;  margin-top: 35px;        background: transparent; width: 100%;        height: 20px; }div#topnav ul    {      float: right;  margin: 0;      padding: 0;      list-style-type: none; z-index: 50;    } div#topnav li { margin: 0; display: inline;  float: left;} div#topnav a    {      color: #000;  display: block;      background: transparent ;  font-weight: bold;   text-align: center;      padding: 0px; padding-right:8px; padding-left:8px;      text-decoration: none;  border-right:1px solid #000;      font: 11px Verdana, sans-serif; z-index: 50;    }    div#topnav a:hover    {      color: #cf2125;    }div#topnav li a.last { border-right:none;}em.required { font-size:0.8em; color: #cf2125; font-weight:bold; background:#f8f8f8;}.submit { margin-left:140px;}form { border:1px solid #ccc; width:30em;}div#leftside form, div#rightside form { width:175px; margin:2px;margin-left:5px;}.sub { margin-left:10px;}* html #leftside form, #rightside form { width:180px; margin-bottom:0px; }fieldset {background:#f8f8f8; margin-left:30px; width:25em; margin-bottom:5px;}#leftside ul { margin-left:-15px;}#leftside ul li { padding:3px; padding-left:18px;list-style-type:none; background:transparent url(images/checkmark.gif) 0 4px no-repeat;}* html  #rightside ul li a { height: 1%; }* html #leftside ul { margin-left:10px; }img.floatleft { float:left; width:113px; height:172px; margin:10px;}.signature { float:left; width:98px; height:40px; margin:10px; margin-top:0; background:transparent url(images/signature.gif) 0 0 no-repeat;}div#content ol { margin-left:30px;color:#999;}#leftside p.privacy { font-size:0.8em; }*html p.privacy {margin-top:6px;}.privacy em { color:#cf2125; background:#fff;}* html #leftside ol {margin-left:5px;}#footer { margin:0;padding:4px; padding-bottom:10px; border-top:1px dotted #ccc; background:#f8f8f8;}.footernav    {     margin:auto;  margin-left:30%;      padding: 0;  padding-bottom:20px;    }.footernav ul {  margin:auto; padding:0; list-style-type:none; }.footernav li { display: inline;  float: left; }.footernav a    {      width:80px;      display: block;  text-align:center;      background: transparent ;  font-weight: bold;      text-decoration: none; color:black;  padding-bottom:10px;      font: 10px Verdana, sans-serif; z-index: 50;    }    .footernav a:hover {color:#cf2125;}    #footer p {margin:0; padding:0; float:left; color:black; background:transparent; font:10px Verdana, sans-serif;}html * #related ul li a { height:1%;}.center { margin:auto;}#content input .description { width:20em; height:4em;}.affiliate {margin:30px 0 10px 0;  float:left;width:100%;text-align:center;}#ebooks {float:left;margin-bottom:32px;padding-bottom:4px;width:96%;height:150px;}* html #ebooks {margin-bottom:10px;}img.leftcol { height:120px; width:100px; margin:8px;margin-left:0;border:none;}.leftcol {float:left;width:31%;margin:10px 0 10px 10px; border:1px solid #ccc;border-right:none;padding-bottom:2px;}.middlecol {float:left;width:31%;margin:10px 0 10px 0;border:1px solid #ccc;border-right:none;padding-bottom:2px;}.rightcol {float:left;width:31%;margin:10px 5px 10px 0;  border:1px solid #ccc;padding-bottom:2px;}.leftcol h3, .middlecol h3, .rightcol h3 {margin:0; text-align:center; background:#fbfbfb; border-bottom:1px solid #ccc;}#ebooks p { font-size:0.8em;margin:0; padding:0;padding-top:8px;}img.store { float:left; height:202px; width:260px; margin:10px; margin-right:15px;padding:10px; border:1px solid #ccc;}img.bookstack { float:right; height:300px; width:177px; margin:10px; padding:10px; }legend {color: #fff;background: #cf2125;border: 1px solid #781351;padding: 2px 4px;margin-top:3px;font-size:0.8em;}#leftside form p, #rightside form p {margin:0; margin-bottom:5px; margin-top:5px;padding:0;font-size:0.8em;}#leftside fieldset, #rightside fieldset { margin-left:8px;width:140px;}* html #leftside fieldset, *html #rightside fieldset { margin-left:8px;width:160px;}#leftside .submit, #righside .sub { float:left;margin-left:20px;font-size:0.8em;margin-bottom:3px;}#leftside .reset, div#rightside .reset {margin-left:0;font-size:0.8em;margin-bottom:3px;}#leftside input[type="text"], #rightside input["type="text"] { width: 13em;font-size:0.8em; padding:0; }/*fading text at top*/.fade-box {        margin-left: 0px;        position: absolute;        top: 16;        width: 300px;        height: 150px; border:1px solid green;      }      .fade-box p {        width: 280px;        padding: 5px 10px 0 10px;        margin: 0;        background: #E0EADF;      }      .fade-box h2 {        width: 290px;        margin-top: 2px;        padding-left: 10px;      }  #title-box {        width: 764px;        height: 30px;        /* the following is a hack to work around IE's box model */        //height: 64px;        padding-top: 4px; margin-left:300px;        background: transparent;border:1px solid red;      }      #page-title {        margin: 0 0 0 30px;        display: block;        width: 160px;        height: 30px;        padding: 2px 0px 0px 4px;        background: url(images/heading-back.gif) no-repeat;  border:1px solid yellow;      }      #crossfade-container {        margin: 0px 0px 0px 10px;        width: 300px;        height: 150px;        background: url(images/fade-box-bg.gif);        }      #introduction p {        width: 290px;        padding: 5px 10px 0 10px;        margin: 0;      }      #introduction h2 {        width: 290px;        margin-top: 10px;        padding-left: 10px;      }            /* the boxes that fade */      #box-1 {              }      #box-2 {              }      #box-3 {              }#discounts form { width:100%;}#discounts textarea {width:100%;}
