@charset "utf-8";
/* CSS Document */

#leftSideBar {
/*	float: left;*/
	width: 165px;
	border-right: 1px solid #999999;
	margin: .2em 0 0 0;
	padding: 0;
	vertical-align:top;
/*	border: 1px solid #66FF00;*/
}
/*********** Heading tags */
h1 {color: #000000;	font-size: 1.3em; padding: 0; margin: .2em 0 .5em .5em;}
h2 {color: #333333; font-size: 1.1em; margin: 1.2em 0 .5em;}
h2.altH2 {margin-bottom: -1em;}
h2.checkout {margin-bottom: .7em;}
/*h2.bar {color: #FFFFFF; background-color: #80A8CF; text-align:center; padding: .3em; margin-bottom: 0; clear:both;}*/
h2.bar {
	color: #CCCCCC;
	font-size: 1em;
	background-color: #000000;
	text-align:center;
	padding: .2em;
	margin-bottom: 0;
	clear:both;
}

h3 {color: #997338; font-size: 1em; margin: 0;}
/******************************/
/* Header area at top of page */
/******************************/
#leftSideBar .otherNav {margin: 0 0 .5em 0;}
#leftSideBar #nav {margin-left: 20px;}
#leftSideBar #nav ul{
	list-style-image: url(../images/triangle.gif);
	text-align: left;
	margin: 0;
	padding: 0;
}

#leftSideBar #nav li{
	padding: 0 0 0 0;
	margin: 0 0 1em 0;
}
#leftSideBar a:link, #leftSideBar a:visited {text-decoration: none; color: #031D70;}
/*#leftSideBar a:hover {color: #D8D001;}*/
#leftSideBar a:hover {color: #666633;}
#leftSideBar .cart { padding-left: 25px;}
#leftSideBar img { border: none;}
#leftSideBar p.navSeparator {margin: 0 0 .5em 0; padding: 0;}
#leftSideBar #cardLogos { text-align:center;}
#productLinkArea a.inlineLink {padding-right: 2em;}
/*****************/
/* Link styling */
/****************/
#content a:link, #content a:visited {
	color: #FF6600;
	text-decoration: underline;
}
#content a:hover {color: #666633; text-decoration:none;}
a.emphasis:link, a.emphasis:visited {font-weight:bold;}
#trail, #moulds {
	color: #5D5D5D;
}
#moulds {clear:both;}
#trail a:link, #trail a:visited, #moulds a:link, #moulds a:visited, a.specialsTrail:link, a.specialsTrail:visited {
	text-decoration:underline;
	color: #700603;
}
#trail a:hover, #moulds a:hover, a.specialsTrail:hover {color: #666633; text-decoration:none;}
#trail{
	position:absolute;
	left:250px;
	top:10px;
	z-index:1000;
}
/**************************/
/* General table styling */
/*************************/

