*					{
					padding: 0px;
					margin: 0px;
					font-family: verdana, arial, sans-serif;
					}

body					{
					background-color: #fff;
					background-image: url("images/bg-screen.gif");
					background-repeat: repeat-x;
					}

div.pageArea				{
					display: block;
					background-color: #fff;
					background-image: url("images/bg-pagearea.gif");
					background-repeat: no-repeat;
					background-position: right top;
					width: 990px;
					margin: 10px auto 0px auto;
					}

img.logoImage				{
					display: inline;
					float: left;
					margin: 12px 0px 7px 13px;
					}

div.basketArea				{
					display: inline;
					float: right;
					background-color: #fff;
					background-image: url("images/bg-rightfaded.gif");
					background-repeat: no-repeat;
					background-position: right top;
					width: 535px;
					height: 87px;
					margin: 25px 15px 0px 0px;
					}
html>body div.basketArea		{
					height: auto;
					min-height: 87px;
					}

div.basketItems				{
					display: block;
					background-image: url("images/bg-basket.gif");
					background-repeat: no-repeat;
					background-position: right top;
					text-align: right;
					padding: 3px 58px 0px 0px;
					margin: 12px 5px 0px 0px;
					height: 65px;
					font-size: 0.9em;
					font-weight: bold;
					line-height: 1.2em;
					}
html>body div.basketItems		{
					background-image: url("images/bg-basket.gif");
					height: auto;
					min-height: 65px;
					}
div.basketItems a			{
					font-size: 0.8em;
/* 					color: #DB3A9D; */
					}

div.navArea				{
					display: inline;
					float: left;
					clear: both;
					background-color: #fff;
					background-image: url("images/bg-leftnav.gif");
					background-repeat: no-repeat;
					width: 213px;
					padding: 280px 0px 0px 0px;
					}

div.navArea ul				{
					display: block;
					list-style-type: none;
					margin: 0px;
					padding: 0px;
					}
div.navArea ul li				{
					display: inline;
					float: left;
					width: 160px;
					margin: 0px 33px 10px 20px;
					padding: 0px;
					}
div.navArea ul li a			{
					display: block;
					background-color: #fff;
					border: 1px solid #ED6C31;
					text-decoration: none;
					font-size: 0.8em;
					font-weight: bold;
					color: #000;
					padding: 3px 0px 3px 20px;
					margin: 0px;
					}
div.navArea ul li a:hover		{
					background-color: #ED6C31;
					text-decoration: none;
					color: #fff;
					}
div.navArea ul li a.selected		{
					background-color: #ED6C31;
					text-decoration: none;
					color: #fff;
					}

div.navArea ul ul			{
					display: block;
					list-style-type: none;
					margin: 5px 0px 0px 0px;
					padding: 0px;
					}
div.navArea ul ul li			{
					display: inline;
					float: left;
					width: 100px;
 					margin: 0px 0px 3px 21px;
					padding: 0px;
					}
div.navArea ul ul li a			{
					display: block;
					background-color: #fff;
					border: none;
					text-decoration: none;
					font-size: 0.8em;
					font-weight: bold;
					color: #000;
					padding: 0px;
					margin: 0px;
					}
div.navArea ul ul li a:hover		{
					background-color: transparent;
					text-decoration: none;
					color: #ED6C31;
					}
div.navArea ul ul li a.selected		{
					background-color: transparent;
					text-decoration: none;
					color: #ED6C31;
					}


div.contentArea				{
					display: inline;
					float: right;
					background-color: #fff;
					background-image: url("images/bg-content.gif");
					background-repeat: no-repeat;
					background-position: right top;
					width: 762px;
					margin: 0px 15px 0px 0px;
					padding: 0px 0px 15px 0px;
					}
/* html>body div.contentArea		{
					background-color: transparent;
					background-image: url("images/bg-whitetrans.png");
					} */

div.largeImageArea			{
					display: inline;
					float: right;
					width: 377px;
					margin: 0px 5px 0px 0px;
					}

div.horizontalProductBoxesArea		{
					display: inline;
					float: left;
					background-color: transparent;
					width: 360px;
					}

div.horizProductBox			{
					display: block;
					border: 1px solid #CFCB9E;
					margin: 0px 0px 8px 0px;
					padding: 0px 10px 0px 0px;
/* 					font-size: 0.65em; */
font-size: 0.8em;
					height: 96px;
					overflow: hidden;
					}
