/*====================================================================*/
/* Raceproved */
/* Created Dec 2009 */
/* Global Screen styles */
/*====================================================================*/

/* 
--- PLEASE NOTE ---

Please put any Internet Explorer specific styles/hacks/fixes in 'ie.css'.

Please keep tidy :)

*/
	
/* ------------------------------------------------------------------ */
/* =Globals */
/* ------------------------------------------------------------------ */

/* Resets */

* {margin: 0; padding: 0;}
img {border: 0;}
hr {display: none;}
acronym, abbr {border-bottom: 1px dotted; cursor: help;}
ul, ol {list-style: none;}

/* Clearfixes */

.clearfix:after,
#header div.wrap:after,
#home-intro div.wrap:after,
#content div.wrap:after,
#footer div.wrap:after,
div.column-wraps:after,
div.form-block:after,
div.buttons:after {display: block; clear: both; visibility: hidden; height: 0; content: ".";}

/* Links */

a {
	font-weight: normal;
	color: #900807;
	text-decoration: underline;
	}

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

#footer a {color: #e5e3bd;}

#footer a:hover,
#footer a:focus {color: #;}

/* Hide styles */

.hide-1 {display: none;} /* For legends and any element you want to hide on the page - doesn't work with table cells and not good if you need screenreaders to read the content */
.hide-2 {position: absolute; left: -1000em;} /* To remove elements off-screen and remove their effect on other elements in the document - doesn't work with table cells */
.hide-3 {text-indent: -1000em;} /* To hide text in a table cell - still read by screen readers */
.hide-4 {visibility: hidden;} /* To hide an element and its contents but still hold its structure on the page */
.hide-5 {visibility: hidden; text-indent: -1000em;} /* To hide an element and its contents but still have its structure have a partial effect on its surrounding elements */

/* General */

.clear {clear: both;}
.small-text {font-size: 0.85em;}

span.telephone,
span.mobile {
	display: block;
	margin: 5px 0;
	padding: 0 0 0 35px;
	background: url(/graphics/icons/phone.png) no-repeat 0 60%;
	font-size: 2.3em;
	color: #9d0000;
	letter-spacing: -0.075em;
	}
	
span.mobile {background-image: url(/graphics/icons/mobile.png);}
	
span.telephone span {font-size: 0.8em;}

p.book-online a.button {
	margin: 15px 0 0 0;
	font-size: 1.3em;
	}
	
p.book-online a.button span {
	padding: 12px 20px 12px 45px;
	background: url(/graphics/icons/mouse.png) no-repeat 15px 60%;
	}
	
p.divide-1 {
	padding: 0 0 15px 0;
	background: url(/graphics/structure/divide-border-1.gif) repeat-x 0 100%;
	}

/* Maps */

div.map {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e7e7e7;
	padding: 5px;
	background: #fff;
	}
	
div.map p {
	margin: 0;
	padding: 10px;
	font-weight: bold;
	}
	
div.active-map {height: 300px;}
	
/* Images */

#content img.style-1 {
	display: block;
	margin: 0 0 10px 0;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	}

#content img.float-left {
	float: left;
	margin-right: 15px;
	}

#footer img.style-1 {
	display: block;
	margin-bottom: 10px;
	padding: 6px;
	background: url(/graphics/structure/white-bg-10.png);
	}
	
/* Preview block */

div.preview {
	overflow: hidden;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px 0;
	}

#footer div.preview {
	border-bottom-color: rgba(255, 255, 255, 0.1);
	}

div.preview img {
	float: left;
	margin-right: 15px;
	}
	
div.preview div.wrapper {
	overflow: hidden;
	}

/* ------------------------------------------------------------------ */
/* =Structure */
/* ------------------------------------------------------------------ */

/* Body */

body {
	background: #2c2c2c url(/graphics/structure/bg.gif);
	text-align: left;
	font: normal 81%/1.3 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color: #333;
	}
	
/* Wraps */

div.wrap {
	margin: 0 auto;
	width: 960px;
	}
	
/* Columns */

