@charset "UTF-8";
/* home.css
   Styles unique to the home page */

/* ------------------ HOME PAGE --------------------------------- */
/* Home Page */
/* Text Styles */
.home #mainContent h1 {
	margin:0;
}
.home #mainContent h2 {
	position:relative;
}
.home #mainContent h2 a {
	position:absolute;
	top:2px;
	right:6px;
	text-decoration:none;
}
.home #mainContent h2 a:hover {
	text-decoration:underline;
}
.home #mainContent .widgetholder h2 a {
	position:relative;
	top:0;
	right:0;
	text-decoration:none;
}
.home #mainContent .widgetholder h2.blueback a {
	position:absolute;
	top:2px;
	right:6px;
}
.home #mainContent .widgetholder h2 a:hover {
	text-decoration:none;
}
/* Gap to h2 */
.home #mainContent .bl {
	margin-top:20px;
}

/* Header Styles */
.home #mainContent h2.blueback {
	color:#0472b6;
	margin:0;
	padding: 2px 0 3px 7px;
}
.home #mainContent .bl {
	width:100%;
}
.home #mainContent .bl.redback { background: url(/shop/2008/images/boxes/bl.gif) 0 100% no-repeat #CC0000; }
.home #mainContent h2.redback {
	color:#FFFFFF;
	margin:0;
	padding: 2px 0 3px 7px;
}
.home #mainContent h2.redback a {
	color:#FFFFFF;
}
.home #mainContent h2.redback a:visited {
	color:#FFFFFF;
}

/* Panels at the top of the Page */
.home #mainContent .homepanels {
	margin-top:10px;
}
.home #mainContent .homepanels *{
	color:#FFFFFF;
}
.home #mainContent .homepanels h3 {
	padding:0 0 4px 0;
	font-weight:bold;
	font-size:18px;
}
.home #mainContent .homepanels ul {
	list-style:outside;
	margin-left:15px;
}
.home #mainContent .homepanels ul a {
	font-weight:bold;
}
.home #mainContent .homepanels td{
	vertical-align:top;
}
.home #mainContent .homepanels img {
	padding:0;
	margin:0;
}
.home #mainContent .homepanels td.left {
	background:url(/shop/2008/images/boxes/panelBGblueLeft.jpg) bottom left no-repeat;
}
.home #mainContent .homepanels td.right {
	background:url(/shop/2008/images/boxes/panelBGblueRight.jpg) bottom right no-repeat;
}
.home #mainContent .homepanels td.center {
	background:url(/shop/2008/images/boxes/panelBGblueCenter.jpg) bottom right no-repeat;
	padding:5px 5px 14px 3px;
}

.home #mainContent .homepanels td.adventleft {
	background:url(/shop/2008/images/boxes/advent-left.jpg) bottom left no-repeat;
}
.home #mainContent .homepanels td.adventright {
	background:url(/shop/2008/images/boxes/advent-right.jpg) bottom right no-repeat;
}
.home #mainContent .homepanels td.adventcenter {
	background:url(/shop/2008/images/boxes/advent-center.jpg) bottom right no-repeat;
	padding:5px 5px 14px 3px;
}
/*.home #mainContent .homepanels ul.adventlinks li a {
	color:#EDE650;
}*/

/* Multiple Special Offers Panel */
.specialofferspanel td {
	text-align:center;
	vertical-align:top;
	background:url(/shop/2008/images/star_offer_bg.gif) top center no-repeat;
	padding-top:0;
	overflow:visible;
}
.specialofferspanel td a {
	display:block;
	margin-top:15px;
	text-decoration:none;
	font-weight:bold;
}

/* Information box for the top of page */
/*.home #mainContent .messagebox {
	background:#CCE3FF;
	
	margin:0;
	padding:17px 10px 10px 10px;
}*/
.home #mainContent .close {
	float:right;
	text-decoration:none;
	margin: -2px 5px -1em 0;
	padding:0;
	color:#333;
}
/*.home #mainContent .messagebox p {
	padding:0;
	margin:0;
}*/

/* Product Displays */
.home #mainContent a.collection {
	display:block;
	text-align:right;
}

/* Graphical Styles 'Adverts' */
.home #mainContent .ad1 {
	position:relative;
	height:170px;
	overflow:hidden;
	z-index:100;
}
.home #mainContent .ad1 p {
	padding:0 5px 0 0;
	margin:0;
	text-align:right;
}
.home #mainContent .ad1 p em {
	text-decoration: line-through;
}
.home #mainContent .ad1 p strong {
	display:block;
	font-weight: bold;
	color: #b40418;
}
.home #mainContent .ad1 .book {
	position:absolute;
}
.home #mainContent .ad1 .book img {
	border:1px solid #777;
}
.home #mainContent .ad1 .background {
	position:absolute;
	left:0;
	bottom:0;
}