div.horizProductBox a			{
					display: block;
					background-image: url("images/arrow-green.gif");
					background-repeat: no-repeat;
					background-position: right bottom;
					color: #000;
					padding: 7px 16px 0px 0px;
					}
div.horizProductBox a:hover		{
					background-image: url("images/arrow-pink.gif");
					color: #DB3A9D;
					text-decoration: none;
					}
div.horizProductBox h1			{
					padding: 0px;
					margin: 0px 0px 0px 0px;
					color: #000;
					font-size: 1.3em;
					font-weight: bold;
					}

div.horizProductBoxImage		{
					display: inline;
					float: left;
					width: 85px;
					height: 85px;
					text-align: center;
					margin: 5px 10px 5px 5px;
					}
div.horizProductBoxImage a		{
					background-image: none;
					padding: 0px;
					}


div.verticalProductBoxesArea		{
					display: inline;
					float: left;
					background-color: transparent;
					width: 360px;
					}
div.vertProductBox			{
					display: block;
					border: 1px solid #CFCB9E;
					margin: 0px 0px 0px 0px;
					padding: 9px 9px 0px 9px;
					font-size: 0.8em;
					width: 155px;
					height: 215px;
					overflow: hidden;
					line-height: 1.1em;
					}
html>body div.vertProductBox		{
					height: auto;
					min-height: 215px;
					}
.leftBox				{
					float: left;
					}
.rightBox				{
					float: right;
					}
div.vertProductBox a			{
					display: block;
					background-image: url("images/arrow-orange.gif");
					background-repeat: no-repeat;
					background-position: right bottom;
					color: #000;
					padding: 0px 0px 0px 0px;
					}
div.vertProductBox a:hover		{
					background-image: url("images/arrow-pink.gif");
					color: #DB3A9D;
					text-decoration: none;
					}
div.vertProductBox h1			{
					padding: 0px;
					margin: 0px 0px 0px 0px;
					color: #000;
					font-size: 1.3em;
					font-weight: bold;
					line-height: 1.2em;
					}

div.vertProductBoxImage			{
					display: inline;
					float: left;
					width: 153px;
					height: 99px;
					text-align: center;
					margin: 0px 0px 5px 0px;
					}
div.vertProductBoxImage a		{
					background-image: none;
					padding: 0px;
					}
.leftBox div.vertProductBoxImage	{
					margin: 0px 0px 7px 0px;
					}
.rightBox div.vertProductBoxImage	{
					border: 1px solid #CFCB9E;
					}





div.textArea				{
					display: block;
					background-color: transparent;
					background-image: url("images/bg-textarea.gif");
					background-repeat: no-repeat;
					background-position: left bottom;
					padding: 20px 65px 80px 20px;
					font-size: 0.8em;
					}


div.centerCol				{
					display: inline;
					background-color: transparent;
					background-image: url("images/bg-textarea.gif");
					background-repeat: no-repeat;
					background-position: left bottom;
					float: left;
					width: 530px;
					padding: 20px 0px 80px 5px;
					font-size: 0.8em;
					}

div.productImageArea			{
					display: block;
					width: 530px;
					height: 305px;
/* 					border: 1px solid #E9E9E9; */
					margin: 0px 0px 20px 0px;
					padding: 5px 0px 5px 0px;
					}
html>body div.productImageArea		{
					height: auto;
					min-height: 305px;
					}


div.largeProductImage			{
					display: inline;
					float: left;
					width: 360px;
					margin: 0px 0px 0px 0px;
					text-align: center;
					}

div.thumbnailArea			{
					display: inline;
					float: right;
					width: 160px;
					margin: 0px 0px 0px 0px;
					font-size: 0.7em;
					}
div.thumbnailArea h1			{
					display: block;
					margin: 0px;
					padding: 0px 0px 0.8em 0px;
					font-size: 1.1em;
					font-weight: bold;
					text-align: center;
					}
div.thumbnailLink			{
					display: inline;
					float: left;
					width: 78px;
					margin: 0px 0px 8px 0px;
					text-align: center;
					}

div.thumbnailLink a			{
					color: #000;
					border: none;
					}
div.thumbnailLink input			{
					border: none;
					}