div.column-wraps {
	float: right;
	width: 630px;
	}
	
div.column-1 {
	float: left;
	width: 630px;
	}
	
body.three-columns div.column-1,
#footer div.column-1,
div.column-2,
div.column-3 {width: 300px;}

div.column-2,
div.column-3 {float: right;}
body.three-columns div.column-2,
#footer div.column-2 {float: left;}

/* ------------------------------------------------------------------ */
/* =Header */
/* ------------------------------------------------------------------ */

#header {background: #0b0b0b url(/graphics/structure/header-bg.png) repeat-x 50% 0;}

/* Top */ 

#top {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid rgba(255,255,255,0.18);
	background: url(/graphics/structure/top-bg.png) repeat;
	background: rgba(0,0,0,0.4);
	}
	
#top div.wrap {
	overflow: hidden;
	padding: 10px 0;
	}
	
#top ul {float: right;}
#top ul li.basket {margin-right: 12px;}

#top ul li.basket a {
	color: #acacac;
	text-decoration: none;
	}

#top ul li.basket a span {text-decoration: underline;}
#top ul li.basket a:hover span,
#top ul li.basket a:focus span {text-decoration: none;}

/* Logo */

#header div.logo-nav {position: relative;}
	
h1 {
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 40;
	border-bottom: 1px solid #333;
	}
	
h1 a {
	outline: none;
	color: #d0d0d0;
	}
	
h1 a img {display: block;}

/* Main navigation */
	
#header ul#nav-main {
	float: right;
	margin-left: 330px;
	font: 1.25em "Trebuchet MS", Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	}
		
#header ul#nav-main li {
	float: left;
	margin: 0 0 0 1px;
	}
			
#header ul#nav-main a {
	float: left;
	display: block;
	position: relative;
	padding: 75px 15px 20px 15px;
	color: #d0d0d0;
	text-decoration: none;
	outline: none;
	}
		
#header ul#nav-main a.current,
#header ul#nav-main a:hover,
#header ul#nav-main a:focus {color: #c72e2c;}
	
#header ul#nav-main a span {
	display: none;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	bottom: -40px;
	border: solid rgba(255,255,255,0.08);
	border-width: 0 1px;
	background: rgba(255,255,255,0.07);
	cursor: pointer;
	}
		
#header ul#nav-main a.current span,
#header ul#nav-main a:hover span,
#header ul#nav-main a:focus span {display: block;}
			
/* ------------------------------------------------------------------ */
/* =Search */
/* ------------------------------------------------------------------ */

#search {
	position: relative;
	z-index: 20;
	border-top: 1px solid #1f1f1f;
	border-top: 1px solid rgba(255,255,255,0.06);
	/*background: #1f1f1f url(/graphics/structure/search-bg.gif) repeat-x 0 100%;*/
	background: url(/graphics/structure/search-bg.png) repeat-x 0 100%;
	}
	
/*body.three-columns #search {background-image: url(/graphics/structure/search-bg-3-cols.gif);}*/
		
body.three-columns #search {background-image: url(/graphics/structure/search-bg-3-cols.png);}
	
#search div.wrap {
	overflow: hidden;
	padding: 10px 0 28px 0;
	min-height: 21px;
	background: url(/graphics/structure/strapline.gif) no-repeat;
	text-align: right;
	}
		
body.three-columns #search div.wrap {padding-bottom: 19px;}
		
#search fieldset {border: 0;}
			
#search input.text {
	margin: 0 3px 0 0;
	border: 0;
	padding-left: 26px;
	width: 250px;
	background: #f0f0f0 url(/graphics/icons/magnifying-glass.png) no-repeat 4px 3px;
	}

#search input.button {background: #787878 url(/graphics/buttons/bg-2.gif) repeat-x 0 100%;}

#search input.button:hover,
#search input.button:focus {background: #c3211f url(/graphics/buttons/bg-1.gif) repeat-x 0 100%;}
	
/* ------------------------------------------------------------------ */
/* =Home intro */
/* ------------------------------------------------------------------ */