table.datatable {
	border: 1px solid #000000;
	border-collapse:collapse;
	margin-bottom: .5em;
}
table.datatable td, table.datatable th {padding: .2em;}
table.datatable th {
	background-color: #000000;
	color: #ffffff;
	font-weight:bold;
}
table.datatable th .lineTwo {font-size: .9em;}
table.datatable th.specialBorder {border-left: 1px solid #ffffff;}
table.datatable td {
	color: #000000;
	border: 1px solid #000000;
}
table.datatable td.heading2 {
	background-color: #E1EAF2;
	color: #720101;
	font-weight:bold;
	text-align:center;
	padding: .3em 0;
}
table.datatable td.noBorder {border: 0;}
table.datatable .altRow {background-color: #E1EAF2;}

table.plain { border: none; border-collapse:collapse;}
table.plain td { border: none;}
table.plain .label, .label {color: #031D70; font-weight:bold; padding-right: .5em;}


table.paging {border: 0; border-collapse: collapse; margin-bottom: .8em;}
table.paging tr {
	background-color: #AC4446;
	color: #ffffff;
	font-weight:bold;
	font-size:smaller;
}
#content table.paging a:link, #content table.paging a:visited {color: #ffffff;}
/*****************/
/* Form styling */
/****************/
form {margin: 0;}
fieldset{
	padding: .5em;
	margin: .5em 0;
	border:1px solid #80A8CF;
}
legend {color: #333333; font-weight:bold; padding: 0 .5em; margin-bottom: .5em;}
form #formTable td, form .formTable td {padding-top: .2em; padding-bottom: .2em;}
form label, .labelForm  {color: #031D70; font-weight:bold; float:right;}
.labelPlain {float: none;}
.labelLight {color: #031D70; padding-right: .5em;} 
#header #searchBar label, #header #searchBar .label {float:none; font-size: 1em; font-weight: bold; color:#000000; padding-left: .5em; padding-right: .5em;}

form input.btn, .btn{
	color: #000000;
	margin-top: .5em;
}
.rqd {color: #CC0000; padding: 0 .5em; text-align:center; vertical-align:top;}
p.denotesRqd {font-weight:bold; text-align:right; margin: 0;}

input.textRight {text-align: right; font-size: .8em;}

.err_msg, #err_msg{ 
	display:block;
	margin:2px;
	font-weight: bold;
	color: #CC0000;
}

/***************************/
/* Individual page styling */
/**************************/
/*** Home page */
#home #content {
/*	width: 570px;
	margin: 0 0 0 0; 
	float: none;
	padding: 0 0 0 0;
	border-left: 1px solid #999999;*/
}
#shopDetails{
	background-color: #C2C3C5;
	width: 212px;
	text-align:center;
	color: #000000;
	float: right;
	margin: 1em 0 1em 1.5em;
}
#shopDetails img{border: 0; padding: 0; margin: 0;}
/*** FAQ page */
#faq .question {color: #336699; font-weight:bold;}

/*** Category list page */
td.categorySpace {vertical-align:top; padding-bottom: 2em; text-align:center;}
table.category td.icon {width: 120px; height: 68px; vertical-align: middle;}
table.category td.name {width: 120px; vertical-align:top;}
table.category a:link, table.category a:visited {text-decoration: none;}
.new, table.category a:link .new, table.category a:visited .new {
	font-weight: bold;
	color: #D90000;
}

/*** Subcategory & Subdivision/product list pages*/
.listSub, .listProduct {clear: both;}
.listText {width: 400px; float:left;}
.listLink {margin-bottom: 0;}
.listThumb img {
	float: right;
	border: 1px solid #483900;
}

.listProduct p {margin-top: 0; margin-bottom: .2em;}
.listProductText {width: 410px; float: right;}
.listProductThumb img {
	float: left;
	margin-top: .2em;
	border: none;
}
.thumb img {border: }

/*** Product page*/
#productInfo td {padding: 0 .2em .5em .2em;}
#product #discounts {border: 1px solid #EFC814; float:right; margin-left: 1em; width: 130px; padding-bottom: .5em;}
#product #discounts th {color: #EFC814; font-weight:bold; text-align:center; padding-bottom: .5em;}
#product #discounts td {color: #031D70;}
#product #discounts #heading {background-color: #EFC814; padding: .2em; text-align:center; margin-bottom: .5em;}


/* shopping styles */
#shop_facility {display: inline;}
#inBasket {display: inline;}
div.inCart {display:inline; padding-right: .5em;}
#content a.inCart:link, #content a.inCart:visited {
	color:#990000;
}
#content a.inCart:hover {color:#000000;}
.cartIcon {padding-left: .3em; border: none;}

/*** Special offers page*/
.listProduct  {margin: .5em 0;}
.listHR {clear: both; text-align: center; padding: .3em 0 .5em 0;}

.listProduct hr {
	clear:both; 
	width: 80%;
	border: none;
	background-color:#CCCCCC;
	color: #CCCCCC;
	height: 1px;
	text-align:center;
	margin-top: .2em;
	margin-bottom: .2em;
}
#specialOffers .discountHead {
	float: left;
	margin-right: 0.5em;
	color: #990000;
}
.discountList {
	padding-left: 2em;
	color: #990000;
}
.discount {color: #990000;font-weight:bold;}

/********************/
/* Cart styling */
/*******************/
.cartLinks {padding-right: 3em;}
#linksLine {clear: both;}
#linksLine #left {float: left;}
#linksRight #right {float: right;}
#topLinks {padding-bottom: 1.5em;} /** is this used??? */

/************************/
/* Payment page styling */
/***********************/
#payment fieldset {border: none;}
#payment #buttonArea td {padding-top: 1em;}

/************************/
/* Sitemap page styling */
/***********************/
.sitemapCat {padding-left: 2em; margin:0 0 .5em 0;}
.sitemapSubcat{margin:0; padding-left: 2em;}
#sitemap #content p {margin: 0 0 .8em 0;}

/*******************************************************************/
/* Pages without left navigation, eg payment and delivery charges */
/*******************************************************************/
body#postcodes {text-align: left;}
#postcodes #container {
	margin: 0; 
	padding: 0; 
	text-align: left; /* Overrides the centering on the body styling. */
}

/*#postcodes #logo {height: 116px; width:165px;}*/
#widePage #content {
	width: 95%;
	margin: 1em auto; 
	padding: 0; 
	float: none;
}

#widePage #navBar, #postcodes #navBar {
	background-image: url(../images/navbar_bg.gif); 
	background-repeat:repeat-x;
	padding: 12px 0 0 0; 
	height: 32px;
	text-align: center; 
	color: #ffffff;
	font-size: 1.2em;
	font-weight:bold;
}
#widePage #navBarTop {background: url(../images/navbar_top.gif); background-repeat: repeat-x; height: 6px;}
#widePage #searchBar {margin:0; padding:0; border: none;}
#widePage #searchBar {padding-top: .5em;}

