/* category
------------------------------*/
body#category-page h1 {
	font-size: 3em;
	float: left;
	margin: 0 0 0 32px;
	display: inline; /* WIE : DFM */
}
#categories {
	float: left;
	padding: 0 34px;
}
#body .paging-child #categories {
	padding: 0;
}
ul.product-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 825px;
	float: left;
}
ul.product-list li {
	margin: 0 8px;
	padding: 0;
	float: left;
	font-size: 1em;
	text-align: center;
	display: inline;
	min-height: 194px;
	width: 190px;
}
* html ul.product-list li {
	height: 194px;
}
ul.product-list h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
}
ul.product-list p.more-info {
	margin: 0;
	float: left;
	width: 190px;
	visibility: hidden;
}
#search-results {
	float: left;
	clear: left;	
	padding-left: 34px;
}
#search-back 
{
	float: left;
	clear: left;
	padding-left: 34px;
}
.search-results {
	float: left;
	clear: left;	
	padding-left: 34px;
}
.search-back 
{
	float: left;
	clear: left;
	padding-left: 34px;
}
#no-results {	
	clear: both;
	padding-left: 34px;
}

/* products
------------------------------*/
body#list-page h1 {
	font-size: 3em;
	float: left;
	margin: 0 0 0 32px;
	display: inline; /* WIE : DFM */
}
#products {
	float: left;
	padding: 0 34px;
	width: 825px;
}
#listing {
	width: 825px;
	float: left;
	overflow: hidden;
	height: 388px;
}
#e-card-page #listing {
	width: 240px;
	height: 284px;
}
#listing-canvas {
	width: 1650px;
	height: 388px;
}
#listing-canvas div {
	float: left;
}

.listing-window {
	min-width: 825px;
	height: 388px;
	float: left;
}
* html .listing-window {
	width: 825px;
}
.odd-window {
	background: red;
}
.even-window {
	background: blue;
}

#listing-canvas ul {
	float: left;
}
#body .paging-enabled #products {
	padding: 0;
	width: 893px;
}

/* products
------------------------------*/
#product-image {
	float: left;
	width: 420px;
	padding: 0 34px 0 0;
}
#products-image {
  float: left;
}
#products-image p {
  text-align: center;
  clear: both;
  float: left;
  width: 240px;
}
body#product-page #product-image {
	text-align: center;
}
#product-image p {
	margin-bottom: 0;
}
#product-info {
	float: right;
	width: 405px;
	padding-bottom: 5px;
}
* html #product-info {
	margin: 0 -3px 0 0; /* WIE6 : 3PP * - stop page jumping */
}
body#email-friend-page #product-info {
	width: 371px;
}
body#tell-friend-page #tell-friend-info 
{
	width: 371px;
}

body#radley10-page #radley10-products
{
	width: 820px;
	margin: 5px 0 0 0;
}

#imagemap
{
	font-size: 1.1em;
	margin:0 0 3em;
	padding:0;
}

#product-info p.error {
	clear: both;
}
#product-info h1 {
	margin: -6px 0 0 0;
}
#product-spec {
	float: left;	
	width: 200px;
}
dl.product-spec dt,
#product-spec dt {
	float: left;
	width: 6.6em;
	clear: left;
}
dl.product-spec dd,
#product-spec dd {
	padding: 0 0 0 10px;
	min-height: 14px;
}
#product-info p.price {
	font-weight: bold;
}
#variant-desc {
	min-height: 155px;	
	width: 371px;
}
* html #variant-desc {
	height: 155px;	
}
ul#product-control {
	margin: 0;
	padding: 10px 0 0;
	list-style-type: none;
	clear: both;
}
ul#product-control li {
	margin: 0 11px 0 0;
	padding: 0;
	float: left;
	text-transform: uppercase;
	font-size: 1em;
}
ul#product-control a:link,
ul#product-control a:visited,
ul#product-control a:active {
	color: #999;
}
ul#product-control a:hover {
	color: #999;
}
p#selected-product {
	clear: both;
}
#product-detail {
	min-height: 437px; /* FF : zoom border */
}
* html #product-detail {
	height: 437px;
}
p#selected-product {
	font-weight: bold; 
	margin: 0;
}
#product input#add-to-basket {
	clear: both;
	float: left;	
}

/* alt imagery
------------------------------*/
#alt-product-view {
	float: right;	
	width: 171px;
	margin: 0 34px 0 0;
	display: inline; /* WIE6 : DFM */
}
#alt-product-view ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	float: right;
}
#alt-product-view li {
	margin: 0 0 2px 2px;
	padding: 0;
	float: left;	
}
#alt-product-view img {
	width: 40px;
	height: 40px;	
}
#alt-product-view p {
	clear: both;	
	text-align: right;
}

/* variant-matrix
------------------------------*/
.variant-matrix { /* FF can't handle min-height on fieldset */
	float: left;
	min-height: 177px;
}
* html .variant-matrix {
	height: 177px;
}
.variant-matrix h2 {
	min-height: 18px;
}
* html .variant-matrix h2 {
	height: 18px;
}
.variant-matrix ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.variant-matrix li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}
ul.variant-select li.form-replacement input,
ul.variant-select li.form-replacement label {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	position: absolute;
	overflow: hidden;
	top: -9999em;
	left: -9999em;
}
/* WIE : Some bug changes dimensions of the radio image*/
ul.variant-select li.form-replacement a.form-replacement img {
	width: 15px;
	height: 15px;
}
ul.variant-select {
	border-bottom: solid 5px #fff;
	float: left;
}
.variant-matrix li img.product-image {
	width: 65px;
	height: 65px;	
}
.variant-matrix h3 {
	clear: left;
	width: 65px;
	font-size: 1em;
	font-weight: normal;
}

/* checkout related
------------------------------*/
#related-products {
	padding: 0;
	text-align: left;
	width: 394px;
	overflow: hidden;
	padding: 4px;
	background-color: white;
}
#basket-page #related-products {
	padding: 4px;
	border: solid 1px #ccc;
	height: 128px;
	margin-bottom: 16px;
	width: 390px;
}
#product-page #related-products {
 clear: both;
 margin-top: 17px;
}
#related-products h2, #basket-extra h2 {
	height: 20px;	
	margin-bottom: 8px;
	width: 300px;
}
#related-products ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	width: 100%;
}
#related-products li {
	margin: 0;
	padding: 0;
	float: left;
	width: 33%;/*112px;*/
	text-align: center;
	overflow: hidden;
}
#related-products li label {
	display: block;
	clear: both;
	cursor: pointer;
}

#related-products li img {
	/*margin-left: -8px;*/
	margin: auto;
}

#related-products h3 {
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 0;
}



	
/* product zoom
------------------------------*/
#product-zoom {
	background: #fff url(../images/ajax-load.gif) no-repeat center center;
	position: absolute;
	overflow: hidden;
	border: solid 0px #ccc;
	display: none;
	top: 0px;
	*top: 5px;
	left: 0%;
	margin: 50px 0 0 350px;
	/**margin-top: 26px;*/
	text-align: left;
}	
#product-zoom img {
	position: absolute;
}
#viewport {
	background: transparent url(../images/grid.gif) no-repeat top left;
	overflow: hidden; 
	position: absolute;  
	z-index: 10; 
	display: none;
}

#listing.loading ul {
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25;
}