/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	


/**
* General Styles Used
*/
 
/**
* Common Styles Throughout Site
**/
h1 span,
h2 span,
h3 span {
	display: none;
}
h2 a,
h2 a:hover,
h2 a:active {
	background-position: right top;
	background-repeat: no-repeat;
}
h3 {
	background-image: url("/resource/image/title/theme-default/background.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
. {
}
.small {
}
.overview {
	background-color: #A2C1E8;
	padding: 5px 5px 5px 5px;
}
.overview a {
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}
.overview a:hover,
.overview a:active {
	background-color: transparent;
}
.more {
	padding-right: 10px;
	background-image: url("/resource/image/icon/bullet.gif");
	background-position: right 5px;
	background-repeat: no-repeat;
}
a.more:hover,
a.more:active {
	background-position: right -45px;
}
.button {
	background-image: url("/resource/image/product/blue-gradient.jpg");
	padding: 2px 5px 2px 5px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	_border-bottom: 1px solid #CCCCCC;
	font-size: 11px;
}
.products #main-content a.button {
	text-decoration: none;
	color: #FFFFFF;
}
.products #main-content a.button:hover,
.products #main-content a.button:active {
	background-image: url("/resource/image/menu/over-state.gif");
	background-position: right;
	background-color: transparent;
}
.price {
	font-size: 14px;
	padding: 4px 0px 10px 0px;
}
.remove {
	display: block;
	position: absolute;
	margin: -11px 0px 0px 154px;
	*margin: 4px 0px 0px 30px;
	_margin: 4px 0px 0px 30px;
	height: 9px;
	width: 10px;
	background-image: url("/resource/image/icon/remove.gif");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.remove:hover {
	background-position: 0px -50px;
}
.remove span {
	display: none;
}
.emphasise {
}
.transparent-link {
}
.tertiary a {
}
.tertiary a:hover,
.tertiary a:active {
}
.tertiary img {
}
.single-column {
	width: 336px;
	float: left;
	display: inline;
}
.single-column.primary {
	margin: 0px 20px 0px 0px;
}
.double-column {
	width: 690px;
	float: left;
	display: inline;
}
.new-line {
	float: left;
	display: block;
}
.text-compliment {
	margin: 0px 15px 5px 0px;
	border-color: #A60531;
}
img.strong-image {
	float: left;
	border: 4px solid;
}
.image-format img {
	border-top: 1px solid #A60531;
}
a.selected {
	text-decoration: underline;
}
.communications {
	margin-bottom: 5px;
}
.communications span {
	font-weight: bold;
}
.explanation span {
	font-weight: bold;
}
.hero {
	position: absolute;
	z-index: 1;
	margin-top: 35px;
}
/*.overlay {
	filter:alpha(opacity=70);
	opacity: 0.70;
	-moz-opacity: 0.70;
}*/
#news-scroll {
	overflow: hidden;
	width: 541px;
	height: 16px;
	margin-bottom: 7px;
}
#news-scroll li {
	display: inline;
	padding: 0px 5px 0px 5px;
	background-image: url("/resource/image/news-scroll/separator.gif");
	background-repeat: no-repeat;
	background-position: right 3px;
	*background-image: none;
}
.clear-link {
	background-color: transparent;
	color: #FFFFFF;
}
a.empty:hover,
a.empty:active {
	text-decoration: none; /* Because the client wanted to remove a category from the tabbed area on the homepage */
}

/**
* Section Navigation
**/
#section-navigation {
	background-image: url("/resource/image/product/grey-gradient.jpg");
	background-repeat: repeat-x;
	background-position: center;
	border-bottom: 1px solid #cccccc;
	height: 30px;
	margin: -10px 0px 10px 0px; 
	padding: 8px;
}
#section-navigation span {
}
#section-navigation ul {
}
#section-navigation li {
}
#section-navigation a {
}
#section-navigation p {
	font-size: 11px;
	padding-right: 30px;
	margin: 0px;
}
#section-navigation a:hover,
#section-navigation a:active {
}
#section-navigation h2 a {
}

/**
* Main Content Styles
**/
#main-content h3 {
	clear: both;
}
#main-content h3 {
	height: 26px;
	background-repeat: no-repeat;
	background-position: right top;
}
#main-content h3 strong {
	display: block;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 7px 8px;
}
#main-content h4 span {
	display: none;
}
#main-content .clearer {
	clear: both;
	display: block;
	width: 0px;
	height: 0px;
	_margin-top: -20px;
}
#main-content .clearer span {
	display: none;
}
#main-content .small-text {
	font-size: 11px;
	color: #947d4f;
}
#main-content .clear {
	clear: both;
}

