/* CSS Document */
.PrintOnly {
display: none !important;
}
body.JS .NonJS {
display: none; /*hides elements that won't be required once JS alternatives are in place (JS class added to body tag via javascript)*/
}
/*---Basic tag styles-------------------*/
a {
color: #04a;
text-decoration: none;
}
	a:hover {
	color: #c39;
	}
a img {
border: none;
}
acronym {
border: none;
color: #555;
cursor: help;
}
address {
margin: 0 0 1em;
font-style: normal;
}
body {
background: #445566 url(../images/css/sitebg.gif);
/* text-align: center; */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 66%;
line-height: 1.4;
margin: 0;
padding: 10px 0;
}
fieldset {
margin: 0;
}
form {
margin: 0;
padding: 0;
}
h1 {
margin: 0 0 0.5em;
font-size: 150%;
color: #333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 1.2em;
}
h2 {
margin: 0 0 0.5em;
font-size: 130%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #444;
}
h3 {
margin: 0 0 1em;
font-size: 100%;
color: #555;
}
h4 {
margin: 0 0 1em;
font-size: 100%;
color: #666;
}
h5 {
margin: 0 0 1em;
font-size: 100%;
}
h6 {
margin: 0 0 1em;
font-size: 100%;
}
html {
background: #445566 url(../images/css/sitebg.gif); /*gotta specify this on the html and body to avoid strange background dissappearing bug in Chrome since update to version 1.3 JQuery*/
}
input {
font-size: 100%;
margin: 0;
}
ol {
margin: 0 0 1em 40px;
padding: 0;
}
p {
margin: 0 0 1em;
}
select {
font-size: 100%;
}
strong {
color: #333;
}
textarea {
vertical-align: top;
margin: 0;
font-size: 100%;
font-family: Verdana, Geneva, sans-serif;
}
ul {
list-style: square;
margin: 0 0 1.4em 30px;
padding: 0;
}
	ul ul {
	}


#preminder{
    font-size:1.3em;
    font-weight:bold;
    line-height:2.4em;
}

/*---Layout styles------------------------*/
.Container {
width: 980px;
background: #fff url(../images/css/containerbgslice.gif) repeat-y;
margin: 5px auto;
text-align: left;
}
	.Container .ContainerTop {
	background: url(../images/css/containerbgtop.gif) top left no-repeat;
	}
	.Container .ContainerBottom {
	background: url(../images/css/containerbgbottom.gif) bottom left no-repeat;
	padding: 0px;
	}
	.Container .Column1 {
	width: 180px;
	float: left;
	display: inline;
	margin-top: 14px;
	margin-left: 11px;
	margin-bottom: 10px;
	
	}
	.Container .Main {
	width: 580px;
	float: left;
	display: inline;
	padding: 10px 0 5px 9px;
	}
	.Container .Column2 {
	width: 180px;
	float: right;
	display: inline;
	margin-top: 14px;
	margin-right: 11px;
	margin-bottom: 10px;
	}
	
/*---Generic box styles------------------------*/
.Box180 {
margin: 0;
background: url(../images/css/box180fill.gif) repeat-y;
margin-bottom: 8px;
}
	.Box180Top {
	background: url(../images/css/box180top.gif) 0% 0% no-repeat;
	}
		.Box180Bottom {
		 background: url(../images/css/box180bottom.gif) 0 100% no-repeat; 
		 padding: 0px 0px 10px; 
		}	
	.Box180 h2 {
	background: #036 url(../images/css/box180headers.png) no-repeat;
        background-position:0px 0px;
	margin: 0;
        color: #fff;
	padding: 9px 0px 7px;
        text-indent:10px;
	border-bottom: solid 1px #aaa;
	font-size: 120%;
	}
	/*---Category Header colours---
	.Category1 h2 {background-position: 0 -0px;}
	.Category2 h2 {background-position: 0 -50px;}
	.Category3 h2 {background-position: 0 -100px;}
	.Category4 h2 {background-position: 0 -150px;}
	.Category5 h2 {background-position: 0 -200px;}
	.Category6 h2 {background-position: 0 -250px;}*/
	
.HighLightBox1 {
background: url(../images/css/highlightbox1slice.gif) repeat-y;
margin-bottom: 1em;
overflow: hidden;
zoom: 1;
}	
	.HighLightBox1Top {
	background: url(../images/css/highlightbox1top.gif) 0 0 no-repeat;
	}	
		.HighLightBox1Bottom {
		background: url(../images/css/highlightbox1bottom.gif) 0 100% no-repeat;
		padding: 13px 15px 2px;
		}
	
/*---Header styles-------------------------*/
.Header {
background:url(../images/css/headerbar.gif) top left no-repeat;
position: relative;
}
	.Header .CompanyDetails {
	float: left;
	display: inline;
	padding:  4px 0px 6px 16px;
	}
		.Header .CompanyDetails h1 {
		margin: 0;
		}
			.Header .CompanyDetails h1 img {
			display: block;
			}
	/*---User profile---*/
	
	.Header #UserProfileEmail{
	float:right;
	clear:right;
	margin-top:10px;
	}
	.Header #UserProfileEmail a{
		color:white;
	}
	
	.Header .UserProfile {
	text-align: right;
	padding-top: 38px;
	padding-right: 24px;
	color: #ccc;
	}
		.Header .UserProfile #ValidEmailReminder
		{
			display: none;
		}
		.Header .UserProfile #SiteLogin, #SiteLogin2 {
		display: none;
		}
		.Header .UserProfile h5 {
		float: left;
		display: inline;
		height: 22px;
		line-height: 22px;
		display: inline;
		margin: 0;
		color: #fff;
		}
		.Header .UserProfile ul {
		float: right;
		display: inline;
		list-style: none;
		margin: 0 0 0px;
		padding: 0;
		}
			.Header .UserProfile ul li {
			float: left;
			display: inline;
			padding-left: 15px;
			margin: 0;
			zoom: 1;
			}
				.Header .UserProfile ul li a {
				float: left;
				display: inline;
				height: 23px;
				line-height: 22px;
				color: #ddd;
				background: url(../images/css/icons.gif) 0 0 no-repeat;
				padding: 0 0 0 26px;
				}
					.Header .UserProfile ul li a:hover {
					text-decoration: none;
					color: #fff;
					background-position: 0 -50px;
					}
				.Header .UserProfile ul li.Basket a {background-position: 0 -100px;}
					.Header .UserProfile ul li.Basket a:hover {background-position: 0 -150px;}
				.Header .UserProfile ul li.Logout a {background-position: 0 -200px;}
					.Header .UserProfile ul li.Logout a:hover {background-position: 0 -250px;}
				.Header .UserProfile ul li.Marketing a {background-position: 0 -300px;}
					.Header .UserProfile ul li.Marketing a:hover {background-position: 0 -350px;}
				.Header .UserProfile ul li.Login a {background-position: 0 -700px;}
					.Header .UserProfile ul li.Login a:hover {background-position: 0 -750px;}
		.Header .UserProfile p {
		clear: right;
		margin: 0;
		padding: 0;
		}
			.Header .UserProfile p a {
			color: #fff;
			}
				.Header .UserProfile p a:hover {
				border-bottom: dotted 1px;
				}
	/*---Address (Print only)---*/
	.Header address {
	float: right;
	text-align: right;
	font-size: 90%;
	}
	/*---Navigation---*/
	.Header .HeaderNav {
	clear: both;
	margin: 0;
	padding: 1px 5px 0px;
	background: url(../images/css/navbar.gif) no-repeat;
	}
		.Header .HeaderNav ul {
		float: left;
		display: inline;
		list-style: none;
		margin: 0 0 0 5px;
		padding: 0 0 0 2px;
		text-align: center;
		background:url(../images/css/navbarindent.gif) 0 0 no-repeat;
		}
			.Header .HeaderNav ul li {
			float: left;
			display: inline;
			padding: 0 2px 0 0;
			background:url(../images/css/navbarindent.gif) 100% 0 no-repeat;
			}
				.Header .HeaderNav ul li a {
				float: left;
				display: inline;
				height: 32px;
				line-height: 32px;
				padding: 0 9px;
				color: #eee;
				}
					.Header .HeaderNav ul li a span {
					}
						.Header .HeaderNav ul li a:hover {
						background: #555;
						color: #fff;
						}
							.Header .HeaderNav ul li a:hover span {
							}
	/*---Search---*/

        .searchResults{
            padding:0px 8px 8px 8px;
            border:1px solid #aaa;
            width:512px;
            height:auto;
            position:absolute;
            right:64px;
            top:126px;
            background-color:white;
            z-index:99;
            }

	.Header .Search {
	float: right;
	display: inline;
	padding: 7px 4px 0 0;
	}
		.Header .Search input {
		font-size: 100%;
		margin: 0;
		padding: 0;
		vertical-align: middle;
		}
		.Header .Search .SearchBox {
		width: 100px;
		padding: 1px 3px;
		background: #f6f6f6;
		border: solid 1px;
		border-color: #000 #999 #999 #000;
		}
			.Header .Search .SearchBox:active {
			background: #ffc;
			}
		.Header .Search .SearchButton {
		padding: 0px 3px;
		overflow: visible;
		}
			
/*---Footer styles--------------------------*/
.Footer {
clear: both;
background: url(../images/css/footerbg.gif) 0 0 no-repeat;
color: #ddd;
padding: 0 14px 2px;
}
	.Footer p {
	float: left;
	display: inline;
	margin: 0 35px 0 0;
	height: 32px;
	line-height: 32px;
	}
	.Footer p.QTec {
	margin: 0;
	float: right;
	display: inline;
	}
		.Footer p.QTec a {
		color: #fff;
		}
			.Footer p.QTec a:hover {
			text-decoration: underline;
			}

/*---Category styles------------------------*/
.Categories {
}
	.Categories .Box180Bottom {
	padding: 0 0 10px;
	}
		.Categories .Box180Bottom div {
		padding-bottom: 3px;
		}
			.Categories .Box180Bottom div div {
			padding-bottom: 0px;
			}
	.Categories h2 {
	border-bottom: none;
	position: relative;
	zoom: 1;
	}
	.Categories div h3 {
	margin: 0;
	padding: 10px 9px 3px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #444;
	background: url(../images/css/categoryaccordionheader.png) 0 0 no-repeat;
	zoom: 1;
	outline: none;
	}
		.Categories .ui-accordion div h3 {
		padding-left: 20px;
		background-position: -180px 0px;
		cursor: pointer;
		}
		.Categories .ui-accordion div h3.hover {
		color: #C39;
		background-position: -360px 0px;
		}
		.Categories .ui-accordion div.selected h3 {
		color: #000;
		background-position: -540px 0px;
		}
			.Categories .ui-accordion div.selected h3.hover {
			color: #c39;
			background-position: -720px 0px;
			}
	.Categories ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0px 10px 3px 2px;
	}
		.Categories ul li {
		display: block;
		zoom: 1;
		width: 100%;
		}
			.Categories ul li a {
			display: block;
			padding: 1px 0px 1px 12px;
			color: #444;
			background: url(../images/css/categorybg.gif) 0 0 no-repeat;
			}
				.Categories ul li a:hover {
				color: #c39;
				background-position: 0px -50px;
				}
				.Categories ul li.SelectedCategory a {
				font-weight: bold;
				background-position: 0px -100px;
				}
					.Categories ul li.SelectedCategory a:hover {
					color: #444;
					}
			.Categories ul li ul {
			margin: 3px 0;
			padding-bottom: 0;
			}
				.Categories ul li.SelectedCategory ul {
				display: block;
				}
				.Categories ul li.SelectedCategory ul li a {
				font-weight: normal;
				background-position: 0px -150px;
				}
					.Categories ul li.SelectedCategory ul li.SelectedCategory a {
					background-position: 0px 0px;
					font-weight: bold;
					}
						.Categories ul li ul li a:hover {
						background-position: 0px 0px;
						}
							.Categories ul li.SelectedCategory ul li a:hover {
							color: #c39;
							}
							.Categories ul li.SelectedCategory ul li.SelectedCategory a:hover {
							color: #444;
							}
	/*---Category AtoZ styles---*/
	.AlphaList {
	}
		.AlphaList ul {
		list-style: none;
		margin: 0 0 0.75em;
		padding: 0;
		}
			.AlphaList ul li {
			zoom: 1;
			}
				.AlphaList ul li h2 {
				margin: 0.2em 0 0.1em;
				font-size: 300%;
				line-height: 1em;
				float: left;
				display: inline;
				}
				.AlphaList ul li ul {
				clear: both;
				margin-left: 7px;
				}
					.AlphaList ul div.last {
					float: right !important; /*needed to override inline style created by JS column generator*/
					display: inline;
					}
					.AlphaList ul li ul li {
					}
						.AlphaList ul li ul li a {
						display: block;
						background: url(../images/css/categorybg.gif) 0 0 no-repeat;
						padding: 1px 0 1px 13px;
						}
							.AlphaList ul li ul li a:hover {
							background-position: 0 -50px;
							}
	