#home-intro {
	background: #8c0605 url(/graphics/structure/home-intro-bg.gif) repeat-x 0 100%;
	color: #fff;
	}

#home-intro div.wrap {
	position: relative;
	padding: 15px 0 25px 0;
	min-height: 280px;
	}

/* Carousel */

#carousel,
#carousel div.banners,
#carousel div.slide {
	width: 610px;
	height: 280px;
	}

#carousel {
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	background: #282323;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	}
	
#carousel div.banners {
	overflow: hidden;
	position: relative;
	}
		
#carousel div.banner-holder {
	position: absolute;
	width: 5000px;
	}
	
#carousel div.slide {
	float: left;
	position: relative;
	}
	
#carousel div.slide div.text {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px 15px;
	background: rgba(0,0,0,0.7);
	}
	
#carousel div.slide div.text h3 {
	margin-bottom: 5px;
	color: #ddd;
	}
	
#carousel div.slide div.text a.button {margin-left: 20px;}

ul#carousel-controls li {
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 100;
	}

ul#carousel-controls li.next {
	left: auto;
	right: 0;
	}

ul#carousel-controls li a {
	display: block;
	width: 35px;
	height: 60px;
	background: rgba(0,0,0,0.4) url(/graphics/structure/carousel-controls-previous.gif) no-repeat 40% 50%;
	text-indent: -1000em;
	outline: none;
	}

ul#carousel-controls li.previous a {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	}

ul#carousel-controls li.next a {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-image: url(/graphics/structure/carousel-controls-next.gif);
	background-position: 60% 50%;
	}

ul#carousel-controls li a:hover,
ul#carousel-controls li a:focus {background-color: rgba(151,12,10,0.8);}

/* Intro */

#home-intro div.intro {
	padding: 10px 0;
	width: 300px;
	font-size: 1.8em;
	text-shadow: 2px 2px rgba(0,0,0,0.4);
	}

#home-intro div.intro p {
	margin: 0 0 10px 0;
	line-height: 1.2;
	}
	
#home-intro div.intro p strong {color: #ffff96;}

#home-intro div.intro p.action {
	margin-top: 20px;
	text-align: center;
	}

#home-intro div.intro p.action a.button span {
	padding: 12px 20px 12px 45px;
	background: url(/graphics/icons/certificate.png) no-repeat 15px 50%;
	}


/* ------------------------------------------------------------------ */
/* =Content */
/* ------------------------------------------------------------------ */

#content {
	background: #f0f0f0 url(/graphics/structure/content-shadow-bottom.gif) repeat-x 0 100%;
	}

#content div.wrap {padding: 20px 0;}

/* General formatting */

.formatting p,
.formatting ul,
.formatting ol,
.formatting dl,
.formatting address,
.formatting blockquote {margin-bottom: 1.5em;}

.formatting li {margin: 2px 0;}
.formatting dt {margin: 0.5em 0 0; font-weight: bold;}

.formatting address {font-style: normal;}
.formatting ul {margin-left: 15px; list-style: disc;}
.formatting ul ul {margin: 0.5em 0;}	
.formatting ol {margin-left: 1.6em; list-style: decimal;}

/* Headings */

h2, h3,	h4, h5, h6 {
	margin: 0 0 0.8em 0;
	font: normal 1em/1.1 "Lucida Grande", "Trebuchet MS", Arial, Sans-Serif;
	text-transform: uppercase;
	}	

#content h2, #content h3, #content h4, #content h5, #content h6 {color: #910101;}	

h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}	
h5 {font-size: 1.1em;}	

/* H2s */

h2.alt {text-transform: none;}

#content h2 {
	border-bottom: 1px solid #e2e2e2;
	padding: 0 0 7px 0;
	}
	
#content h2.branded {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-color: #fff;
	padding: 0;
	background: #dedede;
	font-size: 1.5em;
	}
	
#content h2.branded span {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 12px 20px 8px 45px;
	background-repeat: no-repeat;
	background-position: 10px 60%;
	}
	