/* Product Section */
.products .primary h3 {
	margin-bottom: 5px;
}
.products h4 {
	padding: 0px 0px 0px 15px;
	background-image: url("/resource/image/icon/arrow-blue.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
.products .category h4 {
	background-color: #e1e0e0;
	clear: both;
}
.products h5.header,
.products h5 {
	padding: 3px 0px 2px 10px;
	margin: 5px 10px 10px 0px;
}
.products h5  {
	margin: 0px 10px 0px 0px;
}
.products .category h5 {
	background-color: #CCCCCC;
	margin-bottom: 10px;
}
.products .category h5.header,
.products .category h5 {
	clear: both;
	display: block;
}
.products #main-content a {
	color: #021755;
	text-decoration: underline;
	background-color: transparent;
}
.products #main-content a:hover,
.products #main-content a:active {
	color: #FFFFFF;
	background-color: #021755;
}
.products #main-content .overview a:hover,
.products #main-content .overview a:active {
	background-color: transparent;
}

/* Category Section Styles */
.category {
	padding: 5px 0px 0px 0px;
}
.category li {
	padding: 0px 0px 0px 12px;
	margin: 1px 0px 2px 14px;
	*margin: 1px 0px 1px 14px;
	_margin: 1px 0px 1px 7px;
	background-image: url("/resource/image/icon/product-bullet.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
	width: 130px;
	float: left;
}

/**
* Product Pages
**/
#search-results {
	margin-top: 10px;
}
.products .search-item {
	width: 323px;
	margin: 0px 10px 10px 0px;
	_margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
	float: left;
	position: relative;
/*
	clear: left;
*/
	border: solid 1px #CCCCCC;
	background-image: url("/resource/image/product/grey-gradient.jpg");
	background-repeat: repeat-x;
	_height: 95px;
	min-height: 95px;
}
.products .search-item .compare-item {
	padding: 0px 0px 2px 5px;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	position: absolute;

	bottom: 4px;
	right: 0px;
	height: 16px;
}
.products .search-item .compare-item.single {
	*margin: -0px 0px 0px 164px;
	_margin: -0px 0px 0px 157px;
}
#main-content .compare-item label {
	margin-top: -2px;
}
#main-content .compare-item  input {
	
}
.products .search-item .compare-item label {
	float: left;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
}
.products .search-item.related {
	_height: 50px;
	min-height: 50px;
}
.products .search-item:hover {
	border: solid 1px #666666;
}
.products .search-item img {
	float: left;
	display: inline;
	margin: 0px 8px 0px 0px;
	border: solid 1px #ffffff;
}
.products .search-item img:hover {
	border: solid 1px #666666;
}
.products .search-item h4 {
	display: inline;
	font-size: 12px;
}
.products .search-item h6 {
	margin: 0px;
	font-size: 12px;
}
.products .search-item p {
	font-size: 11px;
	margin: 4px 0px 4px 0px;
}
.products .products .search-item p.description strong {
	background-image: none;
}
.products .search-item p.search-links {
	margin-left: 80px;
}

#searchbox {
	float: right;
}
#results-summary {
	float: left;
}
/* News Section Styles */
.news-item img {
	border: 3px solid #98BAE5;
	float: left;
	display: inline;
	margin: 0px 10px 5px 0px;
}
.news-item {
	clear: both;
	/*float: left;
	width: 336px;*/
}
.news #main-content a:hover,
.news #main-content a:active {
	color: #FFFFFF;
	background-color: #021755;
}

/* blockquote styles */
blockquote {
	background-repeat: no-repeat;
	padding: 6px 0px 0px 44px;
	margin: 20px 0px 15px 10px;
	text-align: center;
}
blockquote span {
	display: none;
}
blockquote p {
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 44px 14px 0px;
}
p.quote-person {
	text-align: right;
	font-weight: bold;
}

/* expander and accordian styles AND .less / .more switches */
#main-content .expander-switch,
#main-content .accordion-switch {
	cursor: pointer;
}
#main-content .expander-switch span {
	display: none;
}
#main-content .expander-switch strong {
	font-weight: normal;
}
#main-content .expander-switch.expanded span {
	display: inline;
}
#main-content .expander-switch.expanded strong {
	display: none;
}
#main-content p.expander-switch,
#main-content p.accordion-switch,
#main-content h4.expander-switch,
#main-content h4.accordion-switch,
#main-content h5.expander-switch,
#main-content h5.accordion-switch {
	color: #FFFFFF;
}
#main-content .helper-link {
	font-size: 10px;
}
#main-content .helper-link:hover {
	background-color: #cccccc;
}
#main-content .less {
	display: none;
}
#main-content .expanded .more {
	display: none;
}
#main-content .expanded .less {
	display: inline;
}

/**
 * panel styles
 */