/************************/
/* Pay by fax, phone or post page styling */
/***********************/
#checkoutConfirm h2 {margin-bottom: 0;}
#checkoutConfirm table.remittance { 
	border-top: 1px solid #80A8CF; 
	border-collapse:collapse; 
	margin: 1.5em 0 1em 0;
}
#checkoutConfirm table.remittance th {padding: .2em;}
#checkoutConfirm table.remittance th {background-color: #80A8CF; color: #ffffff; font-weight:bold;}
#checkoutConfirm table.remittance td {padding: 1.5em 0 0 .2em;}
#checkoutConfirm .remittance .line {width: width: 300px; border-bottom: 1px solid #80A8CF; padding-right: 1em;}
#checkoutConfirm .tickbox {height: 10px; width: 20px; border: 1px solid #80A8CF; }
#checkoutConfirm #terms {padding-bottom: .5em; }
@media screen {
	#printHeader, #checkoutConfirm #printFooter, #checkoutConfirm #payOnline, #checkoutConfirm #printAddress {display: none;}
}

/***********************/
/* Search page styling */
/**********************/
#mainSearch {border: 1px solid #80A8CF; padding: .2em;}
#mainSearch select, #mainSearch input {font-size: 10px;}

/********************/
/* General styling */
/*******************/
ol li {margin-bottom: .5em;}
.clearBoth {clear: both; margin: 0;}
.line {clear:both; margin: 0;}
.emphasis {font-weight: bold;}
img.left {float: left; margin: 0 .5em .2em 0;}

.floatRight {float: right;}
.floatLeft {float: left;}
.right {text-align:right;}
.warning {color: #CC0000; font-weight: bold;}
.searchwords {color:#FF0000; font-weight: bold;}
.warningSmall {color: #CC0000;}
/********************/
/* General print styling */
/*******************/
@media print {
	body {
		font-family:"Times New Roman", Times, serif;
		font-size: 12pt;
		text-align: left;
		color: #333333;
		background-color: transparent;
	}
	#leftSideBar, #navSearch {display:none;}
	#container { 
		width: 645px;
		margin: 0 auto; /* center it*/
		padding: 0;
		text-align: justify;
	}

	#content {width: 95%; float: none;}

	#printAddress {float: right;}
	#checkoutConfirm {font-size: 10pt; color: #333333;}
	#checkoutConfirm #displayText, #checkoutConfirm #footer, #checkoutConfirm #buttonArea {display:none;}
	#checkoutConfirm #headerLeft {float: right; margin: 0; padding:0; width: 165px;}
	#checkoutConfirm #headerRight {margin: 0 20px 0 0; padding:0; text-align:left;}
	#checkoutConfirm #printHeader {display: none;}
	#checkoutConfirm #printAddress {float: left; margin: 0 20pt 0 0;}
	#checkoutConfirm table.remittance th {background-color: #ffffff; color:#333333; font-weight:bold;}
	#checkoutConfirm #content .remittance .label {color: #333333; font-weight: normal;}
	#checkoutConfirm #printFooter p {margin: 10pt 0 0 0; padding-top: 5pt; border-top: 1pt solid #666666; text-align:center;}
	#checkoutConfirm .remittance .line {border-bottom: 1px solid #333333; padding-right: 1em;}
}
.specials{
	color:red
}
