/* null margins and padding to give good cross-browser baseline */
html,body,address,blockquote,div,
form,fieldset,caption,
h1,h2,h3,h4,h5,h6,
hr,ul,li,ol,ul,
table,tr,td,th,p,img {
	margin:0;
	padding:0;
}

img,fieldset {
	border:none;
}

hr {
	display:none;
}

a {
	color:#468;
}

a:visited {
	color:#234;
}

a:active,
a:focus,
a:hover {
	color:#26F;
}

abbr, acronym {
	border-color:#888;
}

html, body {
	position:relative;
	height:100%;
}

body {
	padding-right:0.5px; /* try to fix Firefux background position bug */
	text-align:center; /* center #pageWrapper IE 5.x */
	font:normal 85%/140% arial,helvetica,sans-serif;
	color:#000;
	background:#F5F5F5;
}

#pageWrapper {
	position:relative; /* make sure newer IE's re-render on change */
	min-height:100%;
	width:864px;
	zoom:1; /* trip haslayout */
	margin:0 auto;
	text-align:left;
	background:#FFF url(images/contentBottom.png) bottom left repeat-x;
}

* html #pageWrapper {
	height:100%; /* IE has no min-height, but incorrectly treats height as such */
}

h1 {
	position:relative;
	zoom:1;
	padding:8px 16px 8px 16px; /* right should equal amazon image width */
	text-transform:uppercase;
	text-align:center;
	font:bold 48px/48px arial,helvetica,sans-serif;
	letter-spacing:2px;
	/* 
		we'll include the image here just in case our absolute positioned element
		doesn't align properly
	*/
	background:#444;
}

h1 a:link,
h1 a:visited {
	color:#EEE;
	text-decoration:none;
}

h1 a:active,
h1 a:focus,
h1 a:hover {
	color:#FFF;
}

h1 b {
	position:absolute;
	top:0;
	left:0;
	width:864px;
	height:64px;
	background:url(images/h1Logo7.png) 0 0 no-repeat;
}

.featureLink {
	padding:4px 0;
	text-align:center;
	background:#800;
	font:bold italic 20px/24px arial,helvetica,sans-serif;
	color:#FF0;
	border:solid #F00;
	border-width:1px 0;
}

.featureLink a {
	color:#FFF;
}

.featureLink a:active,
.featureLink a:focus,
.featureLink a:hover {
	color:#FF0;
}

.featureLink a span {
	text-decoration:underline;
}

#mainMenu {
	list-style:none;
	text-align:center;
	padding:6px 0;
	word-spacing:-2em;
	letter-spacing:-0.4em;
	background:#3C3C3C;
}

#mainMenu li {
	display:inline;
	zoom:1;
}

#mainMenu a {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	word-spacing:0;
	letter-spacing:0;
	padding:0 40px;
	text-decoration:none;
	font:normal 20px/24px arial,helvetica,sans-serif;
	color:#CCC;
	border-right:1px solid #888;
}

#mainMenu .current a {
	color:#FFF;
}

#mainMenu .last a {
	border:0;
}

#mainMenu a:active,
#mainMenu a:focus,
#mainMenu a:hover {
	color:#FFF;
}

#content {
	overflow:hidden;
	zoom:1;
	padding:0 16px;
	background:url(images/contentTop.png) 0 0 repeat-x;
}

#content h2 {
	padding:0.75em 0 0.4em;
	font:bold 140%/120% arial,helvetica,sans-serif;
}

#content p {
	padding-bottom:1em;
}

#warningUkStock {
	float:right;
	width:360px;
	height:264px;
	overflow:hidden;
	text-align:right;
	margin:16px 0 16px 16px;
	background:url(images/amazonStockCheckCustom.png) 0 0 no-repeat;
}

#warningUkStock h2 {
	text-align:center;
	padding:12px 0;
	letter-spacing:1px;
	text-transform:uppercase;
	font:bold 24px/26px arial,helvetica,sans-serif;
	color:#E03;
}

#warningUkStock p {
	padding:0 16px 12px;
	font:bold 17px/24px arial,helvetica,sans-serif;
}

#warningUkStock a {
	color:#800;
	text-decoration:none;
}

#warningUkStock a span {
	display:block;
	text-decoration:underline;
}

#warningUkStock a b {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	width:128px;
	height:28px;
	background:url(images/amazon.co.uk.logo.png) 0 0 no-repeat;
}

#warningUkStock a:active,
#warningUkStock a:hover,
#warningUkStock a:focus {
	color:#F05;
}

#warningUkStock a:active b,
#warningUkStock a:hover b,
#warningUkStock a:focus b {
	background-position:0 -28px;
}


#warningUkStock strong {
	color:#E03;
}

#offers {
	/* IE has issues clearing a table properly, so we need the wrapping DIV :( */
	clear:both; 
	padding:0 16px 80px;
}
	
#offers table {
	width:100%;
	border-collapse:collapse;
}

#offers caption {
	text-align:left;
	padding-bottom:16px;
	font:bold 140%/120% arial,helvetica,sans-serif;
}

#offers th, 
#offers td {
	text-align:center;
	vertical-align:middle;
	padding:0.2em 0.5em;
	background:#EEE;
	border:solid #FFF;
	border-width:0 2px 2px 0;
}

#offers .description {
	text-align:left;
}

#offers tbody th.description {
	vertical-align:bottom;
	padding-bottom:0;
	border-width:0 1px 0 0;
}

#offers td.description {
	vertical-align:top;
	padding-top:0;
}

#offers thead th {
	padding:0.3em 0.5em;
	color:#FFF;
	background:#444;
}