div.panel h3 {
	height: 26px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div.panel input.button {
	margin-bottom: 20px;
	margin-top: 10px;
}
div.panel {
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
div.panel a,
div.panel a:hover {
}
div.panel h3 a:hover,
div.panel h4 a:hover {
	background: none !important;
}
div.panel2 {
}

/**
 * generic panels / multi-section panels (panels which may appear in more than one section)
 */
 
/**
* Utility
**/
#utility h3 {
	clear: both;
	margin-bottom: 5px;
}
#utility h3 {
	height: 26px;
	background-repeat: no-repeat;
	background-position: right top;
}
.wishlist strong {
	background-image: url("/resource/image/title/theme-default/wishlist.gif");
}
.recently-viewed strong {
	background-image: url("/resource/image/title/theme-default/recently-viewed.gif");
}
h3.news strong {
	background-image: url("/resource/image/title/theme-default/news-events.gif");
}
h3.terms strong {
	background-image: url("/resource/image/title/terms/terms.gif");
}
#utility h3 strong {
	display: block;
	height: 26px;
	background-repeat: no-repeat;
	background-position: 7px 6px;
}
#utility h4 {
	font-size: 12px;
	background-image: none;
}
#utility .panel {
	padding-left: 10px;
}
#utility .panel a {
	color: #021755;
	text-decoration: underline;
	background-color: transparent;
}
#utility .panel a:hover,
#utility .panel a:active {
	color: #FFFFFF;
	background-color: #021755;
}
#utility .panel ul {
	margin-bottom: 8px;
}
#utility .panel h4 {
	padding-left: 0px;
}
#utility .panel li {
	padding: 0px 0px 0px 12px;
	background-image: url("/resource/image/icon/product-bullet.gif");
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#utility p.note {
	font-size: 12px;
	width: 160px;
	padding: 10px 0px 10px 10px;
}

/**
 * Tabs
 */
ul.tabs {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#main-content .tabs li {
	background-image: url("/resource/image/product/blue-gradient.jpg");
	float: left;
	position: relative;
	z-index: 2;
	list-style: none;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;	
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	_border-bottom: 1px solid #CCCCCC;
	font-size: 11px;
}
#main-content .tabs li:hover {
	background-image: url("/resource/image/menu/over-state.gif");
	background-position: right;
	background-color: transparent;
}
#main-content .tabs li a:hover {
	background-color: transparent;
}
#main-content .tabs li a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: transparent;
	text-decoration: none;
}
#main-content .tabs li:hover .new {
	display: inline;
} 
#main-content .tabs .activeitem {
	margin-bottom: -1px;
	background-image: none;
	background-color: #cfcfcf;
	color: #FFFFFF;
}
#main-content .tabs .activeitem:hover {
	background-image: none;
	background-color: #cfcfcf;
}
#main-content .tabs li.activeitem a {
	font-weight: bold;
	color: #021755;
}
#main-content .tabpanel {
	z-index: 1999;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;	
	_margin-top: -1px;
	clear: left;
	background-image: url("/resource/image/product/grey-gradient.jpg");
	background-repeat: repeat-x;
	_height: 0px; /* IE6 hack */
}

/**  
* Breadcrumb
**/
#breadcrumb {
	background-color: #006db2;
	margin-bottom: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url("/resource/image/header/breadcrumb-background.jpg");
	background-repeat: repeat-y;
}
#breadcrumb li {
	background-image: url("/resource/image/icon/breadcrumb-bullet.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0px 5px 0px 13px;
	margin: 0px 0px 0px 0px;
	float: left;
	font-size: 11px;
}
#breadcrumb ul li a {
	color: #E5E1CC;
}


/**
* Main Content Panels
**/
#main-content .panel {
	width: 267px;
	float: left;
	display: inline;
	margin: 10px 0px 0px 10px;
}
#main-content .panel h3,
#main-content .panel ul,
#main-content .panel p {
	margin: 0px;
	padding: 0px;
}
#main-content .panel h4 {
	margin: 0px 0px 10px 0px;
}
#main-content .secondary-float {
	margin-right: 0px;
}

/**
 * table.data-list
 */
table.data-list,
table.data-view {
	width: 98%;
	margin: 0px 0px 10px 0px;
	border: 1px solid #d69c96;
}
table.data-list tr,
table.data-view tr {
	border: 1px solid #d69c96;
	background-color: #FFFFFF;
}
table.data-list th,
table.data-view th {
	font-weight: normal;
	border: 1px solid #d69c96;
	background-color: #f4e7e5;
}
table.data-list td,
table.data-list th,
table.data-view td,
table.data-view th {
	padding: 0px 5px 0px 5px;
	height: 22px;
	border: 1px solid #d69c96;
	vertical-align: middle;
}
table.data-list .icon,
table.data-list .quantity {
	text-align: center;
}
table.data-list .price,
table.data-list .total,
table.data-list .basket-label,
table.data-list .grandtotal {
	text-align: right;
}
table.data-list tr.extra-cost {
	background-color: #f5f9ed;
}
table.data-list tr.grandtotal {
}
table.data-list th a {
	font-weight: normal;
}
table.data-list tr.grandtotal td {
	font-weight: bold;
}
table.data-list .button {
	padding: 0px;
	background-color: #FFFFFF;
}
table.data-list a {
	font-weight: normal;
}
table.data-list .button a {
	text-decoration: none;
	width: 100%;
	display: block;
	padding: 4px 0px 4px 0px;
	background-color: #f5f9ed;
}
table.data-list .button a:hover {
	color: #ffffff;
}

/* fieldset */
fieldset {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}