/* Borders CSS */

/* GLOBAL RESETS ------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	}

ol, ul {
	list-style: none;
	}

blockquote, q {
	quotes: none;
	}

:focus {
	outline: 1px dotted #000;
	}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
  
a:link {text-decoration: none;}
	
/* END GLOBAL RESETS --------------------------------------------------------------------------- */

body  {
  background: transparent url(images/bg_body.jpg) 0 0 repeat-x;
  }

#header {
  height: 218px;
  width: 968px;
  margin: 0 auto;
  position: relative;
  }
  
#header #logo {
  padding: 49px 29px 0 3px;
  }
  
#headerlinks  {
  position: absolute;
  top: 60px;
  right: 0;
  text-align: right;
  width: 100px;
  }
  
#headerlinks #welcome {
  font-family: georgia, 'times new roman', times serif;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  }
  
#headerlinks #customercare  {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  padding-top: 25px;
  }
  
#headerlinks #customercare a  {
  color: #fff;
  text-decoration: none;
  }
  
#headerlinks #customercare a:hover  {
  text-decoration: underline;
  }
  
#headerlinks #locator {
  padding: 10px 0 0 0;
  }
  
#headerlinks #locator a {
  display: block;
  width: 100px;
  height: 24px;
  line-height: 24px;
  background: transparent url(images/bg_locator.gif) 0 0 no-repeat;
  text-decoration: none;
  }
  
#headerlinks #locator a:hover {
  background-position: 0 -24px;
  }
  
#headerlinks #locator a span  {
  position: relative;
  left: -1000em;
  }
  
#nav  {
  position: absolute;
  top: 145px;
  left: 0;
  width: 968px;
  height: 45px;
  }
  
#nav li {
  height: 45px;
  float: left;
  }

#nav li a {
  background: transparent url(images/nav_main.gif) no-repeat;
  display: block;
  height: 45px;
  overflow: hidden;
  text-decoration: none;
  }
  
#nav li.nm6 a,
#nav li.nm7 a,
#nav li.nm8 a,
#nav li.nm9 a {
  height: 30px;
  margin-top: 15px;
  }

  
#nav li a b  {
  position: relative;
  left: -1000em;
  }
  
#nav li.nm1  { width: 81px; }  
#nav li.nm1 a { background-position: 0 -90px; }
  
#nav li.nm2  { width: 73px; }
#nav li.nm2 a { background-position: -81px 0; }
#nav li.nm2 a:hover { background-position: -81px -45px; }

#nav li.nm3  { width: 67px; }
#nav li.nm3 a { background-position: -154px 0; }
#nav li.nm3 a:hover { background-position: -154px -45px; }

#nav li.nm4  { width: 139px; }
#nav li.nm4 a { background-position: -221px 0; }
#nav li.nm4 a:hover { background-position: -221px -45px; }

#nav li.nm5  { width: 84px; }
#nav li.nm5 a { background-position: -360px 0; }
#nav li.nm5 a:hover { background-position: -360px -45px; }

#nav li.nm6  { width: 121px; }
#nav li.nm6 a { background-position: -444px -15px; }
#nav li.nm6 a:hover { background-position: -444px -60px; }

#nav li.nm7  { width: 156px; }
#nav li.nm7 a { background-position: -565px -15px; }
#nav li.nm7 a:hover { background-position: -565px -60px; }

#nav li.nm8  { width: 112px; }
#nav li.nm8 a { background-position: -721px -15px; }
#nav li.nm8 a:hover { background-position: -721px -60px; }

#nav li.nm9  { width: 135px; }
#nav li.nm9 a { background-position: -833px -15px; }
#nav li.nm9 a:hover { background-position: -833px -60px; }

#subnav  {
  position: absolute;
  top: 188px;
  left: 0;
  width: 968px;
  height: 30px;
  line-height: 30px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  }
  
#subnav a:link  {
  color: #431a00;
  text-decoration: none;
  }
  
#subnav a:visited {
  color: #b10021 !important;
  text-decoration: none;
}

#subnav a:hover {
  color: #b15922;
  text-decoration: underline !important;
  }
  
#subnav a:active  {
  color: #b10021;
  text-decoration: underline;
  }
  
#subnav li {
  display: inline;
  padding: 0 10px;
  }
  
#title  {
  width: 748px;
  margin: 0 auto;
  height: 26px;
  background: transparent url(images/bg_books.jpg) 0 0 no-repeat;
  font-family: Georgia, 'Times New Roman', Times,serif;
  font-size: 18px;
  font-weight: bold;
  color: #543019;
  padding: 35px 0 0 220px;
  }
  
#container  {
  background: #fff url(images/bg_container.jpg) 0 0 repeat-x;
  }
  
#content  {
  width: 940px;
  margin: 0 auto;
  }
  
#content #readerInfo  a {
  background: transparent url(images/bg_readerInfo.jpg) 0 0 no-repeat;
  display: block;
  width: 623px;
  height: 282px;
  margin: 22px 0 0 0;
  float: left;
  }
  
#content #readerInfo  a span {
  visibility: hidden;
}

#content #readerInfo h2,
#content #readerInfo p  {
  text-indent: -1000em;
  }
  
#content #downloadInfo  {
  width: 306px;
  height: 253px;
  float: right;
  background: transparent url(images/bg_downloadInfo.jpg) 0 0 no-repeat;
  margin: 19px 0 0 0;
  text-align: center;
  color: #fff;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  }
  
#content #downloadInfo h2 {
  position: relative;
  text-indent: -1000em;
  height: 95px;
  }
  
#content #downloadInfo p.download {
  margin-top: 1em;
  }
  
#content #downloadInfo p.button {
  margin: 30px 0 0 0;
  }
  