dl.productPrice				{
					display: block;
					}
dl.productPrice dt			{
					display: inline;
					float: left;
					clear: left;
					width: 3.5em;
					padding: 0px 0px 0.3em 0px;
					}
dl.productPrice dd			{
					display: inline;
					float: left;
					padding: 0px 0px 0.3em 0px;
					font-weight: bold;
					}

div.addToBasketArea			{
					display: block;
					background-color: transparent;
					margin: 0px 0px 20px 0px;
					clear: both;
					}
div.addToBasketArea select, div.addToBasketArea input
					{
					margin: 0px 8px 0px 0px;
					border: 1px solid #000;
					}
select.colourSelect			{
					width: 120px;
					}
a.addButton				{
					background-color: #ED6C31;
					text-decoration: none;
					color: #fff;
					border: 1px solid #ED6C31;
					font-weight: bold;
					padding: 2px 5px 2px 5px;
					margin: 0px 10px 0px 0px;
white-space: nowrap;
					}
a.addButton:hover			{
					background-color: #fff;
					border: 1px solid #ED6C31;
					text-decoration: none;
					color: #000;
					}

dl.productDimensions			{
					display: block;
					}
dl.productDimensions dt			{
					display: inline;
					float: left;
					clear: left;
					width: 9.5em;
					padding: 0px 0px 1.3em 0px;
					}
dl.productDimensions dd			{
					display: inline;
					float: left;
					width: 20em;
					padding: 0px 0px 1.3em 0px;
					font-weight: bold;
					}


/* category styles */
div.categoryBoxArea			{
					display: inline;
					float: left;
					width: 160px;
 					height: 15.9em;
					overflow: hidden;
					border: 1px solid #CFCB9E;
					margin: 0px 5px 6px 0px;
					padding: 14.9em 5px 0px 5px;
					font-size: 0.8em;
					line-height: 1.2em;
					position: relative;
					}
div.last				{
					margin-right: 0px;
					}

div.categoryBoxArea a.catLink		{
 					display: inline;
					float: left;
					background-image: url("images/arrow-green.gif");
					background-repeat: no-repeat;
					background-position: right bottom;
					color: #000;
					width: 160px;
					padding: 4px 0px 11px 0px;
					}
div.categoryBoxArea a.catLink:hover	{
					background-image: url("images/arrow-pink.gif");
					color: #DB3A9D;
					text-decoration: none;
					}
div.categoryBoxArea h1			{
					padding: 0px;
					margin: 0em 0px 0.8em 0px;
					color: #fff;
					font-size: 1.9em;
					font-weight: normal;
					text-transform: uppercase;
					}
div.categoryBoxArea p			{
					padding: 0px;
					margin: 0px;
					}



/* div.categoryBoxArea			{
					display: block;
					width: 522px;
					height: 100px;
					border: 1px solid #CFCB9E;
					margin: 0px 0px 6px 0px;
					padding: 0px 0px 0px 2px;
					font-size: 0.8em;
					}
html>body div.categoryBoxArea		{
					height: auto;
					min-height: 100px;
					}


div.categoryBoxArea a.catLink		{
					display: inline;
					float: left;
					background-image: url("images/arrow-green.gif");
					background-repeat: no-repeat;
					background-position: right bottom;
					color: #000;
					width: 390px;
					padding: 7px 16px 8px 0px;
					}
div.categoryBoxArea a.catLink:hover	{
					background-image: url("images/arrow-pink.gif");
					color: #DB3A9D;
					text-decoration: none;
					}
div.categoryBoxArea p			{
					padding: 0px;
					margin: 0px;
					}

div.categoryBoxArea h1			{
					padding: 0px;
					margin: 0px 0px 0.2em 0px;
					color: #000;
					font-size: 1.4em;
					font-weight: bold;
					text-transform: uppercase;
					}

div.categoryBoxImage			{
					display: inline;
					float: left;
					width: 96px;
					height: 96px;
					text-align: center;
					margin: 2px 10px 2px 0px;
					}
div.categoryBoxImage a			{
					background-image: none;
					padding: 0px;
					}


div.categoryBoxImageLeft			{
					display: inline;
					float: left;
					width: 96px;
					height: 96px;
					text-align: center;
					margin: 2px 2px 2px 2px;
					}
div.categoryBoxImageLeft a			{
					background-image: none;
					padding: 0px;
					}
 */
