/*
=========================================================
Main Product Box display
=========================================================
*/

/*Detail view multi-product display*/
table.product-tbl
{
	border-collapse:	collapse;
	position:			relative;
}
table.product-tbl tr td
{
	width:				50%;			/* two column layout */
}
div.product
{
	position:			relative;
	margin:				0px 0px 20px 0px;
	clear:				both;
	padding:				0px 0px 0px 0px;
	width:				100%;
}
div.product-inner
{
	padding:				0px 10px 0px 0px;
}
/*single product display - full product view*/
div.product-full
{
	position:			relative;
	margin:				0px 0px 30px 0px;
	clear:				both;
	padding-bottom:	20px;
}
div.product div.product_details,
div.product div.product-inputs	
{
	margin-left:		135px;
}
/* product details prinout - restricted in formatted table (not to be confused with the list view) */
div.product table.list,
div.product-full table.list	
{ 
	margin:				0px 0px 0px 0px;
	width:				100%;
}
/*header cells in product information table*/
div.product table.list tr th,
div.product-full table.list tr th
{ 
	font-weight:		bold; 
	vertical-align:	top;
	text-align:			right;
	padding:				1px 0px 1px 0px;
}
/*contents cells in product information table*/
div.product table.list tr td,
div.product-full table.list tr td
{
	vertical-align:	bottom;
	padding:				2px 0px 2px 0px;
}
/*table your price field*/
div.product table.list tr.your th,
div.product-full table.list tr.your td
{ 
	font-weight:		bold;
}
.fromprice,
.price,
font.special,
font.standard
{
	font-weight:		bold;
	white-space:		nowrap;
}
span.fromprice,
{
	font-weight:		normal;
}
div.product table.list tr.your td
{
	color:				#0f5c00;
	font-size:			14px;
}
div.product table.list tr.code td,
div.product-full table.list tr.code td
{
	font-weight:		bold;
}

/* savings / new / specials /old flags */
em.saving			
{ 
	font-weight:	bold; 
}
.price em.new		
{ 
	font-weight:	bold; 
	color:			#CA8309; 
}
.price span.old		
{ 
	text-decoration:line-through; 
}

/*general product elements - styling for content printout within product*/
div.product p		
{ 
	line-height:		100%; 
	margin-top:			0; 
}
div.product ul, ol
{
	line-height:		110%;
	margin-top:			6px;
	font-size:			100%;
}

/* general product elements - heading styles */
div.product h3
{ 
	margin:				2px 0px 0px 135px;
}/*
div.product h3 a, #content div.product h3
{
	color:				#000066;
}*/

/* product images */
div.product div.thumb-img,
div.product div.thumb-dummy
{ 
	position:		absolute;
	top:				3px;
	left:				0px;
	margin:			0px 5px 5px 0px;
	border:			0px;
	z-index:			1;
}
div.product img.thumb
{
	border:			0px;
	z-index:			1;
	border:			1px solid #afafaf;
}
div.product img.special
{
	position:		absolute;
	top:				3px;
	left:				0px;
	z-index:			2;
}

/*
======================================================
product list view styles - these inherit the data table styles from the content stylesheet
======================================================
*/
table.data 
{
	position:		relative;
	border: 			0px;	
	/*width:			100%;*/
}
table.data th
{
	text-align:		left;
}
table.data td
{
	padding:			3px 20px 2px 5px;
}
table.data td.your	{ background-color: #FFC !important; font-weight: bold; border: 1px solid #FC9; }
table.data td.price	{ text-align:	right; font-size: 12px;}

/*
======================================================
buttons and controls for user input for products
======================================================
*/
div.product p.controls,
div.product p.add
{
	clear:				both;
	text-align:			right; 
	margin:				0px;
}
div.product p.controls img	
{ 
	display:				none;
	margin:				0;
	vertical-align: 	top;
}
div.product div.add
{
	float:				right;
	margin-top:			-20px;
}
div.product div.add font
{
	vertical-align:	middle;
	font-weight:		bold;
	color:				#5E8200;
}
div.product div.add input.text
{
	vertical-align:	middle;
	background:			url("../images/white_shadow.gif") repeat-x;
}
div.product div.add input.image
{
	vertical-align:	middle;
}

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; 
}

