div.product
{
	margin:			1em 0 2em;
	clear:			both;
	border:			1px solid #D1D6FF;
	padding:			4px 8px;
	background:		#FFFFF2;
	position:		relative;
	line-height:	100%;
}
* html div.product	{ width: 100%; w\idth: auto; }

div.product-full
{
	display:		block;
	position:		relative;

	width:			100%;

	margin:			1em 0 2em;
	clear:			both;
	border:			1px solid #D1D6FF;
	padding:		0 4px 0px 4px;
	background:		#FFFFF2;
}
div.product_details
{
	display:		inline;
	position:		relative;
	text-align:		left;
	width:			auto;
	float:			left;
}

div.product_inputs
{
	float:			right;
	width:			50%;
}	

/*this box corrects a stretch problem where there are less product details*/
/*div.product-boundary
{
	padding-bottom: 25px;
}*/

.dl-icon
{
	margin-top:		0px; 
	margin-bottom:	-4px;
	border:			none;
}

/*
div.product			{ background: none !important; border: 0; padding: 0; margin: 1em 0; }
div.product.new		{ background: white url("images/products/product_new_bkg.gif") 100% 0 no-repeat; }
#content div.new h3	{ margin-right: 38px; }
*/

table.list tr.your td,
table.list tr.your th	
{ 
	font-size:		130%; 
	border-top:		1px solid #BCD; 
}
table.list tr.regular td,
table.list tr.regular th	
{
	padding-top:	1em; 
	padding-bottom: 0.25em;
}

em.saving			
{ 
	font-size:		85%; 
	font-weight:	bold; 
}

.price em.new		
{ 
	font-weight:	bold; 
	font-size:		110%; 
	color:			#F63; 
}
.price span.old		
{ 
	font-weight:	normal; 
	text-decoration:line-through; 
}

div.product p		
{ 
	line-height:	133%; 
	margin-top:		0; 
}

#content div.product h3
{ 
	padding:		0 0 4px 0;
	border-bottom:	1px solid #CCDDEE; 
	margin:			4px 0 6px 0;
}
#content div.product h3 a
{
	color:			#023088;
}

div.product table.list		
{ 
	margin:			0 0 0.5em; 
}
div.product table.list th	
{ 
	font-weight:	normal; 
	width:			auto; 
}

div.product table.list tr.your th,
div.product table.list tr.your td	
{ 
	font-weight:	bold !important; 
	font-size:		110%; 
}

div.product img.thumb	
{ 
	float:			right;
	margin:			8px 0 0px 8px;
	position:		relative;
}
div.compact img.thumb	
{ 
	float:			left; 
	margin:			0 8px 8px 0 !important; 
}

span.stockcode	
{ 
	display:		block; 
}

div.product div.add-single-container
{
	position:			relative;
}
div.product div.add-single-container table,
div.product div.product_inputs_single table
{
	position:			relative;
	float:				right;
	border-collapse:	collapse;
}
div.product div.add-single-container table th,
div.product div.product_inputs_single table th
{
	font-size:		9px;
	color:			#888;
	text-align:		center;
}

div.product p.controls,
div.product .add	
{
	clear:			both;
	text-align:		right; 
	margin:			0px;
}
div.product p.controls img	
{ 
	display:		block;
	margin:			0 -23px 0 auto;
	top:			11px;
	vertical-align: top;
	position:		relative;
}

div.product .add input.image	
{ 
	position:		relative; 
	vertical-align: middle; 
	margin-right:	-23px;
	margin-top:		-4px;
}
div.product .add input.text	
{ 
	font-size:		100%;
	vertical-align: middle; 
	background:		#FEB url("images/yellow_shadow.gif") repeat-x; 
}
div.product .add label			
{ 
	font-size:		115%;
}

form.order p.controls				
{ 
	clear:			both; 
	margin:			24px 0 0;
	border-top:		1px solid #BCD; 
}
form.order p.controls input.image	
{ 
	margin-top:		-10px; 
	vertical-align:	top; 
	position:		relative; 
} 
input.enquire_now	
{ 
	margin-right:	-12px !important; 
}

div.product.new h3 em.new
{
	float:			right;
	display:		inline;
	text-indent:	-5000px;
	width:			52px;
	height:			32px;
	background:		url("images/product_new.gif") no-repeat;
	margin-top:		-16px;
	display:		none;
}

ul.product-list
{
	list-style:		none;
	list-style-image: none;
	margin:			0;
	padding:		0;
	text-align:		left;
}

ul.product-list li
{
	border:			solid #68B;
	border-width:	1px 0;
	margin:			0 0 4px;
	background:		#FEB url("images/yellow_shadow.gif") repeat-x;
	padding:		2px 8px 2px 4px;
}

ul.product-list p.price	
{ 
	font-size:		110%; 
	margin:			0; 
}

