@charset "utf-8";
/*

<summary>
BookPlus Public - layout.css
</summary>
<author>Dan Nilsson, Web designer - CDON.COM</author>
<copyright>CDON.COM AB 1999-2011, all rights reserved</copyright>

*/


/* ---< site-layout >--- */

div#cart-navigation-wrapper {
	float: left;
	width: 215px;
	overflow: hidden;
}

div.content-wrapper,
form.content-wrapper {
	float: left;
	width: 560px;
	overflow: hidden;
	margin: 5px;
	margin-top: 0;
}

div#banner-content-wrapper {
	float: left;
	width: 210px;
	overflow: hidden;
}

div#footer {
	background: url(../images/layout/common/footer-content.gif) repeat-x top left;
	clear: both;
	float: none;
	margin-top: 5px;
	margin-bottom: 10px;
}

div#poweredby {
	clear: both;
	padding-top: 5px;
	padding-right: 7px;
	text-align: right;
}

div#poweredby img {
	display: inline;
}

/* ---</ site-layout >--- */


/* ---< section-wrapper >--- */

.section-wrapper {
	clear: both;
	overflow: hidden;
}

.section-wrapper div.section-shadow {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(../images/layout/common/section-shadow.gif) repeat-x top left;
	overflow: hidden;
}

.section-wrapper div.header-container {
	background: url(../images/layout/common/section-background-middle.gif) repeat-x #e4c45d;
	overflow: hidden;
}

.section-wrapper div.header-container div.left,
.section-wrapper div.header-container div.right {
	z-index: 1;
}

.section-wrapper div.header-container div.left {
	background: url(../images/layout/common/section-background-left.gif) no-repeat top left;
}

.section-wrapper div.header-container img.icon {
	float: left;
	z-index: 999;
}

.section-wrapper div.header-container h1,
.section-wrapper div.header-container h2 {
	float: left;
	color: #003333;
}

.section-wrapper div.header-container div.right {
	background: url(../images/layout/common/section-background-right.gif) no-repeat top right;
}

.section-wrapper div.header-container a {
	color: #003333;
}

.section-wrapper div.content-container,
.section-border-wrapper {
	border: 1px solid #ccc;
	clear: both;
	overflow: hidden;
}

.section-wrapper div.content-container { border-top: none; }

.section-wrapper div.content-container table {
	border-collapse: collapse;
	width: 100%;
}

.section-wrapper div.content-container table a {
	font-weight: bold;
	line-height: 1.2em;
	color: #0080a3;
}

/* ---</ section-wrapper >--- */


/* ---< section-big-wrapper >--- */

.section-big-wrapper { margin: 0; }

.section-big-wrapper div.section-shadow {
	border: none;
	margin-bottom: -5px;
}

.section-big-wrapper div.header-container h1,
.section-big-wrapper div.header-container h2 {
	font-size: 1.2em;
	border: none;
	width: 420px;
}

.section-big-wrapper div.header-container div.show-more {
	float: right;
	padding-right: 16px;
	margin-top: 7px;
	font-size: 1.2em;
	font-weight: bold;
}

.section-big-wrapper div.content-container { border: none; }

/* ---</ section-big-wrapper >--- */


/* ---< BookPlus TEMP >--- */

div.bookplus-temp {
	position: relative;
	width: 250px;
	padding: 5px;
	background: #ff6633;
	border: 1px solid #666666;
	overflow: hidden;
	display: none;
}

/* ---</ BookPlus TEMP >--- */


/* --< Start - Ratings from one star to five stars >-- */
.rating{
	width: 80px;
	height: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	position: relative;
	background: url(../images/review/star-matrix.gif) no-repeat 0 0;
}

.nostar {background-position:0 0}
.onestar {background-position:0 -15px}
.twostar {background-position:0 -30px}
.threestar {background-position:0 -45px}
.fourstar {background-position:0 -60px}
.fivestar {background-position:0 -75px}
ul.rating li {
	cursor: pointer;
	float: left;
	text-indent: -999em;
}
ul.rating li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 15px;
	text-decoration: none;
	z-index: 200;
}
ul.rating li.one a {left: 0px;}
ul.rating li.two a {left: 16px;}
ul.rating li.three a {left: 32px;}
ul.rating li.four a {left: 48px;}
ul.rating li.five a {left: 64px;}
ul.rating li a:hover {
	z-index: 2;
	width: 80px;
	height: 15px;
	overflow: hidden;
	left: 0;	
	background: url(../images/review/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position: 0px -15px;}
ul.rating li.two a:hover {background-position:0 -30px;}
ul.rating li.three a:hover {background-position:0 -45px}
ul.rating li.four a:hover {background-position:0 -60px}
ul.rating li.five a:hover {background-position:0 -75px}
/* --</ Ratings from one star to five stars >-- */