/* CSS Document */

* {
text-decoration: none;
}



/* body */

body {
background: url('../graphics/layout/back.jpg') repeat-x;
font-family: Helvetica, Arial, Verdana, Tahoma;
font-size: 62.5%;
margin: 0;
text-align: center;
}

	img {
	border  :none;
	}
	
	table.noshow, span.noshow, p.noshow, caption.noshow, div.noshow {
	display: none;
	}
	
	p.float_left {
	float: left;
	}



/* wrapper */

#wrapper {
background: #fff url('../graphics/layout/wrapper_repeat.jpg') repeat-y;
margin: auto;
text-align: left;
width: 904px;
}

	#static {
	background: url('../graphics/layout/wrapper.jpg') no-repeat;
	padding: 103px 0 0;
	position: relative;
	}
	
	#logo {
	background: url('/graphics/layout/logo.png') no-repeat;
	behavior: url('/includes/js/pngfix.htc');
	height: 196px;
	position: absolute;
	right: 0;
	top: 10px;
	width: 221px;
	}
	
  ul#cart li a {
background:url("../graphics/layout/dots_white.gif") no-repeat scroll 15px 9px #E6071A;
color:#FFFFFF;
}

/* header */

#header {
background: #F49F26 url('../graphics/layout/header.jpg') 0 100% repeat-x;
color: #fff;
margin: 0 2px 0 271px;
}

	#header_left {
	background: url('../graphics/layout/header_left.jpg') no-repeat;
	}
	
	#header_right {
	background: url('../graphics/layout/header_right.jpg') 100% 0 no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 9px 50px;
	}
	
		#header form {
		display: inline;
		margin: 0 0 0 30px;
		padding: 0;
		}
		
			#header form input {
			border: 1px solid #000;
			font-family: Helvetica, Arial, Verdana, Tahoma;
			font-size: 1em;
			font-weight: normal;
			padding: 0;
			margin: 0;
			}
			
				#header form input#searchsubmit {
				background: #fff;
				border: 1px solid #414D9F;
				color: #414D9F;
				font-weight: bold;
				font-size: .9em;
				height: 17px;
				}
	
		#header a {
		color: #575891;
		}
		
			#header a:hover {
			color: #fff;
			}



/* navigation */

#nav {
background: #FAD325 url('../graphics/layout/nav_left.jpg') no-repeat;
color: #FAD325;
font-size: 1.2em;
font-weight: bold;
margin: 0 2px;
}

	#nav p {
	background: url('../graphics/layout/nav_right.jpg') 100% 0 no-repeat;
	margin: 0;
	padding: 8px 20px;
	}

	#nav a {
	color: #414D9F;
	margin: 0 10px 0 0;
	}
	
		.red {
		color: #FF0000;
		}
		
		#nav a:hover {
		color: #000;
		}



/* main content */

#content {
background: #fff;
font-size: 1.2em;
margin: 0 2px;
padding: 0 15px 10px 10px;
}

	p#trail {
	color: #B9B9B9;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	}

		p#trail a {
		color: #414EA0;
		}

			p#trail a:hover {
			color: #000;
			}
	
	#left {
	float: left;
	font-weight: bold;
	width: 187px;
	}
	
	#right {
	float: right;
	width: 674px;
	}
	
	.orange {
	color: #FAB125;
	font-weight: bold;
	}
	


/* left heading */

#left .heading {
background: url('../graphics/layout/left/heading.gif') repeat-y;
color: #0F1B73;
}

	#left .heading p {
	background: url('../graphics/layout/left/heading_top.gif') no-repeat;
	margin: 0;
	padding: 0;
	}

	#left .heading p.top {
	background: url('../graphics/layout/left/heading_top_round.gif') no-repeat;
	}
	
		#left .heading p span {
		background: url('../graphics/layout/left/heading_bottom.gif') 0 100% no-repeat;
		display: block;
		padding: 10px 10px 10px 22px;
		}
		
