/*/////////////////////////////////////////////////////////////////////
	ClearFix
/////////////////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}	
		
	.clear {
		height:0em;
		font:1px/1px sans-serif;
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Reset
/////////////////////////////////////////////////////////////////////*/

	* {
		margin:0;
		padding:0;
	}
	
	html, body {
		height:100%;
	}
	
	body {
		font-size:62.5%;
	}
	
	body, ul, li, p,
	input, select, textarea,
	h1, h2, h3, h4 {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

	label input, label select, label textarea {
		font-size:1em;
	}
	
	img {
		display:block;
	}
	a img {
		border:none;
	}
	
	table {
		border-collapse:none;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0; 
		display:block;
	}

/*/////////////////////////////////////////////////////////////////////
	Site
/////////////////////////////////////////////////////////////////////*/

	html {
		background:#000000 url(../styleImages/layout/back-repeat.jpg) repeat-y top center;
	}

	body {
		background:transparent url(../styleImages/layout/back-top.jpg) no-repeat top center;
	}

	#wrapper {
		width:998px;
		margin:0 auto;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/

	#header {
		height:105px;
		background:url(../styleImages/layout/header.jpg) no-repeat top left;
		position:relative;
		padding:42px 0 0 0;
	}
	
	/* logo */
	#header a#logo {
		display:block;
		margin:0 0 0 46px;
		height:69px;
		width:284px;
		outline:0;
		text-indent:-9999px;
		background:url(../styleImages/layout/logo.jpg) no-repeat top left;
	}
	
	/* telephone */
	#header span#phone {
		display:none;
	}
	
	/* user information */
	#header #userinfo {
		position:absolute;
		top:0;
		right:45px;
		height:30px;
		min-width:580px;
		background:url(../styleImages/layout/user-info.jpg) repeat-x top center;
	}	
	#header #userinfo li {
		list-style:none;
		float:left;
		font-size:1.2em;
		color:#ffffff;
		line-height:29px;
		height:30px;
	}
	#header #userinfo li.user {
		background:url(../styleImages/layout/user-info-start.jpg) no-repeat top left;
		padding:0 0 0 40px;
	}
	#header #userinfo li.user strong.name {	
		padding:0 12px 0 0;
		display:inline-block;
		background:url(../styleImages/layout/user-info-divide.jpg) no-repeat top right;
	}
	#header #userinfo li.basket {
		padding:0 0 0 12px;
		background:url(../styleImages/layout/user-info-end.jpg) no-repeat top right;
	}
	#header #userinfo li.basket strong,
	#header #userinfo li.basket span {
		color:#97d937;
	}
	#header #userinfo li.basket strong.total {	
		padding:0 29px 0 0;
		display:inline-block;
		
	}
	#header #userinfo li.basket a {
		text-decoration:underline;
		color:#ffffff;
	}
	#header #userinfo li.basket a:hover {
		color:#97d937;
	}
	#header #userinfo li.links {
		padding:0 16px 0 15px;
		background:url(../styleImages/layout/user-info-divide.jpg) no-repeat top right;
	}
	#header #userinfo li.links a {
		display:block;
		float:left;
		padding:0 10px 0 12px;
		background:url(../styleImages/layout/user-info-arrow.jpg) no-repeat left center;
		color:#ffffff;
		text-decoration:none;
	}
	#header #userinfo li.links a:hover {
		color:#97d937;
	}
	
	/* search */
	#header #search {
		position:absolute;
		top:151px;
		height:22px;
		left:375px;
	}
	#header #search label {
		background:url(../styleImages/layout/search-input.jpg) no-repeat top left;
		height:20px;
		width:200px;
		display:block;
		float:left;
		margin:1px 10px 0 0;
	}
	#header #search label span {
		display:none;
	}
	#header #search label input {
		background:none;
		border:none;
		outline:0;
		color:#4b4b4b;
		font-size:1.1em;
		padding:3px 7px;
		width:186px;
		height:12px;
	}
	#header #search button {
		text-indent:-9999px;
		font-size:0.0001em;
		line-height:0.0001em;
		float:left;
		height:22px;
		width:39px;
		background:url(../styleImages/buttons/search.jpg) no-repeat top left;
	}
	#header #search button:hover {
		background-position:bottom left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Container
/////////////////////////////////////////////////////////////////////*/
	
	/* wrappers */
	#container {
		padding:0 29px 15px 29px;

	}
	#container #wrapContentLeft { /* wraps content + left so content is top */
		float:left;
		width:750px;
	}
	
	/* layout */
	#content {
		padding:33px 0 0 0;
		float:right;
		width:560px;
		margin:0 0 0 10px;
		background:url(../styleImages/layout/search-bar.jpg) no-repeat top center;
	}
	#col1 {
		float:right;
		width:180px;
	}
	#col2 {
		float:right;
		width:180px;
	}
	
	/* if h1 is not required */
	#container #wrapContentLeft h1 {
		display:none;
	}
	#container #wrapContentLeft div h1 {
		display:block;
	}
	