/* end category styles */




div.productBoxArea			{
					display: block;
					width: 523px;
					height: 95px;
					border: 1px solid #E9E9E9;
					margin: 0px 0px 6px 0px;
					padding: 0px 0px 3px 5px;
					font-size: 0.8em;
					}
html>body div.productBoxArea		{
					height: auto;
					min-height: 95px;
					}


div.productBoxImage			{
					display: inline;
					float: left;
					width: 170px;
					height: 170px;
					text-align: center;
					margin: 5px 10px 5px 0px;
					}
div.productBoxImage a			{
					background-image: none;
					padding: 0px;
					}

div.productBoxText			{
					display: inline;
					float: left;
					width: 336px;
					}


div.productBoxText a.catLink		{
					display: inline;
					float: left;
					background-image: url("images/arrow-green.gif");
					background-repeat: no-repeat;
					background-position: right bottom;
					color: #000;
					width: 320px;
					padding: 7px 16px 8px 0px;
					margin: 0px 0px 5px 0px;
					}
div.productBoxText a.catLink:hover	{
					background-image: url("images/arrow-pink.gif");
					color: #DB3A9D;
					text-decoration: none;
					}
div.productBoxText dl.productPrice	{
					font-size: 1.2em;
					}

div.productBoxText p			{
					padding: 0px;
					margin: 0px;
					}

div.productBoxText h1			{
					padding: 0px;
					margin: 0px 0px 0.2em 0px;
					color: #000;
					font-size: 1.4em;
					font-weight: bold;
					text-transform: uppercase;
					}

div.productBoxText a.addButton		{
					float: left;
					clear: left;
					}






div.rightCol				{
					display: inline;
					float: right;
					width: 212px;
					margin: 20px 5px 0px 0px;
					font-size: 0.8em;
					}
div.orderItemsArea			{
					display: inline;
					float: right;
					width: 210px;
					height: 315px;
					margin: 0px 0px 10px 0px;
					padding: 0px 0px 0px 0px;
					border: 1px solid #CFCB9E;
					font-size: 0.9em;
					}
html>body div.orderItemsArea		{
					height: auto;
					min-height: 315px;
					}

table.basketItemsTable			{
					display: table;
					width: 200px;
					margin: 0px 5px 5px 5px;
					}
table.basketItemsTable td		{
					display: table-cell;
					padding: 0px 3px 8px 0px;
					vertical-align: top;
					}
table.basketItemsTable .emptyText	{
					font-size: 1.2em;
					font-weight: bold;
					padding: 5px 0px 5px 0px;
					}
table.basketItemsTable .itemsText	{
					font-size: 1.0em;
					font-weight: bold;
					padding: 5px 0px 8px 0px;
					}
table.basketItemsTable td.orderSpacer	{
					border-top: 1px solid #EEE9BD;
					font-size: 0px;
					padding: 0px 0px 1px 0px;
					}
table.basketItemsTable .pAndPRow	{
					padding-top: 5px;
					font-size: 0.8em;
					}
table.basketItemsTable .totalRow	{
					background-color: #EEE9BD;
					padding-top: 5px;
					padding-bottom: 5px;
					}
table.basketItemsTable .basketLinks	{
					font-size: 0.8em;
					padding-top: 8px;
					}



table.basketTable			{
					display: table;
					width: 100%;
					margin: 0px 0px 1.3em 0px;
					}
table.basketTable td			{
					display: table-cell;
					padding: 12px 5px 12px 5px;
					vertical-align: middle;
					}
table.checkoutTable td			{
					display: table-cell;
					padding: 2px 5px 2px 5px;
					vertical-align: middle;
					}
table.basketTable tr.headerRow		{
					display: table-row;
					background-color: #EEE9BD;
					color: #000;
					font-weight: bold;
					text-transform: uppercase;
					}
table.basketTable tr.headerRow td	{
					display: table-cell;
					padding: 2px 3px 2px 0px;
					font-size: 0.8em;
					}
table.basketTable .buttonCell		{
					width: 16px;
					}

table.basketTable .emptyText		{
					font-size: 1.2em;
					font-weight: bold;
					padding: 5px 0px 5px 0px;
					}
