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

/*Detail view multi-product display*/
div.product
{
	margin:				0;
	clear:				both;
	padding:				0px 0px 5px 0px;
	line-height:		115%;
}
* html div.product	{ width: 100%; w\idth: auto; }

/*single product display - full product view*/
div.product-full
{
	margin:				0;
	clear:				both;
}

/* 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:				0 0 0.5em; 
}
div.product table.list tr th,
div.product-full table.list tr th
{ 
	font-weight:		bold; 
	vertical-align:	top;
	text-align:			right;
}
div.product table.list tr td,
div.product-full table.list tr td
{
	vertical-align:	top;
	padding-left:		5px;
}
div.product table.list tr.your th,
div.product-full table.list tr.your td
{ 
	font-weight:		bold;
	font-size:			110%; 
}
div.product table.list tr.regular td,
div.product-full table.list tr.regular td
{
	padding-bottom: 	0.25em;
}

/* savings / new / specials /old flags */
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; 
}

/*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
{ 
	padding:				2px 2px 2px 0px;
	margin:				4px 0px 6px 0px;
	border-bottom:		1px solid #5C5C78;
	font-size:			90%;
	
}
div.product h3 a, #content div.product h3
{
	color:				white;
	text-decoration:	none;
	background:			#5C5C78;
	padding:				2px 2px 2px 2px;
}

/* product images */
div.product img.thumb	
{ 
	float:			right;
	margin:			20px 0px 5px 5px;
	border:			none
}
div.compact img.thumb	
{ 
	float:			left; 
	margin:			0 8px 8px 0 !important; 
}
/*
======================================================
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
{
	clear:				both;
	float:				right;
}
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;
	background:		url("images/product_new.gif") no-repeat;
	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 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;
	right:			0px;
	border:			0;
	margin:			-1px 0px;
}
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
{
	position:			relative;
	padding:				0px 0px 4px 0px;
}
#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:	static;
}
#product_description p, 
p.description
{
	font-size:		100%;
	line-height: 	100%;
	padding:			0;
	margin:			0px 0px 5px 0px;
}
#product_maindetails,
#product_descriptionarea	
{
	width:			100%;
	padding:			0;
}
#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:				50%;
	vertical-align:	top;
}
#product_maindetails td.left,
#product_descriptionarea td.left	
{ 
	width:				50%;
	vertical-align:	top;
}
#product_maindetails div.product_details
{
	
}
#product_maindetails div.product_inputs
{
	
}


/* 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 */
#product-images		
{ 
	width:				100%;
}
#product-images img
{ 
	vertical-align: 	text-top;
	border:				none;
}
#product-images p	
{ 
	font-size:			90%; 
}
#product-images table
{
	width:				100%;
	position:			relative;
}
#product-images table td
{
	text-align: 		center;
}
#product-images img	
{ 
	vertical-align: 	text-top;
}
#product-images p		
{

}


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

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

/*the product enquiry link and speech bubble*/
#product_enquiry
{
	text-align: 		right;
	line-height: 		133%;
	font-size: 			130%;

	text-decoration: 	none;
	margin: 				5px 0;
	padding: 			0;
}
#product_enquiry a
{
	padding: 			22px 72px 28px 0;
	text-decoration: 	none;
	background: 		url("images/product_enquiry.gif") 100% 0 no-repeat;
	color:				#191F1B;
}
#product_enquiry a:hover	
{ 
	background-position: 100% -144px; 
	color:				#4F6356;
}

/*
=========================================
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;
}
#cat_details div.floatl img
{
	padding: 			0;
	margin:  			0 5px 5px 0;
}

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

/*
=========================================
Layout for category index dislplay layout
=========================================
*/
/*outer div element for containing menu groups entry details printout*/
div.indexlayout
{
	padding:				0px;
}

/*
div.indexlayout h1
{
	padding:				0;
	margin:				0px 0px 4px 0px;
	text-decoration:	none;
	background:			#00013C;
	color:				white;
}
div.indexlayout h1 a
{
	color:				white;
	text-decoration:	none;
	padding-left:		2px;
}
div.indexlayout h2
{
	border-bottom:		1px solid #00013C;
}
div.indexlayout h2 strong a
{
	margin:				0;
	padding:				0;
	text-decoration:	none;
	background:			#00013C;
	color:				white;
	padding-left:		2px;
}*/
/*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;
}
/*front double arrow for category links*/
b.link_arrow
{
	font-weight:		bold;
	font-size:			130%;
}