#left .ul {
background: url('../graphics/layout/left/fade_repeat.jpg') repeat-y;
}
		
	#left .fade {
	background: url('../graphics/layout/left/fade_bottom.gif') 0 100% no-repeat;
	padding: 0 0 2px 0;
	}
	
	#left li a, #left li span {
	background: url('../graphics/layout/left/bullet.gif') 23px 50% no-repeat;
	color: #fff;
	display: block;
	margin: 0 2px;
	padding: 5px 10px 5px 40px;
	* width: 133px;
	}
	
		#left li span, #left li a#issues {
		background: none;
		padding: 5px 10px 5px 23px;
		* width: 150px;
		}
	
			#left li a#issues {
			background: #209AC4;
			}
	
			#left li#logout {
			background: #F49F26;
			}
	
		#left li.blue a {
		background-color: #0F1E74;
		}
	
		#left li.orange a {
		background-color: #F49F26;
		}
	
		#left li a:hover {
		color: #FAD325;
		}

	#left ul {
	background: url('../graphics/layout/left/fade.jpg') no-repeat;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
		#left ul li, #left ul li.blue {
		background: url('../graphics/layout/left/li.gif') 50% 100% no-repeat;
		padding: 0 0 1px 0;
		}
	
			#left ul ul li a, #left ul ul li span {
			background: url('../graphics/layout/left/bullet-arrow.gif') 23px 50% no-repeat;
			}
		
	#left #cards {
	background: url('../graphics/layout/cards.jpg') no-repeat;
	margin: 0;
	padding: 35px 5px;
	}
		
/* show cart total */

#left ul li.show-cart {
color: #fff;
height: 1%;
padding: 5px 10px 5px 30px;
}

	html>body #left ul li.show-cart {
	height: auto;
	overflow: auto;
	}
	
	#left ul li.show-cart span.cart-items, 
	#left ul li.show-cart span.cart-total {
	display: inline;
	padding: 0;
	margin: 0 0 0 10px;
	}



/* main right content */

#right p {
margin: 0;
padding: 0 0 17px;
color: #0F1B73;
}

	#right a {
	color: #FAB125;
	font-weight: bold;
	}
	
		#right a:hover {
		color: #000000;
		font-weight: bold;
		}
		
			.overseas {
			color: #0F1B73;
			}

	.orange {
	color: #FAB125;
	font-weight: bold;
	}
	
	.home-text {
	color: #0F1B73;
	font-weight: bold;
	}

/* product page header */

#right h1 {
background: url('../graphics/layout/product-heading-back.jpg') 0% 0% no-repeat;
height: 40px;
margin: 0px;
text-align: right;
color: #ffffff;
font-size: 1.4em;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
padding: 75px 20px 0px 0px;
}

#right h2, #right h3, #right h4, #right h5, #right h6 {
display: block;
margin: 10px 0px 20px 0px;
color: #0F1B73;
font-size: 1.4em;
letter-spacing: -1px;
font-weight: bold;
text-transform: uppercase;
}


	#content span.htitle {
	display: block;
	margin: 10px 0px 0px 0px;
	color: #0F1B73;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: bold;
	text-transform: uppercase;
	}


/* footer */

#footer {
background: #FAD325 url('../graphics/layout/footer.gif') 0 100% repeat-x;
color: #FAD325;
margin: 0px;
}

	#footer_right {
	background: url('../graphics/layout/footer_left.gif') 0 100% no-repeat;
	}
	
	#footer p {
	background: url('../graphics/layout/footer_right.gif') 100% 100% no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 9px 15px;
	}
	
		#footer p span#accessibility {
		float: right;
		}
	
		#footer a {
		color: #414D9F;
		margin: 0 6px 0 0;
		}
	
			#footer a:hover {
			color: #000;
			}



/* spiderlinks */

p#spiders {
background: #fff;
color: #A5A5A5;
font-size: 1.1em;
margin: 0;
padding: 10px 0;
}

	#spiders a {
	color: #A5A5A5;;
	}

	#spiders span {
	margin: 0 50px 0 30px;
	}

/* inner nav sections */

ul#inner-nav {
list-style: none;
margin: 0 50px 0 20px;
padding: 0;
}

	ul#inner-nav li {
	margin: 5px 0;
	background-color: #FAB125;
	height: 1%;
	font-weight: bold;
	padding: 5px;
	}
	
		html>body ul#inner-nav li {
		height: auto;
		overflow: auto;
		}
	
		ul#inner-nav a {
		color: #fff;
		padding: 5px 20px 3px 15px;
		}
	
	ul#inner-nav img {
	float: left;
	}


	
	#right p.paging {
	background: #E1F2FB;
	color: #0F1B73;
	font-weight: bold;
	margin: 0;
	padding: 3px 7px;
	text-align: right;
	}
	
		#right p.paging a {
		color: #0F1B73;
		margin: 0 2px;
		}
	
		#right p.paging span {
		color: #A2A2A2;
		margin: 0 2px;
		}
		
		#content p#info_message {
		background: url('../graphics/layout/back.jpg') 50% 50% repeat-x;
		color: #fff;
		padding: 10px 100px 10px 10px;
		}

			#content p#info_message a {
			color: #fff;
			text-decoration: underline;
			}


	
