.clear{ clear: both;} /* Fix to quickly allow floated divs to be clear by subsequent items */

/******************************************************************/
/* Shopping Basket Summary Panel                                  */
/*                                                                */
div.BasketSummary
{
	width:135px;
	margin-left:8px;
	background: url(../images/framebox-right.gif) top right no-repeat;
}

div.BasketSummary h3.Title
{
	margin: 0;
	padding: 15px  0px  0px 10px;
	background: url(../images/framebox-left.gif) top left no-repeat;
	font-size:1.3em;
	font-weight:bold;
	color:#CF0000;
	text-align:left;
	
}

div.BasketSummary div.Content
{
	color: White;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/framebox-left.gif) bottom left no-repeat;
}

div.BasketSummary  p
{
	font-size:1.1em;
	color:#666666;
	line-height:140%;
	text-align:right;
	font-style:normal;
}

div.BasketSummary div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 14px 20px 0;
	background: url(../images/framebox-right.gif) bottom right no-repeat;
}

div.BasketSummary h4
{
	margin-top:5px;
	font-size:1.1em;
	color: #6584A3;
	text-align:right;
	}
	
div.BasketSummary h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#666666;
	margin-bottom:5px;
	}
	
div.BasketSummary h3 {
	font-size:1.4em;
	color:#666666;
	line-height:140%;
	font-weight:bold;
	text-align:right;
	}

/******************************************************************/
/* Search Box                                                     */
/*                                                                */
div.SearchBox
{
	width: 150px;
	display:block;
	background: url(../images/frameBox-right.gif) top right no-repeat;
	margin-left:10px;
	margin-top:30px;
}

div.SearchBox h3.Title
{
	margin: 0;
	padding: 10px  0px  0px 10px;
	background: url(../images/framebox-left.gif) top left no-repeat;
	font-size:1.3em;
	font-weight:bold;
	color:#CF0000;
	text-align:left;
}

div.SearchBox div.Content
{
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../images/frameBox-left.gif) bottom left no-repeat;
}

div.SearchBox div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 14px 20px 0;
	background: url(../images/frameBox-right.gif) bottom right no-repeat;
}

div.SearchBox .textbox
{
	width:115px;
	font-size:1.0em;
}

div.SearchBox .button
{
	margin-top:5px;
}

div.SearchBox h4
{
	margin-top:5px;
	font-size:1.1em;
	color: #6584A3;
	text-align:left;
	text-transform: uppercase;
	}

div.SearchBox h4 a
{
	margin-top:5px;
	font-size:1.1em;
	color: #776039;
	text-align:left;
	text-transform: uppercase;
	}
	
div.SearchBox h4 a:hover
{
	margin-top:5px;
	font-size:1.1em;
	color: #6584A3;
	text-align:left;
	text-transform: uppercase;
	}
	
div.SearchBox p
{
	font-size:1.1em;
	color:#666666;
	line-height:140%;
	text-align:left;
	font-style:normal;
	position:relative;
}




/******************************************************************/
/* Category Breadcrumb                                            */
/*                                                                */
#breadcrumbregion span.Breadcrumb 
{
	font-weight:bold;
	text-transform:uppercase;
	}
	
#breadcrumbregion  span.Breadcrumb a
{
	color:#B3A186;
}

#breadcrumbregion span.Breadcrumb a:hover
{
	color:#666666;
}

/******************************************************************/
/* Product Promotion                                               */
/*                                                                */
div.ProductPromotion
{
	width: 500px;
	float: left;
	background: url(../images/RedBox_Right.jpg) top right no-repeat;
}

div.ProductPromotion h3.Title
{
	color: White;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/RedBox_Left.jpg) top left no-repeat;
	min-height: 40px;
}

div.ProductPromotion div.Content
{
	color: White;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/RedBox_Left.jpg) bottom left no-repeat;
}
div.ProductPromotion div.Content a
{
	color: White;
}

div.ProductPromotion div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/RedBox_Right.jpg) bottom right no-repeat;
}

/******************************************************************/
/* ProductSummary                                                 */
/******************************************************************/
div.ProductSummary
{
	width: 141px;
	float: left;
	margin-right:8px;
}

div.ProductSummary p
{
	font-size:1.1em;
	color:#666;
	line-height:100%;
	margin: 0px 10px;
	text-align:center;
}

div.ProductSummary p.price
{
	font-size:85%;
	color:#560000;
	line-height:120%;
	margin: 7px 0px 7px 0px;
	text-align:center;
	font-weight:bold;
}

div.ProductSummary h2
{
	font-size:90%;
	color:#6584A3;
	font-weight:bold;
	line-height:100%;
	text-transform:uppercase;
	margin: 5px 0px 5px 0px;
	text-align:center;
}

div.ProductSummary img.ProductImage
{
	border: solid 1px #ccc;
	padding: 1px;
}


/* Product Summary Bar - covers the top (display order preferences) and bottom (pager controls)*/
div.ProductSummaryBar
{
	margin: 0;
	padding: 0px;
	background: #ffffff url(/eCommerce/assets/images/SummaryBar-Top.gif) top left no-repeat;
	width: 100%;
	font-size:1.1em;
}

