#search{
	position:			absolute;
	right:				25px;
	top:				5px;
}
#logo{
	position:			absolute;
	left:				0;
	top:				30px;
}
#eyecandy{
	height:				180px;
	background-image:	url(banner/innerpage-book.jpg);
}
#logo{
	display:			none;
}
#upperSitemapLink a{
	color:				white;
	text-decoration:	none;
	margin-right:		10px;
	border-width:		0;
	padding-bottom:		2px;
}
#upperSitemapLink a:hover{
	border-bottom:		1px solid white;
}
#container{
	width:				784px;
	background-color:	white;
	height:				100%;
	display:			block;
	background-position:350px 400px;
	background-repeat:	repeat-y;
}
.containerWrapper{
	padding-left:		17px;
	background-repeat:	repeat-y;
}
.containerInner{
	padding-right:		17px;
	position:			relative;
	background-position:top right;
	background-repeat:	repeat-y;
}
#footer{
	margin-bottom: 		0;
	margin-left:		-17px;
	margin-right:		-17px;
	padding-bottom:		40px;
	background-image:	url(images/footer-background.jpg);
	background-position:bottom;
	background-repeat:	no-repeat;
}
#upperFooter{
	border-top:			1px solid silver;
	border-bottom:		0px solid silver;
	padding-top:		7px;
	margin:				0 17px;
	margin-bottom:		-5px;
	background-color:	white;
}
#footerNav{
	padding-top:		15px;
	position:			relative;
}
#footNavLinks{
	left:				290px;
	top:				5px;
}
#webkitchenCredit{
	position:			absolute;
	right:				10px;
	top:				8px;
}
#webkitchenCredit a{
	border-width:		0;
}
#navigation{
	margin-top:			0;
	margin-bottom:		0;
	font-size:			1.2em;
	line-height:		1.5em;
	background-position:bottom right;
	background-repeat:	repeat-x;
}
#subNavigation{
	background-repeat:	repeat-x;
}
#subNavigation ul a{
	padding-top:		4px;
	padding-bottom:		4px;
}
#breadcrumbs{
	position:			absolute;
	top:				0;
	right:				0;
	margin-right:		20px;
	z-index:			2;
}
#breadcrumbs, #breadcrumbs a{
	color:				#666 !important;
}
#content .inner{
	border:				1px solid white; /* not sure why this is needed but it is */
}
#pageTitle{
	margin-top:			30px;
	display:			none;
}
#feedburnerCredit{
	display:			none;
}
#subscribeOptions{
	height:				8em;
	padding-top:		30px;
	background-image:	url(images/subscription-watermark.gif);
	background-repeat:	no-repeat;
	background-position:15px 10px;
}
#subscribeOptions .innner{
	z-index:			2;
}
#subscribeButton{
	margin-top:			10px;
	float:				left;
	margin-left:		35px;
}
#content .inner{
	padding:			35px 80px 20px 30px;
}
.googleMap{
	width:				100%;
	height:				300px;
	border:				1px solid silver;
	margin:				15px 0;
	position:			relative;
}
/* ------- payment input --------- */
.paymentSection{
	float:				right;
	margin-top:			15px;
	text-align:			right;
	margin-left:		10px;
	margin-right:		0px;
	width:				130px;
} 
.paymentSection img{
	display:			none;
}
.paymentSection form{
	height:				25px;
}
.paymentSection form button{
	position:			absolute
	right:				0;
	top:				0;
}
#lowerPaymentInput{
	text-align:			right;
}
#lowerPaymentInput .paymentSection{
	margin-top:			0;
	margin-bottom:		20px;
	z-index:			3;
}
.paymentSection button{
	margin-right:		0;
}
#cart_link{
	display:			none;
	margin-top:			30px;
	margin-left:		10px;
	margin-bottom:		30px;
}
#cart_link button{
	margin-top:			10px;
	margin-left:		10px;
}
#lowerPaymentInput {
	padding-bottom:		20px;
	z-index:			3;
}
/*
#lowerPaymentInput .paymentSection form{
	margin-right:		20px;
}
.paymentSection{
	text-align:			right;
	font-size:			1.1em;
}
.paymentSection span{
	margin-right:		35px;
}
#lowerPaymentInput .paymentSection span{
	margin-right:		70px;
}
.paymentSection form{
	position:			absolute;
	right:				0px;
	text-align:			right;
	padding:			0;
}
.paymentSection form button{
	position:			absolute;
	right:				0;
	top:				-2px;
	margin:				0;
}
*?
/* -------- colours -------------- */
body{
	/*background-color:	#990000;*/
	background-color:	#F2F2F2;
	color:				#444;
}
#navigation li.selected a, #navigation a:hover{
	background-repeat:	repeat-x;
	background-image:	url(images/navigation-background.png) !important;
	color:				white !important;
}
#navigation a{
	color:				#555;
	margin:				0 !important;
}
#navigation{
	border-bottom:		2px solid #96999D;
}
#subNavigation li{
	border-bottom:		1px solid #96999D;		
}
.containerInner{
	background-image:	url(images/right-body-shadow.jpg);
}
.containerWrapper{
	background-image:	url(images/left-body-shadow.jpg);
}
#subNavigation{
	background-repeat:	repeat-x;
}
#subNavigation a{
	color:				#555;
}	
#subNavigation .selected a{
	background-color:	white;
	color:				#444;
	background-image:	url(images/navigation-background.jpg);
}
#subNavigation a:hover{
	background-image:	url(images/subnav-hover.png);
}
#subNavigation .selected a,#navigation li.selected a{
	border-left:		4px solid #96999D;
	background-image:	url(images/subnav-hover.png);
}
#subNavigation ul ul li a{
	background-image:	none !important;
}
#subNavigation ul ul li.selected a{
	background-image:	url(images/inner-navigation-background.png) !important;
}
#subNavigation{
	background-image:	url(images/subnav-horiz-background.png);
	background-position:right;
	background-repeat:	repeat-y;
}