#content h2.branded.key span {background-image: url(/graphics/icons/key.png);}
#content h2.branded.tag span {background-image: url(/graphics/icons/tag.png);}
#content h2.branded.spanner span {background-image: url(/graphics/icons/spanner.png);}

/* H3s */

h3.alt {
	font-size: 1.25em;
	text-transform: none;
	}

/* ------------------------------------------------------------------ */
/* =Footer */
/* ------------------------------------------------------------------ */
	
#footer {
	padding: 20px 0;
	background: #202020 url(/graphics/structure/footer-bg.gif);
	color: #f3f3f3;
	}	

#footer h2 {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 7px 0;
	}

#footer h2.branded {
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px 50%;
	font-size: 1.5em;
	}

#footer h2.branded.speech {background-image: url(/graphics/icons/speech.png);}
#footer h2.branded.speech-tick {background-image: url(/graphics/icons/speech-tick.png);}
#footer h2.branded.globe {background-image: url(/graphics/icons/globe.png);}

#footer h3 {font-size: 1.25em;}

/* Other news */

div.other-news {
	margin: 0 0 1em 0;
	border: solid rgba(255,255,255,0.1);
	border-width: 1px 0;
	padding: 15px 0;
	}

div.other-news ol {
	margin: 0;
	list-style: none;
	font-size: 1.25em;
	}

div.other-news li {
	padding: 2px 0 2px 20px;
	background: url(/graphics/icons/speech-small.png) no-repeat 0 50%;
	}
	

	
/* ------------------------------------------------------------------ */
/* =Bottom */
/* ------------------------------------------------------------------ */
	
#bottom {
	border-top: 1px solid rgba(255,255,255,0.05);
	font-size: 0.9em;
	color: #acacac;
	text-transform: uppercase;
	}
	
#bottom div.wrap {
	padding: 10px 0;
	text-align: right;
	}

#bottom ul {
	float: left;
	}

#bottom li {
	display: inline;
	margin: 0 15px 0 0;
	}

#bottom a {color: #acacac;}

/* ------------------------------------------------------------------ */
/* =Buttons */
/* ------------------------------------------------------------------ */

a.button,
input.button {
	display: inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	padding: 0;
	background: #c3211f url(/graphics/buttons/bg-1.gif) repeat-x 0 100%;
	text-align: center;
	line-height: 1.1;
	font-weight: normal;
	font-size: 0.85em;
	color: #fff;
	cursor: pointer;
	outline: none;
	text-shadow: 1px 1px rgba(0,0,0,0.6);
	text-decoration: none;
	text-transform: uppercase;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	}
	
input.button {padding: 3px 8px;}

#footer a.button,
#footer input.button {color: #fff;}

