/* Catalogue styles */

#PrimaryContent
{
	float:left;
	width: 550px;
	/*margin-top:50px;*/
}

#SecondaryContent
{
	float:right;
	width: 160px;
	margin-top:50px;
	/*margin-right:15px;*/
	/*padding: 0;*/
	/*display: inline;*/
}

#SecondaryContent #ProductSearch
{
	position: relative;
	left: -24px;
}


/*//////////////////department styles//////////////*/


/*//////////////////////////////////////////*/


/*//////////////////product styles//////////////*/

.Product,
.Department
{
	width:165px;
	margin-right:12px;
	margin-left:auto;
	margin-bottom:10px;
	_margin-left:0;
	display:block;
	float:left;
}

.ProductName,
.DepartmentName
{
	font-size:0.7em;	
	padding: 0 5px 5px 5px;
	height: 5em;
}
.ProductName h2,
.DepartmentName h2
{
	font-weight:bold;
	margin-bottom:0;
}
.ProductName a,
.DepartmentName a
{
	text-decoration:none;	
	color:#644A31;
}
.ProductName a:hover,
.DepartmentName a:hover
{
	text-decoration:none;	
	color:black;
}

.ProductImage,
.DepartmentImage
{	
	height: 250px;
}

.ProductImage img,
.DepartmentImage img
{
	border:1px solid #94826F !important;
}

.ProductSectionName h1
{
	color:#BF9678;
	/*font-size:1.3em;
	font-weight:normal;*/
}

h1 .span
{
	/*color:black;
	font-size:0.6em;
	font-weight:normal;*/
}

h1.ProdName
{
	/*color:#66A9C5;*/
	color: #10638D;
}

/*//////////////////////////////////////////*/


/*//////////////////product detail styles//////////////*/


.ProductDetails
{
	margin-bottom:0px;
	padding:0px;
}

.ProductDetails h1
{

	margin-top: 0;
}

.ProductDetailsPrice
{
	font-weight:bold;
	color: #5E4624;
	font-size:large;
}

.ProductDetailsImage
{
	width: 200px;
	float: left;

}
.ProductDetailsImage img
{
	border:1px solid #94826F !important;
	margin-bottom:15px;
}	

.ProductDetailsDescription
{
	width: 350px;
	float:left;
	font-size:0.8em;
}
.ProductDetailsDescription h1
{
	font-size:x-large;
}

.ProductDetails .Buy
{
	margin-top: 20px;
}

.ProductStyle
{
	color:Black;
	margin:15px 0 0px 10px;
	font-weight:bold;
	padding:5px 0 5px 5px;
}

.Change
{
	padding:5px;
	margin:15px 0 0px 10px;
	border:1px solid black;
	width:130px;
}

.Change a
{
	color:Black;
	text-decoration:none;
}

.SkuAddButton input
{
	padding:3px;
	margin-left:10px;
	margin-top:20px;
}

/* Search results */

.ProductResult
{
	
	clear: both;
	border-bottom: 1px solid #A39383;
	height: 138px;
	font-size: 0.8em;
	margin-bottom: 10px;

}

.ProductResult .Image
{
	width: 100px;
	float: left;	
}

.ProductResult .Name
{
	font-weight: bold;	
}


/*////////////////////////////////////////////////////*/
.Name h2, h2 a
{
	color:Black;
	font-size:0.9em;
	text-decoration:none;	
}


/*/////////////////////////////////*/



/*/////////////////////////////////*/

.ProductSizeGuideFlower
{
	float: right;
	margin-top: -10px;
}

.ProductSizeGuide
{
	font-size:0.8em;
	color:#604528;
	float:right;
	margin-top: 36px;

}

.ProductSizeGuide h3
{
	margin-bottom:5px;
	margin-top: 0px;
}


/*////////////////////////////////*/

/* Shopping cart styles */

table.CartDataTable
{
	width: 100%;
	text-align:left;
	border-collapse: collapse;
	font-size: 13px;	
	margin-bottom: 20px;
}


.CartDataTable th
{
	color: #B69278;
	font-weight:bold;
}

.CartDataTable td,
.Wizard .CartDataTable td
{
	/*font-weight:bold;*/
	/*border:none;*/
	color: #664B30;
	padding: 4px 4px 4px 0;
}