/* misc commands + fixes */

#content, ul#sections, ul#sections li, ul#sections form {
height: 1%;
}

	html>body #content, 
	html>body ul#sections li, 
	html>body ul#sections, 
	html>body ul#sections form {
	height: auto;
	overflow: auto;
	}
	
/* Product Item Page */	

.product-img {
float: left;
width: 217px;
margin: 0px;
}

	.product-image {
	display: block;
	margin: 0 0 5px;
	border: 1px solid #000000;
	text-align: center;
	width: 100%;
	}
	
	#content .product-img a.view-larger, 
	#content .product-img a.email-friend, 
	#content .product-img a.review-item, 
	#content .product-img a.tombola-tips {
	background: #101B74 url('../graphics/layout/left/bullet.gif') 22px 10px no-repeat;
	color: #fff;
	display: block;
	margin: 1px 20px;
	padding: 5px 0 5px 36px;
	}
	
		#content .product-img a.tombola-tips {
		background: #1B74AC url('../graphics/layout/left/bullet.gif') 22px 10px no-repeat;
		}

.product-main {
float: right;
margin: 0px 0px 0px 20px;
width: 420px;
}

.product-title {
font-size: 1.3em;
color: #0F1B73;
}

	.product-title span {
	font-size: .8em;
	color: #aaa;
	margin: 0 10px;
	text-transform: none;
	}

#content p#product-price, #content p#your-product-price {
font-size: 1.2em;
font-weight: bold;
}

	#content p#your-product-price {
	color: #F49F26;
	}

	#content p#product-price .vat, #content p#your-product-price .vat {
	font-size: .8em;
	}

p#product-quantity {
float: left;
}

	p#product-quantity input {
	font-size: .9em;
	border: 1px solid #F59F26;
	margin: 0 5px;
	padding: 0 2px;
	}

.add-to-cart {
background: #F59F26 url('../graphics/layout/left/bullet.gif') 22px 50% no-repeat;
border: none;
color: #fff;
float: right;
font-size: 1.2em;
font-weight: bold;
margin: 0px 20px;
padding: 2px 30px 2px 36px;
text-align: center;
text-transform: uppercase;
}

	#code {
	font-size: 0.8em;
	color: #999999;
	}

/* Catalogue Request Form */

form#catalogue_request {
border: 1px solid #000;
margin: 0 14px 14px;
padding: 10px;
width: 350px;
}

	form#catalogue_request label {
	display: block;
	margin: 0;
	padding: 0 0 3px;
	}

	form#catalogue_request input, form#catalogue_request select, form#catalogue_request textarea {
	border: 1px solid #aaa;
	color: #666;
	display: block;
	font-family: Arial;
	font-size: 1em;
	margin: 0 0 8px 0;
	padding: 3px;
	width: 344px;
	}
	
		form#catalogue_request textarea {
		height: 65px;
		}
	
		form#catalogue_request input#catalogue_submit {
		margin: 10px 0 0;
		width: 200px;
		}
	
		form#catalogue_request input#catalogue_code {
		background: url('../graphics/common/code.gif') no-repeat;
		}
		
		
		
	



/* lightbox */

#lightbox {
background-color: #eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}

	#lightbox a {
	color: #000;
	}

	#lightboxDetails {
	padding-top: 0.4em;
	font-size: 1.2em;
	}
		
	#lightboxCaption {
	float: left;
	}

	#keyboardMsg {
	float: right;
	}

	#closeButton {
	top: 5px;
	right: 5px;
	}

	#lightbox img {
	clear: both;
	} 

	#overlay {
	background-image: url('/graphics/common/overlay.png');
	behavior: url('/includes/js/pngfix.htc');
	}




/* email friend */