a.alt,
input.alt {background: #101010 url(/graphics/buttons/bg-3.gif) repeat-x;}
	
a.button span {
	display: block;
	padding: 5px 10px;
	}
	
a.button.more span {
	padding-right: 25px;
	background: url(/graphics/icons/arrow-more.png) no-repeat 100% 60%;
	}
	
a.button.cart span {
	padding-right: 25px;
	background: url(/graphics/icons/cart.png) no-repeat 100% 60%;
	}
	
p.facts a.button {font-size: 1.1em;}
	
p.facts a.button span {
	padding: 12px 20px 12px 45px;
	background: url(/graphics/icons/doc-tick.png) no-repeat 15px 50%;
	}
   	
a.button.right,
input.button.right {float: right;}

a.button:hover,
a.button:focus,
input.button:hover,
input.button:focus,
a.alt:hover,
a.alt:focus,
input.alt:hover,
input.alt:focus {background: #787878 url(/graphics/buttons/bg-2.gif) repeat-x 0 100%;}

/* ------------------------------------------------------------------ */
/* =Forms */
/* ------------------------------------------------------------------ */

/* Forms */

#content form {margin: 0 0 1.5em 0;}
form.medium {width: 70%;}

/* Fieldsets */

fieldset {border: 0;}
	
fieldset.styled-1 {
	margin: 0 0 1.5em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 15px;
	background: #e7e7e7;
	}

/* Legends */

legend {display: none;}

/* Structure */

div.form-block {margin: 0.7em 0;}
	
span.label {
	float: left;
	margin: 0 10px 0 0;
	padding: 4px 0 0 0;
	width: 35%;
	text-align: left;
	font-weight: bold;
	}
	
span.field {
	display: block;
	overflow: hidden;
	padding: 0 5px 0 0;
	}
	
/* Labels */

label {line-height: 1.2;}
	
div.form-block label {
	display: block;
	position: relative;
	}
	
span.label em {
	font-size: 0.85em;
	font-style: normal;
	font-weight: normal;
	color: #777;
	}
	
/* Form elements */
			
input,
textarea,
select {
	font: 1em "Lucida Grande", Arial, Sans-Serif;
	color: #333;
	vertical-align: middle;
	}

input.text,
textarea,
select {
	border: 1px solid;
	border-color: #b5b5b5 #c9c9c9 #e2e2e2 #c9c9c9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 0 3px 3px;
	background: #fff;
	}

span.field input.text,
span.field textarea,
span.field select {width: 100%;}
		
select {padding: 2px;}
option {padding: 0 2px;}

/* Form errors */

div.form-errors {
	margin: 0 0 1.5em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 15px;
	background: #fffae6 url(/graphics/structure/form-errors-bg.gif) repeat-x 0 100%;
	}
	
div.form-errors h3 {font-size: 1.1em;}
		
div.form-errors ul {
	margin-bottom: 0;
	color: #992423;
	}
	
div.error label {color: #992221;}
div.error input.text,
div.error select,
div.error textarea {background: #fff7d0;}
	
/* ------------------------------------------------------------------ */
/* =Tables */
/* ------------------------------------------------------------------ */

table.basket {
	margin: 0 0 1em 0;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	width: 100%;
	font-size: 1em;
	}

/* Captions */

table.basket caption {display: none;}

/* Cells */

table.basket thead th {
	border-bottom: 1px solid #eee;
	padding: 10px;
	background: #181818;
	font-weight: bold;
	color: #fff;
	vertical-align: bottom;
	}

table.basket thead th span {
	display: block;
	font-weight: normal;
	font-size: 0.9em;
	}

table.basket tbody th,
table.basket tbody td {
	border-bottom: 1px solid #eee;
	padding: 7px 10px;
	background: #e2e2e2;
	}

table.basket tbody tr:nth-child(even) th,
table.basket tbody tr:nth-child(even) td {background: #d8d8d8;}
	
table.basket th.product-title {width: 370px;}

table.basket input.text {
	width: 40px;
	text-align: center;
	}

table.basket tbody tr td.remove {
	border-left: 1px solid #eee;
	padding: 7px 3px;
	width: 30px;
	background: #c5c5c5;
	}

table.basket tbody tr.sub-total th,
table.basket tbody tr.sub-total td {border-top: 2px solid #c5c5c5;}

table.basket tbody tr.total th,
table.basket tbody tr.total td {
	border-top: 2px solid #bbb;
	background: #c5c5c5;
	font-size: 1.2em;
	}

table.basket tbody tr.total th span {
	font-size: 0.8em;
	font-weight: normal;
	}

th.right,
td.right {text-align: right;}
th.centre,
td.centre {text-align: center;}
	
/* ------------------------------------------------------------------ */
/* =Lists */
/* ------------------------------------------------------------------ */
	
/* Extras */

ul.extras {
	margin-left: 0;
	list-style: none;
	}
	
ul.extras li {
	display: inline;
	margin: 0 6px 0 0;
	}
		
ul.extras li:first-child {
	border-right: 1px solid #ccc;
	padding-right: 10px;
	}
	
/* Preview thumbs */

ul.preview-thumbs {
	margin: 0 0 15px 0;
	list-style: none;
	}
	
ul.preview-thumbs li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	background: url(/graphics/structure/divide-border-1.gif) repeat-x 0 100%;
	}
	
ul.preview-thumbs span {display: block;}
		
ul.preview-thumbs span.thumb {
	float: left;
	margin: 0 12px 0 0;
	border: 1px solid #ddd;
	}
	
ul.preview-thumbs span.thumb span {
	overflow: hidden;
	border: 5px solid #fff;
	background: #fff;
	width: 110px;
	height: 75px;
	}
	
ul.preview-thumbs div.text {overflow: hidden;}
		
ul.preview-thumbs div.text h3,
ul.preview-thumbs div.text p {
	margin-bottom: 5px;
	}
	
/* Unstyled */

ul.unstyled {
	margin-left: 0;
	list-style: none;
	}
	
/* News */

ul.news {
	margin-left: 0;
	list-style: none;
	}

ul.news li {margin: 0 0 3em 0;}
	
ul.news div.heading {
	margin: 0 0 15px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 15px;
	background: #dfdfdf;
	}
			
ul.news h3 {
	margin-bottom: 10px;
	font-size: 2em;
	}

p.article-info {
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 1.0;
	}
	
ul.news p.article-info {margin: 0;}
	
/* Product listing */

ol.products {
	margin: 0;
	list-style: none;
	}
	
ol.products li {
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0 10px 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 180px 15px 15px 15px;
	width: 168px;
	height: 10em;
	background: #e7e7e7;
	}

ol.products h3 {
	margin: 0 0 10px 0;
	font-size: 1em;
	line-height: 1.2;
	text-transform: none;
	}
		
ol.products h3 a span.image {
	position: absolute;
	top: 10px;
	left: 0;
	right: 0;
	text-align: center;
	}
	
ol.products h3 a span.image img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	}
	
ol.products h3 a:hover span.image img,
ol.products h3 a:focus span.image img {
	border-color: #C3211F;
	background-color: #C3211F;
	}
	
ol.products p {margin: 0 0 0.7em 0;}

ol.products p.price {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 7px;
	background: #eee;
	font-size: 1.0em;
	}
	
ol.products p.price span {
	font-size: 0.9em;
	color: #777;
	}

/* Price info */

ul.price-info {
	margin: 0;
	list-style: none;
	}

ul.price-info li {
	float: left;
	margin: 0 10px 0 0;
	}

ul.price-info li.price {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 10px;
	background: #d9d9d9;
	font-size: 1.1em;
	}
	
ul.price-info li.price span {
	font-size: 0.8em;
	color: #777;
	}
	
ul.price-info li input.button {margin-top: 2px;}

/* Secondary navigation */

ul#nav-secondary {
  margin-left: 0;
  border-bottom: 1px solid #ddd;
  list-style: none;
  text-transform: uppercase;
  }

ul#nav-secondary li {margin: 0;}
  
ul#nav-secondary a {
  display: block;
  border: 1px solid #ddd;
  border-bottom: 0;
  padding: 5px 10px;
  background: #fff;
  text-decoration: none;
  }
  
ul#nav-secondary a:hover,
ul#nav-secondary a:focus,
ul#nav-secondary a.on {
  background: #900807;
  color: #fff;
  }

/* ------------------------------------------------------------------ */
/* =Product information */
/* ------------------------------------------------------------------ */

div.product-info img.main {
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	}
	
div.product-info div.text {
	overflow: hidden;
	}

/* ------------------------------------------------------------------ */
/* =Styles you don't know where to put go here... */
/* ------------------------------------------------------------------ */


div.image.image-centre {
  margin: 0 0 1.5em;
	text-align: center;
	}
	  
div.image img {
	border: 1px solid #e0e5ea;
	padding: 3px;
	background: #fff;
	}
	
div.image.image-left img {
  float: left;
	margin: 0 10px 10px 0;
  }
  
div.image.image-right img {
  float: right;
	margin: 0 0 10px 10px;
  }

    ul.sub-list {
    list-style-type: circle;
    margin-top: 20px;
    font-weight:bold;
  }

  h4 {
    padding: 10px;
  }

  table td{
    padding: 5px;
  }