#offers .even td,
#offers .even th {
	background:#D8D8D8;
}

#offers .odd .description,
#offers .odd .delivery {
	background:#E4E4E4;
}

#offers .even .description,
#offers .even .delivery {
	background:#CCC;
}

#offers .featured td,
#offers .featured th {
	background:#FFB;
}

#offers .featured .delivery,
#offers .featured .price {
	font-weight:bold;
}



#offers .featured .description,
#offers .featured .delivery {
	background:#FF8;
}

#offers .featured .description strong {
	color:#F00;
}

#offers .link a,
#offers .link span {
	display:block;
	padding:0.2em 0.5em;
	text-decoration:none;
}

#offers .orderNow {
	color:#8F8;
	background:#060;
	border:1px solid #0F0;
}

#offers .orderNow:active,
#offers .orderNow:focus,
#offers .orderNow:hover {
	color:#BFC;
	background:#090;
}

#offers .check {
	color:#000;
	background:#FC3;
	border:1px solid #FF6;
}

#offers .check:active,
#offers .check:focus,
#offers .check:hover {
	color:#000;
	background:#FF0;
}

#offers .outOfStock {
	color:#F40;
	background:#800;
	border:1px solid #F00;
}

#offers .preOrder {
	color:#420;
	background:#F80;;
	border:1px solid #FC0;
}

#offers .preOrder:active,
#offers .preOrder:focus,
#offers .preOrder:hover {
	color:#000;
	background:#FC4;
}

#footer {
	position:relative;
	clear:both;
	width:864px;
	margin:-64px auto 0;
	padding:16px 0;
	text-align:center;
	font:bold 12px/16px arial,helvetica,sans-serif;
	color:#CCC;
	background:#444;
}

#footer a {
	color:#EEE;
}

#footer a:visited {
	color:#CCC;
}

#footer a:active,
#footer a:focus,
#footer a:hover {
	color:#FFF;
	text-decoration:none;
}

#footer ul {
	list-style:none;
}

#footer li {
	display:inline;
	padding:0 0.5em;
	border-right:1px solid #000;
}

#footer li.last {
	border:0;
}

.newsTitleList {
	margin-top:-1em;
}

.newsTitleList ul {
	list-style:none;
	font-weight:bold;
	padding-bottom:1em;
}

.newsTitleList li {
	padding-bottom:0.25em;
}

.pageList {
	list-style:none;
	padding:0.75em 0;
}

.pageList li {
	display:inline;
}

.newsArticle {
	padding-bottom:0.5em;	
	margin-bottom:1em;
	border-bottom:1px solid #444;
}

.newsArticle h2 {
	padding-top:0;
}

.newsArticle h3 {
	overflow:hidden; /* wrap floats */
	zoom:1; /* trip haslayout, wrap floats IE */
	padding:0 0 0.4em;
	font:bold 140%/120% arial,helvetica,sans-serif;
}

.newsArticle h2 span,
.newsArticle h3 span {
	float:right;
	padding-left:1em;
}

.newsArticle h2 span span,
.newsArticle h3 span span {
	display:none;
}

.imageGallery {
	text-align:center;
	padding-bottom:1em;
}

.imageGallery h3 {
	padding:1em 0 0;
	margin:0;
	font:bold 100%/140% arial,helvetica,sans-serif;
}

.imageGallery img {
	display:block;
	margin:0 auto 1em;
}

.plate {
	float:right;
	padding:0 0 0.5em 1em;
}

.leadIn {
	float:left;
	padding:0 1em 0.5em 0;
}

.breadCrumbs {
	list-style:none;
	padding-top:0.75em;
	margin-bottom:-0.5em;
}

.breadCrumbs li {
	display:inline;
}

.newsSpacer {
	height:0.75em;
}

.webMail {
	display:block;
	zoom:1;
	padding:0 1em 1em;
}

.webMail legend {
	display:none;
}

.webMail label {
	display:block;
	position:relative;
	width:12.5em;
	margin-bottom:-0.8em;
	color:#000;
}

.webMail label input,
.webMail label select,
.webMail label textarea {
	position:absolute;
	top:2px;
	left:15em;
	margin:0;
	width:24em;
	font:normal 100%/130% arial,helvetica,sans-serif;
	border:1px solid;
	border-color:#000 #888 #888 #000;
}

.webMail label b,
.webMail label i,
.webMail label span {
	position:absolute;
	left:13em;
	top:0;
}

.webMail label b,
.webMail .infoBox b {
	color:#F00;
}

.webMail label i,
.webMail .infoBox i {
	font-style:normal;
	font-weight:bold;
	color:#080;
}

.webMail label span {
	font-weight:bold;
	color:#0F0;
}

.webMail .textEntry {
	height:13em;
	margin-bottom:-4.5em;
}

.webMail .textEntry textarea {
	height:12em;
}

.webMail .compareFailed {
	padding:0 0 0.6em 14em;
	color:#F00;
}

.webMail .submit {
	/* 
		the following three parameters are needed to make all versions of
		IE actually allow you to click anywhere on the submit.
	*/
	display:block;
	position:relative;
	zoom:1;
	margin:0 0 2em 2em;
	padding:0.3em 1em;
	color:#FFF;
	background:#CC2211;
	border:2px solid;
	border-color:#FF6644 #440000 #440000 #FF6644;
}

.webMail .required {
	background:#F0FFF0;
}

.webMail .error {
	background:#FFC;
}

.webMail .errorBox {
	margin:0 0.5em 1em;
	padding:0.5em;
	text-align:center;
	background:#FFC;
	border:2px dashed #F00;
}

.webMail .infoBox {
	margin:0 0.5em 1em;
}