/* Category Banners */

.CategoryBanner
{
	margin-top: 5px;
	width: 934px;		/* 950 total (inc borders) */
	padding: 15px 0 0 14px;
	height: 120px;		/* 137 total (inc borders) */
	border: 1px solid #C7C7C7;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	overflow: auto;
}
	.CategoryBanner h1
	{
		margin-bottom: 10px;
	}
	.CategoryBanner p
	{
		margin: 0;
		padding: 0;
		width: 530px;
		color: #786D4B;
	}





/* Category Product Lists (including hero list) and Search Results List */

.productlist
{
	clear: both;
	padding: 30px 0;
}
#product_herolist
{
	padding: 30px 0 15px 30px;
}
	
	.productlist .listitem_hero  ,  .productlist .listitem
	{
		float: left;
		text-align: center;
	}
	.productlist .listitem_hero
	{
		width: 360px;
		margin: 0;
	}
	.productlist .listitem
	{
		width: 250px;
		margin: 0;
	}
	
		.productlist img
		{
			margin: auto;
		}
		.productlist .listitem_hero img.thumbnail
		{
			width: 220px;
			height: 220px;
		}
		.productlist .listitem img.thumbnail
		{
			width: 120px;
			height: 120px;
		}
		.productlist h3
		{
			font-size: 1em;
			margin: 0 0 5px 0;
			text-align: left;
		}
			.productlist h3 a
			{
				font-weight: bold;
				color: #C0A144;
				text-decoration: none;
			}
		.productlist p
		{
			text-align: left;
			margin: 0 0 5px 0;
		}
		
		.productlist a.more
		{
			font-weight: bold;
			color: #653498;
			text-decoration: none;
		}
			.productlist a.more:hover
			{
				text-decoration: underline;
			}
			
	.productlist .separator  ,  .productlist .separator_hero
	{	
		float: left;
		width: 1px;
	}				
	.productlist .separator
	{	
		height: 280px;	
		background-color: #C8C8C8;
		margin: 0 32px;
	}			
	.productlist .separator_hero
	{	
		height: 370px;
		background-color: #E1E0E0;
		margin: 0 45px;
	}
	
	.productlist .rowseparator
	{	
		clear: both;
		width: 100%;
		height: 45px;		
		margin: 0;
	}
	
	
	
	/* Grey price box */
	
	.pricesbox
	{
		padding: 10px;
		background-color: #F7F7F7;
		text-align: left;
	}
		.pricesbox .pricelistitem
		{
			width: 100%;
		}
			.pricesbox .pricelistitem .description
			{
				display: none;
			}
			.pricesbox .pricelistitem .quantity_textbox
			{
				width: 25px;
			}
			.pricesbox .pricelistitem .pricebox
			{
				width: 100px;
				text-align: right;					
				padding-right: 25px;
				float: right;
			}
		
		.pricesbox img.buynow
		{
			clear: both;
			float: right;
            width: 104px;
            height: 27px;
		}	
	.pricesbox .info
	{
		padding-top: 10px;
	}


/* Pageing and Sort By links */

.productlist_modifiers
{

}

	.productlist_pages
	{
		width: 240px;
		float: left;
	}
	.productlist_sorter
	{
		width: 450px;
		float: left;
	}
	.productlist_pagesize
	{
		width: 210px;
		float: right;
		text-align: right;
	}
	
		.productlist_modifiers .prompt
		{
			color: #653498;  /* TODO: Possibly tweak colour */
			font-weight: bold;
		}
		.productlist_modifiers .disabled
		{
			color: #ABAD83;	
		}
		.productlist_modifiers a
		{
			color: #ABAD83;	
			text-decoration: none;
			font-size: 90%;
		}
		.productlist_modifiers a:hover
		{
			color: #653498;
			text-decoration: underline;
		}
			.productlist_modifiers a.selected
			{
				color: #653498;
				font-weight: bold;
			}
			
			
			
	
	
/* Product Detail */			
			
