/* Catalogue page layout */

h2
{
	background:#ECF0EF;
	color:#666C6A;
	font-size:1.1em;
	padding:4px;
	margin:0;
}

#PrimaryContent
{
	margin:0;
	padding:0;
	margin-left:200px;
	position:relative; /*so IE6 displays properly*/
}

#SecondaryContent
{
	float:left;
	width:178px;
	margin:0;
	padding:0;
}

#TertiaryContent
{	
	clear:both;
	padding:0;
	margin:0px 0 0px 200px;
	position:relative; /*so IE6 displays properly*/
	color:#666;	
}

#SecondaryContent ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#SecondaryContent ul li
{
	background:#EBEFEE;
	padding:6px 6px;
}
#SecondaryContent ul li ul
{
	padding:6px 0 0 0;
	background:#EBEFEE;
	margin:8px -6px 0 -6px;
}
#SecondaryContent ul li a
{
	text-decoration:none;
	font-weight:normal;
}
#SecondaryContent ul a.Active + ul
{
	background:#EBEFEE;
	display: block;
}
#SecondaryContent ul li a:hover
{
	color:#78819F;
}

ul.SlideAction 
{
	display:none;
}

ul.SlideAction li a
{
	display:block;
	width:100%;
}

#SecondaryContent ul li.TopLevel,
#SecondaryContent ul li.SlideFunction
{
	cursor:pointer;	
	background:url(../images/dept-top-bg.png) repeat-x top left !important;
	font-weight:bold;
	width:166px;
}
#SecondaryContent ul li.TopLevel a,
#SecondaryContent ul li.SlideFunction a
{
	font-weight:bold !important;
}
#SecondaryContent ul li.SlideFunction ul li a
{
	font-weight:normal !important;
}


.DepartmentIntro
{
	background:url(../images/dept-intro-bg.png) repeat-x top left;
	height:350px;
}
.DepartmentIntro img
{
	float:left;
}
.DepartmentIntro p
{
	position:relative;
	top:10px;
	padding:8px;
	margin-left:356px;
	line-height:150%;
}

.DepartmentContainer
{
	
	border-left:1px solid #78819F;
	border-right:1px solid #78819F;
	border-top:38px solid #78819F;
	border-bottom:38px solid #78819F;
	margin:1px 0 0 1px;
	padding:8px 8px ;
	float:left;
	background:url(../images/department-bg.png) repeat-y top left;
	width:725px;
}


.DepartmentContainer div
{
	margin:4px 12px 12px 16px;
	width:152px;
	float:left;
	text-align:center;
}
.DepartmentContainer div img
{
	border:1px solid #ccc !important;
	margin-bottom:-3px; /*Solve IE problem */
}

.DepartmentContainer div a.Name
{
	
	color:white;
	margin-top:0;
	font-weight:bold;
	background:#78819F;
	padding:4px 0 4px 0;
	display:block;
	width:152px;
}

.DepartmentContainer a img
{
	padding:0;
}

#Breadcrumbs, #Breadcrumbs a
{
	color:#333;
	font-size:0.9em;
	margin-bottom:6px;
}

.ProductContainer
{
	margin:0;
	padding:0;
}
.ProductContainer hr
{
	border:1px solid #ccc;
	height:1px;
}
.ProductBase
{
	clear:left;
}
.Price
{
	font-weight:bold;
}
.ProductContainer .ImgHolder
{
	float:left;
	text-align:center;
	margin-top:14px;
}
.Enlarge
{
	border:1px solid gray;
	padding:3px 4px;
	text-align:left;
	font-size:0.8em;
}
.Enlarge a
{
	text-decoration:none;
	margin-left:12px;
}
.Enlarge span.Plus
{
	border:1px solid gray;
	font-size:1.1em;
	text-align:center;
	padding:0 6px;
}

.ProductContainer fieldset
{
	border:none;
}
.ProductContainer .TextHolder
{
	margin-left:310px;
}

.ProductContainer .BuyBox
{

}
.ProductContainer .BuyBox strong p
{
	margin:0;
	padding:0;
}

.ProductContainer select
{
	font-size:0.9em;
}
.Products, .Results
{
	width:172px;
	margin:4px 4px 4px 0;
	padding:4px;
	float:left;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	text-align:center;
}

.Results
{
	height:140px;
}

.Products img
{
}
.Products p,
.Recommendations p,
.Results p
{
	margin:2px 0 4px 0 ;
	padding:0;
}

.Recommendations h2
{
	
}

.Recommendations div
{
	width:176px;
	margin:4px;
	padding:0;
	border-right:1px solid #ccc;
	border-bottom:12px solid white;
	font-weight:bold;
	text-align:center;
	float:left;
}

.Products .ImageHolder
{
	height:102px;
}
.Products .Name
{
	height:46px;
}

.Widget
{
	text-align:left;
	margin-top:6px;
	margin-bottom:3px;
}
.Widget img
{
	border-top:1px solid #ccc !important;
	border-right:1px solid #ccc !important;
	margin-right:4px;
}

/*////////////matrix grid///////////////*/

.MatrixGrid
{
	margin: 0;
	padding: 0;
}

.MatrixGrid table
{
	padding: 0;
	margin: 0;
	width:434px;
	border:1px solid #A0A0A0;
	border-collapse: collapse;
	background:#ECF0EF;
}
.MatrixGrid table th
{
	padding: 6px;
}
.MatrixGrid table tr
{
	text-align: center;
}

.MatrixGrid table th,
.MatrixGrid table td
{
	text-align: left;
	border-bottom:1px solid #A0A0A0;
}

.MatrixGrid input
{
}

.ImageWidget
{
	margin:6px 0;
}
.ImageWidget img
{
	margin-right:10px;
}

/*////////////Basket///////////////*/

table.CartDataTable
{
	border-bottom:1px solid black;
	margin-bottom: 10px;
	width: 100%;
}

table.ReceiptTable
{border-bottom:none;}

table.CartDataTable td
{
	padding:6px 4px 2px 6px;
	vertical-align:top;
}
table.CartDataTable thead
{
	background:#dedede;
}

table.CartDataTable th
{
	padding:6px 4px 2px 6px;
	font-weight:bold;
	text-align:left;
}
table.CartDataTable td input
{
	width:26px;
	text-align:center;
	border:1px solid black;
}
table.CartDataTable td.Buttons input
{
	width:60px;
	margin-left:8px;
	background:gray;
	color:white;
}
table.CartDataTable td.Buttons
{
	white-space:nowrap;
}
table.CartDataTable td.Seperator
{
	border-bottom:1px solid black;
}

table.CartDataTable td.Total
{
	text-align:right;
	font-weight:bold;
}


table.CartDataTable tr.AlternateItem
{
	background:#F6F5FA;
}

.Reviews
{
	text-align:left;
	padding:4px 0
}
.Reviews h2
{
	background:#f2f2f2;
}
.Reviews p.Submitted
{
}

.CreateReview fieldset
{
	border:none;
}

.Highlight
{
	background-color: #ECF0EF;
	padding: 2px 10px 5px 10px;
	margin-bottom: 15px;
}