/*---Product list styles--------------------*/
.Products {
}	
	/*---Product Header--*/
	.Products .ProductsHeader {
	background: url(../images/css/box1headers.png) no-repeat;
	margin-bottom: 10px
	}
		.Products .ProductsHeader h1 {
		margin: 0;
		padding: 14px 15px 9px;
		color: #ccc;
		font-size: 130%;
		}
			.Products .ProductsHeader h1.FeaturedProducts {
			color: #fff;
			font-size: 140%;
			}
			.Products .ProductsHeader h1 strong {
			color: #fff;
			}
			.Products .ProductsHeader h1 ul {
			margin: 0;
			padding: 0;
			list-style: none;
			}
				.Products .ProductsHeader h1 ul li {
				float: left;
				display: inline;
				white-space: nowrap;
				padding-bottom: 6px;
				}
					.Products .ProductsHeader h1 ul li a {
					color: #eee;
					padding: 0 0 0 20px;
					background: url(../images/css/categorybg.gif) 6px -200px no-repeat;
					}
						.Products .ProductsHeader h1 ul li a:hover {
						color: #fff;
						background-position: 6px -250px;
						}
		/*-OptionBar styles-*/
		.Products .ProductsHeader .OptionBar {
		clear: both;
		background: url(../images/css/optionbar.png) no-repeat;
		height: 30px;
		padding: 1px 10px 0 15px;
		position: relative;
		}
			.Products .ProductsHeader .OptionBar h3 {
			float: left;
			display: inline;
			height: 30px;
			line-height: 30px;
			margin: 0 6px 0 0;
			}
			.Products .ProductsHeader .OptionBar ul {
			float: left;
			display: inline;
			list-style: none;
			margin: 3px 0 0;
			padding: 0 0 0 2px;
			height: 26px;
			background: url(../images/css/optionbarindent.gif) no-repeat;
			}
				.Products .ProductsHeader .OptionBar ul li {
				float: left;
				display: inline;
				background: url(../images/css/optionbarindent.gif) 100% 0% no-repeat;
				padding-right: 2px;
				}
					.Products .ProductsHeader .OptionBar ul li a {
					display: block;
					height: 24px;
					width: 27px;
					text-indent: -9999px;
					background: url(../images/css/viewoptions.gif) top left no-repeat;
					outline: none;
					cursor: pointer;
					}
							.Products .ProductsHeader .OptionBar ul li a:hover {
							background-color: #ddd;
							}
							.Products .ProductsHeader .OptionBar ul li a.on {
							color: #666;
							cursor: default;
							}
								.Products .ProductsHeader .OptionBar ul li a.on:hover {
								text-decoration: none;
								background-color: #ccc;
								}			
						.Products .ProductsHeader .OptionBar ul li.DefaultView a {}
							.Products .ProductsHeader .OptionBar ul li.DefaultView a:hover {background-position: 0 -26px}		
							.Products .ProductsHeader .OptionBar ul li.DefaultView a.on {background-position: 0 -52px}
						.Products .ProductsHeader .OptionBar ul li.MiniView a {background-position: -26px 0}
							.Products .ProductsHeader .OptionBar ul li.MiniView a:hover {background-position: -26px -26px}
							.Products .ProductsHeader .OptionBar ul li.MiniView a.on {background-position: -26px -52px}
						.Products .ProductsHeader .OptionBar ul li.DetailedView a {background-position: -52px 0}
							.Products .ProductsHeader .OptionBar ul li.DetailedView a:hover {background-position: -52px -26px}
							.Products .ProductsHeader .OptionBar ul li.DetailedView a.on {background-position: -52px -52px}
						.Products .ProductsHeader .OptionBar ul li.GridView a {background-position: -78px 0}
							.Products .ProductsHeader .OptionBar ul li.GridView:hover a {background-position: -78px -26px}
							.Products .ProductsHeader .OptionBar ul li.GridView a.on {background-position: -78px -52px}
			/*SortOrder styles*/		
			.Products .ProductsHeader .OptionBar .SortOrder {
			text-align: right;
			float: right;
			display: inline;
			}
				.Products .ProductsHeader .OptionBar .SortOrder h3 {
				text-align: right;
				display: inline;
				float: none;
				height: auto;
				line-height: 20px;
				}
				.Products .ProductsHeader .OptionBar .SortOrder select {
				margin: 5px 0 0;
				}
			/*---CategoryNavigation styles---*/
			.Products .ProductsHeader .CategoryNavigation {
			background: #E8F3FF url(../images/css/filterbg.gif) 0 100% no-repeat;
			padding: 20px 14px 10px;
			margin-top: -9px;
			}
				.Products .ProductsHeader .CategoryNavigation .CategoryNavigationInner {
				background: url(../images/css/filterdivider.gif) 157px 0 repeat-y;
				}
				/*-ProductFilter styles-*/
				.Products .ProductsHeader .SubCategories {
				float: left;
				display: inline;
				width: 145px;
				padding-right: 10px;
				margin-right: 15px;
				}
					.Products .ProductsHeader .SubCategories h2 {
					margin-bottom: 0.6em;
					}
					.Products .ProductsHeader .SubCategories ul {
					list-style: none;
					margin: 0 0 0 5px;
					padding: 0px 0 0;
					}
						.Products .ProductsHeader .SubCategories ul li {
						float: left;
						display: inline;
						width: 100%;
						}
							.Products .ProductsHeader .SubCategories ul li a {
							display: block;
							background: url(../images/css/categorybg.gif) 0 0px no-repeat;
							padding: 1px 0 1px 13px;
							color: #333;
							}
								.Products .ProductsHeader .SubCategories ul li a:hover {
								color: #c39;
								background-position: 0 -50px;
								}
								
						
								
				/*-ProductFilter styles-*/
				
				.ProfileFilters{
					width:250px;
					position:absolute;
					left:660px;
					top:2px;
					background:url("../images/css/filter_header.png") no-repeat;
					background-position:0px -14px;
					height:34px;
					padding-left:30px;
					padding-right:30px;

				}
				.ProfileFilters ul{
					float:left !important;
				}
				
				.ProfileFilters  table ul li a {
								display: block;
								zoom: 1;
								background: url(../images/css/filtericons_dark.gif) 3px 0 no-repeat !important;
								padding: 2px 0 2px 18px;
								color: #000;
								}
								
				/*-ProductFilter styles-*/
				.ProductFilters h2 {
				float: left;
				display: inline;
				}
					.Products .ProductsHeader .ProductFilters a.ClearFilters {
					float: right;
					display: inline;
					background: url(../images/css/filtericons.gif) 0 -100px no-repeat;
					color: #c00;
					padding: 2px 5px 2px 15px;
					
					}
						.ProductFilters a.ClearFilters:hover {
						color: #0b0;
						background-position: 0 -50px;
						}
				.ProductFilters table {
				clear: right;
				width: 100%;
				border-collapse: collapse;
				}
				.Products .ProductsHeader .CategoryNavigationInner  .ProductFilters table {
				width: 378px;
				}
				.ProductFilters table td {
					vertical-align: top;
					}
				.ProductFilters ul {
				clear: both;
				list-style: none;
				margin: 0;
				padding: 0;
				}
						.ProductFilters table h4 {
						margin-bottom: 0.25em;
						color: #333;
						}
						.ProductFilters table ul {
						}
							.ProductFilters table ul li {
							width: 100%;
							}
								.ProductFilters table ul li a {
								display: block;
								zoom: 1;
								background: url(../images/css/filtericons.gif) 3px 0 no-repeat;
								padding: 2px 0 2px 18px;
								color: #000;
								}
								.ProductFilters table ul.Filtered li a {
								color: #888;
								}
									.ProductFilters table ul li a:hover {
									background-position: 3px -50px !important;
									color: #0b0;
									}
								.ProductFilters table ul li.FilterSelected a {
								background-position: 3px -50px !important;
								color: #0b0;
								font-weight: bold;
								}
									.ProductFilters table ul li.FilterSelected a:hover {
									background-position: 3px -100px !important;
									color: #C00;
									}
									.ProductFilters table ul li a.FilterOff {
									background-position: 3px -100px !important;
									color: #C00;
									}
				/*-Brand Listing styles-*/
				.Products .ProductsHeader .BrandListing {
				float: left;
				display: inline;
				width: 380px;
				}
					.Products .ProductsHeader .BrandListing img {
					float: left;
					display: inline;
					border: solid 1px #999;
					margin: 4px 10px 5px 0;
					}
					.Products .ProductsHeader .BrandListing p {
					margin: 0;
					}
			
/*------Product List Pager------*/
.ProductListPager {
clear: both;
margin: 5px 0;
height: 30px;
background: url(../images/css/optionbar.gif) 0 -1px no-repeat;
padding: 0 9px 0 14px;
}
	.ProductListPager h3 {
	float: left;
	display: inline;
	margin: 7px 0 0;
	font-weight: normal;
	color: #333;
	}
	.ProductListPager ol {
	float: left;
	display: inline;
	list-style: none;
	margin: 5px 0 0;
	padding: 0;
	}
		.ProductListPager ol li {
		float: left;
		display: inline;
		height: 19px;
		width: 19px;
		line-height: 19px;
		margin-left: 3px;
		text-align: center;
		}
		.ProductListPager ol li.SelectedPage {
		background: url(../images/css/pagerpagebg.gif) 0 -100px no-repeat;
		}
			.ProductListPager ol li a {
			float: left;
			display: inline;
			height: 19px;
			width: 19px;
			color: #333;
			background: url(../images/css/pagerpagebg.gif) 0 0px no-repeat;
			}
				.ProductListPager ol li a:hover {
				background-position: 0 -50px;
				color: #c39;
				}
	.ProductListPager div {
	float: right;
	display: inline;
	}
		.ProductListPager div h3 {
		margin-top: 4px;
		/margin-top: 3px;
		}
		.ProductListPager div select {
		/vertical-align: middle;
		}
		.ProductListPager div input {
		overflow: visible;
		/vertical-align: middle;
		padding: 1px 3px;
		}