#product-email-form, #product-review-form {
background: url('/graphics/admin/trans.png');
behavior: url('/includes/js/pngfix.htc');
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}

	#product-email-form form, #product-review-form form {
	background: #fff;
	border: 5px double #000;
	left: 50%;
	margin: -184px 0 0 -180px;
	padding: 20px;
	position: absolute;
	top: 50%;
	width: 360px;
	}
	
		#product-email-form form table, #product-review-form form table {
		margin: 0;
		width: 360px;
		}
		
		#product-email-form form p, #product-review-form form p {
		padding: 20px 0 0;
		}
		
		#product-email-form form input, #product-review-form form input {
		width: 153px;
		}
		
		#product-email-form form textarea, #product-review-form form textarea {
		width: 332px;
		}




tr.returned_item td, span.returned_item {
background: #FFE8C6;
}

.align_right {
text-align: right;
}



/* star rating system */

#content .star-rating,
#content .star-rating a:hover,
#content .star-rating a:active,
#content .star-rating a:focus,
#content .star-rating .current-rating, 
#content .star-rating #selected-rating {
background: transparent url('../graphics/common/star.gif') left -1000px repeat-x;
}

	#content .star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
	}
	
	#content .star-rating li {
	display: inline;
	}
	
	#content .star-rating a, 
	#content .star-rating .current-rating, 
	#content .star-rating #selected-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
	}

		#content .star-rating a:hover,
		#content .star-rating a:active,
		#content .star-rating a:focus {
		background-position: left bottom;
		}
		
		#content .star-rating a.one-star {
		width: 20%;
		z-index: 6;
		}
		
		#content .star-rating a.two-stars {
		width: 40%;
		z-index: 5;
		}
		
		#content .star-rating a.three-stars {
		width: 60%;
		z-index: 4;
		}
		
		#content .star-rating a.four-stars {
		width: 80%;
		z-index: 3;
		}
		
		#content .star-rating a.five-stars {
		width: 100%;
		z-index: 2;
		}
		
		#content .star-rating .current-rating, 
		#content .star-rating #selected-rating {
		z-index: 1;
		background-position: left center;
		}
		
		
		
/* reviews */

#content #reviewstab {
margin: 20px 20px 0;
}

	#content .product-review {
	border: 1px solid #ccc;
	padding: 5px 5px 0;
	margin: 0 0 10px;
	}

		#content .product-review p {
		padding: 0 0 5px;
		margin: 0;
		}
		
		#content .product-review p.product-review-details {
		color: #aaa;
		font-size: .9em;
		}
		

	/* tables  */
	
	table {
	border: 1px solid #eee;
	padding: 0;
	margin: 10px 0;
	width: 100%;
	}
	
		table th, table tr.subtotal td, table tfoot td {
		background: #eee;
		font-weight: bold;
		}
		
			table th.th_left, table td.th_left {
			width: 175px;
			}
		
			table th.th_right, table td.th_right {
			width: 450px;
			}
		
		table td, table th {
		border: 1px solid #eee;
		color: #000;
		padding: 5px;
		margin: 0;
		}
			
		table label {
		font-weight: bold;
		}
			
			table label span {
			font-size: .8em;
			}
		
		table input, table select, table textarea {
		background: #fff url('../graphics/common/input.jpg') repeat-x;
		border: 1px solid #ccc;
		font-family: Arial;
		font-size: 1em;
		padding: 3px 5px;
		width: 450px;
		}
		
			table textarea {
			height: 75px;
			}
			
			table select {
			background: #fff;
			width: 462px;
			}
	
			input.submit {
			background: #fff url('../graphics/common/input.jpg') repeat-x;
			border: 1px solid #ccc;
			font-family: Arial;
			font-size: 1em;
			font-weight: bold;
			padding: 5px 8px;
			}
	
			input.code {
			background: #fff url('../graphics/common/code.jpg') no-repeat;
			}
			
			input.postcodebox {
			width: 325px;
			}
			
			input.postcodesubmit {
			padding: 2px 5px;
			width: 120px;
			}
		
			.field {
			width: 388px;
			}
			
			.required {
			border: 1px solid #c00;
			}
			
				select.field {
				background: #fff;
				width: 400px;
				}
		
			table input.checkbox {
			width: 20px;
			}




/* reviews */

h2#reviews {
clear: both;
padding: 40px 0 0;
}

	.product-review {
	border: 1px solid #ccc;
	margin: 5px 0 0;
	padding: 5px;
	}
	
		.float_right {
		float: right;
		}



/* sections */