.CartDataTable input
{
	font-weight: normal;	
}

.CartDataTable .Buttons
{
	white-space: nowrap;
	/*width: 100px;	*/
}

.CartDataTable .OrderItem td
{
	border-bottom: 1px solid #664B30;
}

.DeliveryTotal
{
	text-align:right;
	/*font-size:0.8em;*/
}
.Total
{
	text-align:left;
	/*font-size:0.8em;*/
}

input
{
	/*font-size:0.9em;*/
	/*text-align:center;*/
}

#GrandTotal
{
	background: url(../images/cart-total-banner.png) no-repeat;
	margin-top:40px;
	height: 49px;
	padding: 16px 20px 0 20px;
}

#GrandTotal p
{
	font-size: 12px;
	width: 69%;
	float: left;
	margin: 0;
	padding-top: 2px;
}

#GrandTotal p.Total
{
	font-size: 16px;
	float: right;
	width: 30%;
	text-align: right;	
	padding-top: 0;	
	color: #604528;
}

#GrandTotal p.Total .Price
{
	color: #000000;
	font-weight: bold;
	padding-left: 15px;
}

/*
.NextButtons
{
	float:left;
	margin-top:30px;
	margin-bottom:80px;
}
.NextButtons span
{
	float:right;
	margin-right:-95px;
	margin-top:-12px;
	_position:relative;
}
*/
hr
{
	border:1px solid #9A7F66;
}

.UpdateButton
{
	float:right;
	/*margin-left:150px;
	margin-right:-150px;*/
	margin-top:10px;
}

.NoItems
{
	font-size:0.8em;
	margin-bottom:75px;
}


/* Product Matrix */

#MatrixHeader
{	
	/*background-color: #A29181;*/
	padding: 3px 0 3px 10px;
	color:#5E4624;
	font-weight:bold;
	margin-top: 1px;
	margin-bottom:5px;
	margin-left: -1px;	
	font-size:medium;
}

.MatrixAxis
{
	/*background:white url(../images/matrix-header.png) no-repeat;*/
	padding: 3px 0 3px 10px;
	color:White;
	margin-left: -1px;
	color:#5E4624;
	/*font-weight:bold;*/
	/*font-size:medium;*/
}

ol li
{
	margin-bottom:10px;
	padding:0;
	list-style:decimal;
	/*color:#66A9C5;*/
	color: #10638D;
	font-size: 14px;
	
}

/* Spinner */
ol li div
{
	float: right;
	width: 80px;
	height: 20px;
	text-align: right;
	background: url(../images/spinner.gif) no-repeat top right;
	float: right;
	padding-right: 25px;
	padding-top: 5px;
	font-size: 11px;
}


.ColourSelect
{
	margin-left:10px;
}

.MatrixSkuGrid span 
{
	display: inline;
	padding: 0;
	margin: 0;
	clear: none;
}

.MatrixSkuGrid table 
{
	border-collapse: collapse;
	width: 100%;
}

.MatrixSkuGrid td,
.MatrixSkuGrid th
{
	/*border: 1px solid #634A2C;*/
	border: 1px solid white;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	width: 8%;
	padding: 0;
	font-size: 12px;	
}

.MatrixSkuGrid td
{
	/*font-size: 12px;	*/
}

.MatrixSkuGrid th
{
	background-color: #B1D1E0;	
	color: #10638D;
	/*color: Black;*/
	font-weight: bold;
}

.Stock
{	
	text-align: center;
	padding: 4px 0 4px 0;
	height: 12px;
}

.Stock.Null
{
	background-color: White;
}

.MatrixSkuGrid .OutOf,
#StockKey .OutOf
{
	background-color: #DBC4B4;
	border: 1px solid #DBC4B4;
	/*font-weight: normal;*/
}

.MatrixSkuGrid .OutOf span,
#StockKey .OutOf span
{
	/*font-weight: normal;*/
}

.MatrixSkuGrid .Low,
.MatrixSkuGrid .Medium,
.MatrixSkuGrid .High,
#StockKey .Low,
#StockKey .Medium,
#StockKey .High
{
	background-color: #CAA68C;
	border: 1px solid #CAA68C;
	/*font-weight: bold;*/
}

.MatrixSkuGrid .Low span,
.MatrixSkuGrid .Medium span,
.MatrixSkuGrid .High span,
#StockKey .Low span,
#StockKey .Medium span,
#StockKey .High span
{
	/*font-weight: bold;*/
}