/*------Product Card List------*/
	/*---Default view---*/
	.Products ul.ProductList {
	clear: both;
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	}	
		.ProductCard {
		margin: 0px 0 3px;
		background: url(../images/css/box1fill.gif) top left repeat-y;
		width: 100%;
		}
			.ProductCard div.ProductCardTop {
			background: url(../images/css/box1top.gif) top left no-repeat;
			}
				.ProductCard div div.ProductCardBottom {
				background: url(../images/css/box1bottom.gif) bottom left no-repeat;
				padding: 13px 15px 10px;
				position: relative;
				}
			.ProductCard .New {
			position: absolute;
			top: 5px;
			right: 3px;
			height: 40px;
			width: 40px;
			text-indent: -9999px;
			background: url(../images/css/newtag.gif) no-repeat;
			color: #fff;
			}
            .ProductCard .OnOffer {
            position: absolute;
            top: 5px;
            right: 3px;
            height: 40px;
            width: 40px;
            text-indent: -9999px;
            background: url(../images/css/onoffertag.gif) no-repeat;
            color: #fff;
            }

            .ProductCard .ToClear {
            position: absolute;
            top: 5px;
            right: 3px;
            height: 40px;
            width: 40px;
            text-indent: -9999px;
            background: url(../images/css/tocleartag.gif) no-repeat;
            color: #fff;
            }

            .ProductCard td.Name{
                color:#777;
                width:30%;
            }
            li.ProductCard td{
                padding:0px;
     
            }
            li.ProductCard table{
                width:100%;
            }


			.ProductCard h2 {
			font-weight: normal;
			font-size: 100%;
			}
			.ProductCard h1 {
			margin: 0.5em 0 0.5em;
			font-size: 130%;
			}
			.ProductCard .ProductImage {
			float: right;
			display: inline;
			margin: 0 0 10px 10px;
			}
			.ProductCard .ProductImageThumb {
			display: none;
			}
			.ProductCard .product_text {
			max-height: 11.3em;
			overflow: hidden;
			border-bottom: solid 15px #fff;
			color: #222;
			}
			.ProductCard .MoreDetails {
			position:absolute;
			left:16px;
			bottom:8px;
			}
			.ProductCard .StockMessage {
			color: #a00;
			clear: left;
			margin: 0;
			}
				.ProductCard .StockMessage strong {
				color: #a00;
				}
			.ProductCard .NotLoggedIn {
			clear: right;
			text-align: right;
			}
				.ProductCard .NotLoggedIn p.PleaseLogin {
				color: #a00;
				}
					.ProductCard .NotLoggedIn p.PleaseLogin a {
					color: #a00;
					font-weight: bold;
					text-decoration: underline;
					}
			.ProductCard .ViewMore {
			clear: both;
			text-align: center;
			display: none;
			}
			
			/*---Price table styles---*/
			.ProductCard .Prices {
			}
				.ProductCard .Prices table {
				clear: right;
				border-collapse: collapse;
				float: right;
			
				margin: 1px 0 10px 10px;
				font-size: 100%;
				}
					.ProductCard .Prices table tr {
					}
						.ProductCard .Prices table tr th {
						background: #f6f6f6;
						text-align: center;
						font-weight: normal;
						}
						.ProductCard .Prices table tr td, .ProductCard .Prices table tr th {
						vertical-align: middle;
						padding: 4px 5px;
						border: solid 1px #ddd;
						}
							.ProductCard .Prices table tr td.Price {
							text-align: center;
							color: #b00;
							font-size: 120%;
							font-weight: bold;
							width:5em;
							}
							.ProductCard .Prices table tr td.Quantity {
							text-align: center;
							width:5em;
							}
								.ProductCard .Prices table tr td.Quantity input {
								width: 2em;
								text-align: center;
								border: solid 1px #aaa;
								font-size: 145%;
								height: 17px;
								}
								.ProductCard .Prices table tr td.Quantity img {
								float: none;
								position: relative;
								/top: -1px;
								}
								.ProductCard .Prices table tr td.AddToBasket {
								text-align: center;
								width: auto;
								}		
								.ProductCard .Prices table tr td.AddToBasket input {
								width: 100%;
								padding: 4px 6px;
								}		
	/*---Mini view---*/			
	.Mini div.ProductListOuter {
	background: url(../images/css/box1fill.gif) 0 0 repeat-y;
	}			
	.Mini div.ProductListInner {
	background: url(../images/css/box1top.gif) 0 0 no-repeat;
	}			
	.Mini ul.ProductList {
	background: url(../images/css/box1bottom.gif) 0 100% no-repeat;
	padding: 13px 0px 7px;
	}	
		.Mini .ProductCard {
		margin: 0 0 7px;
		background: none;
		min-height: 50px;
		}
			.Mini .ProductCard div.ProductCardTop {
			background: none;
			}
				.Mini .ProductCard div div.ProductCardBottom {
				background: none;
				padding: 0 15px;
				position: relative;
				}
			.Mini .ProductCard h2 {
			font-size: 100%;
			margin-bottom: 0;
			margin-left: 60px;
			padding-bottom: 4px;
			}
			.Mini .ProductCard h1 {
			font-size: 120%;
			float: left;
			display: inline;
			margin: 0;
			margin-left: 60px;
			padding-bottom: 0.5em;
			}
            
			.Mini .ProductCard .New {
			display: none;
			}
            .Mini .ProductCard .ToClear {
            display: none;
            }
            .Mini .ProductCard .OnOffer {
            display: none;
            }

			.Mini .ProductCard .ProductImage {
			display: none;
			}
			.Mini .ProductCard .ProductImageThumb {
			display: block;
			position: absolute;
			top: 0px;
			left: 15px;
			}
			.Mini .ProductCard .product_text {
			display: none;
			}
			.Mini .ProductCard .MoreDetails {
			display: none;
			}
			.Mini .ProductCard .StockMessage {
			display: none;
			}		
			.Mini .ProductCard .NotLoggedIn {
			display: none;
			}
			/*Price table styles*/
			.Mini .ProductCard .Prices {
			display: none;
			}
	/*---Detailed view---*/
			.Detailed .ProductCard .product_text {
			display: block;
			max-height: none;
			height: auto;
			}
	/*---Grid view---*/
	.Grid ul.ProductList {
	margin-left: -5px;
	width: 591px;
	}	
		.Grid .ProductCard {
		float: left;
		display: inline;
		width: 188px;
		margin-bottom: 1px;
		margin-left: 5px;
		margin-right: 3px;
		background-image: url(../images/css/box1gridfill.gif);
		}
			.Grid .ProductCard div.ProductCardTop {
			background-image: url(../images/css/box1gridtop.gif);				
			}
				.Grid .ProductCard div div.ProductCardBottom {
				height: 20em;
				text-align: center;
				background-image: url(../images/css/box1gridbottom.gif);
				}
			.Grid .ProductCard h2 {
			display: none;
			}
			.Grid .ProductCard h1 {
			font-size: 100%;
			text-align: left;
			margin-top: 0;
			margin-right: 15px;
			height: 4.8em;
			overflow: hidden;
			}
			.Grid .ProductCard .ProductImage {
			float: none;			
			margin: 0 auto;
			}
			.Grid .ProductCard .product_text {
			display: none;
			}
			.Grid .ProductCard .MoreDetails {
			float: none;
			position: absolute;
			bottom: 6px;
			right: 0px;
			width: 230px;
			}
			.Grid .ProductCard .StockMessage {
			display: none;
			}
			.Grid .ProductCard .NotLoggedIn {
			float: none;
			text-align: left;
			}
				.Grid .ProductCard .NotLoggedIn p {
				display: none;				
				}
				.Grid .ProductCard .NotLoggedIn p.PleaseLogin {
				display: block;
				position: absolute;
				bottom: 6px;
				left: 13px;
				width: 8em;
				}
					.Grid .ProductCard .NotLoggedIn p span {
					display: none;
					}
					.Grid .ProductCard .NotLoggedIn p a {
					font-weight: normal;
					}
			
			/*Price table styles*/
			.Grid .ProductCard .Prices {
			}
				.Grid .ProductCard .Prices table {
				clear: right;
				border-collapse: collapse;
				float: right;
				display: inline;
				margin: 1px 0 10px 10px;
				}
					.Grid .ProductCard .Prices table tr {
					}
						.Grid .ProductCard .Prices table tr th {
						}
						.Grid .ProductCard .Prices table tr td, .Grid .ProductCard .Prices table tr th {
						display: none;
						}
							.Grid .ProductCard .Prices table tr td.Price {
							display: block;
							text-align: left;
							padding: 0;
							border: none;
							position: absolute;
							bottom: 16px;
							left: 15px;
							}
							
			.Grid .break-extra{
				display:none !important;
			}
	.ProductDownloads{
		 clear:both;margin-bottom:24px;padding:4px;border-top:1px dotted #999;border-bottom:1px dotted #999;
	}
	.Grid .ProductDownloads{
		display:none;
	}

/*------Product details - product card restyles------*/
	.ProductDetails {
	margin: 0;
	}
		.ProductDetails div div.ProductCardBottom {
		padding: 44px 20px 16px;
		}
		.ProductDetails .BreadCrumb {
		position: absolute;
		top: 4px;
		left: 4px;
		background: url(../images/css/box1innertab.gif) top left no-repeat;
		}
			.ProductDetails .BreadCrumb ul {
			float: left;
			display: inline;
			margin: 0;
			padding: 6px 19px 0 11px;
			list-style: none;
			height: 20px;
			background: url(../images/css/box1innertabend.gif) top right no-repeat;
			}
				.ProductDetails .BreadCrumb ul li {
				display: inline;
				}
					.ProductDetails .BreadCrumb ul li a {
					background: url(../images/css/categorybg.gif) 0 -2px no-repeat;
					padding: 0 2px 0 12px;
					}
						.ProductDetails .BreadCrumb ul li a:hover {
						background-position: 0 -52px;
						}
		.ProductDetails .ProductImages {
		float: left;
		display: inline;
		width: 240px;
		margin-bottom: 15px;
		}
			.ProductDetails .ProductImages .ProductImage {
			float: left;
			display: inline;
			margin: 0;
			border: none;
			width: 220px;
			text-align: center;
			}
			.ProductDetails .ProductImages .Thumbnails {
			clear: both;
			padding-top: 10px;
			}
				.ProductDetails .ProductImages .Thumbnails a {
				float: left;
				display: inline;
				border: solid 1px #bbb;
				margin: 0 4px 4px 0;
				}
					.ProductDetails .ProductImages .Thumbnails a:hover {
					border-color: #c39;
					}
		.ProductDetails .ProductMain {
		/* margin-left: 240px; */
		clear:both;
		}
			.ProductDetails .ProductMain h1 {
			font-size: 140%;
			float: none;
			margin: 0 30px 0.5em 0;
			}
			.ProductDetails .ProductMain h2 {
			font-size: 130%;
			margin-bottom: 1em;
			float: none;
			width: auto;
			}
				.ProductDetails .ProductMain .Prices table {
				float: none;
				margin: 0;
				}
			.ProductDetails .ProductMain .StockMessage {
			clear: none;
			float: none;
			margin: 1em 0;
			}
				.ProductDetails .ProductMain .StockReminder a {
				text-decoration: underline;
				}
			.ProductDetails .ProductMain .NotLoggedIn {
			text-align: left;
			}
		.ProductDetails h3 {
		clear: both;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 140%;
		border-bottom: solid 1px #c39;
		zoom: 1;
		}
		.ProductDetails .product_text {
		margin: 10px 0 0 0;
		clear: both;
		height: auto;
		max-height: none;
		border: none;
		}

        .ProductDetails .product_text table {
        border-collapse: collapse;
        margin-bottom: 10px;
        }
            .ProductDetails .product_text table tr td {
            padding: 0 10px 5px 0;
            vertical-align: bottom;
            }
                  .ProductDetails .product_text table tr td.Name {
                  font-family: "Trubuchet MS", Arial, Helvetica, sans-serif;
                  font-weight: bold;
                  vertical-align: top;
                  width: 160px;
                  }

