﻿.clear{ clear: both;} /* Fix to quickly allow floated divs to be clear by subsequent items */

/******************************************************************/
/* CMS bar                                                        */
/*                                                                */
.CMSBar
{
	background: #c0dbff url( '/RadControls/Panelbar/Skins/Office2007/Img/RootItemBkg.gif' ) repeat-x;
	color: #204d89;
	font-weight: bold;
	font-size: 9pt;
	left: 0px;
	margin-bottom: 10px;
	font-family: Arial, Tahoma, Verdana;
	position: static;
	top: 0px;
	line-height: 31px;
}

a.CMSLink, a:visited.CMSLink, a:link.CMSLink
{
	color: #204d89;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
}

a:hover.CMSLink
{
	color: #10110f;
	font-weight: normal;
	text-decoration: underline;
}

/******************************************************************/
/* Shopping Basket Summary Panel                                  */
/*                                                                */
div.BasketSummary
{
	width: 153px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.BasketSummary h3.Title
{
	color: #0d1868;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left_NoEdge.gif) top left no-repeat;
	min-height: 40px;
}

div.BasketSummary div.Content
{
	color: Black;
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left_NoEdge.gif) bottom left no-repeat;
}

div.BasketSummary div.Content p
{
	text-align: right;
}

div.BasketSummary div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Search Box                                                     */
/*                                                                */
div.SearchBox
{
	width: 200px;
	float: left;
	background: url(../images/SolidBlueBox_Right.gif) top right no-repeat;
	margin-top: 9px;
	margin-left: 5px;
}

div.SearchBox h3.Title
{
	color: White;
	margin: 0;
	padding: 8px 12px 0 12px;
	background: url(../images/SolidBlueBox_Left.gif) top left no-repeat;
	min-height: 20px;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Times New Roman;
}

div.SearchBox div.Content
{
	color: White;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SolidBlueBox_Left.gif) bottom left no-repeat;
}

div.SearchBox div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 23px 0;
	background: url(../images/SolidBlueBox_Right.gif) bottom right no-repeat;
}

div.SearchBox div.Content div.BottomCorner .keyword
{
	border-right: #003c77 1px solid;	
	border-top: #003c77 1px solid;	
	/*font-size: 1.1em;	*/
	border-left: #003c77 1px solid;	
	width: 140px;	
	color: #666666;	
	border-bottom: #003c77 1px solid;	
	font-family: arial, helvetica, sans-serif;	
	/*height: 13px;	*/
	background-color: #fff
}

div.SearchBox div.Content div.BottomCorner .category
{
	border-right: #003c77 1px solid;	
	border-top: #003c77 1px solid;	
	/*font-size: 1.1em;	*/
	border-left: #003c77 1px solid;	
	width: 140px;	
	color: #666666;	
	border-bottom: #003c77 1px solid;	
	font-family: arial, helvetica, sans-serif;	
	/*height: 13px;	*/
	background-color: #fff
}
/******************************************************************/
/* Category Breadcrumb                                            */
/*                                                                */
span.Breadcrumb
{
	color: #0d1868;
	padding-left: 15px;
}
span.Breadcrumb a
{
	color: #0d1868;
}

/******************************************************************/
/* Product Promotion                                               */
/*                                                                */

div.ProductPromotion
{
	width: 247px;
	/*float: left;*/
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
	/*height: 280px;*/
}

div.ProductPromotion div.TitleContainer
{
	color: White;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}
div.ProductPromotion div.TitleContainer div.Title
{
	background: url(../images/catalogue/SpecialOffers.gif) no-repeat;
	width: 150px;
	height: 33px;
	padding: 7px 0 0 10px;
	
}

div.ProductPromotion div.Content
{
	color: Black;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
}
div.ProductPromotion div.Content a
{
	color: Black;
}

div.ProductPromotion div.Content div.BottomCorner
{
	height: 269px;
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

div.ProductPromotion div.Content div.BottomCorner hr
{
	color: #CCCCCC;
	background-color: #CCCCCC;
	width: 100%;
	height: 1px;
	margin: 0;
}

div.ProductPromotion div.Content div.BottomCorner h3
{
	font-weight: bold;
	color: #333333;
	font-size: 1.4em;
}

div.ProductPromotion div.Content div.BottomCorner div.Price
{
	font-weight: bold;
	color: #B90000;
	font-size: 1.4em;
}

div.ProductPromotion div.Content div.BottomCorner a
{
	font-weight: bold;
	color: #B90000;
	font-size: 1.1em;
}

/******************************************************************/
/* ProductSummary                                                 */
/*                                                                */
div.ProductSummary
{
	width: 497px;
	/*float: left;*/
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
	height: auto;
}

div.ProductSummary div.TitleContainer
{
	color: White;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 8px 0 8px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}
div.ProductSummary div.TitleContainer div.Title
{
	background: url(../images/catalogue/FeaturedItems.gif) no-repeat;
	width: 150px;
	height: 33px;
	padding: 7px 0 0 10px;
	
}

div.ProductSummary div.Content
{
	color: #000000;
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
}

div.ProductSummary div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 8px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
	font-size: 1.2em;
}