table.basketTable td.orderSpacer	{
					border-top: 1px solid #EEE9BD;
					font-size: 0px;
					padding: 0px 0px 1px 0px;
					}
table.basketTable .totalRow		{
					background-color: #EEE9BD;
					padding-top: 5px;
					padding-bottom: 5px;
					font-size: 1.2em;
					}

a.basketButton				{
					display: block;
					background-color: #ED6C31;
					text-decoration: none;
					text-align: center;
					color: #fff;
					border: 1px solid #ED6C31;
					font-weight: bold;
					font-size: 0.9em;
					padding: 2px 0px 2px 0px;
					margin: 0px 0px 0px 0px;
					}
a.basketButton:hover			{
					background-color: #fff;
					text-decoration: none;
					color: #000;
					border: 1px solid #ED6C31;
					}
a.checkoutButton			{
					background-image: url("images/button-checkout-lo.gif");
					background-repeat: no-repeat;
					background-position: right center;
					font-size: 1.2em;
					padding-top: 4px;
					padding-bottom: 4px;
					}
a.checkoutButton:hover			{
					background-image: url("images/button-checkout-hi.gif");
					}

div.continueShoppingArea		{
					display: block;
					padding: 0px;
					margin: 0px 0px 1.3em 0px;
					}
a.continueButton			{
					display: inline;
					float: left;
					background-color: #fff;
					border: 1px solid #ED6C31;
					text-decoration: none;
					font-size: 1em;
					font-weight: normal;
					color: #000;
					padding: 3px 10px 3px 10px;
					margin: 0px;
					}
a.continueButton:hover			{
					background-color: #ED6C31;
					text-decoration: none;
					color: #fff;
					}


a.makePaymentButton			{
					display: inline;
					float: right;
					background-color: #ED6C31;
					text-decoration: none;
					text-align: center;
					color: #fff;
					border: 1px solid #ED6C31;
					font-weight: bold;
					font-size: 1.2em;
					padding: 3px 30px 3px 20px;
					margin: 0px 0px 0px 0px;
					}
a.makePaymentButton:hover		{
					background-color: #fff;
					text-decoration: none;
					color: #000;
					border: 1px solid #ED6C31;
					}



div.basketLoginArea, div.basketQuickCheckoutArea
					{
					display: inline;
					width: 308px;
					border: 1px solid #CFCB9E;
					padding: 8px;
					margin: 0px 0px 2em 0px;
					}



div.basketLoginArea			{
					float: left;
					}
div.basketLoginArea input		{
					width: 175px;
					}

div.basketQuickCheckoutArea		{
					float: right;
					}

div.basketLoginArea h2, div.basketQuickCheckoutArea h2
					{
					margin: 0px;
					padding: 0px 0px 0.3em 0px;
					font-weight: normal;
					}



div.passwordArea			{
					display: block;
					background-color: transparent;
					border: 1px solid #CFCB9E;
					font-size: 0.9em;
					padding: 0px 4px 0px 5px;
					margin: 0px 0px 1.3em 0px;
					}
div.passwordArea h1			{
					display: block;
					background-color: #EEE9BD;
					color: #000;
					font-size: 1em;
					font-weight: bold;
					padding: 2px 0px 3px 4px;
					margin: 0px -4px 0.7em -5px;
					}
div.passwordArea input			{
					width: 350px;
					}

div.summaryAddressArea			{
					display: block;
					background-color: transparent;
					border: 1px solid #CFCB9E;
					font-size: 0.9em;
					width: 290px;
					float: right;
					padding: 0px 4px 0px 5px;
					margin: 0px 0px 1.3em 0px;
					}
div.summaryAddressArea h1		{
					display: block;
					background-color: #EEE9BD;
					color: #000;
					font-size: 1em;
					font-weight: bold;
					padding: 2px 0px 3px 4px;
					margin: 0px -4px 0.7em -5px;
					}

div.summaryCreditCardArea		{
					display: block;
					background-color: transparent;
					border: 1px solid #CFCB9E;
					font-size: 0.9em;
					width: 350px;
					float: left;
					padding: 0px 4px 0px 5px;
					margin: 0px 0px 1.3em 0px;
					}
div.summaryCreditCardArea h1		{
					display: block;
					background-color: #EEE9BD;
					color: #000;
					font-size: 1em;
					font-weight: bold;
					padding: 2px 0px 3px 4px;
					margin: 0px -4px 0.7em -5px;
					}