.codesbox
{
	width: 350px;
	height: 300px;	
}

/*---Generic content page styles-------*/
.ContentBox {
width: 100%;
}
	.ContentBox .ContentBoxTop {
	}
		.ContentBox .ContentBoxBottom {
		background: #fff;
		margin: -3px 2px;
		padding: 22px 20px 10px;
		}
			.ContentBox .ContentBoxInner {
			position: relative;
			}
.Main .ContentBox {
background: url(../images/css/box1fill.gif) 0 0 repeat-y;
}
	.Main .ContentBox .ContentBoxTop {
	background: url(../images/css/box1top.gif) 0 0 no-repeat;
	}
		.Main .ContentBox .ContentBoxBottom {
		background: url(../images/css/box1bottom.gif) 0 100% no-repeat;
		margin: 0;
		padding: 17px 20px 16px;
		}
	/*-JumpList styles-*/
	.JumpList {
	margin: 1.5em 0 1em;
	}
		.JumpList h3 {
		float: left;
		display: inline;
		padding-top: 1px;
		}
		.JumpList ul {
		list-style: none;
		margin: 0 0 0 5.7em;
		padding: 0;
		zoom: 1;
		}
			.JumpList ul li {
			float: left;
			display: inline;
			margin: 0 0 3px 3px;
			}
				.JumpList ul li a {
				float: left;
				display: inline;
				border: solid 1px #ddd;
				height: 1.4em;
				width: 1.4em;
				line-height: 1.4em;
				text-align: center;
				background: #eee;
				color: #333;
				}
					.JumpList ul li a:hover {
					color: #c39;
					border-color: #c39;
					background: #fff;
					}
				.JumpListFluid ul li a {
				width: auto;
				padding: 0 0.15em;
				}
	/*Marketing styles*/
	.Marketing {
	}
		.Marketing h2 {
		border-bottom: solid 1px #c39;
		margin-bottom: 1em;
		zoom: 1;
		}
		.Marketing ul {
		list-style: none;
		margin: 0 0 1em 10px;
		padding: 0;
		}
			.Marketing ul li {
			zoom: 1;
			}
	/*Terms & Conditions styles*/
	.TandC {
	}
		.TandC h2 {
		margin-top: 1.5em;
		}
		.TandC ol {
		list-style: lower-alpha;
		margin-top: 0;
		margin-bottom: 1em;
		}
			.TandC ol ol {
			list-style: lower-roman;
			}
	/*Trading Information styles*/
	.TradingInformation {
	}
		.TradingInformation .AccountType {
		padding-top: 2px;
		margin: 5px 0 10px;
		background: none;
		}
			.TradingInformation .AccountType .SplitLeft {
			border-right: solid 1px #ccc;
			padding-right: 2.75%;
			}
			.TradingInformation .AccountType h3 {
			color: #c39;
			text-shadow: 1px 1px 2px #bbb;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 140%;
			margin-left: 5px;
			margin-bottom: 0.5em;
			}
			.TradingInformation .AccountType p {
			margin-left: 5px;
			margin-bottom: 0.75em;
			}
			.TradingInformation .AccountType a {
			display: block;
			background: url(../images/css/accounttype.png) no-repeat;
			width: 230px;
			height: 70px;
			text-indent: -9999px;
			margin: 20px 0 7px 4px;
			}
				.TradingInformation .AccountType .OnlineAccountReg {
				background-position: 0 0;
				}
					.TradingInformation .AccountType .OnlineAccountReg:hover {
					background-position: 0 -70px;
					}
				.TradingInformation .AccountType .TradingAccountReg {
				background-position: 0 -140px;
				}
					.TradingInformation .AccountType .TradingAccountReg:hover {
					background-position: 0 -210px;
					}
/*---News styles--------------------*/
.LatestNews {
position: relative;
background: url(../images/css/box1fill.gif) top left repeat-y;
width: 100%;
margin-bottom: 5px;
}
	.LatestNews div.LatestNewsTop {
	background: url(../images/css/box1top.gif) top left no-repeat;
	}
	.LatestNews div div.LatestNewsBottom {
	background: url(../images/css/box1bottom.gif) bottom left no-repeat;
	position: relative;
	}
	.LatestNews div div div.LatestNewsInner {
	padding: 10px 18px 11px;
	position: relative;
	}
	.LatestNews h1 {
	background: url(../images/css/box1headers.png) 0 -100px no-repeat;
	padding: 11px 16px 8px;
	margin: 0;
	zoom: 1;
	position: relative;
	}
		.LatestNews h1 a {
		color: #fff;
		}
			.LatestNews h1 a:hover {
			color: #fff;
			}
		.LatestNews h1 a.RSS {
		height: 15px;
		line-height: 14px;
		color: #ddd;
		position: absolute;
		top: 15px;
		right: 16px;
		font-weight: normal;
		background: url(../images/css/icons.gif) 0 -1100px no-repeat;
		padding-left: 17px;
		}
			.LatestNews h1 a.RSS:hover {
			color: #fff;
			background-position: 0 -1150px;
			}
	.LatestNews .ViewMore {
	text-align: right;
	}
.News {
}
	.News h1 {
	position: relative;
	}
		.News h1 a.RSS {
		height: 23px;
		line-height: 23px;
		position: absolute;
		top: 0px;
		right: 0px;
		font-weight: normal;
		background: url(../images/css/icons.gif) 100% -1000px no-repeat;
		padding-right: 28px;
		}
			.News h1 a.RSS:hover {
			background-position: 100% -1050px;
			}
	.News .ProductListPager {
	padding: 0 7px 0 8px;
	margin: 0 0 1em;
	height: 30px;
	background: url(../images/css/optionbar.gif) 0 -50px no-repeat;
	}
		.News .ProductListPager select{
		margin-top: 1px;
		}
	.NewsList {
	clear: both;
	}
		.NewsList ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
			.NewsList ul li {
			margin-top: 0.25em;
			}
				.NewsList ul li img {
				margin: 3px 0 0 0;
				float: left;
				display: inline;
				}
				.NewsList ul li h2 {
				margin-bottom: 0.1em;
				margin-left: 60px;
				}
					.NewsList ul li h2 span {
					color: #666;
					font-weight: normal;
					white-space: nowrap;
					}
				.NewsList ul li p {
				margin-left: 60px;
				}
				.NewsList ul li ul {
				list-style: disc;
				margin: 1em 0 1em 5em;
				}
					.NewsList ul li ul li {
					border: none;
					margin: 0;
					}
	.News h1 span {
	color: #666;
	font-weight: normal;
	white-space: nowrap;
	}
	.News img {
	float: right;
	display: inline;
	margin: 3px 0 5px 10px;
	}
	.News p {
	line-height: 1.6em;
	}
	/*Job Opportunity styles*/
	.JobOpportunities {
	}
		.JobOpportunities ol {
		list-style: none;
		margin: 1em 0;
		padding: 0;
		}
			.JobOpportunities ol li {
			margin: 2em 0;
			border-top: dotted 1px #ccc;
			padding: 1.5em 15px 0;
			zoom: 1;
			}
			.JobOpportunities ol li li {
			margin: 0;
			padding: 0;
			border: none;
			}