.CategoryName a
{
	font-weight: bold;
	color: #333333;
	font-size: 0.7em;
}
/* Product Summary Bar - covers the top (display order preferences) and bottom (pager controls)*/
div.ProductSummaryBar
{
	margin: 0;
	padding: 0px;
	/*background: #DDDDDD;*/
	/*width: 500px;*/
}

div.ProductSummaryBar ul
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000000;
	font-size: 1.1em;
}

div.ProductSummaryBar #Pager
{
	float: left;
	padding: 5px;
	/*font-size: 1.1em;*/
}
div.ProductSummaryBar #Pager a
{
	color: #0d1868;
}

div.ProductSummaryBar #Message
{
	float: right;
	padding: 5px;
}

div.ProductSummaryBar div.Content
{
	clear: both;
	margin: 0;
	padding: 5px;
}

div.ProductSummaryItem
{
	width: 120px;
	text-align: center;
}

div.ProductSummaryItem div.Image
{
	height: 85px;
	width: 85px;
	position:relative;
	text-align:center;
}

div.ProductSummaryItem div.Image a 
{
	position: absolute;
	/*vertical-align: bottom;*/
	left: 0;
	bottom: 0px;
}

div.ProductSummaryItem div.ProductName
{
	font-weight: bold;
	color: #333333;
	font-size: 1.1em;
}
div.ProductSummaryItem div.Price
{
	font-weight: bold;
	color: #B90000;
	font-size: 1.1em;
}


/******************************************************************/
/* Product Featured                                               */
/*                                                                */

div.ProductFeatured
{
	width: 392px;
	/*float: left;*/
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
	/*height: 280px;*/
}

div.ProductFeatured div.TitleContainer
{
	color: White;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}
div.ProductFeatured div.TitleContainer div.Title
{
	background: url(../images/catalogue/FeaturedItems.gif) no-repeat;
	width: 150px;
	height: 33px;
	padding: 7px 0 0 10px;
	
}

div.ProductFeatured div.Content
{
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
}
div.ProductFeatured div.Content a
{
	color: Black;
}