div.ProductSummaryBar .ProductSummary{
	font-size:1.0em;
}

div.ProductSummaryBar ul
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/eCommerce/assets/images/SummaryBar-Bottom.gif) bottom left no-repeat;
}

div.ProductSummaryBar #Pager
{
	float: left;
	padding: 5px;
}
#Pager a, #Pager a:visited{
	display: block;
	float: left;
	border: solid 1px #ccc;
	padding: 3px 5px;
	margin: 0 3px;
}

div.ProductSummaryBar #Message
{
	float: right;
	padding: 5px;
}

div.ProductSummaryBar div.Content
{
	clear: both;
	margin: 0;
	padding: 5px;
	background: url(/eCommerce/assets/images/SummaryBar-Bottom.gif) bottom left no-repeat;
}

/******************************************************************/
/* Shopping Basket                                                */
/*                                                                */

div.ShoppingBasket
{
	width: 720px;
	float: left;
	background-color:#ffffff;
}

div.ShoppingBasket h3.Title
{
	color: #666666;
	margin: 0;
	padding: 16px 16px 0 16px;
	min-height: 40px;
	font-size: 1.6em;
}

div.ShoppingBasket div.Content
{
	color: #666666;
	margin: 0;
	padding: 0 0 0 16px;
	font-size:1.1em;
	
}

div.ShoppingBasket div.Content h4.OrderHeading
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;
}

div.ShoppingBasket div.Content .OrderInfo
{
	font-size: 12px;
}

div.ShoppingBasket div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
}

div.ShoppingBasket input, div.ShoppingBasket .MyBasket
{
	font-size:1.0em;
}

/******************************************************************/
/* Shipping Address Select                                        */
/*                                                                */
div.ShippingAddressSelect
{
	width: 710px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.ShippingAddressSelect h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ShippingAddressSelect div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.ShippingAddressSelect div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Shipping Address Edit                                          */
/*                                                                */
div.ShippingAddressEdit
{
	width: 710px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.ShippingAddressEdit h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ShippingAddressEdit div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.ShippingAddressEdit div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Shipping Address Add                                           */
/*                                                                */
div.ShippingAddressAdd
{
	width: 710px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.ShippingAddressAdd h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ShippingAddressAdd div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.ShippingAddressAdd div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Details Panel & Shipping Address Panel                         */
/*                                                                */





div.SingleAddressPanel
{
	width: 240px;
	display:block;
	background: url(../images/frameBox-right.gif) top right no-repeat;
	margin-left:20px;
	margin-top:20px;
	width: 200px;
	float: left;
}

div.SingleAddressPanel h3.Title
{
	margin: 0;
	padding: 10px  0px  0px 10px;
	background: url(../images/framebox-left.gif) top left no-repeat;
	font-size:1.3em;
	font-weight:bold;
	color:#CF0000;
	text-align:left;
}

div.SingleAddressPanel div.Content
{
	margin: 0;
	padding: 0 0 0 14px;
	background: url(../images/frameBox-left.gif) bottom left no-repeat;
}

div.SingleAddressPanel div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 14px 20px 0;
	background: url(../images/frameBox-right.gif) bottom right no-repeat;
	font-size:1.1em;
}

/******************************************************************/
/* Order Confirmation - Any of the payment providers              */
/*                                                                */
div.OrderConfirmation
{
	width: 710px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.OrderConfirmation h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.OrderConfirmation div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.OrderConfirmation div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Customer Sign In Register                                      */
/*                                                                */
div.CustomerSignInRegister
{
	width: 350px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.CustomerSignInRegister h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.CustomerSignInRegister div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.CustomerSignInRegister div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Forgotten Password                                             */
/*                                                                */
div.ForgottenPassword
{
	width: 350px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.ForgottenPassword h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ForgottenPassword div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.ForgottenPassword div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}


/******************************************************************/
/* View Orders                                                    */
/*                                                                */
div.ViewOrders
{
	width: 710px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.ViewOrders h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ViewOrders div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.ViewOrders div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Order History                                                  */
/*                                                                */
div.OrderHistory
{
	width: 710px;
	float: left;
	background: url(../images/RedBox_Right.jpg) top right no-repeat;
}

div.OrderHistory h3.Title
{
	color: White;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/RedBox_Left.jpg) top left no-repeat;
	min-height: 40px;
}

div.OrderHistory div.Content
{
	color: White;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/RedBox_Left.jpg) bottom left no-repeat;
}

div.OrderHistory div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/RedBox_Right.jpg) bottom right no-repeat;
}

/******************************************************************/
/* My Account Panel                                               */
/*        - Customer Update, Change Password & Contact Us         */
/*                                                                */
div.MyAccountPanel
{
	width: 710px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}



div.MyAccountPanel h3.Title
{
	color: #487191;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/GreyBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.MyAccountPanel div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

div.MyAccountPanel div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Customer Details                                                 */
/*                                                                */
div.panelTab h1
{
	color:#666666;
	font-size:1.6em;
}