#product_detail
{
	width: 659px;		/* 675 */
	padding-right: 16px;
	float: left;
	border-right: 1px solid #ECEBEB;
}

	#product_detail_left
	{
		width: 237px;
		float: left;
	}
		#product_detail_images
		{			
		}
			#product_detail_images img
			{
				width: 237px;
				height: 237px;
			}
		#product_detail_info
		{
			padding: 10px;
			background-color: #E5E1DB;		
			font-weight: bold;	
		}
	
	#product_detail_right
	{
		width: 400px;
		float: right;
	}
		#product_detail h1
		{
			margin-top: 0;
			color: #C0A144;
			font-weight: normal;
		}
		#product_detail h2
		{
			width: 100%;
			padding-bottom: 15px;			
			border-bottom: 1px solid #ECEBEB;
			color: #AAAAAA;
			font-size: 130%;
		}
		#product_detail h3
		{
			margin-top: 40px;
		}




	/*  Tabs  */
	
	.ProductTabs
	{
		width: 100%;
		clear: both;
		margin-top: 50px;
	}

		.ProductTabs .ajax__tab_header 
		{
			/*border: 1px solid #0000CC;*/
			/*
			background:url(../../images/tabs/tab-line.png) repeat-x bottom;		
			
			width: 100%;
			border-bottom: 1px solid #999999;
			*/
			margin: 0;
			display:block;
		}


		/* Regular tabs */

		.ProductTabs .ajax__tab_header .ajax__tab_outer
		{
			/* border: 1px solid #FF0000; */
		}
			.ProductTabs .ajax__tab_header .ajax__tab_outer img.selected
			{
				display: none;
			}
			.ProductTabs .ajax__tab_header .ajax__tab_outer img.regular
			{
				display: block;
			}
		
		
		/* Selected tabs */
		
		.ProductTabs .ajax__tab_active .ajax__tab_outer
		{
			/* border: 1px solid #FF0000; */
		}
			.ProductTabs .ajax__tab_active .ajax__tab_outer img.selected
			{
				display: block;
			}
			.ProductTabs .ajax__tab_active .ajax__tab_outer img.regular
			{
				display: none;
			}



		.ProductTabs .ajax__tab_body	/* tab content */
		{
			margin: 0;
			padding:15px;
			border:solid 1px #CCCCCC;
		}
			.ProductTabs .ajax__tab_body p
			{
				padding:0;
				margin:0;
			}
			.ProductTabs .ajax__tab_body ul
			{
				padding:0;
				margin:0;
			}
			.ProductTabs .ajax__tab_body li
			{
				padding:0;
				margin:0;
			}



#product_relatedproducts
{
	width: 216px;
	float: right;
}



	/* related product lists */

	.productlist_small
	{
		clear: both;
		font-size: 90%;
		padding-top: 20px;
	}
		.productlist_small .listitem_vertical  ,  .productlist_small .listitem_horizontal
		{
		}
		.productlist_small .listitem_vertical
		{

		}
		.productlist_small .listitem_horizontal
		{
			width: 170px;		/* 210 */
			float: left;
		}
		
			.productlist_small img
			{
				float: left;
				width: 70px;
				height: 70px;
			}
			
			.productlist_small .text
			{
				width: 132px;
				text-align: left;
				float: right;
			}
		
			.productlist_small p
			{
				text-align: left;
				margin: 5px 0 10px 0;
			}
					
			.productlist_small .price
			{
				color: #653498;
				font-weight: bold;
				font-size: 90%;
			}			

			.productlist_small a.more  ,  .productlist_small a.buynow
			{
				display: block;
				color: #653498;
				text-decoration: none;
				padding-left: 7px;
				background: url(/images/layout/icon/bullet_triangle.png) left no-repeat;
			}
				.productlist_small a.more:hover  ,  .productlist_small a.buynow:hover
				{
					text-decoration: underline;
				}	
			.productlist_small a.more
			{
				margin-top: 10px;
			}		
				
		.productlist_small .separator_horizontal
		{	
			width: 218px;
			height: 1px;
			margin: 20px 0;
			background-color: #ECEBEB;
		}	
		.productlist_small .separator_vertical
		{	
			float: left;
			width: 1px;
			height: 164px;		
			background-color: #ECEBEB;
			margin: 0 20px;
		}
			
		.productlist_small .rowseparator
		{	
			clear: both;
			width: 100%;
			height: 1px;		
			margin: 0;
		}
				
	
	
	
/* Product Groups  (skincare systems) */	
	
.productgroup
{
	width: 780px;
	padding: 25px 0 25px 50px;
}		
	.productgroup img
	{
		float: left;
	}				
	.productgroup .details
	{
		width: 456px;
		float: right;
	}								
		.productgroup .details h4
		{
			font-size: 110%;
			font-weight: bold;
			margin: 0 0 3px 0;
		}			
		.productgroup .details h3
		{
			font-weight: normal;
			margin: 0 0 15px 0;
		}	
		
		.productgroup .details .pricesbox
		{
			padding: 10px 30px;
			margin-top: 20px;
			text-align: center;	
		}
			.productgroup .details .pricesbox .pricelistitem
			{
				width: 218px;
				float: left;
			}
				.productgroup .details .pricesbox .pricelistitem .pricebox
				{
					padding-top: 5px;
				}
			.productgroup .details .pricesbox input.buynow
			{
				clear: none;
			}