div.ProductFeatured div.Content div.BottomCorner
{
	color: Black;
	font-size: 1.1em;
	margin: 0;
	display: block;
	padding: 0 12px 20px 5px;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

div.ProductFeatured div.Content div.BottomCorner a.ShowAll
{
	float: right;
	font-weight: bold;
	color: #004E9B;
}

div.ProductFeatured div.Content div.BottomCorner hr
{
	clear: both;
	color: #CCCCCC;
	background-color: #CCCCCC;
	width: 100%;
	height: 1px;
	margin: 0;
}

/******************************************************************/
/* Product Detail                                                 */
/*                                                                */
div.ProductDetail
{
	width: 487px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.ProductDetail h3.Title
{
	color: #333333;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 0 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ProductDetail div.Content
{
	/*color: Black;*/
	font-family: Arial;
	font-weight: normal;
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
}

div.ProductDetail div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 12px;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

div.ProductDetail div.Content div.BottomCorner div.ProductImage
{
	float: left;/**/
	width: 184px;
}

div.ProductDetail div.Content div.BottomCorner div.ProductDetailSummary
{
	
	width: 228px;
	float: right;
}

div.ProductDetail div.Content div.BottomCorner h1 
{
	font-family: "Times New Roman", Times, serif;
	color:#333333;
	font-size:1.5em;
	padding-top:7px;
	padding-bottom: 3px;
}

div.ProductDetail div.Content div.BottomCorner h2 
{
	font-family: "Times New Roman", Times, serif;
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	padding-top:7px;
	padding-bottom: 10px;
}

div.ProductDetail div.Content div.BottomCorner h3 
{
	font-family: "Times New Roman", Times, serif;
	color:#333333;
	font-size:1.4em;
	padding-top:7px;
	padding-bottom: 10px;
}

div.ProductDetail div.Content div.BottomCorner hr 
{
	margin-top: 15px;
	margin-bottom: 5px;
}

div.ProductDetail div.Content div.BottomCorner p
{
	padding-top: 10px;
}
div.ProductDetail div.Content div.BottomCorner .price 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#CA0000;
	font-weight: bold;
	font-size:1.3em;
}

div.ProductDetail div.Content div.BottomCorner .old-price 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration: line-through;
}


div.ProductDetail div.Content div.BottomCorner .promo-price 
{
	font-family: Arial, Helvetica, sans-serif;
	color:#CA0000;
}

.FakeButton 
{
	cursor: hand;
	cursor: pointer;
}

/******************************************************************/
/* Shopping Basket                                                */
/*                                                                */
div.ShoppingBasket
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.ShoppingBasket h3.Title
{
	color: #0d1868;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ShoppingBasket div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	font-size: 1.1em;
}

div.ShoppingBasket div.Content h4.OrderHeading
{
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1px;
}

div.ShoppingBasket div.Content .OrderInfo
{
	font-size: 1.1em;
}

div.ShoppingBasket div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Shipping Address Select                                        */
/*                                                                */
div.ShippingAddressSelect
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.ShippingAddressSelect h3.Title
{
	color: #0d1868;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ShippingAddressSelect div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	/*font-size: 1.2em;*/
}

div.ShippingAddressSelect div.Content div.BottomCorner
{
	font-size: 1.2em;
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Shipping Address Edit                                          */
/*                                                                */
div.ShippingAddressEdit
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.ShippingAddressEdit h3.Title
{
	color: #0d1868;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ShippingAddressEdit div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	font-size: 1.2em;
}

div.ShippingAddressEdit div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Shipping Address Add                                           */
/*                                                                */
div.ShippingAddressAdd
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.ShippingAddressAdd h3.Title
{
	color: #0d1868;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ShippingAddressAdd div.Content
{
	color: #666666;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	font-size: 1.2em;
}

div.ShippingAddressAdd div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Details Panel & Shipping Address Panel                         */
/*                                                                */
div.SingleAddressPanel
{
	width: 325px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.SingleAddressPanel h3.Title
{
	color: #0d1868;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.SingleAddressPanel div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	font-size: 1.2em;
}

div.SingleAddressPanel div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Order Confirmation - Any of the payment providers              */
/*                                                                */
div.OrderConfirmation
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.OrderConfirmation h3.Title
{
	color: #0d1868;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.OrderConfirmation div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	font-size: 1.2em;
}

div.OrderConfirmation div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Customer Sign In Register                                      */
/*                                                                */
div.CustomerSignInRegister
{
	width: 325px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.CustomerSignInRegister h3.Title
{
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	color: #0d1868;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.CustomerSignInRegister div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	font-size: 1.2em;
}

div.CustomerSignInRegister div.Content div.BottomCorner
{
	height: 120px;
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Forgotten Password                                             */
/*                                                                */
div.ForgottenPassword
{
	width: 325px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.ForgottenPassword h3.Title
{
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	color: #616161;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ForgottenPassword div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
	font-size: 1.2em;
}

div.ForgottenPassword div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* View Orders                                                    */
/*                                                                */
div.ViewOrders
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.ViewOrders h3.Title
{
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	color: #0d1868;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.ViewOrders div.Content
{
	color: #666666;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
}

div.ViewOrders div.Content div.BottomCorner
{
	font-size: 1.2em;
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}

/******************************************************************/
/* Order History                                                  */
/*                                                                */
div.OrderHistory
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.OrderHistory h3.Title
{
	color: #0d1868;
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.OrderHistory div.Content
{
	color: #616161;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
}

div.OrderHistory div.Content div.BottomCorner
{
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}


/******************************************************************/
/* My Account Panel                                               */
/*        - Customer Update, Change Password & Contact Us         */
/*                                                                */
div.MyAccountPanel
{
	width: 655px;
	float: left;
	background: url(../images/SimpleBox_Right.gif) top right no-repeat;
}

div.MyAccountPanel h3.Title
{
	font-family: Times New Roman;
	font-weight: bold;
	font-size: 14px;
	color: #0d1868;
	margin: 0;
	padding: 16px 12px 0 12px;
	background: url(../images/SimpleBox_Left.gif) top left no-repeat;
	min-height: 40px;
}

div.MyAccountPanel div.Content
{
	color: #666666;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(../images/SimpleBox_Left.gif) bottom left no-repeat;
}

div.MyAccountPanel div.Content div.BottomCorner
{
	font-size: 1.2em;
	margin: 0;
	display: block;
	padding: 0 12px 20px 0;
	background: url(../images/SimpleBox_Right.gif) bottom right no-repeat;
}


/******************************************************************/
/* component name                                                 */
/*                                                                */
