/* 
Project : School Search Site(s)
Author : Rade New Media
Date : Monday, 6 April 2009
*/

a img {border: none;}

body
{
	background: url('../images/bg_bookshop.jpg') top repeat-x;
}

/* Bookshop Styling */
div#BookshopNav
{
	background: url('../images/topbg_bookshop.jpg') no-repeat;
	width: 850px;
	height: 22px;
	position: absolute;
	left: 24px;
	top: -9px;
}

h1
{
	color: #2054B4;
}
h2
{
	color: #2054B4;
}
h3
{
	color: #2054B4;
}
h4
{
	color: #2054B4;
}
h5
{
	color: #2054B4;
}
h6
{
	color: #2054B4;
}

/* Navigation Styling */
ul#nav
{
	margin: 5px 0 0 260px;
}
#nav li
{
	border-right: #2054B4 1px solid;
}
#nav li a
{
	color: #2054B4;
}
#nav li a:hover
{
	color: #6491E3;
}

ul#leftNav
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}
#leftNav li
{
	padding: 3px 0;
}
#leftNav li a
{
	color: #333;
	text-decoration: none;
}
#leftNav li a:hover
{
	color: #666;
	text-decoration: underline;
}
#leftNav li.download
{
	border-top: #c2c2c2 1px solid;
	border-bottom: #c2c2c2 1px solid;
	margin: 10px 5px 10px 0;
	padding: 5px 2px;
}
#leftNav li.download a
{
	color: #984850;
}

/* Header Styling */
div#header
{
	height: 70px;
	padding: 13px 0 0 0;
}
#logo
{
	background: url('../images/logo_bookshop.jpg') no-repeat;
	width: 377px;
	height: 43px;
	float: left;
	margin-top: 40px;
}
#logo a
{
	display: block;
	width: 377px;
	height: 43px;
}
#logo span
{
	display: none;
}
#johncatt
{
	float: right;
}

div#searchBar
{
	background: url('../images/search_bookshop.jpg') repeat-x;
	height: 19px;
	border-right: #93B5C7 1px solid;
	margin-top: 20px;
	position: relative;
	padding: 5px 0 7px 5px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
#searchBarLeft
{
	background: url('../images/searchleft_bookshop.jpg') no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 31px;
}
.bookSearch
{
	width: 141px;
	border: #c3c3c3 1px solid;
	background: #fff;
}
.searchInput
{
	width: 305px;
	border: #c3c3c3 1px solid;
	background: #fff;
}
.goBookshop
{
	background: url('../images/go_bookshop.jpg') no-repeat;
	width: 27px;
	padding: 4px 3px 4px 0;
	text-transform: uppercase;
	color: #fff;
	border: 0;
	font-size: 10px;
}
.checkout
{
	background: url('../images/checkout_bookshop.jpg') no-repeat;
	width: 131px;
	height: 26px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	border: 0;
	padding: 0 0 0 25px;
	position: absolute;
	top: 3px;
	right: 2px;
}

/* Content Area */
div#left
{
	width: 180px;
	float: left;
	margin: 10px 0 0 0;
}
.lefttop
{
	background: url('../images/lefttop_bookshop.jpg') no-repeat;
	width: 176px;
	height: 4px;
	overflow: hidden;
}
.leftbottom
{
	background: url('../images/leftbottom_bookshop.jpg') no-repeat;
	width: 176px;
	height: 5px;
}
.leftcontent
{
	background: #fff url('../images/leftbg_bookshop.jpg') top repeat-x;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	width: 158px;
	padding: 10px 5px 10px 10px;
}
.CreditCards
{
	background: url('../images/creditcards_bookshop.jpg') no-repeat;
	width: 176px;
	height: 16px;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 0;
}
.CardsContent
{
	background: #fff;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	width: 158px;
	padding: 10px 5px 10px 10px;
	text-align: center;
}
.CardsContent img
{
	margin-right: 5px;
}
.protx
{
	width: 158px;
	padding: 10px 5px 10px 10px;
	text-align: center;
	margin-top: 10px;
}

div#right
{
	width: 495px;
	float: right;
	margin: 10px 0 0 0;
}
.righttop
{
	background: url('../images/righttop_bookshop.jpg') no-repeat;
	width: 495px;
	height: 4px;
	overflow: hidden;
}
.rightbottom
{
	background: url('../images/rightbottom_bookshop.jpg') no-repeat;
	width: 495px;
	height: 5px;
}
.rightcontent
{
	background: #fff;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	width: 478px;
	padding: 5px 5px 10px 10px;
	overflow: hidden;
}
.newRelease
{
	width: 105px;
	float: left;
	margin: 10px 6px;
	color: #720510;
	font-weight: bold;
}

/* Footer Styling */
div#footer
{
	color: #720510;
}
div#footer a
{
	color: #720510;
}

