﻿.clear{ clear: both;} /* Fix to quickly allow floated divs to be clear by subsequent items */

Table.TableText 
{
	font-size: 1.2em;
	margin-top: 8px;
}

.nonParaText
{
	font-size: 1.2em;
	margin-bottom: 5px;
}

.btnPadding
{
	padding: 5px 0;
}
/******************************************************************/
/* Shopping Basket Summary Panel                                  */
/*                                                                */

.MyBasket
{
	height: 20px;
	font-size: 1em;
}
/*div.BasketSummary
{
	width: 200px;
	float: left;
	background: url(../images/RedBox_Right.jpg) top right no-repeat;
}

div.BasketSummary 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.BasketSummary div.Content
{
	color: White;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/RedBox_Left.jpg) bottom left no-repeat;
}

div.BasketSummary div.Content p
{
	text-align: right;
}

div.BasketSummary div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/RedBox_Right.jpg) bottom right no-repeat;
}

/******************************************************************/
/* Search Box                                                     */
/*                                                                */
/*div.SearchBox
{
	width: 200px;
	float: left;
	background: url(../images/RedBox_Right.jpg) top right no-repeat;
}

div.SearchBox 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.SearchBox div.Content
{
	color: White;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/RedBox_Left.jpg) bottom left no-repeat;
}

div.SearchBox div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/RedBox_Right.jpg) bottom right no-repeat;
}


/******************************************************************/
/* Category Breadcrumb                                            */
/*                                                                */
/*span.Breadcrumb
{
	color: Maroon;
}
span.Breadcrumb a
{
	color: Orange;
}

/******************************************************************/
/* 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: 500px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.ProductSummary 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.ProductSummary div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}
div.ProductSummary div.Content div.LeftSide
{
	float: left;
	width: 250px;
}
div.ProductSummary div.Content div.RightSide
{
	float:right;
}

div.ProductSummary div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/* Product Summary Bar - covers the top (display order preferences) and bottom (pager controls)*/
/*div.ProductSummaryBar
{
	margin: 0;
	padding: 0px;
	background: #DDDDDD url(/eCommerce/assets/images/SummaryBar-Top.gif) top left no-repeat;
	width: 500px;
}

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;
}

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: 710px;
	float: left;
	background: url(../images/GreyBox_Right.gif) top right no-repeat;
}

div.ShoppingBasket 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.ShoppingBasket div.Content
{
	color: #487191;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/GreyBox_Left.gif) bottom left no-repeat;
}

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;
	background: url(../images/GreyBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* 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: 200px;
	float: left;
	background: url(../images/RedBox_Right.jpg) top right no-repeat;
}

div.SingleAddressPanel h3.Title
{
	color: Yellow;
	margin: 0;
	padding: 16px 16px 0 16px;
	background: url(../images/RedBox_Left.jpg) top left no-repeat;
	min-height: 40px;
}

div.SingleAddressPanel div.Content
{
	color: White;
	margin: 0;
	padding: 0 0 0 16px;
	background: url(../images/RedBox_Left.jpg) bottom left no-repeat;
}

div.SingleAddressPanel div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 16px 20px 0;
	background: url(../images/RedBox_Right.jpg) bottom right no-repeat;
}

/******************************************************************/
/* 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: 250px;
	/*float: left;*/
}


div.CustomerSignInRegister div.Content
{
	margin: 0;
	
}

.btnMargin
{
	margin:  3px 0 ;
}



/******************************************************************/
/* 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.Left
{
	float: left;
	width: 255px;
}

div.Right
{
	float: right;
	width: 255px;
}

div.End
{
	clear: both;
	height: 20px;
}

.OrderInfo
{
	font-size: 1.2em;
}

.OrderHeading
{
	margin-top: 15px;
}

.myaccountbrightvalidator
{
	font-size: 1.2em;
	font-weight: bold;
}

/*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         */
/*                                                                */

.browse
{
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight:bold;
}
/*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;
}

/******************************************************************/
/* component name                                                 */
/*                                                                */