#content #downloadInfo p a,
#content #downloadInfop a:link {
  background: transparent url(images/bg_downloadbutton.gif) 50% 0 no-repeat;
  display: block;
  line-height: 26px;
  height: 26px;
  text-align: center;
  color: #ffcc66;
  font-weight: bold;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  font-size: 12px;
  text-decoration: none;
  }
  
#content #downloadInfo p a:hover  {
  color: #fff;
  }

/* Featured Titles not used for now, but we'll keep it just in case since it's already written */  
#content #featuredTitles  {
  background: transparent url(images/bg_featuredTitles.jpg) 0 10px no-repeat;
  clear: both;
  padding: 10px 0 0 0;
  overflow: hidden;
  height: 340px;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  }
  
#content #featuredTitles h2 {
  position: relative;
  left: -1000em;
  height: 55px;
  }
  
#content #featuredTitles ul {
  padding: 0 70px 0 0;
  overflow: hidden;
  }
  
#content #featuredTitles ul ul  {
  padding: 0;
  }
  
#content #featuredTitles li {
  float: left;
  text-align: center;
  width: 210px;
  padding: 0 0 0 70px;
  }
  
#content #featuredTitles li li  {
  float: none;
  width: auto;
  padding: 0;
  }
  
#content #featuredTitles h3 {
  color: #990000;
  font-size: 15px;
  font-weight: bold;
  line-height: 16px;
  }
  
#content #featuredTitles .author  {
  color: #990000;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  }
  
#content #featuredTitles .coverart  {
  padding: 5px 0;
  }
  
#content #featuredTitles .description {
  font-size: 13px;
  color: #663300;
  line-height: 16px;
  }
  
#content #featuredTitles .description a,
#content #featuredTitles .description a:link  {
  color: #996633;
  text-decoration: none;
  }
  
#content #featuredTitles .description a:hover {
  text-decoration: underline;
  }
  
#content #featuredTitles .price {
  font-weight: bold;
  font-size: 13px;
  color: #663300;
  }
  
#content p.promo  {
  margin: 10px 0 0 0;
  }
  
#content p.banner {
  padding: 10px 0 0 0; /* using padding since FF won't respect a margin under floats */
  clear: both;
  }
  
.omniture {
  visibility: hidden;
  }
  
.omniture img {
  border: 0 none;
  width: 1px;
  height: 1px;
  }
  
#footer {
  border-top: 1px solid #e1cd96;
  margin-top: 13px;
  padding-top: 5px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color: #431a00;
  }
  
#footerMain {
  border: 1px solid #e1cd96;
  background: transparent url(images/bg_footer.gif) center bottom no-repeat;
  overflow: hidden;
  }
* html #footerMain  {
  zoom: 1;
  }
  
#footerMain li  {
  float: left;
  padding: 8px;
  }
  
#footer a,
#footer a:link  {
  color: #b10021;
  text-decoration: none;
  }
  
#footer a:hover {
  text-decoration: underline;
  }
  
#footerMain li#footerConnect  {
  width: 410px;
  }
* html #footerMain li#footerConnect {
  width: 405px;
  }

#footerConnect h3 {
  width: 92px;
  height: 10px;
  text-indent: -1000em;
  background: transparent url(images/title_connect_with_us.gif) top left no-repeat;
  padding: 0 0 10px 0;
  }
  
#footerConnect li {
  float: none;
  padding: 0 0 0 8px;
  color: #b10021;
  width: 160px;
  line-height: 15px;
  background: transparent url(images/bg_redbullet.gif) 0 5px no-repeat;
  }
  
#footerConnect li.col2  {
  margin-left: 125px;
  margin-top: -45px;
  width: 160px;
  }
  
#footerConnect li.col2item2 {
  margin-left: 125px;
  width: 160px;
  }

  #footerConnect li.col3  {
  margin-left: 255px;
  margin-top: -30px;
  width: 160px;
  }
  
#footerConnect li.col3item3 {
  margin-left: 255px;
  width: 160px;
  }

  #footerMain li#footerVisa {
  width: 167px;
  }
  
#footerVisa h3  {
  width: 75px;
  height: 10px;
  text-indent: -1000em;
  background: transparent url(images/title_borders_visa.gif) top left no-repeat;
  padding: 0 0 10px 0;
  }
  
#footerVisa p img {
  float: left;
  margin-right: 3px;
  }
  
#footerMain li#footerEmail  {
  width: 221px;
  }
  
#footerEmail h3 {
  width: 77px;
  height: 10px;
  text-indent: -1000em;
  background: transparent url(images/title_borders_email.gif) top left no-repeat;
  padding: 0 0 10px 0;
  }
  
#footerMain li#footerPayment  {
  width: 259px;
  }
  
#footerPayment h3 {
  width: 121px;
  height: 12px;
  text-indent: -1000em;
  background: transparent url(images/title_borders_accepts.gif) top left no-repeat;
  padding: 0 0 10px 0;
  }
  
#footerPayment li {
  float: none;
  display: inline;
  padding: 1px;
  }
  
#footer .footer_util  {
  padding: 13px 0;
  text-align: center;
  clear: both;
  }
  
#footer .second {
  padding: 0 0 26px 0;
  }
  
#footer .footer_util p,
#footer .footer_util ul,
#footer .footer_util li {
  display: inline;
  }

#footer .footer_util li {
  padding: 0 10px 0 0;
  }
  
#footer .footer_util li a,
#footer .footer_util li a:link  {
  padding: 0 0 0 10px;
  background: transparent url(images/bg_redbullet.gif) 0 50% no-repeat;
  }
  
#footer .footer_util  li.no-bullet a,
#footer .footer_util li.no-bullet a:link  {
  background: transparent;
  }