/* PLEASE USE THE FOLLOWING COMMENT FORMATS TO ORGANISE CSS */


/* ####################################### */
/* ###########  MAIN SECTION ########### */
/* ####################################### */


/* SUB SECTION
------------------------------------------------*/





/* ####################################### */
/* ########### PRODUCT LISTING ########### */
/* ####################################### */

/* PAGE TYPO
------------------------------------------------*/



h2.product-code-header {
	font-weight: bold;
}

/* PRODUCTS LAYOUT
------------------------------------------------*/

div.e-bodycontent ul.product-list {
	margin: 2em 0;
	clear: both;

}

div.e-bodycontent ul.product-list li {
	position		: relative;
	border			: 1px solid #EEEEEE;
	background		: #fff;
	float			: left;
	margin-right	: 0.9em;
	margin-bottom	: 0.9em;
	padding			: 0em;
	width			: 200px;
	height			: 255px;
	text-align		: center;


	
}

/** { zoom: 1;}*/


div.e-bodycontent ul.product-list li .prod-name {
	position: absolute;
	bottom: 0.8em;
	left: 0;
	width: 200px;
	padding: 0;
	margin: 0;

}

div.e-bodycontent ul.product-list li.cat-thum .prod-name {
	background: #111;
	padding-top: 0.8em;

}

div.e-bodycontent ul.product-list li .prod-code {
	position: absolute;
	top: -6px;
	left: 75px;
	width: 50px;
	height: 14px;
	line-height: 1em;
	padding: 3px 0px 0px 0px;
	font-size: 0.8em;
	color: #fff;
	background: #333;
	margin: 0;
	z-index: 999;
}

div.e-bodycontent ul.product-list li:hover {
	border-color: #999;
}

div.e-bodycontent ul.product-list li img.prod-img {
	margin-top		: 15px;
}

div.e-bodycontent ul.product-list li img.prod-desc {
	clear			: both;
	margin-top		: 0px;
}

/*div.e-bodycontent ul.product-list li img.gbb {
	position		: absolute;
	top				: 4px;
	right			: 4px;
}*/

div.e-bodycontent ul.product-list li p.prod-rating {
	position		: absolute;
	top				: 4px;
	right			: 4px;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 35px;
	height: 14px;
	text-indent: -9999px;
	cursor: help;
}

div.e-bodycontent ul.product-list li a.prod-img-link:link,
div.e-bodycontent ul.product-list li a.prod-img-link:visited {
	display: block;

}

/*
ul.product-list li a.prod-img-link:visited img {
	filter: alpha(opacity=65); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); 
	-moz-opacity: 0.65; 
	opacity:0.65; 
}
*/

div.e-bodycontent ul.product-list li a.text:visited {
	color: #800000;
}

div.e-bodycontent ul.product-list li a.text:visited:after {
	/*font-size: 0.8em;
	content: ' [viewed]';*/
}



div.e-bodycontent ul.product-list li ul.img-token-group {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	float: left;
	width: 38px;
	top: 5px;
	left: 5px;
	z-index: 999;
}

div.e-bodycontent ul.product-list li ul.img-token-group li {
	width 	: 15px;
	height 	: 15px;
	display : block; 
	float	: left;
	background-position : 50% 25%;
	margin	: 1px;
	cursor	: pointer;
	text-indent: -9999px;
}


/* PRODUCT LIST CATAGORY THUMBS
------------------------------------------------*/

div.e-bodycontent ul.product-list li.cat-thum {
	background-repeat: no-repeat;
	background-position: 50% -10px;
	background-color: #111;
	
}

div.e-bodycontent ul.product-list li.cat-thum a:link,
div.e-bodycontent ul.product-list li.cat-thum a:visited {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
		
}






/* PRODUCT DETAILS
------------------------------------------------*/

#uk-find-stockist {
	border-color	: #dddddd;
	border-style	: solid;
	border-width 	: 0px 1px 1px 1px;
	padding			: 20px;
	background		: #eeeeee;
	width: 210px;

}

.prod-rhp #uk-find-stockist input {
	width: 105px;
}

#buyers-guide {
	position: absolute;
	top: -72px;
	right: 0;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 60px;
	height: 24px;
	cursor: help;
}

#buyers-guide span {
	position: absolute;
	left: -9999px;
}



.prod-rhp {
	position: relative;
	float:right;
	margin-left: 20px;
}





}
ul.prod-detail-image{
	position : relative;
}

ul.prod-detail-image li {
	text-align: center;
	background: #fff;
	border: #ccc solid 1px;
	width: 250px;
}

ul.prod-detail-image li a:link,
ul.prod-detail-image li a:visited {
	width: 100%;
	height: 100%;
	display: block;
}

ul.prod-detail-image li a.enlarge-link {
	position : absolute;
	top : 0;
	bottom : 0;
	right : 0;
	left : 0;
	width : 250px;
	height: 250px;
}

ul.prod-detail-image li a:hover,
ul.prod-detail-image li a:focus {
	background: url(/images/zoom_in.gif) no-repeat 0 0;
}





ul.prod-detail-thumbs-big-list {
	width: 250px;
	margin-top: 5px;
	margin-bottom: 10px;
}

ul.prod-detail-thumbs-big-list li {
	float: left;
	width: 66px;
	padding: 5px;
	margin: 0px 5px 5px 0px;
	border: #ccc solid 1px;
	text-align: center;
	cursor: pointer;
	height: 55px;
}


ul.prod-detail-thumbs {
	position: absolute;
	top: 0;
	right: -25px;
	margin: 5px 10px 0 10px;
	padding: 0;
	overflow: hidden;
	width: 62px;
}

ul.prod-detail-thumbs li {
	float: left;
	text-align: center;
	background: #fff;
	position: relative;
	cursor: pointer;
	width: 50px;
	padding: 5px;
	margin-top: 5px;
	border: #ccc solid 1px;
	cursor: pointer;
}


ul.prod-detail-thumbs li span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: transparent;
}





table#product-details tr th,
table#product-details tr td {

	padding: 0.5em;
	vertical-align: top;
}

table#product-details tr th {
	width: 52px;
	font-weight: bold;

}

table#product-details tr td ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

table#product-details tr.table-code td {
	font-weight: bold;
}

ul.prod-list-features {

	overflow: hidden;
	margin-bottom: 2em;
	color: #000;
}

ul.prod-list-features li {
	margin-bottom: 0.5em;
	background-position: 0 0.5em;
	line-height: 1.5em;
	background-image: url(/r/i/css_framework/graphics/arrow.gif);
}




.e-panel-a .e-products-panel h4 {
	background:#000000 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0.5em 1em;
	text-transform:uppercase;
}

.e-panel-a .e-products-panel ul {
	border: 1px solid #ccc;
	float: left;
	clear: both;
}


.e-panel-a .e-products-panel li {
	padding: 10px 0;
	margin: 0 10px;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	width: 248px;
}

.e-panel-a .e-products-panel p.product-summary {
	float: left;
	width: 150px;
	margin-right: 10px
}

.e-panel-a .e-products-panel p.product-summary a {
	display: block;
}

.e-panel-a .e-products-panel a.product-thumb {
	float: right;
	display:block;
	width: 80px;
	text-align: center;
}





.prod-news {
	clear : right;
}