#StockKey
{
	font-size: 12px;
	/*font-weight:bold;*/
	padding-top: 80px;
	clear: both;
}


#StockKey div
{
	clear: both;
	margin-bottom: 5px;
	margin-top: 10px;
}

#StockKey .Stock
{
	width: 30px; 
	float: left;
	margin-right: 4px;
	margin-top: -5px;
	/*font-size: 0.8em;*/
	color: #604528;
}

#StockKey .Stock.Null
{
	border: 1px solid #634A2C;
}

.MatrixSkuGrid .Stock
{
	border: none;	
	margin: 0;
}

.SkuValuesTable
{
	margin-top: 20px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.SkuValuesTable th
{
	width: 130px;
}

/* Why have you done this Shane?? */
/*
.BlueBgd
{
	background-color:#C9D4D8;padding:2px;	}
*/

/*////////////Recommendations///////////////*/

.RecommendationsProduct
{
	width: 93px;
	margin:12px 10px 12px 10px;
	float: left;
	height: 230px;
	font-size:x-small;
	text-align:center;
}

.Promotion 
{
	clear: both;	
}

.Promotion h2
{
	background: url(../images/flower.png) top right no-repeat;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*float: left;*/
	font-size: 16px;
	color: #BD9679;
	font-weight: normal;
	display: inline;
}

.Promotion p
{
	display: inline;
	font-size: 13px;
	
}

.EnlargeImage 
{font-size:smaller;}


/*review box*/

.ReviewBox
{
	margin-top:0.8em;
}
.ReviewBox a.ReviewProductLink 
{
	margin-bottom:1em;
}
.ReviewBox h2
{
	font-weight:bold;
	font-size:small;
	margin-bottom:0;
	color:white;
	text-align:left;
	margin-top:0px;
	margin-bottom:2px;
	background:#62472A;
	padding:4px 0px 4px 2px;
	clear:both;
}

.ReviewBox div
{
	font-size:small;
	color:#10638D;
	text-align:left;
	padding:4px 0px 4px 2px;
	border:1px solid #D5BAA5;
	margin-bottom:4px;
}

.ReviewBox div h4
{
	font-size:small;
	color:#10638D;
	text-align:left;
	padding:0px 8px 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	display:inline;
}
.ReviewBox p
{
	margin-top:6px;
	margin-bottom:6px;
	font-weight:normal;
}

.ReviewBox p a
{
	font-weight:bold;
}
/*Create Review*/

.CreateReview
{
	float:left;
}
.CreateReview h2
{
	font-size:medium;
	margin-top:0;
}

fieldset.CreateReviewInput input,
fieldset.CreateReviewInput textarea,
fieldset.CreateReviewInput select
{
	border:1px solid #D5BAA5;
	width:200px;
	font-size:11px;	
	padding:2px;
	vertical-align:top;
	margin-bottom:6px;
	margin-right:6px;
}

fieldset.CreateReviewInput label
{
	float:left;
	margin-right:-100px;
}





/*****Mag Glass******/

#binding
{

}

#message
{
	font-family: Trebuchet MS, Verdana, sans-serif;
}

.magnifier
{
	position: absolute;
	border: solid 1px #000;
	cursor: move;
	background-repeat: no-repeat;
	background-color: #fff;
}

.magnifierShadow
{
	position: absolute;
	background: transparent;
	padding: 0;
	margin: 0;
}

.magnifierController
{
	color: #999;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 10pt;
}

.magnifierControllerContainer
{
	margin:0px 0px 12px 18px;
}

.magnifierControllerPrefix
{
	color: #111;
}

.magnifierControllerButton
{
	color: #62472A;
	cursor: pointer; cursor: hand;
	background-color: #DBC4B4;
	border: solid 1px #62472A;
	padding: 0px 4px 0px 4px;
	margin-right:2px;
}

.magnifierControllerButtonSelected
{
	background-color: #62472A;
	border: solid 1px #62472A;
	color: #fff;
	font-weight: bold;
	cursor: pointer; cursor: hand;
	padding: 0px 4px 0px 4px;
	margin-right:2px;
}

#MagGlass
{margin-top:-27px;}

#MagGlass img
{border:none !important;}