/*
 * 18/02/09 - div#product-nav.inside updated from 15px padding to 18px padding to match other
 * roudned divs.  Width updated to compensate (reduced by 6px)
 */
@media screen
{
	img.productImage { float: left; margin-right: 20px; border: 1px solid #DDE7F5; }
	p.productPrice { font-weight: bold; }

	ul.productList { position: relative; width: 500px; }
	ul.productList li { position: relative; width: 492px; }
	ul.productList li img.removeProduct { position: absolute; z-index: 999; top: 10px; right: 10px; }

	table#orderTable { position: relative; width: 100%; background: url(/images/list-bg.gif) bottom repeat-x; border: 1px solid #E3EAF5; }
	table#orderTable .description { width: 30%; }
	table#orderTable th { padding: 2px 4px 2px 4px; text-align: left; font-weight: bold; border-bottom: 1px solid #eee; }
	table#orderTable td { padding: 2px 4px 2px 4px; border-bottom: 1px solid #eee; }
	table#orderTable .total { text-align: right; font-weight: bold; }
	
	a.button { position: relative; padding: 6px 0 9px 12px; text-decoration: none; display: block; float: left; margin: 0; text-align: center;}
	p.address { padding: 10px; border: 1px solid #E3EAF5; width: 50%; }
	
	#productBreadcrumb {
		background: url(/images/product-title-bg.jpg) repeat-y left top;
		display: block;
		width: 681px;
		margin: 0 3px;
		height: auto;
		margin:0;
		
	}
	
	#productBreadcrumb div {
		background: transparent url(/images/product-title-bg-top.jpg) no-repeat top left;
	}
	
	#productBreadcrumb p {
		background: transparent url(/images/product-title-bg-bot.jpg) no-repeat bottom left;
		padding: 5px 18px;
		color:#fff;
		margin: 0;
	}
	
	#productBreadcrumb a {
		color:#fff;
		text-decoration:none;
	}
	
	#productBreadcrumb a:hover {
		text-decoration:underline;
	}
	
	div#productWrapper {
		float:right;
		width:681px;
	}
	
	div#productWrapper h1 {
		display: block;
		font-weight: bold;
	}
	
	div#productWrapper h2 {
		font-size: 1.0em;
		color: #666;
		margin:0 0 1em;
		display:block;
	}
	
	div#productWrapper p.browse {
		text-align:right;
		margin-top:0.5em;
		margin-bottom:0;
		font-size:0.9em;
	}
	
	div#productWrapper p.browse a {
		color: #D22229;
		text-decoration:none;
	}
	
	div#productWrapper p.browse a:hover {
		text-decoration:underline;
	}
	
	#productWrapper div.top-glow {
		margin-top:15px;
	}
	
	#sidebar, h1, #banner, #productBanner, h2 {
		display:none;
	}
	
	div#content {
		margin: 15px 0 0 0;
		width:913px;
	}
	
	div#product-nav {
		width:217px;
	}
	
	div#product-nav ul {
		margin:18px;
	}
	
	div#product-nav.inside ul {
		margin:0;
	}
	
	div#product-nav.inside {
		width:181px;
		padding:18px;
	}
	
	div#productListWrapper.inside {
		padding:18px;
		margin: 0px 0;
	}
	
	div#assocProducts.inside {
		padding:18px;
	}
	
	div#assocProducts ul {
		font-size: 0.875em;
		margin-left:0;
		margin-top:10px;
		position:relative;
		float:left;
	}
	
	div#assocProducts li {
		font-size:0.9em;
		list-style:none;
		border-bottom: dotted 1px #ddd;
		padding: 0px 0;
		margin: 0 10px;
		float:left;
		width:625px;
	}
	
	div#assocProducts li a.image {
		float:left;
		margin:5px 0px 5px 0;
	}
	
	div#assocProducts li p {
		margin:0 0 0 10px; padding: 5px; float:left;
	}
	
	div#productListWrapper {
		font-size: 0.7em;
		margin: 10px 0;
	}
	
	#product-nav ul li {
		color:#24408F;
		font-size: 1em;
		list-style:none;
		font-weight:normal;
		margin-top:0;
		margin-bottom:5px;
		margin-left:0;
	}
	
		#product-nav ul li a {
			color:#26408D;
			text-decoration: none;
		}
		
		#product-nav ul li.current a:hover {
			color:#26408D;
		}
		
		#product-nav ul li ul {
			margin-bottom: 15px;
			margin-top:0px;
			margin-left:0;
			list-style:none;
		}
	
	#product-nav ul li ul li a , #product-nav ul li.current ul li a { /* level two links */
		color:#777;
		text-decoration:none;
	}
	
	#product-nav ul li.current ul li a:hover {
		color:#777;
	}
	
	#product-nav ul li a:hover, #product-nav ul li.current ul li a:hover {
		text-decoration:underline;
	}
	
	
	
	#product-nav ul li.current a:hover, #product-nav ul li.current a, #product-nav ul li.current ul li.current a {
		color: #D22229;
		text-decoration:none;
	}
	
	#product-nav ul li ul li {
		font-size:0.7em;
		margin-left:0;
		margin-bottom:0;
		border-bottom: dotted #aaa 1px;
		padding: 5px 5px 5px 15px;
	}
	
	#product-nav ul li ul li.current {
		background: url("/images/arrow-red.gif") left center no-repeat;
	}

	ul#subCategoryList {
		float:left;
		width: 170px;
		list-style:none;
		margin-left:0;
	}
	
	ul#subCategoryList li {
		margin-left:0;
		margin-bottom:3px;
	}
	
	ul#subCategoryList li a, ul#productList li a {
		color:#666;
		text-decoration:none;
	}
	
	ul#subCategoryList li a:hover {
		color:#D22229;
		text-decoration:underline;
	}
	
	ul#productList li a:hover {
		color:#26408D;
	}
	
	ul#productList li.current {
		color: #D22229; /*#26408D; old blue colour */
	}
	
	ul#productList {
		margin:0;
		padding:0;
		list-style:none;
		width: 470px;
		float:right;
	}
	
	ul#productList li {
		border-bottom: dotted 1px #000;
		padding: 2px 0;
		margin:0;
	}
	
	#productContainer.inside {
		padding:18px;
	}
	
	#productContainer.inside img {
		margin-top: 40px;
		margin-left:2px;
		margin-bottom: 20px;
	}
	
	#productContainer.inside #bgWrapper {
		background: url(/images/dotted-bg.gif) repeat-y 494px 0;
		width: 645px;
	}
	
	#productDescription {
		float:right;
		width:302px;
		overflow:hidden;
		font-size: 0.75em;
		color:#666;
		padding-right: 18px;
	}
	
	#productContainer.inside #productDescription img {
		margin: 0 0 0 0;
	}
	
	#productDescription p {
		font-size:1em;
	}
	
	.catWrap {
		padding-bottom: 10px;
	}
	
	.catWrap div.clearme {
		float:none;
	}
	
	.catWrap div {
		float:left;
		width:580px;
	}
	
	ul#products li {
		list-style:none;
		margin-bottom: 0;
		margin-left:0;
		background-position: left center;
		background-repeat: no-repeat;
		overflow:auto;
		font-size:0.8em;
	}
	
	ul#products li a {
		display:block;
		padding:10px 20px 10px 40px;
		float:left;
	}
	
	ul#products {
		margin-left:0;
	}
	
	/* added font size to affect product-categories show.php page */
	.catWrap p { margin-top:0; font-size:0.8em;}
	
	/* Removed margin here to change the prodcut-categories show.php page */
	.catWrap h3 {
		clear:both;
		color:#26408D;
		font-weight:normal;
		font-size: 1em;
		margin: 1em 0 0.5em;
		font-size: 0.9em;
	}
	
	.catWrap h3 a, #products a {
		text-decoration:none;
	}
	
	.catWrap h3 a:hover, #products a:hover {
		text-decoration:underline;
	}
	
	.catWrap img {
		float:left;
		margin:0 20px;
	}
	
	div#prodExtras {
		float:right;
		width:150px;
	}
	
	form#productOptions {
		background: transparent;
		border:none;
		float:right;
		width: 150px;
		font-size:0.7em;
	}
	
	form#productOptions fieldset {
		border:none;
		padding-left:15px;
		padding-top:10px;
	}
	
	form#productOptions fieldset.submit {
		text-align:right;
	}
	
	form#productOptions ul li {
		list-style:none;
		margin:0 0 2px 0;
	}
	
	form#productOptions ul {
		margin:0;
	}
	
	form#productOptions ul li.error {
		background: #fff9a8 url('/images/error.png') no-repeat 115px center ;
	}
	
	form#productOptions select {
		width: 110px;
		color: #666;
		font-size: 1em;
		margin: 2px 0;
	}
	
	form#productOptions textarea {
		width: 128px;
		height: 5em;
		font-size: 1.2em;
		font-family: Arial,Helvetica,sans-serif;
	}
	
	ul#datasheets {
		list-style: none;
		margin:0;
		font-size: 0.8em;
		line-height: 20px;
		margin-top:0.3em;
	}
	
	ul#datasheets li {
		background: url('/images/pdf-icon.png') center left no-repeat;
		padding-left: 21px;
		margin:0;
	}
	
	ul#datasheets {
		padding-left: 0;
	}
	
	/*.button {
		border:none;
		background: #d22229 url("/images/quote-button.gif") left no-repeat;
		width: 90px;
		height: 20px;
		color: #fff;

		font-size:0.9em;
	}*/
	
	div.button a, div.button input {
		border:none;
		background: url("/images/button-bg-left-sprite.gif") top left no-repeat;
		height: 24px;
		color: #fff;
		font-size:13px;
		float:left;
		line-height:24px;
		position: relative; 
		padding: 5px 0 5px 10px; 
		text-decoration: none; 
		display: block; 
		margin: 0; 
		text-align: center;
		cursor:default;
	}
	
	div.button input {
		height:36px;
		line-height:34px;
		padding:0px 0 7px 10px;
	}
	
	
	
	.button span {
		border:none;
		background: url("/images/button-bg-right-sprite.gif") top right no-repeat;
		padding-right:20px;
		color: #fff;
	}
	
	div.button {
		background: url("/images/button-bg-right-sprite.gif") top right no-repeat;
		padding-right:10px;
		float:left;
	}
	
	div.button.pHover {
		background-position: right -34px;
	}
	
	div.button.pHover a, div.button.pHover input {
		background-position: left -34px;
	}
	
	.button a:hover {
		color:#fff;
		text-decoration:none;
	}
	
	.button submit {
		border:none;
		background: #d22229 url("/images/button-bg-right.gif") right no-repeat;
	}
	
	#content table {
		font-size: 0.8em;
	}
	
	#productPods {
		width: 696px;
		float:right;
	}
	
	ul#productPods {
		margin-left:0;
	}
	
	ul#productPods li {
		float:left;
		list-style:none;
		margin:0 0 0 8px;
	}
	
	ul#productPods .inside {
		position:relative;
		height: 130px;
	}
	
	ul#productPods a.moreLink {
		/*margin-top:5px;
		float:right;*/
		float:none;
		clear:both;
		position:absolute;
		right: 18px;
		bottom: 18px;
		color:#d22229;
		font-size:0.9em;
		text-decoration:none;
	}
	
	ul#productPods a.moreLink:hover {
		float:none;
		text-decoration:underline;
	}
	
	ul#productPods h3 {
		color:#26408D;
		font-weight:normal;
	}
	
	div.productPod {
		width:310px;
		padding:15px;
		font-size:0.8em;
	}
	
	div.item.inside {
		padding:18px;
		position:relative;
	}
	
	div.item form {
		border:none;
	}
	
	div.item form li {
		list-style:none;
		display:inline;
		margin-right:10px;
	}
	
	div.item form input.txtInput {
		width: 2em;
		font-size:0.875em;
		line-height:1.25em;
	}
	
	div.item form label {
		font-size:0.875em;
		line-height:1.25em;
	}
	
	p.browseLink {
		text-align:right;
		padding-right: 18px;
	}
	
	p.deleteLink {
		position:absolute;
		right: 18px;
		top: 18px;
		margin:0;
		float:right;
	}
	
	p.notes {
		margin:0 2em 0.5em 2em;
	}
	
	p.notes.empty, p.empty {
		color: #999;
	}
	
	/* === Basket === */
	#basketContents {
		width: 681px;
		float:right;
	}
	
	#basketContents h4 {
		font-size: 0.8em;
		margin-bottom: 0.5em;
	}
	
	#basketContents table {
		font-size: 0.875em;
		margin-bottom:0.5em;
	}
	
	#basketContents table td {
		width: 15em;
		padding: 0.3em 0 0.3em 1em;
		border-bottom: solid 1px #ddd;
	}
	
	#basketContents table th {
		width: 10em;
		padding: 0.3em 0 0.3em 2em;
		border-bottom: solid 1px #ddd;
		text-align:left;
		font-weight:normal;
	}

	/* === Checkout === */
	#orderTable, #detailsTable {
		margin-bottom: 15px;
	}
	
	table#detailsTable th {
		text-align:left;
		padding-right:10px;
	}
	
	table#detailsTable tr {
		line-height:1.4em;

	}
	
}