.home #mainContent p.paneldescription {
	font-size: 18px;
	line-height:1em;
	margin:0;
	padding:5px 10px;
	font-weight: normal;
	color:#393;
}
/* Summer feature (and others) panel */
.home #mainContent .ad2.cd {
	height:140px;
}
.home #mainContent .ad2 {
	position:relative;
	height:175px;
	overflow:hidden;
	color:#333;
	z-index:150;
}
.home #mainContent .ad2 .book {
	float:left;
	position:relative;
	margin: 15px 1.5% 0 1.5%;
	height:100%;
	width:70px;
	text-align:center;
	text-decoration:none;
	color:#333;
}
.home #mainContent .ad2 .book p {
	position:absolute;
	bottom:0;
	left:0;
	line-height:1.2em;
}
.home #mainContent .ad2 .book.b1 p { bottom:20px; }
.home #mainContent .ad2 .book.b2 p { bottom:17px; }
.home #mainContent .ad2 .book.b3 p { bottom:23px; }
.home #mainContent .ad2 .book.b4 p { bottom:25px; }
.home #mainContent .ad2 .book.b5 p { bottom:16px; }
.home #mainContent .ad2 .book.b6 p { bottom:22px; }
.home #mainContent .ad2 .book.b7 p { bottom:14px; }
.home #mainContent .ad2 .book.b8 p { bottom:19px; }
.home #mainContent .ad2 .book.b9 p { bottom:21px; }
.home #mainContent .ad2 .book.b10 p { bottom:16px; }

.home #mainContent .ad2 .grass {
	display:block;
	width:100%;
	position:absolute;
	height:82px;
	bottom:0;
	left:0;
	background:url(/shop/2008/images/promotions/grass_panel.png) repeat-x bottom left;
}
.home #mainContent .ad2 .bfly1 {
	position:absolute;
	left:270px;
	top: 30px;
}
.home #mainContent .ad2 .bfly2 {
	position:absolute;
	right:8%;
	top:30px;
}
.home #mainContent .ad2 .title {
	position:absolute;
	padding:10px;
	left:0;
	top:0;
}
.home #mainContent .ad2 p .price {
	color:#c00;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

/* Third Style for New Releases and Coming Soon */
.home #mainContent .ad3 {
	position:relative;
	height:185px;
	margin-top:10px;
	overflow:hidden;
	color:#333;
	z-index:150;
}
.home #mainContent .ad2.cd {
	height:150px;
}
.home #mainContent .ad3 table {
	float:left;
}
.home #mainContent .ad3 .book {
	float:left;
	position:relative;
	margin: 0 3px;
	height:185px;
	width:120px;
	text-align:center;
	text-decoration:none;
	color:#333;
}
.home #mainContent .ad3 .book .holder2 {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height:1.2em;
}
.home #mainContent .ad3 .book .holder2 .description {
	display:block;
	height:72px;
	bottom:0;
}

/* Table of products */
.home #mainContent .producttable {
	text-align:center;
	margin: 5px 0;
}
.home #mainContent .producttable p {
	margin:0;
	padding:0;
}
.home #mainContent .producttable em.saving {
	display:block;
}


/* -- Experimental Page -- */
.categorybox {
	width:47.5%;
	height:225px;
	float:left;
	margin:10px 0 10px 10px;
}
.categorybox .titlewrapper {
	background:url(/shop/2008/images/boxes/GradBlueBG_start.gif) top left no-repeat;
	height:29px;
}
.categorybox h2 {
	background:url(/shop/2008/images/boxes/GradBlueBG_end.gif) right no-repeat;
	height:29px;
	font-size:23px;
	text-align:left;
}
.categorybox h2 a {
	color:#fff;
	text-decoration:none;
	text-align:left;
	line-height:28px;
	padding-left:7px;
	left:0;
	bottom:5px;
	margin-top:-2px;
}
.categorybox h2 a:hover{
	text-decoration:underline;
}
.categorybox ul {
	list-style:none;
	padding-left:8px;
	font-size:120%;
}
.categorybox li {
	padding:4px 0;
}
.categorybox .product {
	float:right;
	width:35%;
	padding:5px 0 0 5px;
	text-align:center;
}
.categorybox .product .price {
	font-weight:normal;
}