/*/////////////////////////////////////////////////////////////////////
	side
/////////////////////////////////////////////////////////////////////*/
	
	/* generic */
	.side .box h3 {
		background:url(../styleImages/layout/side-top.gif) no-repeat top left;
		padding:12px 15px 0 15px;
		height:29px;
		line-height:29px;
		color:#ffffff;
		font-size:1.5em;
		font-weight:bold;
	}
	.side .box .content {
		background:#151515;
		border:1px solid #2c2c2c;
		padding:15px;
	}
	
	/* list */
	.side .box.list ul {
		padding:0 0 10px 0;
	}
	.side .box.list ul li {
		list-style:none;
		font-size:1.2em;
		line-height:1.8em;
		float:left;
		width:148px;
	}
	.side .box.list ul li a {
		text-decoration:none;
		color:#8d8d8d;
		display:block;
	}
	.side .box.list ul li a:hover {
		color:#97D937;
	}
	.side .box.list ul li.active {
		padding:0 0 0 12px;
		background:url(../styleImages/layout/side-arrow.gif) no-repeat left center;
	}
	.side .box.list ul li.active a {
		color:#97D937;
	}
	
	/* newsletter */
	.side .box.newsletter .content {
		padding-left:13px;
		padding-right:13px;
	}
	.side .box.newsletter p {
		color:#8d8d8d;
		font-size:1.1em;
		line-height:1.2em;
		margin:0 0 8px 0;
	}
	.side .box.newsletter form label {
		display:block;
		width:150px;
		height:20px;
		margin:0 0 4px 0;
		background:url(../styleImages/layout/newsletter-input.jpg) no-repeat top left;
	}
	.side .box.newsletter form label span {
		display:none;
	}
	.side .box.newsletter form label input {
		background:none;
		border:none;
		color:#4b4b4b;
		font-size:1.1em;
		padding:3px 7px;
		width:136px;
		outline:0;
		height:12px;
	}
	.side .box.newsletter form button {
		text-indent:-9999px;
		font-size:0.0001em;
		line-height:0.0001em;
		height:22px;
		width:150px;
		background:url(../styleImages/buttons/subscribe.jpg) no-repeat top left;
	}
	.side .box.newsletter form button:hover {
		background-position:bottom left;
	}
	
	/* social */
	.side .box.social ul {
		padding:0 0 10px 0;`
	}
	.side .box.social ul li {
		list-style:none;
		font-size:1.2em;
		line-height:1.8em;
		margin:0 0 15px 0;
		float:left;
		width:120px;
	}
	.side .box.social ul li a {
		text-decoration:none;
		color:#8d8d8d;
		display:block;
		padding:0 0 0 25px;
		background-repeat:no-repeat;
		background-position:left center;
	}
	.side .box.social ul li a:hover {
		color:#97D937;
	}
	.side .box.social ul li.facebook a {
		background-image:url(../styleImages/misc/social/facebook.gif);
	}
	.side .box.social ul li.twitter a {
		background-image:url(../styleImages/misc/social/twitter.gif);
	}

	.side .box.social ul li.you-tube a {
		background-image:url(../styleImages/misc/social/youtube.gif);
	}
	
	/* featured product */
	.side .box.featured .content {
		padding-right:5px;
	}
	.side .box.featured .product h4 {
		color:#d3d3d3;
		font-size:1.4em;
		font-weight:bold;
		padding-bottom:10px;
	}
	.side .box.featured .product h4 a {
		color:#d3d3d3;
		text-decoration:none;
	}
	.side .box.featured .product h4 a:hover {
		color:#97D937;
	}
	.side .box.featured .product .img a img {
		float:left;
		border:2px solid #323232;
		margin:0 8px 10px 0;
	}
	.side .box.featured .product .info {
		float:left;
		width:75px;
	}
	.side .box.featured .product .info h5 {
		color:#97d937;
		font-size:1.6em;
		line-height:28px;
		font-weight:bold;
		color:#97D937;
		text-align:center;
		height:28px;
		margin:0 0 7px 0;
		background:url(../styleImages/layout/featured-price.jpg) no-repeat top center;
	}
	.side .box.featured .product .info .rating {
		height:11px;
		margin:0 0 7px 0;
		text-align:center;
	}
	.side .box.featured .product .info .rating img {
		display:inline;
	}
	.side .box.featured .product .info .more a {
		display:block;
		outline:0;
		text-indent:-9999px;
		height:22px;
		width:74px;
		background:url(../styleImages/buttons/view.jpg) no-repeat top left;
	}
	.side .box.featured .product .info .more a:hover {
		background-position:bottom left;
	}
	.side .box.featured .product p {
		font-size:1.2em;
		line-height:1.2em;
		clear:both;
		margin:0 0 10px 0;
		color:#d3d3d3;
	}
	.side .box.featured .product ul {
		padding:0 0 10px 0;
	}
	.side .box.featured .product ul li {
		list-style:none;
		font-size:1.2em;
		line-height:1.6em;
		float:left;
		padding:0 0 0 12px;
		background:url(../styleImages/layout/side-arrow.gif) no-repeat left center;
	}
	.side .box.featured .product ul li a {
		text-decoration:none;
		color:#8d8d8d;
		display:block;
	}
	.side .box.featured .product ul li a:hover {
		color:#97D937;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/
		
	#footer {
		clear:both;
		border-top:1px solid #393939;
		background:#1c1c1c url(../styleImages/layout/footer.jpg) repeat-x top center;
	} 
	#footer .inner {
		width:558px;
		margin:0 auto;
		padding:25px 219px;
		background:url(../styleImages/layout/footer-bullets.jpg) no-repeat top center;
	}
	
	/* footer links */
	#footer .inner #footlinks ul {
		border-top:1px solid #333333;
		width:558px;
	}
	#footer .inner #footlinks ul li {
		list-style:none;
		float:left;
		width:186px;
		border-bottom:1px solid #333333;
		height:30px;
		line-height:30px;
		font-size:1.2em;
		color:#8b8b8b;
	}
	#footer .inner #footlinks ul li a {
		text-decoration:none;
		color:#8b8b8b;
		display:block;
		height:30px;		
		padding:0 0 0 20px;
		width:166px;
	}
	#footer .inner #footlinks ul li a:hover {
		color:#97d937;
	}
	
	/* copyright info */
	#footer .inner #credits {
		background:url(../styleImages/layout/footer-copyright.jpg) repeat-y top center;
		border-bottom:1px solid #333333;
		clear:both;
		text-align:center;
		font-size:1.1em;
		line-height:1.2em;
		color:#5d5d5d;
		padding:20px 0;
	}
	#footer .inner #credits p {
		display:inline;
	}
	#footer .inner #credits p a {
		text-decoration:underline;
		color:#97d937;
	}
	#footer .inner #credits p a:hover {
		text-decoration:none;
	}
	
	/* cards */
	#footer .inner #cards {
		text-indent:-9999px;
		margin:10px 0 100px 0;
		background:url(../styleImages/layout/cards.jpg) no-repeat top center;
		height:40px;
	}

/*/////////////////////////////////////////////////////////////////////
	Page elements
/////////////////////////////////////////////////////////////////////*/
	
	/* breadcrumbs */
	ul#breadcrumb {
		height:34px;
		padding:8px 0 0 0;
		text-align:center;
		margin:0;
	}
	ul#breadcrumb li {
		list-style:none;
		display:inline;
		font-size:1.2em;
		line-height:34px;
		color:#97d937;
	}
	ul#breadcrumb li a {
		color:#8d8d8d;
		text-decoration:none;
		padding:0 16px 0 0;
		margin:0 8px 0 0;
		background:url(../styleImages/layout/breadcrumb-arrow.gif) no-repeat center right;
	}
	ul#breadcrumb li a:hover {
		text-decoration:underline;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Deal of the week
/////////////////////////////////////////////////////////////////////*/

	#dealweek {
		background:url(../styleImages/layout/dealweek.gif) no-repeat top left;
		position:relative;
	}
	
	#dealweek h1 {
		width:170px;
		height:62px;
		background:url(../styleImages/headings/deal-of-the-week.png) no-repeat top left;
		text-indent:-9999px;
		right:-7px;
		top:2px;
		position:absolute;
	
	}

	#dealweek .prod {
		background:url(../styleImages/layout/dealweek-bottom.gif) no-repeat bottom left;
		padding:40px 20px 24px 30px;
		min-height:146px;
		height:auto !important;
		height:146px;
	}
	
	#dealweek .img {
		float:left;
		width:154px;
		padding:0 20px 0 0;
	}
	#dealweek h4 {
		font-weight:bold;
		font-size:2.6em;
		line-height:1.2em;
		color:#ff5b00;
		margin:0 0 0 174px;
	}
	#dealweek h3 {
		color:#000000;
		font-size:1.7em;
		font-weight:bold;
		line-height:1.2em;
		padding:0 0 5px 0;
		margin:0 0 0 174px;
	}
	#dealweek p {
		font-size:1.1em;
		line-height:1.2em;
		color:#545454;
		margin:0 0 10px 174px;
	}
	#dealweek .more {	
		margin:0 0 10px 174px;
	}
	#dealweek .more a {
		display:block;
		width:124px;
		height:22px;
		outline:0;
		text-indent:-9999px;
		background:url(../styleImages/buttons/more-info.jpg) no-repeat top left;
	}
	#dealweek .more a:hover {
		background-position:bottom left;
	}
	#dealweek ul {
		margin:0 0 0 174px;
	}
	#dealweek ul li {
		list-style:none;
		padding:0 0 0 12px;
		color:#000000;
		font-size:1.2em;
		line-height:1.2em;
		background:url(../styleImages/layout/deal-arrow.gif) no-repeat left center;
	}
	#dealweek ul li a {
		text-decoration:none;
		color:#000000;
	}
	#dealweek ul li a:hover {
		color:#FF5B00;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Branded landing page
/////////////////////////////////////////////////////////////////////*/

	#brand {
		background:url(../styleImages/layout/brand.gif) no-repeat top left;
		position:relative;
	}
	
	#brand ul#breadcrumb {
		height:32px;
	}
	#brand ul#breadcrumb li {
		line-height:32px;
	}

	#brand #info {
		background:url(../styleImages/layout/brand-bottom.gif) no-repeat bottom left;
		padding:26px 20px 24px 30px;
		min-height:120px;
		height:auto !important;
		height:120px;
	}
	
	#brand .img {
		float:left;
		width:154px;
		padding:0 20px 0 0;
	}
	#brand #info h1 {
		color:#000000;
		font-size:1.7em;
		font-weight:bold;
		line-height:1.2em;
		padding:0 0 5px 0;
		margin:0 0 0 174px;
	}
	#brand #info p {
		font-size:1.1em;
		line-height:1.2em;
		color:#545454;
		margin:0 0 10px 174px;
	}
	#brand #info .more {	
		margin:0 0 10px 174px;
	}
	#brand #info .more a {
		display:block;
		width:124px;
		height:22px;
		outline:0;
		text-indent:-9999px;
		background:url(../styleImages/buttons/more-info.jpg) no-repeat top left;
	}
	#brand #info .more a:hover {
		background-position:bottom left;
	}
	#brand #info ul {
		margin:0 0 0 174px;
	}
	#brand #info ul li {
		list-style:none;
		padding:0 0 0 12px;
		color:#000000;
		font-size:1.2em;
		line-height:1.2em;
		background:url(../styleImages/layout/deal-arrow.gif) no-repeat left center;
	}
	#brand #info ul li a {
		text-decoration:none;
		color:#000000;
	}
	#brand #info ul li a:hover {
		color:#FF5B00;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Product Listings
/////////////////////////////////////////////////////////////////////*/

	.products {
		background:#171717 url(../styleImages/headings/blank-title.jpg) no-repeat top left;
		border-right:1px solid #2c2c2c;
		border-left:1px solid #2c2c2c;
		border-bottom:1px solid #2c2c2c;
		padding:0 0 0 28px;
	}
	.products.noBg {
		background-image:none;
	}
	.products.padd {
		padding-top:26px;
	}
	
	/* title */
	.products h2 {
		padding:0 28px 0 0;
		margin:0 0 16px 0;
		height:31px;
		line-height:30px;
		text-align:center;
		color:#97D937;
		font-weight:bold;
		font-size:1.8em;
	}
	
	/* product */
	.products .prod {
		float:left;
		width:150px;
		padding:0 26px 30px 0;
	}
	.products .prod .img {
		width:150px;
		height:150px;
		overflow:hidden;
		margin:0 0 5px 0;
	}
	.products .prod .img a {
		display:block;
		width:144px;
		height:146px;
		background:#fff;
		border:2px solid #505050;
		margin: 0pt auto; width: auto; text-align: center;
	}
	.products .prod .img a:hover{
		border:2px solid #97d937;
	}
	.products .prod .img a img {
		margin:0 auto;
		text-align:center;
	}
	/*.products .prod .img img,
	.products .prod .img a img {
		border:2px solid #505050;
		margin: 0pt auto; width: auto; text-align: center;
	}
	.products .prod .img a:hover img {
		border:2px solid #97d937;
	}*/
	.products .prod h3 {
		font-weight:100;
		font-size:1.2em;
		line-height:1.3em;
		color:#d3d3d3;
		text-align:center;
		padding:0 10px 5px 10px;
		height:30px;
		overflow:hidden;
	}
	.products .prod h3 a{
		color:#d3d3d3;
		text-decoration:none;
	}
	.products .prod h3 a:hover{
		color:#97D937;
	}
	.products .prod h4 {
		text-align:center;
		background:url(../styleImages/layout/prod-price.jpg) no-repeat top center;
		height:28px;
		line-height:28px;
		color:#97D937;
		font-size:1.6em;
		font-weight:bold;
		margin:0 0 8px 0;
	}
	.products .prod h4 .txtSale {
		text-decoration:line-through;
	}

	.products .prod .savings{
		text-align:center;
		height:15px;
		line-height:15px;
		/*color:#97D937;*/
		color:#FF5B00;
		font-size:1.3em;
		font-weight:bold;
		margin:0 0 8px 0;
	}
	
	.products .prod p.add {
		height:22px;
	}
	.products .prod p.add a {
		display:block;
		text-indent:-9999px;
		height:22px;
		width:124px;
		margin:0 auto;
		background:url(../styleImages/buttons/add-to-basket.jpg) no-repeat top left;
		outline:0;
	}
	.products .prod p.add a:hover {
		background-position:bottom left;
	}

	.products .prod p.moreinfo {
		height:22px;
	}
	.products .prod p.moreinfo a {
		display:block;
		text-indent:-9999px;
		height:22px;
		width:124px;
		margin:0 auto;
		background:url(../styleImages/buttons/more-info2.jpg) no-repeat top left;
		outline:0;
	}
	.products .prod p.moreinfo a:hover {
		background-position:bottom left;
	}
	
	.products .pag {
		height:36px;
		background:url(../styleImages/layout/pag.jpg) no-repeat top center;
		padding:0 28px 30px 0;
		line-height:36px;
		font-size:1.2em;
		color:#ffffff;
		text-align:center;
		clear:both;
	}
	.products .pag a {
		color:#ffffff;
		text-decoration:none;
		padding:0 2px;
	}
	.products .pag a.next,
	.products .pag a.prev {
		padding:0 15px;
	}
	.products .pag a:hover {
		text-decoration:underline;
	}
	.products .pag a.active {
		color:#97D937;
	}
	.products .pag a span {
		color:#97D937;
		padding:0 5px;
	}
	.products .pag a.next:hover,
	.products .pag a.prev:hover {
		color:#97D937;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Category listings
/////////////////////////////////////////////////////////////////////*/

	.categories {
		background:#171717;
		border-right:1px solid #2c2c2c;
		border-left:1px solid #2c2c2c;
		border-bottom:1px solid #2c2c2c;
		padding:10px 0 0 28px;
	}
	
	.categories .cat {
		float:left;
		width:150px;
		padding:0 26px 24px 0;
	}
	.categories .cat .img {
		width:150px;
		height:150px;
		overflow:hidden;
		margin:0 0 5px 0;
	}
	.categories .cat .img img,
	.categories .cat .img a img {
		border:2px solid #505050;
	}
	.categories .cat .img a:hover img {
		border:2px solid #97d937;
	}
	.categories .cat h3 {
		font-weight:bold;
		font-size:1.6em;
		line-height:1.3em;
		color:#d3d3d3;
		text-align:center;
		padding:0 10px 5px 10px;
	}
	.categories .cat h3 a {
		color:#d3d3d3;
		text-decoration:none;
	}
	.categories .cat h3 a:hover {
		color:#97D937;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Generic
/////////////////////////////////////////////////////////////////////*/

	#generic {
		background:url(../styleImages/layout/generic.gif) no-repeat top center;
	}
	#generic #mainContent {
		background:#171717;
		border-right:1px solid #2c2c2c;
		border-left:1px solid #2c2c2c;
		border-bottom:1px solid #2c2c2c;
		padding:15px 0 30px 0;
	}
	#generic.inside #mainContent {
		padding:15px 0 0 0;
		border-bottom:none;
	}
	#generic.notTop {
		background:#171717;
		border-right:1px solid #2c2c2c;
		border-left:1px solid #2c2c2c;
		border-bottom:1px solid #2c2c2c;
		padding:0 0 30px 0;
	}

	div.notTop p {
		font-size:1.2em;
		margin:15px 15px 1em 15px;
		color:#ffffff;
		line-height:1.4em;
	}
	
	/* text */
	#generic #mainContent p{
		font-size:1.2em;
		margin:0 15px 1em 15px;
		color:#ffffff;
		line-height:1.4em;
	}
	#generic #mainContent p.center {
		text-align:center;
	}
	#generic #mainContent p a {
		color:#97d937;
		text-decoration:none;
	}
	#generic #mainContent p a:hover {
		text-decoration:underline;
	}
	
	
	#generic h1 {
		text-indent:0;
		height:32px;
		padding:10px 0 0 0;
		line-height:30px;
		text-align:center;
		color:#97D937;
		font-weight:bold;
		font-size:1.7em;
	}
	#generic h2 {
		text-indent:0;
		height:32px;
		line-height:30px;
		text-align:center;
		color:#97D937;
		font-weight:bold;
		font-size:1.7em;
		background:url(../styleImages/headings/blank-title.jpg) no-repeat top left;
	}
	
	/* form */
	#generic form {
		padding:14px 0 0 0;
		width:558px;
		overflow:hidden;
	}
	#generic form fieldset {
		border:none;
		padding:0 0 10px 0;
		margin:0;
		display:block;
	}
	#generic form fieldset.checkboxes {
		margin:0 10px;
		border-top:1px solid #3d3d3d;
		padding:15px 0 15px 0;
	}
	#generic form fieldset legend {
		margin:0;
		padding:0;
	}
	#generic form fieldset legend span {
		display:block;
		width:560px;
		padding:0 0 20px 0;
		margin:0;
		height:31px;
		line-height:30px;
		text-align:center;
		color:#97D937;
		font-weight:bold;
		font-size:1.7em;
		border-top:1px solid #2C2C2C;
		background:url(../styleImages/headings/blank-title.jpg) no-repeat top left;
	}
	#generic form .code {
		width:248px;
		float:left;
		padding:9px 15px 10px 15px;
	}
	#generic form .code img {
		border:2px solid #252525;
	}
	#generic form label {
		width:248px;
		display:block;
		float:left;
		position:relative;
		padding:0 15px 30px 15px;
		margin:0 0 20px 0;
		color:#ffffff;
		font-size:1.2em;
		line-height:1.2em;
		background:url(../styleImages/layout/input.gif) no-repeat 15px 100%;
	}

	#generic form label.select {
		background:none;
		padding:0 15px 30px 15px;
	}
	#generic form label.end {
		padding-right:0;
	}
	#generic label span {
		color:#ff5b00;
	}
	#generic form label input {
		background:none;
		border:none;
		position:absolute;
		bottom:5px;
		left:20px;
		width:238px;
		color:#171717;
		font-size:1em;
		line-height:1.2em;
		margin:0;
		padding:0;
		outline:0;
	}
	#generic form label select {
		background:none;
		border:none;
		position:absolute;
		bottom:5px;
		left:20px;
		width:238px;
		color:#171717;
		font-size:1.2em;
		line-height:1.2em;
		margin:0;
		padding:0;
		outline:0;
		background:url(../styleImages/layout/input.gif) no-repeat 15px 100% #fff;
	}
	#divCountySelect, #divCountyText {
		width:238px;
		border:1px solid hotpink;
		height:35px;
	}
	#generic form label.checkbox {
		background:none;
		position:static;
		padding-bottom:0;
	}
	#generic form fieldset.checkboxes label.checkbox {
		padding:0 7px;
	}
	#generic form label.checkbox input {
		position:static;
		width:auto;
		height:auto;
	}
	#generic form label.checkbox a{
		color:#FFFFFF;
		text-decoration:none;
	}
	#generic form label.checkbox a:hover{
		color:#97D937;
	}
	#generic form label.double {
		width:526px;
		background-image:url(../styleImages/layout/double-input.gif);
	}
	#generic form label.double input {
		width:515px;
	}
	#generic form label.textarea {
		width:526px;
		padding-bottom:106px;
		background-image:url(../styleImages/layout/textarea.gif);
	}
	#generic form label.textarea textarea {
		background:none;
		border:none;
		position:absolute;
		bottom:2px;
		left:20px;
		width:519px;
		height:97px;
		color:#171717;
		font-size:1em;
		line-height:1.2em;
		margin:0;
		padding:0;
		outline:0;
	}
	#generic form label span.grey {
		font-style:italic;
		color:#8d8d8d;
		font-weight:100;
	}
	#generic form label.noFloat {
		float:none;
		width:auto;
		margin-bottom:10px;
	}
	#generic form label.rate {
		width:528px;
		background:none;
		padding-bottom:0;
	}
	#generic form label.rate img {
		display:inline;
		padding:0 0 0 3px;
	}
	#generic form ul {
		float:left;
		width:248px;
	}
	#generic form ul li {
		list-style:none;
		background:url(../styleImages/layout/form-arrow.gif) no-repeat left center;
		padding-left:15px;
		font-size:1.2em;
		line-height:1.4em;
	}
	#generic form ul li a {
		text-decoration:none;
		color:#ffffff;
	}
	#generic form ul li a:hover {
		color:#97d937;
	}
	#generic form button {
		clear:both;
		background-repeat:no-repeat;
		background-position:top left;
		text-indent:-9999px;
		font-size:0.0001em;
		line-height:0.0001em;
		margin:0 0 0 15px;
	}
	#generic form button:hover {
		background-position:bottom left;
	}
	
	#generic form button#btnLogin {
		background-image:url(../styleImages/buttons/log-in.jpg);
		width:150px;
		height:22px;

	}
	#generic form button#btnAdd {
		background-image:url(../styleImages/buttons/add-to-basket.jpg);
		height:22px;
		width:124px;

	}
	#generic form button#btnRegister {
		background-image:url(../styleImages/buttons/register.jpg);
		width:195px;
		height:35px;
	}
	#generic form button#btnUpdate {
		background-image:url(../styleImages/buttons/update.jpg);
		width:165px;
		height:22px;
		float:right;
	}

	#generic form button#btnSend {
		background-image:url(../styleImages/buttons/send.jpg);
		width:165px;
		height:22px;
		float:right;
	}
	#generic form button#btnPostReview {
		background-image:url(../styleImages/buttons/post-review.jpg);
		width:165px;
		height:22px;
		/*float:right;*/
	}
		
	
/*/////////////////////////////////////////////////////////////////////
	Product Details
/////////////////////////////////////////////////////////////////////*/

	#details {
		background:url(../styleImages/layout/brand.gif) no-repeat top left;
	}
	
	#details ul#breadcrumb {
		height:32px;
	}
	#details ul#breadcrumb li {
		line-height:32px;
	}

	#details #info {
		background:url(../styleImages/layout/brand-bottom.gif) no-repeat bottom left;
		padding:18px 20px 24px 20px;
		min-height:250px;
		height:auto !important;
		height:250px;
		position:relative;
	}
	
	#details .img {
		float:left;
		width:240px;
		padding:0 10px 0 0;
		position:relative;
	}
	#details .img .viewLarge {
		position:absolute;
		bottom:5px;
		left:8px;
		width:40px;
		height:33px;
	}
	#details .img .viewLarge a {
		display:block;
		text-indent:-9999px;
		background:url(../styleImages/layout/expand.png) no-repeat top left;
		width:40px;
		height:33px;
		outline:0;
	}
	
	#details #info .info {
		padding:10px 0 0 250px;
	}
	#details #info h1 {
		color:#000000;
		font-size:1.7em;
		font-weight:bold;
		line-height:1.2em;
		padding:0;
		margin:0;
	}
	#details #info h2 {
		font-weight:bold;
		font-size:1.2em;
		padding:0 0 5px 0;
		color:#8d8d8d;
		text-transform:uppercase;
	}
	#details #info .rating {
		height:12px;
		padding:0 0 5px 0;
	}
	#details #info .rating img {
		float:left;
		margin:0 3px 0 0;
	}
	#details #info p {
		font-size:1.1em;
		line-height:1.2em;
		color:#545454;
		margin:0 0 5px 0;
	}
	#details #info p a {
		color:#97D937;
		font-weight:bold;
		text-decoration:none;
	}
	#details #info p a:hover {
		text-decoration:underline;
	}
	#details #info .more {	
		margin:0 0 10px 174px;
	}
	#details #info .more a {
		display:block;
		width:124px;
		height:22px;
		outline:0;
		text-indent:-9999px;
		background:url(../styleImages/buttons/more-info.jpg) no-repeat top left;
	}
	#details #info .more a:hover {
		background-position:bottom left;
	}
	#details #info select {
		width:107px;
	}
	#details #info h3 {
		font-size:2.8em;
		font-weight:bold;
		display:inline;
		color:#ff5b00;
		padding:0 10px 0 0;
	}
	#details #info h3 .txtSale{
		text-decoration:line-through;
		font-size:0.8em;
	}
	#details #info .addtoBasket {
		height:37px;
		width:195px;
		padding:10px 0 010px 0;
	}
	#details #info .savings{
		font-size:1.4em;
		font-weight:bold;
	}
	#details #info .addtoBasket a {
		display:block;
		outline:0;
		height:37px;
		text-indent:-9999px;
		width:195px;
		background:url(../styleImages/buttons/add-to-basket-large.jpg) no-repeat top left;
	}
	#details #info .addtoBasket a:hover {
		background-position:bottom left;
	}
	#details #info ul {
	}
	#details #info ul li {
		list-style:none;
		padding:0 0 0 12px;
		margin:0 0 3px 0;
		color:#000000;
		font-size:1.2em;
		line-height:1.2em;
		background:url(../styleImages/layout/green-arrow.gif) no-repeat left center;
	}
	#details #info ul li a {
		text-decoration:none;
		color:#000000;
	}
	#details #info ul li a:hover {
		color:#97D937;
	}
	#details #info .brand {
		height:22px;
		width:55px;
		position:absolute;
		bottom:25px;
		right:22px;
	}
	
	/* product description */
	.prodDesc {
		background:#171717 url(../styleImages/headings/blank-title.jpg) no-repeat top left;
		border-right:1px solid #2c2c2c;
		border-left:1px solid #2c2c2c;
		border-bottom:1px solid #2c2c2c;
		padding:0 15px 15px 15px;
	}
	.prodDesc h2 {
		padding:0 28px 0 0;
		margin:0 0 16px 0;
		height:31px;
		line-height:30px;
		text-align:center;
		color:#97D937;
		font-weight:bold;
		font-size:1.8em;
	}
	.prodDesc .img {
		float:right;
		border:2px solid #505050;
		width:146px;
	/*	height:146px;  */
		margin:0 0 20px 20px;
		position:relative;
	}
	.prodDesc .img .viewLarge {
		position:absolute;
		top:104px;
		left:8px;
		width:40px;
		height:33px;
	}
	.prodDesc .img .viewLarge a {
		display:block;
		text-indent:-9999px;
		background:url(../styleImages/layout/expand.png) no-repeat top left;
		width:40px;
		height:33px;
		outline:0;
	}
	.prodDesc p {
		font-size:1.1em;
		margin:0 0 1em 0;
		color:#d3d3d3;
		line-height:1.4em;
	}
	.prodDesc p a {
		color:#97d937;
		text-decoration:none;
	}
	.prodDesc p a:hover {
		text-decoration:underline;
	}
	.prodDesc ul {
		margin:0 0 1em 0;
	}
	.prodDesc ul li {
		list-style:none;
		padding:0 0 0 15px;
		margin:0 0 2px 0;
		background:url(../styleImages/layout/generic-arrow.gif) no-repeat left center;
		font-size:1.1em;
		line-height:1.4em;
		color:#d3d3d3;
	}
	
	/* customer reviews */
	.reviews {
		background:#171717 url(../styleImages/headings/blank-title.jpg) no-repeat top left;
		border-right:1px solid #2c2c2c;
		border-left:1px solid #2c2c2c;
		border-bottom:1px solid #2c2c2c;
		padding:0 15px 15px 15px;
	}
	.reviews h2 {
		padding:0 28px 0 0;
		height:31px;
		line-height:30px;
		text-align:center;
		color:#97D937;
		font-weight:bold;
		font-size:1.8em;
	}
	.reviews .review {
		border-bottom:1px solid #3d3d3d;
		padding:20px 0 8px 0;
	}
	.reviews .review .rating {
		height:12px;
		padding:0 0 5px 0;
	}
	.reviews .review .rating img {
		float:left;
		margin:0 3px 0 0;
	}
	.reviews .review h3 {
		font-weight:bold;
		padding:0 0 4px 0;
		color:#97d937;
		font-size:1.4em;
	}
	.reviews .review  p {
		font-size:1.1em;
		margin:0 0 1em 0;
		color:#d3d3d3;
		line-height:1.4em;
	}
	.reviews .review  p a {
		color:#97d937;
		text-decoration:none;
	}
	.reviews .review  p a:hover {
		text-decoration:underline;
	}
	.reviews .review  ul {
		margin:0 0 1em 0;
	}
	.reviews .review  ul li {
		list-style:none;
		padding:0 0 0 15px;
		margin:0 0 2px 0;
		background:url(../styleImages/layout/generic-arrow.gif) no-repeat left center;
		font-size:1.1em;
		line-height:1.4em;
		color:#d3d3d3;
	}
	.reviews .write {
		text-align:right;
		padding:15px 0 5px 0;
		font-size:1.2em;
		line-height:1.4em;
	}
	.reviews .write a {
		text-decoration:none;
		color:#ffffff;
		background:url(../styleImages/layout/side-arrow.gif) no-repeat left center;
		padding:0 0 0 13px;
	}
	.reviews .write a:hover {
		color:#97d937;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Basket
/////////////////////////////////////////////////////////////////////*/
		
	#cart {
		background:url(../styleImages/layout/cart-top.gif) no-repeat top center;
	}
	#cart #basket {
		background:#171717 url(../styleImages/layout/cart.gif) repeat-y top center;
		/*padding:0 25px 30px 25px;*/
	}
	#cart #basket #basketlist {
		padding:0 25px;
	}
	#cart #basket #basketoverview {
		padding:0 25px 20px 25px;
		background:url(../styleImages/layout/cart-bottom.gif) no-repeat bottom center;
	}
	
	/* breadcrumb process */
	#cart ul#process{
		padding:12px 0 26px 0;
		height:30px;
		line-height:31px;
	}
	
	#cart ul#process li{
		list-style:none;
		float:left;
		width:20%;
		padding:0 0 0 4%;
		height:32px;
		border-right:1px solid #404040;
		font-size:1.5em;
		color:#8d8d8d;
		font-weight:bold;
	}
	#cart ul#process li.first{
		padding:0 0 0 8%;
		width:18%;
	}
	#cart ul#process li.last{
		width:20%;
		padding:0 0 0 4%;
		bordeR:none;
	}
	#cart ul#process li a {
		text-decoration:none;
		color:#8d8d8d;
	}
	#cart ul#process li a:hover{
		color:#97d937;
	}
	#cart ul#process li.active,
	#cart ul#process li.active a{
		color:#97d937;
	}
	
	/* buttons */
	#cart a.btnCheckout {
		height:22px;
		text-indent:-9999px;
		outline:0;
		width:124px;
		float:right;
		clear:both;
		margin:0 0 30px 0;
		background:url(../styleImages/buttons/checkout-now.jpg) no-repeat top left;
	}

	#cart a.btnCheckout:hover {
		background-position:bottom left;
	}
	
	/* prods listed */
	#basketlist table {
		width:100%;
		clear:both;
		margin:0;
	}
	#basketlist table th {
		border-bottom:1px solid #b2b2b2;
		text-transform:uppercase;
		font-size:1.1em;
		line-height:1.2em;
		color:#8d8d8d;
		text-align:left;
		padding:0 4px 4px 4px;
	}
	#basketlist table th.prodimg,
	#basketlist table td.prodimg {
		width:90px;
	}
	#basketlist table th.prod,
	#basketlist table td.prod {
		width:150px;
	}
	#basketlist table th.qty,
	#basketlist table td.qty {
		width:105px;
	}
	#basketlist table th.price,
	#basketlist table td.price {
		width:70px;
	}
	#basketlist table th.lnprice,
	#basketlist table td.lnprice {
		width:80px;
		text-align:right;
	}
	
	#basketlist table td {
		border-bottom:1px solid #b2b2b2;
	}
	
	#basketlist table td.prodimg img {
		margin:0 10px 0 0;
	}
	#basketlist table td.prod h2 {
		font-weight:bold;
		font-size:1.4em;
		color:#000000;
		margin:0 10px 3px 0;
	}
	#basketlist table td.prod p {
		text-transform:uppercase;
		color:#8d8d8d;
		font-size:1.1em;
		line-height:1.2em;
	}
	#basketlist table td.qty div {
		height:17px;
		width:58px;
		position:relative;
		margin:0 0 4px 0;
		background:url(../styleImages/buttons/qty.gif) no-repeat top left;
	}
	#basketlist table td.qty div label span {
		display:none;
	}
	#basketlist table td.qty div input {
		background:none;
		border:none;
		color:#5b5b5b;
		font-size:1.2em;
		line-height:1.2em;
		width:24px;
		text-align:center;
		top:1px;
		/*left:17px;*/
		left:-25px;
		
		position:absolute;
	}
	#basketlist table td.qty div li {
		list-style:none;
	}
	#basketlist table td.qty div a {
		outline:0;
		text-indent:-9999px;
		height:17px;
		width:17px;
		position:absolute;
		top:0;
		left:0;
	}
	#basketlist table td.qty div li.qDec a {
		right:0;
		left:auto;
	}
	#basketlist table td.qty a.pdQty {
		padding:0 0 0 10px;
		color:#000000;
		font-size:1.2em;
		line-height:1.2em;
		text-decoration:none;
		background:url(../styleImages/layout/green-arrow.gif) no-repeat left center;
	}
	#basketlist table td.qty a.pdQty:hover {
		color:#97d937;
	}
	#basketlist table td.price {
		font-size:1.4em;
		line-height:1.2em;
		color:#4e4e4e;
	}
	#basketlist table td.lnprice {
		font-size:1.4em;
		line-height:1.2em;
		font-weight:bold;
		color:#4e4e4e;
	}
	
	/* overview */
	#basketoverview table {
		width:250px;
		float:right;
		margin:0 0 10px 0;
	}
	#basketoverview table th {	
		font-size:1.2em;
		color:#4e4e4e;
		line-height:1.2em;
		text-align:left;
		font-weight:100;
		padding:4px 0;
	}
	#basketoverview table td {
		text-align:right;
		font-size:1.2em;
		color:#4e4e4e;
		line-height:1.2em;
		padding:4px 0;
	}
	#basketoverview table tr.subtotal th,
	#basketoverview table tr.subtotal td {
		padding-top:10px;
	}
	#basketoverview table tr.finaltotal td {
		font-weight:bold;
		color:#ff5b00;
		font-size:2em;
	}
	#basketoverview table td.voucher {
		text-align:left;
		border-bottom:1px solid #b2b2b2;
		padding:15px 0;
		color:#5b5b5b;
	}
	#basketoverview table td.voucher div {
		position:relative;
	}
	#basketoverview table td.voucher label {
		background:url(../styleImages/layout/voucher-input.gif) no-repeat bottom left;
		display:block;
		position:relative;
		padding-bottom:30px;
	}
	#basketoverview table td.voucher label input {
		background:none;
		border:none;
		position:absolute;
		top:25px;
		left:5px;
		width:180px;
		outline:0;
	}
	#basketoverview table td.voucher button {
		text-indent:-9999px;
		position:absolute;
		top:20px;
		right:0;
		width:51px;
		height:24px;
		background:url(../styleImages/buttons/voucher.jpg) no-repeat top left;
	}
	#basketoverview table td.voucher button:hover {
		background-position:bottom left;
	}
		
	#mainContent ul {
		margin:0 15px 1em 15px;
	}

	#mainContent ol {
		margin:0 15px 1em 15px;
	}

	#mainContent ol li {
		list-style:none;
		padding:0 0 0 opx;
		margin:0 0 8px 0;
		font-size:1.1em;
		line-height:1.4em;
		color:#d3d3d3;
	}

	#mainContent ul li {
		list-style:none;
		padding:0 0 0 15px;
		margin:0 0 2px 0;
		background:url(../styleImages/layout/generic-arrow.gif) no-repeat left center;
		font-size:1.1em;
		line-height:1.4em;
		color:#d3d3d3;
	}

	#mainContent ul li a{
		color:#d3d3d3;
		text-decoration:none;
	}

	#mainContent ul li a:hover{
		color:#97D937;
	}

	#basket #deliveryDetails{
		width:40%;
		float:left;

	}
	#basket #invoiceDetails{
		width:40%;
		
	}
	#basket #deliveryDetails, #basket #invoiceDetails{
		color:#5B5B5B;
		font-size:1.2em;
		line-height:1.2em;
		float:left;
		margin-bottom:20px;
		padding:0 25px;
	}
	#basket #deliveryDetails h3, #basket #invoiceDetails h3{
		color:#090909;
		margin:0 0 10px 0;
	}
	#basket #deliveryDetails a, #basket #invoiceDetails a{
		color:#97D937;
		text-decoration:none;
		font-weight:bold;
		font-size:1.1em;
	}
	#basket #deliveryDetails a:hover, #basket #invoiceDetails a:hover{
		color:#090909;
	}

	#basket #deliveryDetails.deldetailsfrm{
		width:100%;
	}

	#basket #deliveryDetails.deldetailsfrm label{
		margin-left:0px;
		width:230px;
		float:left;
	}
	#basket #deliveryDetails.deldetailsfrm button{
		margin:10px 30px 0 0;
	}

	#basket #deliveryDetails.deldetailsfrm label.select {
		background:none;
	}
	#basket #deliveryDetails.deldetailsfrm label select {
		line-height:1.2em;
		margin:5px 0 0 0 ;
		padding:3px;
		outline:0;
	}

	#basket #deliveryDetails label {
		background:url(../styleImages/layout/voucher-input.gif) no-repeat bottom left;
		display:block;
		position:relative;
		padding-bottom:30px;
		margin-top:3px;
	}
	#basket #deliveryDetails input {
		background:none;
		border:none;
		position:absolute;
		top:25px;
		left:5px;
		width:180px;
		outline:0;
	}

	#basket #deliveryDetails label.checkbox {
		background:none;
		position:static;
		padding-bottom:0;
		width:100%;
	}
	#basket #deliveryDetails label.checkbox {
		padding:0 7px;
	}
	#basket #deliveryDetails label.checkbox input {
		position:static;
		width:auto;
		height:auto;
	}

	#basket #deliveryDetails input.add2 {
		top:12px;
	}

	#basket #deliveryDetails button {
		text-indent:-9999px;
		width:124px;
		height:22px;
		background:url(../styleImages/buttons/update-details.jpg) no-repeat top left;
		float:right;
		margin:10px 0 0 0;
	}

	#basket #deliveryDetails button:hover {
		background-position:bottom left;
	}

	#basket #basketlist p{
		font-size:1.2em;
		line-height:1.2em;
		margin-bottom:7px;
	}


	#basket #basketlist label{
		display:block;
		position:relative;
		margin:10px 0 10px 40px;
		font-size:1.2em;
		line-height:1.2em;
	}

	#basket #basketlist label textarea{
		border:1px solid #1C1C1C;
		width:300px;
		height:100px;
	}
	#genericWhite {
		background:url(../styleImages/layout/cart-top.gif) no-repeat top center;
	}
	#genericWhite #mainContentWhite {
		background:#171717 url(../styleImages/layout/cart.gif) repeat-y top center;
		/*padding:0 25px 30px 25px;*/
		font-size:1.2em;
		line-height:1.2em;
		padding:0 25px;
		min-height:200px;
	}
	
	#genericWhite #mainContentWhiteFooter {
		padding:0 25px 20px 25px;
		background:url(../styleImages/layout/cart-bottom.gif) no-repeat bottom center;
	}

	p.writereviewlink{
		margin:10px 0 0 0;
		font-size:1.2em;
	}
	p.writereviewlink a{
		color:#FFFFFF;
	}
	p.writereviewlink a:hover{
		color:#97D937;
	}

	/* step 1 */

	#basketlist form  a:link.makepayment  {
		display:block;
		text-indent:-9999px;
		height:22px;
		width:150px;
		margin:0 auto;
		background:url(../styleImages/buttons/make-payment.jpg) no-repeat top left;
		outline:0;
	}

	#basketlist form  a:hover.makepayment  {
		background:url(../styleImages/buttons/make-payment.jpg) no-repeat bottom left;
	}

	#mainContent #orderList table th{
		font-size:12px;
		font-weight:bold;
		color:#97D937;
		text-align:left;
	}

	#mainContent #orderList table tbody{
		font-size:11px;
		color:#fff;
	}

	#mainContent #orderList table tbody a{
		color:#fff;
		text-decoration:underline;
	}

	#mainContent #orderList table tbody a:hover{
		color:#97D937;
		text-decoration:underline;
	}

	#basket #basketlist #cc_info{
		border:0px;
	}

	#basket #basketlist #cc_info legend{
		display:block;
		font-size:1.7em;
		font-weight:bold;
		margin:10px 0;
	}

	#basket #basketlist #cc_info label{
		display:block;
		float:left;
		font-size:1.2em;
		line-height:1.2em;
		margin:0 0 20px;
		padding:0 5px 30px;
		position:relative;
		width:235px;
	}
	
	#basket #basketlist #cc_info span {
		border:1px solid #000;
		bottom:5px;
		color:#999;
		font-size:1em;
		left:20px;
		line-height:1.2em;
		margin:0;
		padding:0;
		position:absolute;
		width:200px;
		padding:3px;
	}

	#basket #basketlist #cc_info input {
		border:1px solid #000;
		bottom:5px;
		color:#000;
		font-size:1em;
		left:20px;
		line-height:1.2em;
		margin:0;
		padding:0;
		position:absolute;
		width:200px;
		padding:3px;
	}

	#basket #basketlist #cc_info input.second {
		left:75px;
	}

	#basket #basketlist #cc_info select {
		border:1px solid #000;
		bottom:5px;
		color:#171717;
		font-size:1.2em;
		left:20px;
		line-height:1.2em;
		margin:0;
		padding:0;
		position:absolute;
		width:200px;
	}