ul#sections {
list-style: none;
margin: 0;
padding: 0 0 2px;
}

	ul#sections li {
	float: left;
	margin: 5px 8px 15px 0;
	width: 216px;
	}

	ul#sections span.section-img {
	display: table-cell;
	* display: block;
	width: 212px;
	height: 165px;
	background: #FFFFFF;
	border: 1px solid #0F1B73;
	margin: 0;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	}
	
	ul#sections span.section-info {
	background: #0F1B73 url('../graphics/layout/left/bullet.gif') 10px 10px no-repeat;
	color: #FAD325;
	display: block;
	font-weight: bold;
	padding: 5px 0 5px 25px;
	margin: 0 2px 1px 0;
	height: 60px;
	}
	
		ul#sections span.section-info span.price-text {
		color: #fff;
		}
	
	ul#sections form {
	background: #F49F26;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 130px;
	}
	
		ul#sections form input.add-to-cart {
		background: transparent;
		border: none;
		border-right: 1px solid #fff;
		color: #fff;
		font-family: Arial;
		font-size: 1em;
		padding: 4px 0;
		margin: 0;
		text-transform: uppercase;
		width: 130px;
		}
	
		ul#sections a.section-more {
		background: #FAB725;
		color: #fff;
		float: left;
		margin: 0;
		padding: 4px 0;
		*padding: 5px 0 4px 0;
		text-align: center;
		text-transform: uppercase;
		width: 84px;
		}
		
			ul#sections a.section-more:active {
			padding: 4px 0 3px;
			*padding: 5px 0 4px 0;
			width: 84px;
			}
			
				ul#sections .cart-overflow {
				overflow:hidden;
				}
		
		
		
		p#company-details {
		color: #aaa;
		}




#content p.limitMsg {
clear: both;
padding: 15px 0 0;
}

.testimonybox {
background-color: #FFFFCC;
padding: 5px;
border:#FAB125 solid 1px;
}


#vcode { background: url(../graphics/layout/valcode.jpg) no-repeat; height: 28px; margin: 2px 0 0; }
#codewrap { height: 1%; }
html>body #codewrap { height: auto; overflow: auto; }





#facebook {
margin: 25px 0 0;
width: 673px;
}

	#facebook_header {
	background: url(../graphics/layout/facebook_top.jpg) no-repeat;
	height: 50px;
	padding: 0;
	margin: 0;
	}

	#facebook_footer {
	background: url(../graphics/layout/facebook_bottom.jpg) no-repeat;
	height: 42px;
	padding: 0;
	margin: 0;
	}
	
		#facebook_footer a {
		display: block;
		height: 42px;
		}
	
	#facebook_inner {
	border-left: 2px solid #3B5998;
	border-right: 2px solid #3B5998;
	padding: 0 10px;
	}
	
		#facebook_inner p {
		border-bottom: 1px solid #999;
		color: #000;
		font-size: .9em;
		line-height: 1.6em;
		padding: 8px 0;
		}
		
			#facebook_inner p.noline {
			border: none;
			}
		
			#facebook_inner p span {
			color: #999;
			}
		
			#facebook_inner p a {
			color: #3B5998;
			font-weight: normal;
			padding: 0 20px;
			}



/* Minicart */

#logo h1 {
background: url(../graphics/layout/minicart_header.png) no-repeat;
color: #0F1B73;
font-size: 1.4em;
font-weight: bold;
margin: 13px 7px 0;
padding: 8px 20px;
}

#logo #minicart {
background: url(../graphics/layout/minicart_middle.png) repeat-y;
font-size: 1.1em;
margin: 0 7px;
padding: 3px 20px;
}

	#logo #minicart table {
	background: none;
	border: none;
	width: 167px;
	}

	#logo #minicart table td {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	}

		#logo #minicart table tr.minicart_totals td {
		padding: 10px 0 0;
		}

		#logo #minicart table tr.minicart_delivery td {
		color: #DB0000;
		}

		#logo #minicart table td.minicart_price {
		text-align: right;
		}
	
#logo ul {
background: url(../graphics/layout/minicart_footer.png) no-repeat;
font-size: 1.4em;
font-weight: bold;
margin: 0 7px;
padding: 0;
list-style: none;
}

	#logo ul a {
	background: none;
	color: #fff;
	display: block;
	padding: 8px 20px 13px 40px;
	}
	
		#logo ul a:hover {
		color: #FAD325;
		}