div.product.new h3 em.new
{
	float:			right;
	display:			inline;
	text-indent:	-5000px;
	width:			52px;
	height:			32px;
	margin-top:		-16px;
	display:			none;
}

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; 
}

/*
===============================================
shopping input styles
===============================================
*/
div.product_inputs_single table
{
	border-collapse:	collapse;
	margin:				10px 5px 0px 0px;
}
div.product_inputs_single table tr td
{
	border-bottom:		1px dashed #DDD;
}
div.product_inputs_single table tr td.product_name
{
	padding-right:		50px;
}
div.product_inputs_single table tr td.product_price
{
	padding-right:		20px;
}

/*
===============================================
Shopping cart product list
===============================================
*/
ul.product-list
{
	font-size:			90%;
	list-style:			none;
	list-style-image: none;
	margin:				0;
	padding:				0;
	text-align:			left;
	color:				white;
}

ul.product-list li
{
	border:				solid #AD0C00;
	border-width:		1px 0;
	margin:				0 0 4px;
	background:			#C10E00 url("images/yellow_shadow.gif") repeat-x;
	padding:				1px 9px 1px 4px;
}

ul.product-list p.price	
{ 
	font-size:		110%; 
	margin:			0; 
}

ul.product-list input.remove
{
	position:		absolute;
	margin-top:		-1px;
	right:			20px;
	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 a:link,
ul.product-list a:visited
{
	color:			#F0B100;
}
ul.product-list a:hover,
ul.product-list a.selected
{
	color:			#966E00;
}
ul.product-list p.price
{
	font-size:		90%;
	text-align:		right;
	margin-right:	4px;
}
ul.product-list li.price_total
{
	padding:			0;
	background-color:	#C10E00;
	border-top:		1px solid #6A0600;
}
ul.product-list li.price_total p.price_total_heading
{
	margin:				0;
	padding:				0;
	font-size:			100%;
	text-align:			center;
	background:			#7B0900;
	color:				white;
	border-bottom:		1px solid #6A0600;
	font-weight:		bold;
}
ul.product-list li.price_total p.price_total_value
{
	text-align:			right;
	margin-right:		12px;
	padding:				4px 0;
	font-size:			110%;
	font-weight:		bold;
}
#product_cart input.button
{
	text-align:			center;
}
#product_cart .controls
{
	padding:				0;
	text-align:			center;
}
#product_cart .controls img
{
	border:				none;
	padding-bottom:	2px;
}
#product_cart p
{
	padding:				3px;
}


/* list view tabular layout */
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; 
}


/* full product view order styles on product*/
#product_description
{
	position:		relative;
}
#product_description p, 
p.description
{
	font-size:		100%;
	line-height: 	100%;
	padding:			0;
	margin:			0px 0px 2px 0px;
}
#product_maindetails,
#product_descriptionarea	
{
	width:			100%;
	padding:			0;
	position:		relative;
}
#product_descriptionarea,
#product_descriptionarea table.columns
{
	width:			100%;
	margin:			0;
}
#product_descriptionarea th, #product_descriptionarea td
{
	padding:			0;
	margin:			0;
}

#product_maindetails h2
{
	margin-top:		0;
	padding-top:	0;
}


#product_maindetails td.right,
#product_descriptionarea td.right	
{ 
	width:				35%;
	vertical-align:	top;
}
#product_maindetails td.left,
#product_descriptionarea td.left	
{ 
	width:				65%;
	vertical-align:	top;
	position:			relative;
}


/* full product view order styles on product*/

#product-order
{
	text-align:		right;
	padding:			0;
}
#product-order h3			
{ 
	display:			none;
}
#product-order p
{ 
	display:			inline;
	margin:			0; 
}
#product-order p.in_cart
{
	display:			block;
}
#product-order p.in_cart
{ 
	font-size:		90%; 
	color:			black; 
}

#product-order p.controls	
{
	text-align:		right;
}
#product-order p.controls input
{
	margin:			0;
	top:				11px;
	vertical-align: top;
}