div.summaryCreditCardArea input		{
					width: 200px;
					}
div.summaryCreditCardArea input.cvCodeInput	{
					width: 40px;
					}

div.summaryAddressArea textarea		{
					width: 275px;
					height: 140px;
					}

div.summaryAddressArea input		{
					width: 200px;
					}
div.summaryAddressArea input.postCodeInput	{
					width: 80px;
					}


div.summaryText				{
					display: block;
					height: 22em;
					}
html>body div.summaryText		{
					height: auto;
					min-height: 22em;
					}

div.cardSmallText			{
					font-size: 0.8em;
					}

div.summaryAddressArea p, div.summaryCreditCardArea p, div.passwordArea p
					{
					padding: 0px;
					margin: 0px 0px 0.4em 0px;
					}

td.cardDetailsRow			{
					display: table-cell;
					padding: 0px 5px 10px 0px;
					}

a.summaryLink				{
					display: block;
					background-color: #ED6C31;
					text-align: center;
					color: #fff;
					margin: 5px -4px 0px -5px;
					padding: 2px 5px 2px 5px;
					border: 1px solid #ED6C31;
					font-weight: bold;
					}
a.summaryLink:hover			{
					background-color: #fff;
					color: #000;
					border: 1px solid #ED6C31;
					text-decoration: none;
					}



div.footerArea				{
					display: block;
					background-color: transparent;
					background-image: url("images/bg-footer.jpg");
					background-repeat: no-repeat;
					background-position: center top;
					width: 980px;
					height: 32px;
					margin: 0px auto 30px auto;
					padding: 5px 5px 5px 5px;
					font-size: 0.6em;
					}
html>body div.footerArea		{
					height: auto;
					min-height: 32px;
					}

div.ftitText				{
					display: inline;
					float: right;
					width: 400px;
					text-align: right;
					}


p					{
					line-height: 1.4em;
					margin: 0px 0px 1.4em 0px;
					}

a					{
					color: #ED6C31;
					text-decoration: none;
					}
a:hover					{
					color: #DB3A9D;
					text-decoration: underline;
					}

h1					{
					display: block;
					font-size: 1.8em;
					font-weight: normal;
					margin: 0px 0px 0.5em 0px;
					}
h2					{
					display: block;
					font-size: 1.3em;
					font-weight: bold;
					margin: 1.7em 0px 0.6em 0px;
					}
h3					{
					display: block;
					font-size: 1.0em;
					font-weight: bold;
					margin: 1.9em 0px 0.3em 0px;
					}
h4					{
					display: block;
					font-size: 0.8em;
					font-weight: bold;
					margin: 1.9em 0px 0.3em 0px;
					}

ul					{
					margin: 0px 0px 0px 38px;
					padding: 0px 0px 1.4em 0px;
					}
ol					{
					margin: 0px 0px 0px 40px;
					padding: 0px 0px 1.4em 0px;
					}

div.clear				{
					display: block;
					clear: both;
					font-size: 0px;
					height: 0px;
					}

img.imageLeft				{
					display: block;
					float: left;
					margin: 0px 15px 1.3em 0px;
					border: 1px solid #E0E0E0;
					}
img.imageRight				{
					display: block;
					float: right;
					margin: 0px 0px 1.3em 15px;
					border: 1px solid #E0E0E0;
					}
img.imageCenter				{
					display: block;
					margin: 0px auto 1.3em auto;
					border: 1px solid #E0E0E0;
					}
input, textarea				{
					border: 1px solid #000;
					padding: 2px;
					font-size: 1em;
					}
select					{
					border: 1px solid #000;
					font-size: 1em;
					}
input.checkbox				{
					border: none;
					}
span.checkbox input				{
					border: none;
					}


input.send				{
					font-weight: bold;
					font-size: 1.2em;
					text-transform: uppercase;
					padding: 2px 10px;
					color: #00704B;
					}
.bold					{
					font-weight: bold;
					}
.italic					{
					font-style: italic;
					}
.right					{
					text-align: right;
					}
.left					{
					text-align: left;
					}
.center					{
					text-align: center;
					}

.noteText				{
					font-style: italic;
					font-size: 1em;
					}


div.printOnlyImage			{
					display: none;
					}