@media screen
{
	body
	{
		background-image:url(../image/body.gif);
		background-position:top left;
		background-repeat:repeat-x;
		text-align:center;
	}
		#top,#middle,#bottom
		{
			clear:both;
			margin:0px auto;
			text-align:left;
			width:767px;
		}
		#top
		{
			background-image:url(../image/top.gif);
			background-position:top center;
			background-repeat:no-repeat;
			clear:both;
			height:97px;
		}
			#logo a
			{
				float:left;
				height:82px;
				display:block;
				width:187px;
			}
			#logo h1,#logo h2
			{
				display:none;
			}
			#basket
			{
				float:right;
				padding-top:23px;
				text-align:right;
				width:580px;
			}
			#basket,#basket a
			{
				background-color:inherit;
				color:#ffffff;
			}
			#basket h3
			{
				padding-bottom:0px;
			}
			#basket p
			{
				padding-top:0px;
			}
		#middle
		{
		}
			#left
			{
				clear:left;
				float:left;
				width:187px;
			}
				#search,#menu
				{
					background-color:#dddddd;
					color:inherit;
				}
				#search
				{
					margin-bottom:10px;
				}
				#search h3,#menu h3
				{
					background-color:#000000;
					color:#ffffff;
				}
				#search input
				{
					border:1px solid #000000;
					width:102px;
				}
				* html #search input
				{
					width:110px;
				}
				#search button
				{
					background-color:#eeeeee;
					border:1px solid #000000;
					color:#000000;
					width:57px;
				}
				#menu
				{
					padding-bottom:23px;
				}
				#menu h4
				{
					background-image:url(../image/dotted.gif);
					background-position:bottom left;
					background-repeat:repeat-x;
					padding:0px;
					padding-bottom:1px;
				}
				#menu h4 a
				{
					background-color:inherit;
					background-image:url(../image/rarr.gif);
					background-position:top left;
					background-repeat:no-repeat;
					color:#000000;
					display:block;
					padding:5px;
					padding-left:23px;
					text-decoration:none;
				}
				#menu h4 a:hover
				{
					background-color:#ffffff;
					color:#000000;
				}
				#menu h4.checked
				{
					background-image:none;
					padding-bottom:0px;
				}
				#menu ul
				{
					background-image:url(../image/dotted.gif);
					background-position:bottom left;
					background-repeat:repeat-x;
					padding-bottom:6px;
					padding-left:23px;
				}
				#menu ul li a
				{
					background-color:inherit;
					color:#000000;
					text-decoration:none;
				}
				#menu ul li a:hover
				{
					text-decoration:underline;
				}
				#advert
				{
					background-image:url(../image/advert.gif);
					background-position:bottom left;
					background-repeat:repeat-x;
					height:187px;
				}
				#advert h3
				{
					padding-bottom:0px;
				}
				#advert p
				{
					padding-top:0px;
				}
			#main
			{
				clear:right;
				float:right;
				width:570px;
			}
				#banner object,#banner img,,#product object,,#product img
				{
					border:none;
					display:block;
					margin:0px;
				}
				.pin
				{
					clear:both;
					height:267px;
					overflow:hidden;
					width:564px;
				}
				.pin .image
				{
					clear:left;
					float:left;
				}
				.pin .image img
				{
					border:none;
					display:block;
					height:267px;
					margin:0;
					width:190px;
				}
				.pin .desc
				{
					clear:right;
					float:left;
					height:267px;
					padding-left:12px;
					width:368px;
				}
				.pin .desc .point
				{
					clear:both;
					height:76px;
					margin-bottom:6px;
					width:368px;
				}
				.pin .desc .point img
				{
					border:none;
					display:block;
					float:right;
					margin-left:6px;
				}
				#content
				{
					clear:both;
				}
					.row6,.row3,.row2,.row1
					{
						clear:both;
					}
						.col,.col2
						{
							float:left;
						}
						.row6 .col
						{
							width:95px;
						}
						.row3 .col
						{
							width:190px;
						}
						.row2 .col
						{
							width:285px;
						}
						.row1 .col
						{
							width:570px;
						}
						.panel
						{
							border:1px solid #dddddd;
							height:100px;
							margin:5px;
							padding:5px;
						}
						#right .panel
						{
							margin:0px 0px 10px 0px;
						}
					.row2 .col
					{
						margin-bottom:5px;
					}
					.row1 .col h3,.row2 .col h3
					{
						background-color:#eeeeee;
						border-bottom:1px solid #dddddd;
						border-top:1px solid #dddddd;
						clear:both;
						margin-bottom:5px;
					}
					#banner
					{
						padding:5px;
					}
					.icon
					{
						float:right;
						text-align:center;
						width:48px;
					}
					.icon img
					{
						display:block;
						margin:5px;
					}
					.invoice
					{
						margin-top:10px;
					}
					.invoice table
					{
						width:570px;
					}
					.invoice table thead tr th
					{
						background-color:#eeeeee;
						border-bottom:1px solid #dddddd;
						border-top:1px solid #dddddd;
						color:inherit;
					}
					.invoice table tfoot tr th
					{
					}
					.invoice table tbody tr td
					{
						border-bottom:1px solid #dddddd;
					}
					.invoice .description
					{
						width:330px;
					}
					.invoice .image
					{
						width:95px;
					}
					.invoice .title
					{
						width:235px;
					}
					.invoice .currency
					{
						text-align:right;
						width:80px;
					}
					.invoice .quantity
					{
						text-align:center;
						width:80px;
					}
					.invoice .total
					{
						text-align:right;
					}
					.field
					{
						clear:both;
						height:23px;
					}
					.field p
					{
						float:left;
						width:112px;
					}
					* html .field p
					{
						width:128px;
					}
					.field input,.field textarea,.field select
					{
						float:left;
						width:147px;
					}
					.field textarea
					{
						height:38px;
					}
					* html .field textarea
					{
						height:44px;
					}
					.checkbox
					{
						clear:both;
						height:23px;
					}
					.checkbox input
					{
						clear:left;
						float:left;
						margin-right:0px;
						margin-top:5px;
					}
					* html .checkbox input
					{
						margin-top:2px;
					}
					.checkbox p
					{
						clear:right;
						float:left;
					}
					.upload
					{
						clear:both;
						height:23px;
					}
					.upload p
					{
						float:left;
						width:112px;
					}
					* html .upload p
					{
						width:128px;
					}
					.upload input
					{
						float:left;
						width:432px;
					}
					.scroll
					{
						height:101px;
						margin:5px 0px;
						overflow:auto;
					}
					.message
					{
						border:1px solid #dddddd;
						height:114px;
						margin:5px 0px;
						overflow:auto;
						padding:5px;
					}
					.error
					{
						background-color:inherit;
						border:1px solid #ff0000;
						clear:both;
						color:#ff0000;
						margin:5px;
						padding:5px;
					}
					.notify
					{
						background-color:inherit;
						border:1px solid #009900;
						clear:both;
						color:#009900;
						margin:5px;
						padding:5px;
					}
					.guidance
					{
						background-color:inherit;
						background-image:url(../image/guidance.gif);
						background-position:top right;
						background-repeat:repeat-y;
						clear:both;
						color:inherit;
						height:25px;
						margin-top:10px;
						padding:5px;
					}
					* html .guidance
					{
						height:35px;
					}
						.submit
						{
							text-align:right;
						}
						.submit button
						{
							background-color:#eeeeee;
							border:1px solid #000000;
							color:#000000;
							width:119px;
						}
						.pager
						{
						}
						.pager button
						{
							background-color:#eeeeee;
							border:1px solid #000000;
							color:#000000;
							width:119px;
						}
						.pager p
						{
							padding:0px;
						}
						.pager a
						{
							background-color:#eeeeee;
							border:1px solid #000000;
							color:#000000;
							display:block;
							font-weight:bold;
							height:16px;
							margin-top:3px;
							padding-top:1px;
							text-align:center;
							text-decoration:none;
							width:119px;
						}
						* html .pager a
						{
							height:19px;
						}
						.submit button:hover,.pager button:hover,.pager a:hover
						{
							background-color:#ffffff;
							color:#000000;
						}
						.pager .left
						{
							float:left;
						}
						.pager .right
						{
							float:right;
						}
					.faq,.type
					{
						border-top:1px solid #dddddd;
						margin-top:5px;
						padding-top:5px;
					}
					#status
					{
						float:right;
						text-align:right;
						width:187px;
					}
					.tabs
					{
						border-bottom:1px solid #dddddd;
						clear:both;
						height:23px;
						margin-top:10px;
						margin-bottom:10px;
					}
					.tabs ul
					{
						display:block;
						list-style:none;
						margin:0px;
						padding:0px;
					}
					.tabs ul li
					{
						display:inline;
						list-style:none;
						margin:0px;
						padding:0px;
					}
					.tabs ul li a
					{
						background-color:#eeeeee;
						border-top:1px solid #dddddd;
						border-right:1px solid #dddddd;
						border-left:1px solid #dddddd;
						color:#000000;
						display:block;
						float:left;
						font-weight:bold;
						margin-right:5px;
						padding:4px 5px;
						text-align:center;
						text-decoration:none;
						width:72px;
					}
					.tabs ul li a:hover
					{
						background-color:#ffffff;
						color:#000000;
					}
					.tabs ul li a.active,.tabs ul li a.active:hover
					{
						background-color:#ffffff;
						color:#000000;
					}
					.list table
					{
						width:570px;
					}
					.list table thead tr th
					{
						background-color:#eeeeee;
						border-bottom:1px solid #dddddd;
						border-top:1px solid #dddddd;
						color:inherit;
					}
					.list table tfoot tr th
					{
					}
					.list table tbody tr td
					{
						border-bottom:1px solid #dddddd;
					}
					.list .description
					{
						width:224px;
					}
					.list .image
					{
						width:95px;
					}
					.list .image img
					{
						border:none;
						display:block;
						margin:5px;
					}
					.list .title
					{
						width:155px;
					}
					.list .status,.list .accepted
					{
						width:160px;
					}
					.list .currency
					{
						text-align:right;
						width:80px;
					}
					.list .quantity
					{
						text-align:center;
						width:80px;
					}
					.list .pending,.list .rejected
					{
						width:320px;
					}
					.list .pending h3
					{
						background-color:inherit;
						color:#ff9900;
					}
					.list .rejected h3
					{
						background-color:inherit;
						color:#ff0000;
					}
					.list .accepted h3
					{
						background-color:inherit;
						color:#009900;
					}
					.list .total
					{
						text-align:right;
						width:410px;
					}
					.selector
					{
						background-color:#eeeeee;
						color:inherit;
						height:25px;
						margin-bottom:10px;
						padding:5px;
					}
					* html .selector
					{
						height:35px;
					}
					.selector h3,.selector p,.selector select
					{
						float:left;
					}
					.selector button
					{
						background-color:#eeeeee;
						border:1px solid #000000;
						color:#000000;
						float:left;
					}
					.commission table
					{
						width:570px;
					}
					.commission table thead tr th
					{
						background-color:#eeeeee;
						border-bottom:1px solid #dddddd;
						border-top:1px solid #dddddd;
						color:inherit;
					}
					.commission table tfoot tr th
					{
					}
					.commission table tbody tr td
					{
						border-bottom:1px solid #dddddd;
					}
					.commission .date
					{
						width:80px;
					}
					.commission .title
					{
						width:170px;
					}
					.commission .currency
					{
						text-align:right;
						width:80px;
					}
					.commission .quantity
					{
						text-align:center;
						width:80px;
					}
					.commission .total
					{
						text-align:right;
						width:330px;
					}
					#center
					{
						float:left;
						width:373px;
					}
						#price
						{
							background-color:#ff0000;
							color:#ffffff;
							margin-left:278px;
							position:absolute;
							text-align:center;
							width:80px;
						}
						* html #price
						{
							width:90px;
						}
						.right
						{
							float:right;
							text-align:center;
							width:182px;
						}
						.right img
						{
							display:block;
							margin:5px;
						}
						.box
						{
							background-color:#eeeeee;
							color:inherit;
							float:right;
							padding:5px;
							width:182px;
						}
						.delivery
						{
							margin:5px 0px;
						}
						.delivery table
						{
							width:363px;
						}
						.delivery table thead tr th
						{
							background-color:#eeeeee;
							border-bottom:1px solid #dddddd;
							border-top:1px solid #dddddd;
							color:inherit;
						}
						.delivery table tfoot tr th
						{
						}
						.delivery table tbody tr td
						{
							border-bottom:1px solid #dddddd;
						}
						.delivery .heading
						{
							width:363px;
						}
						.delivery .title
						{
							width:243px;
						}
						.delivery .currency
						{
							text-align:right;
							width:120px;
						}
					#right
					{
						float:right;
						width:187px;
					}
					#purchase
						{
							margin-bottom:10px;
						}
						#options
						{
							margin-bottom:5px;
						}
						#purchase
						{
							background-color:#dddddd;
							color:inherit;
						}
						#purchase h3
						{
							background-color:#000000;
							color:#ffffff;
						}
						#purchase input
						{
							border:1px solid #000000;
							width:39px;
						}
						* html #purchase input
						{
							width:47px;
						}
						#purchase button
						{
							background-color:#eeeeee;
							border:1px solid #000000;
							color:#000000;
							width:120px;
						}
						#options h3
						{
							background-color:#eeeeee;
							clear:both;
							color:inherit;
						}
						#options .radio
						{
							margin-bottom:5px;
							margin-top:5px;
						}
						#options .radio ul
						{
							list-style:none;
							padding:0px;
						}
						#options .radio ul li
						{
							display:inline;
							list-style:none;
							margin:0px;
							padding:0px;
						}
						#options .radio ul li a
						{
							background-image:url(../image/radio.gif);
							background-position:top left;
							background-repeat:no-repeat;
							display:block;
							padding:5px;
							padding-left:28px;
						}
						#options .radio ul li.checked a
						{
							background-image:url(../image/radio_checked.gif);
						}
						#options .colour
						{
							margin:5px;
						}
						#options .colour .swatch
						{
							height:23px;
						}
						#options .colour .swatch span
						{
							border:1px solid #000000;
							cursor:default;
							display:block;
							float:left;
							height:21px;
							margin-left:-1px;
							overflow:hidden;
							width:21px;
						}
						* html #options .colour .swatch span
						{
							height:23px;
							margin-left:0px;
							width:23px;
						}
						#options .colour .swatch p
						{
							float:left;
						}
						#options .colour .palette
						{
							border-spacing:1px;
							clear:both;
							margin-top:5px;
						}
						#options .colour .palette td
						{
							background-color:#000000;
							border:1px solid #000000;
							color:inherit;
						}
						#options .colour .palette td.empty
						{
							background-color:#ffffff;
							border-right:none;
							border-bottom:none;
							color:inherit;
						}
						#options .colour .palette a
						{
							display:block;
							height:10px;
							overflow:hidden;
							width:10px;
						}
						#options .colour .palette a:hover,#options .colour .palette td.checked a
						{
							height:8px;
							margin:1px;
							width:8px;
						}
						#chart
						{
							background-color:#dddddd;
							color:inherit;
							margin-bottom:10px;
						}
						#chart h3
						{
							background-color:#000000;
							color:#ffffff;
						}
						#login
						{
							background-color:#dddddd;
							color:inherit;
							margin-bottom:5px;
						}
						#login h3
						{
							background-color:#000000;
							color:#ffffff;
						}
						#login .field
						{
							clear:both;
							height:23px;
						}
						#login .field p
						{
							float:left;
							width:60px;
						}
						#login .field input
						{
							border:1px solid #000000;
							float:left;
							width:103px;
						}
						* html #login .field input
						{
							width:117px;
						}
						#login button
						{
							background-color:#eeeeee;
							border:1px solid #000000;
							color:#000000;
							width:57px;
						}
				.visual
				{
					padding:5px;
				}
				.visual object,.visual img
				{
					border:none;
					clear:both;
					display:block;
				}
				.feature
				{
					background-color:inherit;
					color:#999999;
				}
		#bottom
		{
			background-color:inherit;
			color:#999999;
			margin-top:23px;
		}
			#debitcredit
			{
				background-image:url(../image/debitcredit.gif);
				background-position:top left;
				background-repeat:no-repeat;
				height:31px;
				overflow:hidden;
				width:351px;
			}
			#debitcredit p
			{
				display:none;
			}
			#legal
			{
			}
			#legal a
			{
				background-color:inherit;
				color:#999999;
			}
	a
	{
		background-color:inherit;
		color:#0000ff;
	}
	.hr
	{
		background-image:url(../image/hr.gif);
		background-position:top left;
		background-repeat:repeat;
		height:10px;
		margin:5px;
		overflow:hidden;
	}
	.hr hr
	{
		display:none;
	}
	.superscript
	{
		background-color:#dd0000;
		color:#ffffff;
		padding:0px 5px;
	}
	.center
	{
		text-align:center;
	}
	.bold
	{
		font-weight:bold;
	}
	.italic
	{
		font-style:italic;
	}
	.indent
	{
		margin:5px 15px;
	}
}