/*
=========================================
Multiple Image Display
=========================================
*/
div#product-images
{ 
	position:			relative;
	padding:				0;
	margin:				10px 0px 0px 135px;
	z-index:				1;
}
#product-images table
{
	border-collapse:	collapse;
	position:			relative;
	z-index:				2;
	margin:				0px auto 0px auto;
}
#product-images table td
{
	text-align: 		center;
	vertical-align:	top;
}
#product-images table td div.thumb-img
{
	display:				block;
	position:			relative;
	text-align:			left;
	width:				130px;
	float:				left;
}
#product-images img	
{ 
	vertical-align: 	text-top; 
	margin: 				1px; 
	border: 				1px solid #AFAFAF;
}

/*
=========================================
Enquiry / Quote styles
=========================================
*/

/* enquiry option input */
/*input.enquire_now	
{ 
	margin-right:	-12px !important;
}*/

/*the product enquiry link and speech bubble*/
.product_enquiry
{
	width:				101px;
	margin: 				0;
	padding: 			0;
	position:			relative;
}
.product_enquiry a font
{
	display:				none;
}
.product_enquiry a
{
	display:				block;
	width:				101px;
	height:				24px;
	text-decoration: 	none;
	background: 		url('images/product_enquiry.gif') 0 0 no-repeat;
	color:				#002E79;
}
.product_enquiry a:hover	
{ 
	background-position: 0 -39px;
	color:				#6D81BC;
}/*
div.product-full .product_enquiry
{
	position:			relative;
	left:					530px;
	margin-top:			-20px;
}*/

.product_enquiry_item
{
	line-height:		100%;
	width:				58px;
}
.product_enquiry_item a
{
	display:				block;
	width:				58px;
	height:				16px;
	text-decoration:	none;
	background:			url('images/product_enquiry_item.gif') 0 0 no-repeat;
}
.product_enquiry_item a font
{
	display:				none;
}
.product_enquiry_item a:hover
{
	background-position:	0 -21px;
}

/*
=========================================
Layout for standard category view
=========================================
*/
/*category display styles*/
#cat_details
{
	margin-bottom: 	10px;
}
#cat_details div.floatr img
{
	padding: 			0;
	margin: 				0 0 5px 5px;
	border:				1px solid #58784C;
}
#cat_details div.floatl img
{
	padding: 			0;
	margin:  			0 5px 5px 0;
	border:				1px solid #58784C;
}
#cat_products
{
	position:			relative;
	clear:				left;
}
/*
=========================================
Layout for category index dislplay layout
Also used on category view page where category name is printed, and subcategory names are printed out.
All products are usualy printed out underneath the subcategory listing
=========================================
*/
/*outer div element for containing menu groups entry details printout*/
div.indexlayout
{
	padding:				0px;
	margin:				0px 0px 4px 0px;
	width:				100%;
}

div.cat-description
{
	padding:				0px 0px 2px 0px;
}

div.cat-enquiry
{
	float:				right;
	margin-right:		10px;
}

div.indexlayout h1
{
	text-decoration:	none;
}
div.indexlayout h1 a
{
	text-decoration:	none;
}
div.indexlayout h2
{
	clear:				left;	
}
div.indexlayout h2 strong a
{
	
}
div.indexlayout div.img-thumb
{
	position:			relative;
	float:				left;
	width:				140px;
	z-index:				1;
	margin-top:			3px;
}
div.indexlayout div.img-thumb a img
{
	border:				1px solid #AFAFAF;
}
/*table for containing all categories printed out for a menu entry*/
table.indexlayout-tbl
{
	border-collapse:	collapse;
	width:				600px;	/*fixed width to allow image to show up in left hand side*/
	margin-top:			0px;
}
table.indexlayout-tbl td
{
	padding:				0;
}
/*element that wraps around the actual category / image printout*/
div.indexlayout-content
{
	margin:				0;
	padding:				0px 0 4px 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:				0px;
}
table.indexlayout-content-tbl td a
{
	text-decoration:	none;
	font-size:			100%;
	font-weight: 		bold;
}
/*front double arrow for category links*/
b.link_arrow
{
	font-weight:		bold;
	font-size:			110%;
}