@charset "utf-8";
/* CSS Document */

h2 { color: #FFFFFF; font-size: 1.4em; }
h2 span { color: #645236; font-size: 0.8em; font-weight: normal }

#products-title { margin-left: 45px; margin-top: 220px; }
#products-text { margin-left: 43px; margin-top: 10px; }

/* --------------------------------------------------------------------------------------------------------- */
/*  Books                                                                                                    */
/* --------------------------------------------------------------------------------------------------------- */

div#book-thumbnails { width: 348px; border: 1px solid #8f7752; position: absolute; top: 200px; left: 526px; }
div#book-thumbnails div.thumbnails img { margin: 0; padding: 0; float: left; }

div#content-container { position: relative; }

div#book-images { width: 350px; position: absolute; top: 450px; left: 526px; }

div#book-images p { position: absolute; font-size: 1em; }
div#book-images.page-1 p { width: 280px; top: 380px; left: 45px; }
div#book-images.page-2 p { width: 280px; top: 280px; left: 45px; }
div#book-images.page-3 p { width: 280px; top: 380px; left: 45px; }
div#book-images.page-4 p { width: 280px; top: 290px; left: 50px; }
div#book-images.page-6 p { width: 280px; top: 385px; left: 45px; }
div#book-images.page-7 p { width: 280px; top: 260px; left: 50px; }

div#book-buttons { margin: 2em 0; }

#content-header-books{
	background:url(../img/hero-books.jpg) #000;;
	background-repeat:no-repeat;
	height: 340px;
	width: 900px; 
}

#content-header-products{
	background: url(../img/hero-products.jpg) #000;;
	background-repeat:no-repeat;
	height: 340px;
	width: 900px; 
}

/* --------------------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------------------- */
/*  Products                                                                                                 */
/* --------------------------------------------------------------------------------------------------------- */

#products { width: 820px; padding: 0 40px; background: #000 url(../img/bg-content.jpg) repeat-y; line-height: 1.5em; color:#b79562; }

#products div.hero { position: relative; min-height: 400px; border-top: 1px solid black; border-bottom: 1px solid #403628; }
#products div.hero img.hero { position: absolute; }
#products div.hero div.hero-details { width: 500px; margin-left: 320px; }
#products div.hero h2 span { display: block; font-size: 1em; margin-top: 0.3em; }
#products dl { float: left; }
#products div.hero dl.position1 { width: 170px; }
#products div.hero dl.position2 { width: 170px; margin-left: 140px; }
#products dl dt { color: #FFFFFF; font-weight: bold; font-size: 1.2em; }
#products dl dt span { display: block; font-weight: normal; font-size: 0.9em; }
#products dl dd { margin: 0; padding: 0.4em 0; }
#products dl dd.price { font-weight: bold; }
#products dl dd.sale { font-weight: bold; color:#fff; margin-top:-0.5em; }

/*#products div.hero dl.position2 dt,
#products div.hero dl.position2 dd { margin-left: 143px; }
#products div.hero dl.position2 dt { padding: 0; border-bottom: none; clear: left;  }
#products div.hero dl.position2 dd.image { overflow: visible; position: relative; margin-left: 0px; top: -3.7em; float: left; }
#products div.hero dl.position2 dd.image img { float: left;  position: relative; }*/

#products div.hero dl.position2 dd.image { position: relative; }
#products div.hero dl.position2 dd.image img { position: absolute; top: -40px; left: -145px;  }
* html #products div.hero dl.position2 dd.image img { left: 215px; }

#products div.products-secondary { float: left; }
#products div.products-secondary div.box-sets { width: 379px; border-right: 1px solid #403628; float: left; padding: 20px 20px 20px 0; }
#products div.products-secondary div.previous-volumes { width: 379px; float: left; padding: 20px 0 20px 20px; }

#products div.products-secondary dl { width: 188px; }


/* --------------------------------------------------------------------------------------------------------- */

div.privacy { margin-top: -30px; }

div.privacy dl dt { color: #FFFFFF; font-weight: bold; font-size: 1.2em; margin-top: 1.5em; }
div.privacy dl dd { margin: 0; padding: 0.4em 0; }
div.privacy dl dd ul { list-style: none; margin: 0; padding: 0; }
div.privacy a { color: #b79562; }
div.privacy a:hover { color: #FFFFFF; }
div.privacy a:visited { color: #CCCCCC; }