/*---Ink Finder styles*/
.r {
}
	.InkFinder h2 {
	font-size: 180%;
	}
	.InkFinder form {
	margin: 1.5em 0 0.5em;
	}
		.InkFinder form .Submit {
		font-size: 150%;
		overflow: visible;
		padding: 4px 11px;
		color: #090;
		font-weight: bold;
		}
			.InkFinder form .Submit:hover {
			color: #0c0;
			}
		.InkFinder form .ResetAll {
		color: #a00;
		font-weight: normal;
		}
			.InkFinder form .ResetAll:hover {
			color: #c00;
			}
	.InkFinder form.PrinterSelection {
	background: #eee;
	border: solid 1px #ccc;
	padding: 8px 10px;
	margin-bottom: 1.5em;
	}
		.InkFinder form.PrinterSelection h2 {
		display: inline;
		font-size: 200%;
		margin-right: 10px;
		line-height: 1em;
		vertical-align: middle;
		color: #c39;
		}
		.InkFinder form.PrinterSelection label {
		font-weight: bold;
		}
		.InkFinder form.PrinterSelection select {
		/vertical-align: middle;
		margin-right: 40px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		}
		.InkFinder form.PrinterSelection input {
		margin: 0 10px 0 -40px;
		/vertical-align: middle;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	.InkFinder .CMYK {
	background: #000;
	margin-bottom: 1em;
	}
		.InkFinder .CMYK span {
		float: left;
		width: 25%;
		height: 7px;
		}
		.InkFinder .CMYK .Cyan {
		background: #09f;
		}
		.InkFinder .CMYK .Magenta {
		background: #c06;
		}
		.InkFinder .CMYK .Yellow {
		background: #fb0;
		}
	.InkFinder table {
	margin: 0.5em 0 0;
	}
		.InkFinder table th {
		text-align: center;
		font-size: 200%;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: #000;
		color: #fff;
		padding: 5px;
		}
			.InkFinder table th.InkColour {
			background: #fff;
			}
		.InkFinder table td {
		width: 253px;
		border: solid 1px #ccc;
		padding: 3px 4px 3px 3px;
		}
			.InkFinder table td.Selected {
			background-color: #dfd;
			border-color: #090;
			}
			.InkFinder table td img {
			float: left;
			display: inline;
			margin: 0px 3px 0 0;
			background: #fff;
			}
			.InkFinder table td p {
			margin: 0 0 0 0.25em;
			line-height: 1.5em;
			}
				.InkFinder table td p.ManufacturersCode {
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 110%;
				line-height: 1.2em;
				font-weight: bold;
				color: #333;
				}
				.InkFinder table td p.Capacity {
				}
				.InkFinder table td p span.Price {
				float: left;
				display: inline;
				font-size: 140%;
				color: #b00;
				font-weight: bold;
				margin-top: 4px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				}
			.InkFinder table td label {
			float: right;
			display: inline;
			}
				.InkFinder table td label input {
				width: 2em;
				text-align: center;
				border: solid 1px #aaa;
				font-size: 145%;
				height: 17px;
				/vertical-align: middle;
				}
					.InkFinder table td label input[disabled=disabled] {
					background: #ece9d8;
					}
				.InkFinder table td label img {
				float: none;
				position: relative;
				/top: -1px;
				display: inline !important;
				}
				.InkFinder table tr td.InkColour {
				width: 121px;
				color: #fff;
				font-size: 200%;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				line-height: 1.1em;
				background: #999;
				border: none;
				padding: 0px 10px;
				}
					.InkFinder table tr.Black td.InkColour {background: #000;}
					.InkFinder table tr.MattBlack td.InkColour {background: #1c1c1c;}
					.InkFinder table tr.PhotoBlack td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 0 no-repeat; text-indent: -9999px;}
					.InkFinder table tr.Cyan td.InkColour {background: #09f;}
					.InkFinder table tr.Magenta td.InkColour {background: #c06;}
					.InkFinder table tr.Yellow td.InkColour {background: #fb0;}
					.InkFinder table tr.Red td.InkColour {background: #a00;}
					.InkFinder table tr.LightBlack td.InkColour {background: #333;}
					.InkFinder table tr.LightCyan td.InkColour {background: #0cf;}
					.InkFinder table tr.LightMagenta td.InkColour {background: #f39;}
					.InkFinder table tr.PhotoCyan td.InkColour {background: #09f url(../images/css/inktypebg.gif) 0 -200px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.PhotoMagenta td.InkColour {background: #c06 url(../images/css/inktypebg.gif) 0 -300px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.Green td.InkColour {background: #090;}
					.InkFinder table tr.Blue td.InkColour {background: #039;}
					.InkFinder table tr.GlossOptimizer td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -100px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.BlackColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -400px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.Colour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -500px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.PhotoColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -600px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.ThreeColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -700px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.FourColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -800px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.FiveColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -900px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.SixColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -1000px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.TwinBlack td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -1100px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.QuadBlack td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -1200px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.TwoBlackColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -1300px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.TwinColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -1400px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.BlackFiveColour td.InkColour {background: #000 url(../images/css/inktypebg.gif) 0 -1500px no-repeat; text-indent: -9999px;}
					.InkFinder table tr.BlackDrumKit td.InkColour {background: #000;}
					.InkFinder table tr.CyanDrumKit td.InkColour {background: #09f;}
					.InkFinder table tr.MagentaDrumKit td.InkColour {background: #c06;}
					.InkFinder table tr.YellowDrumKit td.InkColour {background: #fb0;}

/*---Mini Contact styles----------------*/
.MiniContact {

}
	.MiniContact img {
	display: block;
	}	
	
.MiniCallMeBack{
	background:url('../images/css/callmeback.gif') no-repeat;
	width:155px;
	height:23px;
	margin-left:14px;
	padding-bottom:10px;
}	
.MiniCallMeBack a{
	width:155px;
	height:23px;
	display:block;
	
}
	
/*---Promotion styles------------------*/
.Promotions a {
display: block;
margin-bottom: 10px;
}
				
/*---Brand styles----------------------*/
.Brands {
}	
	.Brands .Box180 h2 {
	border: none;
	margin-bottom: -2px;
	padding-bottom: 6px;
	}
	.Brands p {
	display: none;
	text-align: center;
	margin-bottom: 7px;
	}
		.Brands p a {
		display: none;
		height: 22px;
		text-indent: -9999px;
		background: url(../images/css/brandviewbutton.gif) 0 0 no-repeat;
		}
			.LimitHeight p, .UnlimitHeight p {
			display: block;
			}
			.LimitHeight p a.ShowBrands {
			display: block;
			}
				.LimitHeight p a.ShowBrands:hover {
				background-position: 0 -22px;
				}
			.UnlimitHeight p a.HideBrands {
			display: block;
			background-position: 0 -44px;
			}
				.UnlimitHeight p a.HideBrands:hover {
				background-position: 0 -66px;
				}
			.LimitHeight ul {
                        height:466px;
			overflow: hidden;
			}	
	.Brands ul {
	list-style: none;
	margin: 0 0 0 -8px;
	padding: 0;
	width: 188px;
	}	
		.Brands ul li {
		float: left;
		display: inline;
		margin: 0 0 2px 8px;
		}
			.Brands ul li a {
			display: block;
			width: 78px;
			height: 42px;
			padding: 4px;
			background: url(../images/css/brandbg1.gif) no-repeat;
			}
				.Brands ul li a:hover {
				background-position: 0 -100px;
				}
					.Brands ul li a:hover img {
					opacity: 0.7;
					}

                       .FeaturedBrands{
			width: 180px;
			height:98px;
                        padding:0px;
                        overflow:hidden;
                        }

			.FeaturedBrands a {
			display: block !important;
			width: 180px !important;
			height:98px !important;
			padding: 4px !important;
                        padding-left:5px !important;
			background:url(../images/css/brandbg_large1.gif) no-repeat !important;
			}
				.FeaturedBrands a:hover {
				background-position: 0 -194px !important;
				}


/*---Form styles----------------------------------*/
form {
}
	form fieldset {
	border: solid 1px #999;
	margin: 15px 0 10px;
	padding: 5px 10px 10px;
	background: #f8f8f8 url(../images/css/fieldsetbg.gif) top right repeat-y;
	position: relative;
		/*IE fixes for fieldset + legend background overflow bug*/
		/margin-top: 25px;
		/padding-top: 20px;
	}
		form fieldset legend {
		font-weight: bold;
		padding: 0 5px 2px;
		margin: 0;
		border:solid 1px #999;
		background: #fff url(../images/css/labelbg.gif) top left repeat-y;
		color: #c39;
		border-collapse: collapse;
		overflow: hidden;
			/*IE fixes for fieldset + legend background overflow bug*/
			/position: absolute;
			/top: -0.9em;
			/left: 0.2em;
		}
		form fieldset h3 {
		clear: both;
		margin: 10px 0 10px;
		}
		form fieldset h4 {
		color: #444;
		margin: 5px 0 -3px;
		}
		form fieldset label {
		display: block;
		margin: 6px 0 0;
		}
			form fieldset label span {
			display: -moz-inline-box; /*dirty hack for mozilla browsers*/
			display: inline-block;
			width: 11.5em;
			padding: 0px 0px 3px;
			}
			form fieldset label input {
			width: 110px;
			}
				form fieldset label input.ShortInput {
				width: 60px;
				}
				form fieldset label input.LongInput {
				width: 200px;
				}
			form fieldset label select {
			margin: 0 0 0 -4px;
			}
		form fieldset.ButtonList {
		/padding-top: 15px;
		}
			form fieldset.ButtonList label {
			float: left;
			display: inline;
			width: 50%;
			background: none;
			/margin: 4px 0 0;
			}
				form fieldset.ButtonList label:hover {
				color: #c39;
				}
					form fieldset.ButtonList label input {
					/vertical-align: middle; /*for IE*/
					margin: 0 3px 0 0;
					width: auto;
					}
			form fieldset.ButtonList label.Other {
			width: auto;
			}
			form fieldset.ButtonList input.Other {
			margin: 4px 0 0 4px;
			}
		form fieldset.FormSubmit {
		}
			form fieldset.FormSubmit h4 {
				margin-bottom: 5px;
			}
			form fieldset.FormSubmit label {
			float: left;
			display: inline;
			width: 300px;
			margin-top: 15px;
			}
				form fieldset.FormSubmit label input {
				width: auto;
				}
		form input.Submit {
		margin-top: 10px;
		padding: 4px 6px;
		}		
			form input.Submit:hover {
			color: #333;
			}		
		.FiftyFiftySplit {
		margin: -3px 0 -3px;
		padding:  0 0 3px;
		background: url(../images/css/fiftyfiftysplitbg.gif) 49.5% 50% repeat-y;
		}			
			.FiftyFiftySplit .SplitLeft {
			float: left;
			display: inline;
			width: 47%;
			}			
			.FiftyFiftySplit .SplitRight {
			float: right;
			display: inline;
			width: 47%;
			}
		.VerticalSplit {
		margin: 10px 0 0;
		padding: 2px 0 0;
		background: url(../images/css/verticalsplitbg.gif) 0% 0% repeat-x;
		}
		/*Form error styles*/
		label.Error {
		color: #a00;
		}
		.FormErrors {
		float: right;
		display: inline;
		clear: both;
		margin: 10px 0 0 0;
		border: solid 1px #a00;
		padding: 3px 5px 0;
		background-color: #fdd;
		}
			.FormErrors p {
			color: #a00;
			margin: 0 0 4px;
			background: url(../images/css/errormessagebg.gif) 0 1px no-repeat;
			padding-left: 15px;
			}
			
	form.SiteLogin {
	width: 350px;
	}
		form.SiteLogin p {
		margin: 1em 0 0;
		}
			form.SiteLogin p a {
			display: block;
			background: url(../images/css/icons.gif) 0 -800px no-repeat;
			padding: 0 0 0 23px;
			height: 19px;
			line-height: 19px;
			}
				form.SiteLogin p a:hover {
				background-position: 0 -850px;
				}
/*---Shopping basket & checkout styles------------*/
.ShoppingBasket {
}
	.ShoppingBasket h1 {
	float: left;
	display: inline;
	margin-bottom: 1.5em;
	}
	.ShoppingBasket .BasketSelection {
	float: right; 
	display: inline;
	height: 23px;
	line-height: 23px;
	background: url(../images/css/icons.gif) 0 -100px no-repeat;
	padding-left: 27px;
	}
		.ShoppingBasket .BasketSelection h3 {
		display: inline;
		}
		.ShoppingBasket .BasketSelection select {
		/vertical-align: middle;
		}
		.ShoppingBasket .BasketSelection input {
		/vertical-align: middle;
		}
	.ShoppingBasket table {
	clear: both;
	border-collapse: collapse;
	width: 100%;
	margin: 0em 0 1.25em;
	text-align: left;
	}
		.ShoppingBasket table td, .ShoppingBasket table th {
		padding: 5px 5px;
		border: solid #ccc;
		border-width: 1px 0;
		}
		.ShoppingBasket table th {
		}
			.ShoppingBasket table .ProductCode {
			width: 70px;
			}
			.ShoppingBasket table .ProductDescription {
			}
				.ShoppingBasket table .ProductDescription a {
				color: #000;
				}
					.ShoppingBasket table .ProductDescription a:hover {
					color: #c39;
					}
			.ShoppingBasket table .Remove {
			text-align: center;
			}
			.ShoppingBasket table .Quantity {
			padding-left: 50px;
			width: 13em;
			text-align: right;
			}
				.ShoppingBasket table .Quantity span {
				display: block;
				text-align: center;
				}
				.ShoppingBasket table .Quantity a {
				float: left;
				display: inline;
				height: 19px;
				width: 19px;
				background: url(../images/css/icons.gif) 0 -600px no-repeat;
				text-indent: 19px;
				/margin-top: 1px;
				overflow: hidden;
				}
					.ShoppingBasket table .Quantity a:hover {
					background-position: 0 -650px;
					}
				.ShoppingBasket table .Quantity input[type=text] {
				text-align: center;
				}
				.ShoppingBasket table th.Quantity {
				text-align: center;
				}
			.ShoppingBasket table .Price {
			text-align: right;
			}
			.ShoppingBasket table tbody .Price {
			font-weight: bold;
			}
			.ShoppingBasket table .Subtotal {
			text-align: right;
			}			
		.ShoppingBasket table thead {
		background: #ddd;
		color: #444;
		}
		.ShoppingBasket table tfoot {
		background: #eee;
		}
			.ShoppingBasket table td .PostCode {
			text-transform: uppercase;
			font-size: 110%;
			color: #000;
			}
			.ShoppingBasket table tfoot img {
			vertical-align: middle;
			}
			.ShoppingBasket table tfoot input {
			/vertical-align: middle;
			}
			.ShoppingBasket table tfoot select {
			/vertical-align: middle;
			}
			.ShoppingBasket table tfoot tr.Under25 {
			background: #FFE1E1;
			}
			.ShoppingBasket table tfoot tr.Totals {
			background: #E8F3FF;
			}
				.ShoppingBasket table tfoot tr.Totals td.Price {
				font-weight: bold;
				}
				.ShoppingBasket table tfoot tr.Totals td.Subtotal {
				font-weight: bold;
				}
			.ShoppingBasket table tfoot tr.Delivery {
				background-color: #ffffe3;
			}
				.ShoppingBasket table tfoot tr.Delivery td {
				text-align: right;
				padding-top: 7px;
				padding-bottom: 7px;
				}
			.ShoppingBasket table tfoot tr.BasketName {
			line-height: 2.4em;
			background: #D5FFEA;
			}
				.ShoppingBasket table tfoot tr.BasketName td input {
				vertical-align: middle;
				}
				.ShoppingBasket table tfoot tr.BasketName td img {
				}
		.ShoppingBasket a.DeleteBasket {
		float: left;
		display: inline;
		background: url(../images/css/icons.gif) 0 -400px no-repeat;
		height: 23px;
		line-height: 23px;
		padding-left: 26px;
		}
			.ShoppingBasket a.DeleteBasket:hover {
			background-position: 0 -450px;
			}
		.ShoppingBasket a.SaveBasket {
		float: left;
		display: inline;
		background: url(../images/css/icons.gif) 0 -500px no-repeat;
		height: 23px;
		line-height: 23px;
		padding-left: 26px;
		margin-left: 15px;
		}
			.ShoppingBasket a.SaveBasket:hover {
			background-position: 0 -550px;
			}
			.ShoppingBasket table tr.BasketEmpty td {
			text-align: center;
			padding: 20px;
			}
		.ShoppingBasket input.Submit {
		font-size: 140%;
		padding: 4px 7px;
		/padding: 5px 7px 4px;
		margin-top: 0;
		margin-bottom: 1em;
		overflow: visible;
		width: auto;
		}
		.ShoppingBasket p {
		width: 380px;
		}
			.ShoppingBasket img.BankCards {
			margin-top: 1em;
			padding: 1px;
			border: solid 1px #ccc;
			background: #fff;
			}
	/*Delivery address select*/
	.ShoppingBasket .DeliveryAddressSelect {
	float: right;
	display: inline;
	width: 400px;
	margin: 1px 1em 1.25em 0;
	/margin-bottom: 0.25em;
	border: solid 1px #ccc;
	background: #ffffe3;
	padding: 5px 8px 8px;
	}
		.ShoppingBasket .DeliveryAddressSelect h3 {
		margin-bottom: 1em;
		}
		.ShoppingBasket .DeliveryAddressSelect h3 input {
		overflow: visible;
		padding: 1px 4px;
		vertical-align: middle;
		margin-left: 20px;
		}
		.ShoppingBasket .DeliveryAddressSelect label {
		clear: left;
		display: block;
		padding: 0 0 7px 0px;
		color: #444;
		}
				.ShoppingBasket .DeliveryAddressSelect label:hover {
				color: #000;
				}
			.ShoppingBasket .DeliveryAddressSelect label.SelectedOption {
			font-weight: bold;
			}
					.ShoppingBasket .DeliveryAddressSelect label.SelectedOption:hover {
					color: #444;
					}
			.ShoppingBasket .DeliveryAddressSelect label span {
			display: block;
			margin-left: 22px;
			}
			.ShoppingBasket .DeliveryAddressSelect label input {
			float: left;
			display: inline;
			margin: 1px 4px 0 0;
			/margin: -2px 4px 5px 0;
			}
			.ShoppingBasket .DeliveryAddressSelect p {
			margin: 0.5em 0 0 0;
			width: auto;
			}
				.ShoppingBasket .DeliveryAddressSelect p a {
				display: block;
				background: url(../images/css/icons.gif) 0 -900px no-repeat;
				height: 19px;
				line-height: 19px;
				padding: 0 8px 0 23px;
				margin-left: 1px;
				}
					.ShoppingBasket .DeliveryAddressSelect p a:hover {
					background-position: 0 -950px;
					}
		.ShoppingBasket .DeliveryAddressSelect .EditAddress {
		display: none;
		}
		.ShoppingBasket .DeliveryAddressSelect #AddAddress {
		display: none;
		}
                .ShoppingBasket .FreeDelivery{
                    text-align:right;
                    background-color:white;
                    font-size:1.6em;
                    color:red;
                }

                
		/*Order confirmation styles*/		
		.OrderConfirmation h1 {
		margin-bottom: 1em;
		display: block;
		float: none;
		}			
			.OrderConfirmation h2 {
			position: relative;
			}				
			.OrderConfirmation h2 a {
			position: absolute;
			top: 0;
			right: 0;
			font-weight: normal;
			font-size: 90%;
			}	
		.OrderConfirmation .OrderDetails {
		float:left;
		width:598px;
		border: none;
		padding: 7px 10px 7px;
		border: solid 1px #ccc;
		background: #eee;
		margin: 0;
		}
			.OrderConfirmation .OrderDetails h2 {
			display: inline;
			}
			.OrderConfirmation .OrderDetails label {
			margin-left: 4em;
			}
				.OrderConfirmation .OrderDetails label input {
				/vertical-align: middle;
				}
			.OrderConfirmation .Addresses {
			float: left;
			display: inline;
			border: solid 1px #ccc;
			width: 618px;
			margin: 1.5em 0;
			background: #f9f9f9;
			}
				.OrderConfirmation .Addresses h2 {
				zoom: 1;
				}
			.OrderConfirmation .InvoiceAddress, .OrderConfirmation .DeliveryAddress {
			float: left;
			display: inline;
			width: 288px;
			padding: 7px 10px 0;
			zoom: 1;
			}
			.OrderConfirmation .InvoiceAddress {
			border-right: solid 1px #ccc;
			}
			.OrderConfirmation .DeliveryAddress {
			position: relative;
			left: -1px;
			border-left: solid 1px #ccc;
			}
				.OrderConfirmation .InvoiceAddress p, .OrderConfirmation .DeliveryAddress p {
				width: auto;
				}
			.OrderConfirmation .OrderingInstructions {
			}
				.OrderConfirmation .OrderingInstructions label.AdditionalInstructions {
				margin-top: 1em;
				}
				.OrderConfirmation .OrderingInstructions label textarea {
				width: 95%;
				}
				.OrderConfirmation .OrderingInstructions label span {
				width: auto;
				}
			.OrderConfirmation .BankCards {
			position: absolute;
			right: 0;
			bottom: 1em;
			}
			.OrderConfirmation .OrderSummary {
			clear: right;
			float: right;
			display: inline;
			width: 282px;
			border: solid 1px #ccc;
			background: #ffffe3;
			padding: 5px 8px 12px;
			margin-bottom: 5em;
			}
				.ShoppingBasket .OrderSummary table {
				width: 90%;
				margin-top: 0.5em;
				}
					.ShoppingBasket .OrderSummary table tr.Totals {
					color: #a00;
					font-size: 110%;
					}
						.ShoppingBasket .OrderSummary table tr td {
						border: none;
						padding: 2px 0 2px 10px;
						}
						.ShoppingBasket .OrderSummary table tr td.Subtotal {
						font-weight: bold;
						}
				.ShoppingBasket .OrderSummary fieldset {
				padding: 0;
				margin: 0 0 1.25em;
				border: none;
				background: none;
				}
				.ShoppingBasket .OrderSummary h2 {
				margin-bottom: 0;
				}
				.ShoppingBasket .OrderSummary p {
				width: auto;
				}
					.ShoppingBasket .OrderSummary p input {
					overflow: visible;
					padding: 0 2px;
					}
				.OrderConfirmation .OrderSummary label {
				width: 96%;	
				margin-left: 3%;	
				}
						.OrderConfirmation .OrderSummary label:hover {
						color: #000;		
						}
					.OrderConfirmation .OrderSummary label input {
					vertical-align: middle;
					position: relative;
					top: -1px;
					}
					.OrderConfirmation .OrderSummary fieldset fieldset {
					float: left;
					display: inline;
					clear: both;
					width: 256px;
					margin: 10px 0px 0 5px;
					border: dotted 1px #aaa;
					padding: 5px 7px 6px;
					}
						.OrderConfirmation .OrderSummary fieldset fieldset h3 {
						width: 40%;
						clear: none;
						margin: 0 0 0.5em;
						}
						.OrderConfirmation .OrderSummary fieldset fieldset label {
						clear: both;
						margin-left: 0;
						width: 100%;
						}
						.OrderConfirmation .OrderSummary fieldset fieldset label span {
						width: 9em;	
						position: relative;
						top: 1px;	
						}
						.OrderConfirmation .OrderSummary fieldset fieldset label select {
						margin-left: 0;
						}
						.OrderConfirmation .OrderSummary fieldset fieldset label input {
						width: 12em;
						margin-right: 0;
						position: static;
						}
							.OrderConfirmation .OrderSummary fieldset fieldset label input.CardDate {
							width: 3.5em;
							}
							.OrderConfirmation .OrderSummary fieldset fieldset label input.CVV {
							width: 2.5em;
							}
							.OrderConfirmation .OrderSummary fieldset fieldset div#MaestroOnly {
							float: left;
							}
								.OrderConfirmation .OrderSummary fieldset fieldset div#MaestroOnly h4 {
								margin: 1em 0 0.25em;
								}
							.OrderConfirmation .OrderSummary fieldset fieldset label input.IssueNumber {
							width: 1.5em;
							}
							.OrderConfirmation .OrderSummary fieldset fieldset label input.PostCode {
							width: 6em;
							}
						.OrderConfirmation .OrderSummary .AgreeTerms {
						margin-bottom: 0;
						}
				.OrderConfirmation .OrderSummary input.Submit {
				clear: both;
				margin: 10px 4px 0 0;
				}
		.OrderConfirmation table {
		clear: left;
		width: 620px;
		margin-bottom: 1em;
		}
			.OrderConfirmation table tr td, .OrderConfirmation table thead tr th {
			padding-left: 7px;
			padding-right: 7px;
			}
			.OrderConfirmation table .ProductCode {
			width: 5em;
			padding-left: 8px;
			padding-right: 8px;
			}
			.OrderConfirmation table .Quantity {
			width: auto;
			padding-left: 8px;
			}
			.OrderConfirmation table tfoot {
			}
				.OrderConfirmation table tfoot td {
				}
				.OrderConfirmation table tfoot td.Subtotal {
				}
			.OrderConfirmation div div * {
			/*border: none !important;
			background: #fff !important;*/
			}
/*---Mini Basket styles---------------------*/
.Basket {
}
	.Basket .Box180Bottom {
	padding: 0;
	}
	.Basket h3 {
	margin-bottom: 0.25em;
	}
	.Basket .MiniBasketTable {
	padding: 5px 10px 7px;
	}
	.Basket table {
	border-collapse: collapse;
	width: 100%;
	color: #444;
	}
		.Basket table tr {
		}
			.Basket table tr th {
			text-align: left;
			}
			.Basket table tr td {
			vertical-align: bottom;
			}
				.Basket table tr .Quantity {
				text-align: right;
				}
					.Basket table tr td.Quantity {
					padding-right: 7px;
					}
					.Basket table tr td.Delivery {
					}
				.Basket table tr .Price {
				text-align: right;
				padding-left: 4px;
				}
				.Basket table tfoot tr td {
				vertical-align: middle;
				font-weight: bold;
				padding-top: 4px;
				white-space: nowrap;
				}
				.Basket table tfoot tr td a {
				float: right;
				display: inline;
				height: 16px;
				width: 16px;
				text-indent: -9999px;
				background: url(../images/css/updateshipping.gif) 0 0 no-repeat;
				}
					.Basket table tfoot tr td a:hover {
					background-position: 0 -16px;
					}
				.Basket table tr td select {
				float: left;
				font-size: 90%;
				padding: 0;
				width: 75px;
				}
				.Basket table tr td input {
				padding: 0;
				width: 20px;
				height: 18px;
				/height: 20px;
				line-height: 7px;
				text-align: center;
				vertical-align: bottom;
				}
				.Basket table tr td.TotalPrice {
				color: #a00;
				font-weight: bold;
				text-align: right;
				}
	.Basket a.asket {
	float: left;
	display: inline;
	padding-left: 28px;
	height: 23px;
	line-height: 23px;
	background: url(../images/css/icons.gif) 0px -100px no-repeat;
	}
		.Basket a.asket:hover {
		background-position: 0px -150px;
		}
	.Basket p {
	clear: both;
	border-top: solid 1px #bbb;
	margin: 0 1px;
	padding: 6px 6px 15px;
	background: url(../images/css/box180bottomalt.gif) -1px 100% no-repeat;
	}
		.Basket p select {
		width: 116px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		}
			.Basket p select option.CurrentBasket {
			color: #999;
			}
		.Basket p input {
		width: 4em;
		padding: 0 1px;
		/overflow: visible;
		}
	.Basket .basket_code_input
	{
		width: 50px;
	}
	.Basket .quick_basket_code_input
	{
		width: 50px;
                color:#888;
	}
         .Basket .quick_basket_code_input:focus
	{
		color:black;
	}

	
	.Basket .basket_qty_input
	{
		width: 20px;
	}
	.Basket .quick_basket_qty_input
	{
		width: 20px;
                color:#888;
	}
	.Basket .quick_basket_qty_input:focus
	{
		color:black;
	}
	
	.Basket #quick_add
	{
		padding-bottom: 5px;
	}
        .Basket #quick_add_title{
                border-top:1px solid #bbb;
                 padding:4px 2px 0px 10px;
                 color:#444;
                 font-weight:bold;
                 font-size:0.9em;
      }
      .Basket #quick_add_rapid{
                 float:right;
                 margin-right:10px;
                 padding:4px 2px 0px 10px;
                 font-size:0.9em;
                 font-weight:bold;
      }

      a.ViewBasket{
            font-weight:bold;
            font-size:1.1em;
      }
	
/* Account Signup---------------------*/
.AccountSignup {
margin-bottom: 10px;
}
	.AccountSignup a {
	display: block;
	height: 55px;
	background: url(../images/css/accountsignup.gif) 0 0 no-repeat;
	text-indent: -9999px;
	}
		.AccountSignup a:hover {
		background-position: 0 -55px;
		}
		
/*My Account styles---------------------*/
.MyAccount h2 {
border-bottom: solid 1px #c39;
margin-bottom: 1em;
zoom: 1;
}
	/*Address Book styles*/
	.AddressBook {
	}
		.AddressBook p a.AddAddress {
		float: right;
		display: inline;
		background:url(../images/css/icons.gif) 0 -900px no-repeat;
		padding: 0 0 0 23px;
		height: 19px;
		line-height: 19px;
		}
		.AddressBook ul {
		clear: both;
		list-style: none;
		margin: 10px 0 0;
		padding: 0;
		}
			.AddressBook ul li {
			position: relative;
			zoom: 1;
			padding: 13px 10px 8px;
			margin: 0;
			border-top: dotted 1px #ccc;
			}
				.AddressBook ul li h4 {
				color: #000;
				font-size: 110%;
				margin-bottom: 0.5em;
				}
				.AddressBook ul li address {
				margin-bottom: 0.5em;
				}
				.AddressBook ul li p {
				margin-bottom: 0.5em;
				}
				.AddressBook ul li div {
				position: absolute;
				right: 10px;
				bottom: 10px;
				}
					.AddressBook ul li div a {
					float: left;
					display: inline;
					padding: 0 0 0 23px;
					margin-left: 15px;
					height: 19px;
					line-height: 19px;
					}
						.AddressBook ul li div a.EditAddress {
						background:url(../images/css/icons.gif) 0 -900px no-repeat;
						display: inline;
						}
							.AddressBook ul li div a.EditAddress:hover {
							background-position: 0 -950px;
							}
						.AddressBook ul li div a.DeleteAddress {
						background:url(../images/css/icons.gif) 0 -600px no-repeat;
						}
							.AddressBook ul li div a.DeleteAddress:hover {
							background-position: 0 -650px;
							}
		.AddressBook .EditAddress {
		display: none;
		}
		.AddressBook #AddAddress {
		display: none;
		}
		#ChangeEmail {
		display: none;
		}
			.ChangeEmail label {
			width: 300px;
			}
				.ChangeEmail label span {
				width: 7em;
				}
				.ChangeEmail label input {
				width: 200px;
				}
	/*Order History styles*/
	.OrderHistory {
	}
		.OrderHistory .OrderSearch {
		border: solid 1px #bbb;
		background: #DFEFFF;;
		padding: 6px 9px;
		margin-bottom: 0.5em;
		zoom: 1;
		}
			.OrderHistory .OrderSearch h3 {
			display: inline;
			color: #000;
			}
			.OrderHistory .OrderSearch form {
			display: inline;
			}
			.OrderHistory .OrderSearch label {
			margin-left: 10px;
			}
				.OrderHistory .OrderSearch label input {
				width: 7.5em;
				}
				.OrderHistory .OrderSearch input {
				width: auto;
				margin-left: 3px;
				overflow: visible;
				padding: 0px 3px;
				/vertical-align: middle;
				}
			.OrderHistory .OrderSearch strong {
			margin-left: 13px;
			}
		.OrderHistory .ProductListPager {
		background: none;
		float: right;
		display: inline;
		padding: 0;
		width: 100%;
		margin-bottom: 0.25em;
		line-height: 20px;
		}
			.OrderHistory .ProductListPager li.SelectedPage, .OrderHistory .ProductListPager li a {
			background: none;
			width: auto;
			height: auto;
			margin-left: 3px;
			}
			.OrderHistory .ProductListPager li a {
			color: #039;
			}
				.OrderHistory .ProductListPager li a:hover {
				color: #c39;
				}
		.OrderHistory table {
		clear: both;
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 1.5em;
		}
			.OrderHistory table th, .OrderHistory table td {
			padding: 4px 10px 4px 5px;
			}
			.OrderHistory table tr th {
			background: #eee;
			border-top: solid 1px #bbb;
			border-bottom: solid 1px #bbb;
			text-align: left;
			}
			.OrderHistory table tr td {
			border-bottom: solid 1px #ddd;
			}
				.OrderHistory table tr td.OrderOpen {
				color: #090;
				}
				.OrderHistory table tr td.OrderInvoiced {
				color: #666;
				}
				.OrderHistory table tr td.OrderCancelled {
				color: #a00;
				}
	/*SavedBaskets styles*/		
		.SavedBaskets table {
		clear: both;
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 1.5em;
		}
			.SavedBaskets table th, .SavedBaskets table td {
			padding: 4px 10px 4px 5px;
			}
			.SavedBaskets table tr th {
			background: #eee;
			border-top: solid 1px #bbb;
			border-bottom: solid 1px #bbb;
			text-align: left;
			}
			.SavedBaskets table tr td {
			border-bottom: solid 1px #ddd;
			}
				.SavedBaskets .BasketName {
				
				}
				.SavedBaskets .BasketValue {
				text-align: right;
				}
				.SavedBaskets td.ItemCodeSummary {
				}
				.SavedBaskets .EditBasket {
				text-align: center;
				}
					.SavedBaskets td.EditBasket a {
					display: block;
					text-indent: -9999px;
					height: 23px;
					width: 23px;
					background: url(../images/css/icons.gif) 0 -100px no-repeat;
					margin: 0 auto;
					}
						.SavedBaskets td.EditBasket a:hover {
						background-position: 0 -150px;
						}
				.SavedBaskets .DeleteBasket {
				text-align: center;
				}
					.SavedBaskets td.DeleteBasket a {
					display: block;
					text-indent: -9999px;
					height: 23px;
					width: 23px;
					background: url(../images/css/icons.gif) 0 -400px no-repeat;
					margin: 0 auto;
					}
						.SavedBaskets td.DeleteBasket a:hover {
						background-position: 0 -450px;
						}
	/*Preferences styles*/		
		.Preferences {
		}
			.Preferences fieldset.ButtonList {
			background: none;
			border: none;
			margin-top: 0;
			padding: 0;
			}
				.Preferences fieldset.ButtonList label {
				width: 60%;
				margin-left: 10%;
				}

/*---Tabber styles---------------------*/
.Tabber, .PersistantTabber {
clear: both;
}
	.Tabber .TabberTab, .PersistantTabber .TabberTab {
	margin-top: 1.5em;
	}
.TabberLive {
}
ul.semtabs {
list-style: none;
margin: 0 -14px;
position: relative;
overflow: visible;
padding: 25px 6px 0;
border-bottom: solid 1px #000;
background: #ccc url(../images/css/tabberbg.gif) 0 0 repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 130%;
font-weight: bold;
}
ul.semtabs li {
float: left;
display: inline;
margin-left: 7px;
}
ul.semtabs li a {
display: block;
background: url(../images/css/tabbg.gif) 0 0 no-repeat;
padding: 8px 0;
width: 130px;
text-align: center;
margin-top: 4px;
color: #666;
}
	ul.semtabs li a:hover {
	color: #c39;
	background-position: -150px 0;
	}
	ul.semtabs li.active a {
	background-position: -300px 0;
	position: relative;
	bottom: -1px;
	color: #c39;
	padding: 10px 0;
	margin-top: 0;
	}
	ul.semtabs li.active a:hover{
	background-position: -300px 0;
	}
	ul.semtabs li.active a:focus {
	outline: none;
	}
/*---Accordion styles------------------*/
.Accordion, ul.Accordion {
list-style: none;
margin: 1.5em 0 1em;
padding: 0;
}
	.Accordion h3 {
	margin: 0 0 3px 0;
	padding: 0 10px 0 23px;
	background: url(../images/css/accordionheader.gif) 0 0px no-repeat;
	height: 28px;
	line-height: 27px;
	}
			.ui-accordion h3 {
			cursor: pointer;
			}
			.ui-accordion .hover {
			cursor: pointer;
			background-position: 0 -100px;
			}
			.ui-accordion h3:focus {
			outline: none;
			}
		.Accordion .selected h3.selected {
		background-position: 0 -50px;
		}
	.Accordion ul {
	list-style: none;
	margin: 10px;
	padding: 0;
	}
		.Accordion ul li {
		padding: 3px 0;
		color: #333;
		zoom: 1;
		}
			ul li.PDF {
			background: url(../images/css/miniicons.png) 0 0px no-repeat;
			padding: 3px 0 3px 20px;
			}
			 ul li.XLS {
			background: url(../images/css/miniicons.png) 0 -100px no-repeat;
			padding: 3px 0 3px  20px;
			}
			ul li.CSV {
			background: url(../images/css/miniicons.png) 0 -200px no-repeat;
			padding: 3px 0 3px  20px;
			}
			ul li.ZIP {
			background: url(../images/css/miniicons.png) 0 -300px no-repeat;
			padding: 3px 0 3px  20px;
			}
			ul li.HTML {
			background: url(../images/css/miniicons.png) 0 -400px no-repeat;
			padding: 3px 0 3px  20px;
			}
			ul li p.DownloadNote {
			margin: 3px 0 0;
			}
	.Accordion div div {
	padding: 10px 10px 5px 10px;
	}
		.Accordion div div div {
		padding: 0;
		}
		/*Accordion expander styles*/
		.Expander {
		}
			.Expander a {
			position: absolute;
			right: 0px;
			top: 2px;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 80%;
			font-weight: normal;
			display: none;
			background: url(../images/css/categorybg.gif) no-repeat;
			padding-left: 12px;
			line-height: 1.1em;
			overflow: visible;
			}
			.Expander a.ExpandAll {
			background-position: 0 -300px;
			}
				.Expander a.ExpandAll:hover {
				background-position: 0 -350px;
				}
			.Expander a.Collapse {
			background-position: 0 -400px;
			}
				.Expander a.Collapse:hover {
				background-position: 0 -450px;
				}
				/*Category expander restyle*/
				.Categories .Expander a {
				right: 10px;
				top: 12px;
				color: #ddd;
				font-size: 90%;				
				}
					.Categories .Expander a:hover {
					color: #fff;
					}
				.Categories .Expander a.ExpandAll {
				background-position: 0 -500px;
				}
					.Categories .Expander a.ExpandAll:hover {
					background-position: 0 -550px;
					}
				.Categories .Expander a.Collapse {
				background-position: 0 -600px;
				}
					.Categories .Expander a.Collapse:hover {
					background-position: 0 -650px;
					}*/

/*---Worker styles---------------------*/
.blackborder {
border: solid 5px #222;
}
.clear {
clear: both;
}
.floatleft {
float: left;
display: inline;
}
.floatright {
float: right;
display: inline;
}
.IEnobottommargin {
/margin-bottom: 0;
}
.paddedfloatleft {
float: left;
display: inline;
margin: 3px 10px 5px 0;
}
.paddedfloatright {
float: right;
display: inline;
margin: 3px 0 5px 10px;
}
/*---Easy clearing---*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
zoom: 1;
}
.clearfix {	
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body.mceContentBody {
background: #fff;
color: #000;
padding:4px;
}

.rmaInput 
{
	width: 250px;	
}

.rmaTextArea 
{
	width: 250px;
	height: 120px;
}

body .hide {display:none}   /* use body selector to add more weight to style */

.rax-backdrop { padding:8px; }

/*  -- box ui -- */
.rax-box { padding: 8px; }
.rax-box .box-title { margin:-7px -7px 10px -7px; padding: 2px 5px; display:block; }
.button { height:26px; vertical-align:middle; }
.button img {padding-bottom:1px; vertical-align:middle; }

 /* -- background colors -- */
.white { background:#fff; }
.silver { background:#c0c0c0; }
.lightgray { background:#e0e0e0; }
.softgreen { background-color: #C6D880 }    /* soft colors */
.softblue { background-color: #C3D9FF }
.softred { background-color: #FBC2C4 }
.softyellow{ background-color: #FDEE89 }
.pastelgreen { background-color: #E6EFC2 }
.button {
    color:#333;
    cursor: pointer;
    background-color: #ddd;
    border:1px solid #999;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.button.ok { background-color: #C6D880; border-color:#A9C440; color:#264409}
.button.cancel { background-color: #FF7575; border-color:#FF641A; color:#fff; font-weight: bold;}
.button.process { background-color: #AECDFF; border-color:#5998FF; color:#0055AA }
.button.continue { background-color: #FFD324; border-color:#E1B500; color:#514721 }/* Round Border radius */
.round { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.round-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.round-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.round-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.round-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.round-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.round-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.round-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.round-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }

/* -- backdrop -- */
.rax-backdrop {
    background: #eee url(images/glass-mat.png) repeat-x;
    border:solid 1px #ddd;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* -- surfaces -- */
.rax-glossy { background-image: url(images/glossy-mat.png); background-repeat: repeat-x; }
.rax-metalic { background-image: url(images/metalic-mat.png); background-repeat: repeat-x; }
.rax-glass { background-image: url(images/glass-mat.png); background-repeat: repeat-x; }

/* -- palettes -- */
.rax-background-pal { background-color: #7f7f7f; color:#fff; border-color: #707070; border-style:solid; }
.rax-header-pal { background-color: #5f5f5f; color:#fff; border-color: #505050; border-style:solid; }
.rax-toolbar-pal { background-color: #3f3f3f; color:#fff; border-color: #303030; border-style:solid; }
.rax-footer-pal { background-color: #6f6f6f; color:#fff; border-color: #606060; border-style:solid; }
.rax-content-pal { background-color: #fff; color:#222; border-color: #f0f0f0; border-style:solid; }
.rax-active-pal { background-color: #eee; color:#222; border-color: #c0c0c0; border-style:solid; }
.rax-inactive-pal { background-color: #cecece; color:#222; border-color: #c0c0c0; border-style:solid; }
.rax-hover-pal { background-color: #f0f0f0; color:#222; border-color: #c0c0c0; border-style:solid; }
.rax-selected-pal { background-color: #3384ff; color:#fff; border-color: #2c71d9; border-style:solid; }
.rax-itm-pal { background-color: #fff; color:#444; border-color: #eee; border-style:solid; }
.rax-alt-pal { background-color: #eee; color:#444; border-color: #ddd; border-style:solid; }
.rax-error-pal { background-color: #ffcccc; color:#000; border-color: #e99292; border-style:solid; }
.rax-alert-pal { background-color: #FFF6BF; color: #514721; border-color: #FFD324; border-style:solid; }
.rax-success-pal { background-color: #E6EFC2; color: #264409; border-color: #C6D880; border-style:solid; }
.rax-info-pal { background-color: #E5ECF9; color: #514721; border-color: #C3D9FF; border-style:solid; }

 /* -- palette icons -- */
.rax-toolbar-pal .ui-icon { background-image: url(images/ui-icons-light.png); }

/* -- box shadow -- */
.rax-box-shadow {
    box-shadow: 0px 1px 5px #aaa;
    -moz-box-shadow: 0px 1px 5px #aaa;
    -webkit-box-shadow: 0px 1px 5px #aaa;
}

/* -- box -- */
.rax-box { border: 2px solid #ddd; background-color: #eee;  border-color: #ccc; }
.rax-box.alert { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.rax-box.info { background-color: #E5ECF9; color: #514721; border-color: #C3D9FF; }
.rax-box.success { background-color: #E6EFC2; color: #264409; border-color: #C6D880; }
.rax-box.error { background-color: #ffcccc; color: #000; border-color: #e99292; }
.rax-box.alert a { color: #514721; }
.rax-box.success a  { color: #264409; }
.rax-box.info a { color: #000099;  }
.rax-box.error a { color: #8a1f11; }
.rax-box .box-title { font-weight:bold; border-bottom: 1px solid #777; background:#C1C1C1;} /* box title */
.rax-box.success .box-title { background-color:#B8D152; border-color:#91A92E}
.rax-box.alert .box-title { background-color:#FFD900; border-color:#CEAF00}
.rax-box.info .box-title { background-color:#98B4E7; border-color:#5381D7}
.rax-box.error .box-title { background-color:#EF8F95; border-color:#BA1B23}
.rax-box, .rax-box .box-title { background-image: url(images/glossy-mat.png); background-repeat: repeat-x; }  /* box highlight */

.ui-icon-close { background-position: -80px -128px; }
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons-dark.png);
}

/* -- fixed-width cells -- */
.c1 {width:20px}.c2 {width:40px}.c3 {width:60px}.c4 {width:80px}.c5 {width:100px}.c6 {width:120px}.c7 {width:140px}.c8 {width:160px}.c9 {width:180px}.c10 {width:200px}.c11 {width:220px}.c12 {width:240px}.c13 {width:260px}.c14 {width:280px}.c15 {width:300px}.c16 {width:320px}.c17 {width:340px}.c18 {width:360px}.c19 {width:380px}.c20 {width:400px}.c21 {width:420px}.c22 {width:440px}.c23 {width:460px}.c24 {width:480px}.c25 {width:500px}
.c26 {width:520px}.c27 {width:540px}.c28 {width:560px}.c29 {width:580px}.c295 {width:588px}.c30 {width:600px}.c31 {width:620px}.c32 {width:640px}.c33 {width:660px}.c34 {width:680px}.c35 {width:700px}.c36 {width:720px}.c37 {width:740px}.c38 {width:760px}.c39 {width:780px}.c40 {width:800px}.c41 {width:820px}.c42 {width:840px}.c43 {width:860px}.c44 {width:880px}.c45 {width:900px}.c46 {width:920px}.c47 {width:940px}.c48 {width:960px}.c49 {width:980px}.c50 {width:1000px}
.c60{width:1200px}.c70{width:1400px}.c80{width:1600px}.c90{width:1800px}.c100{width:2000px}
.r1 {height:20px}.r2 {height:40px}.r3 {height:60px}.r4 {height:80px}.r5 {height:100px}.r6 {height:120px}.r7 {height:140px}.r8 {height:160px}.r9 {height:180px}.r10 {height:200px}.r11 {height:220px}.r12 {height:240px}.r13 {height:260px}.r14 {height:280px}.r15 {height:300px}.r16 {height:320px}.r17 {height:340px}.r18 {height:360px}.r19 {height:380px}.r20 {height:400px}.r21 {height:420px}.r22 {height:440px}.r23 {height:460px}.r24 {height:480px}.r25 {height:500px}
.r26 {height:520px}.r27 {height:540px}.r28 {height:560px}.r29 {height:580px}.r30 {height:600px}.r31 {height:620px}.r32 {height:640px}.r33 {height:660px}.r34 {height:680px}.r35 {height:700px}.r36 {height:720px}.r37 {height:740px}.r38 {height:760px}.r39 {height:780px}.r40 {height:800px}.r41 {height:820px}.r42 {height:840px}.r43 {height:860px}.r44 {height:880px}.r45 {height:900px}.r46 {height:920px}.r47 {height:940px}.r48 {height:960px}.r49 {height:980px}.r50 {height:1000px}

form .ctrl-group { margin-bottom: 10px; margin-right: 10px; }


.pdf_maker table{
         width:100%;
}
.pdf_maker_row{
       border-bottom:2px dotted #fff;
       margin-bottom:8px;
}

.qty_input_result{
      background-color:#689;
      color:white;
      font-weight:bold;
}

.pos-previously-saved{
	width:300px;background-color:#bdf;padding:10px;border-radius:15px;margin-bottom:20px;text-align:center;font-weight:bold;font-size:1.2em;
	}
        .pos-table th{
              text-align:center;
        }
        
        .qty_input_profit{
              background-color:transparent;
              color:green;
        }