ul.product-list input.remove
{
	position:		absolute;
	margin-top:		-1px;
	right:			2px;
	border:			0;
}
ul.product-list li.empty
{
	border-color:	#68B;
	background:		#8AC url("images/blue_shadow.gif") repeat-x;
	text-align:		center;
	padding:		0;
}
ul.product-list li.empty a	
{ 
	color:			white !important; 
}

ul.product-list li.price_total
{
	padding:			0;
	margin:				0;
	background-color:	#FFEEBB;
}
ul.product-list li.price_total p.price_total_heading
{
	margin:				0 !important;
	padding:			0 !important;
	font-size:			100%;
	text-align:			center;
	background:			#ECD696;
	color:				#003366;
	border-bottom:		1px solid #769DD8;
	font-weight:		bold;
}
ul.product-list li.price_total p.price_total_value
{
	text-align:			center;
	padding:			4px 0 0 0 !important;
	margin:				0 !important;
	font-size:			110%;
	font-weight:		bold;
}


table.data td.your	
{ 
	background:		#FFC !important; 
	font-weight:	bold; 
	border:			1px solid #FC9; 
}

td.add	
{ 
	padding-right:	0 !important; 
	text-align:		right; 
	white-space:	nowrap; 
}
td.add input.image
{ 
	vertical-align: middle; 
	margin:			0;
	margin-left:	16px;
	margin-right:	5px;
}

td.add input.text	
{ 
	vertical-align: middle;
}
td.add p.ordered	
{ 
	margin:			0; 
	padding-right:	4px; 
}

p.price_scheme	
{ 
	margin:			0; 
	font-size:		1.2em; 
	font-weight:	bold; 
}
p.price_regular,
p.variants		
{ 
	margin:			0; 
	padding-top:	2px; 
	border-top:		1px dotted #CDE; 
}

div.manufacturer p.link	
{ 
	margin:			-1em 0 0.5em; 
}

#product_description
{
	position:	static;
}
#product_description p, p.description
{
	font-size:	100%;
	line-height: 140%;
	margin-top:	5px;
}

#product_maindetails,
#product_descriptionarea	
{ 
	margin-top:		5px; 
}
#product_maindetails h2
{
	margin-top:		0;
	padding-top:	0;
}

#product_maindetails td.right,
#product_descriptionarea td.right	
{ 
	width:			220px;
}
#product_maindetails td.left,
#product_descriptionarea td.left	
{ 
	width:			auto;
}

#product-order
{
	display:		block;
	text-align:		right;
	width:			auto;
	border:			1px solid #BCD;
	background:		white url("images/order_border.gif") 100% 0 repeat-y;
	padding:		4px 24px 0 8px;
}

#product-order h3			
{ 
	border:			0;
}
#product-order p
{ 
	margin:			0; 
	width:			100%;
}
#product-order p.in_cart	
{ 
	font-size:		90%; 
	color:			black; 
}

#product-order p.controls	
{
	text-align:		right;
}
#product-order p.quantity
{
	display: inline;
}
#product-order p.controls input
{
	margin:			0 -23px 0 auto;
	top:			11px;
	vertical-align: top;
	position:		relative;
}


#product-images		
{ 
	float:			right;
	text-align:		center;
}
#product-images img	
{ 
	vertical-align: text-top;
	margin:			4px; 
}
#product-images p	
{ 
	font-size:		90%; 
}

/*the image icons in the cart for payment types*/
#cart_payment_images
{
	border-top:			1px solid #E3E6FF;
	border-bottom:		1px solid #E3E6FF;
	background:			#F5F5F8;
	padding:			2px;
	margin:				-10px 0 5px 0;
}
#cart_payment_images img
{
	vertical-align:		middle;
	padding-left:		1px;
	padding-right:		1px;
}

div.cat-thumb-img img
{
	float:				left;
	border:				none;
	padding:				0;
	margin:				0 5px 5px 0;
}
p.cat-description
{
	padding:				0 2px 2px 0;
	margin:				0;
}
div.cat-description-end
{
	clear:				both;
}

/*index display layouts - while in product pages*/
div.indexlayout
{
	padding:				0px;
}
/*table for containing all categories printed out for a menu entry*/
table.indexlayout-tbl
{
	border-collapse:	collapse;
	border:				none;
	width:				100%;
	margin-top:			5px;
}
table.indexlayout-tbl td
{
	padding:				0;
}
/*element that wraps around the actual category / image printout*/
div.indexlayout-content
{
	margin:				0;
	padding:				0px 0 10px 0;
}
div.indexlayout-content img
{
	margin:				0 5px 5px 0;
	border:				none;
}
/*table for formatting category printout*/
table.indexlayout-content-tbl
{
	border-collapse:	collapse;
	width:				100%;
	font-size:			90%;
	margin:				0;
	padding:				0;
}
table.indexlayout-content-tbl td
{
	vertical-align:	top;
	padding:				1px 2px 1px 2px;
}
table.indexlayout-content-tbl td a
{
	text-decoration:	none;
}
table.indexlayout-content-tbl td a:hover
{
	color:				red;
}
