﻿/*
Purple
492a94

Blue
9ab8e3

Green
b3c589
*/
.StandardPopUpBackground
{
    background-color:#9ab8e3;
    filter:alpha(opacity=70);
    opacity:0.7;
}
/*-- Easter Egg Hunt 09 Styles --*/

.EasterEggModalBackground
{
	background-color:Yellow;
	background-color:#83AFDB;
	filter:alpha(opacity=40);
	opacity:0.4;
}
.EasterEggOfferPopup
{
    background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
	width:630px;
	height:630px;
	-moz-border-radius:10px;
    -webkit-border-radius:10px; 
}
/*-- End Easter Egg Hunt 09 Styles --*/

/*-- Advent Calendar 08 Styles --*/

.AdventModalBackground
{
	background-color:#492a94;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.AdventOfferPopup
{
    background-color:#fff;
	border-width:3px;
	border-style:solid;
	border-color:#810010;
	padding-top:5px;
	padding-bottom:15px;
	width:510px;
	/*-moz-border-radius:10px;
    -webkit-border-radius:10px; */
}
/*-- End Advent Calendar 08 Styles --*/

body 
{
	background-image:url('../image/Background/Background_10SUM_1.jpg');/*Background4.jpg*/
	background-repeat:repeat;
	font-family:Helvetica, Arial, Sans-Serif;
	color:#484848;
	font-size:13px;
	margin-top:0px;
}
p 
{
	color:#484848;
	font-size:13px;
}
a, a:link, a:visited, a:hover
{
	color:#492a94;
	text-transform:lowercase;
}
h1
{
	font-size:26px;
	margin-bottom:20px;
	font-weight:normal;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	text-align:left !important;
}
h2
{
	font-size:24px;
	margin-bottom:18px;
	font-weight:normal;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	text-align:left !important;
}
h3
{
	font-size:20px;
	margin-bottom:16px;
	font-weight:normal;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	text-align:left !important;
}
h4
{
	font-size:16px;
	margin-bottom:14px;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	font-weight:normal;
	text-align:left !important;
}
h5
{
	font-size:14px;
	margin-bottom:10px;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	font-weight:normal;
	text-align:left !important;
}
h6
{
	font-size:12px;
	margin-bottom:10px;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	font-weight:normal;
	text-align:left !important;
}
.h1
{
	font-size:26px;
	margin-bottom:20px;
	font-weight:normal;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	text-align:left !important;
}
.h2
{
	font-size:24px;
	margin-bottom:18px;
	font-weight:normal;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	text-align:left !important;
}
.h3
{
	font-size:20px;
	margin-bottom:16px;
	font-weight:normal;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	text-align:left !important;
}
.h4
{
	font-size:16px;
	margin-bottom:14px;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	font-weight:normal;
	text-align:left !important;
}
.h5
{
	font-size:14px;
	margin-bottom:10px;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	font-weight:normal;
	text-align:left !important;
}
.h6
{
	font-size:12px;
	margin-bottom:10px;
	color:#492a94;
	margin-top:0;
	padding-top:0;
	font-weight:normal;
	text-align:left !important;
}
input{color:#484848;}
Address{font-style:normal;}
select{
	border: 1px solid #cde0f2;
	font-size: 11px;
	color: #484848;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearall{clear:both;}
.clearleft{clear:left;}
.clearright{clear:left;}
.clearnone{clear:none;}
.HiddenControl{display:none;}
.invisible{display:none;}
.clear:after
{
	content: ".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.clear{min-height:1px;}
* html .clear{height:1px;}
.capitalize{text-transform:capitalize !important;}
.ErrorText{color: #FF0000;}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar {
    background-image: url('../image/FilledStar.gif');

}

.emptyRatingStar {
    background-image: url('../image/EmptyStar.gif');
}

.savedRatingStar {
    background-image: url('../image/SavedStar.gif');
}
.HiddenText label
{
	display:none;
}
/* Basic Text Styles For whole site */

ul.flushlist { padding-left:15px; }
* html ul.flushlist { margin-left:-0; }
* + html ul.flushlist { margin-left:-0; }
.normaltext
{
	text-transform:none !important;
}
.LinkButtonPurple
{
	font-size:18px !important;
	color:#492a94 !important;
}
.LinkButtonPurpleSmall
{
	font-size:16px !important;
	color:#492a94 !important;
}
.LinkButtonBlue
{
	color:#83AFDB !important;
	font-size:16px !important;
}
.LinkButtonBlueSmall
{
	font-size:14px !important;
	color:#83AFDB !important;
}
.HomeHeading
{
	text-transform:none !important;
	font-weight:bold !important;
}
table.SizeGuide 
{
	color:#492a94;
	font-size:11px;
	text-align:center;
	text-transform:lowercase;
	border:none;
}
table.SizeGuide th 
{
	color:#492a94;
	font-size:11px;
	text-align:center;
	border:none;
	border-bottom:solid 2px #83AFDB;
}
table.SizeGuide th.left
{
    white-space:nowrap;
    text-align:left;
}
table.SizeGuide td 
{
	color:#484848;
	font-size:11px;
	text-align:center;
	border:dotted 1px #ccc;
	width:45px;
}
table.SizeGuide td.top
{
	border-top:none;
}
table.SizeGuide td.left
{
	border-left:none;
	white-space:nowrap !important;
	text-align:left;
	color:#492a94;
	font-weight:bold;
	width:auto;
}
table.SizeGuide td.right
{
	border-right:none;
}
table.SizeGuide td.bottom
{
	border-bottom:none;
}
table.Delivery
{
	width:100%;
	text-transform:lowercase;
	border:none;
}
table.Delivery th
{
	border:none;
	border-bottom:solid 2px #83AFDB;
	width:20%;
	font-weight:normal;
}
table.Delivery td
{
	width:20%;
	border:dotted 1px #ccc;
}
table.Delivery td.top
{
	border-top:none;
}
table.Delivery td.left
{
	border-left:none;
}
table.Delivery td.right
{
	border-right:none;
}
table.Delivery td.bottom
{
	border-bottom:none;
}
ul.BroraBullets
{
    list-style:none;
    margin:0;
    padding:0;
    width:495px;
}
ul.BroraBullets li
{
    margin:5px 0 0 0;
    padding:0;
}
ul.BroraBullets li img
{
    float:left;
    margin-right:15px;
}
/* End Basic Text Styles For whole site */

/* -- Start Styles for site to be sorted / removed*/

#SizeFinderHelpDiv 
{
	display:none;
	position:absolute;
	top:22px;
	right:360px;
	width:250px;
	background-color:aqua;
	z-index:10000;
	padding:10px 15px 5px 15px;
	background-color:White;
	border:solid 1px #Ccdaee;
	-moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;	
}
*+html #SizeFinderHelpDiv 
{
	top:30px;
	right:354px;
}
* html #SizeFinderHelpDiv 
{
	top:30px;
	right:354px;
}
.logo {
	float: left;
	position: relative;
	top: -10px;
	margin-bottom:-10px;
	z-index:0;
}
/*Error Message */
.errorMsg {
	color:#9A4770;
	font-weight:bold;
}

/* Side Nav */
/*//////////*/

.SideNavLevelOne {
	font-size:100%; 
	font-weight:bold; 
	margin:0pt 0px 6px 0px;
	text-decoration:none;
}

.SideNavLevelOne a:link {
	color: #5092d4;
	text-decoration:none;
}

.SideNavLevelOne a:visited {
	color: #5092d4;
	text-decoration: none;
}

.SideNavLevelOne a:hover {
	color: #492a94;
	text-decoration:underline;
}

.SideNavLevelOne a:active {
	color: #492a94;
	text-decoration: underline;
}

.SideNavLevelSelectedOne {
	font-size:100%;
	margin:0pt 0px 6px 0px;
	color: #492a94 !important;
	text-decoration:underline;
	font-weight:bold;
}

.SideNavLevelSelectedOne a:link {
	color: #492a94 !important;
	text-decoration:underline;
}

.SideNavLevelSelectedOne a:hover {
	color: #492a94 !important;
	text-decoration:underline;
}

.SideNavLevelSelectedOne a:visited {
	color: #492a94 !important;
	text-decoration:underline;
}

.SideNavLevelTwo {
	font-size:100%;
	margin:0pt 0px 6px 0px;
	text-decoration:none;
}

.SideNavLevelTwo a:link {
	color: #492a94;
	text-decoration:none;
}

.SideNavLevelTwo a:visited {
	color: #492a94;
	text-decoration: none;
}

.SideNavLevelTwo a:hover {
	color: #5092d4;
	text-decoration:underline;
}

.SideNavLevelTwo a:active {
	color: #5092d4;
	text-decoration: underline;
	font-weight:bold; 
}

.SideNavLevelSelectedTwo {
	font-size:100%;
	margin:0pt 0px 6px 0px;
	color: #5092d4 !important;
	text-decoration:underline;
	font-weight:bold;
}

.SideNavLevelSelectedTwo a:link {
	color: #5092d4 !important;
	text-decoration:underline;
	font-weight:bold;
}

.SideNavLevelSelectedTwo a:hover {
	color: #5092d4 !important;
	text-decoration:underline;
	font-weight:bold;
}

.SideNavLevelSelectedTwo a:visited {
	color: #5092d4 !important;
	text-decoration:underline;
	font-weight:bold;
}

.SideNavLevelThree {
	font-size:100%;
	margin:0px 0px 10px 20px;
	text-decoration:none;
}

.SideNavLevelThree a:link {
	color: #5092d4;
	text-decoration:none;
}

.SideNavLevelThree a:visited {
	color: #5092d4;
	text-decoration:none;
}

.SideNavLevelThree a:hover {
	color: #492a94;
	text-decoration:underline;
}

.SideNavLevelThree a:active {
	color: #492a94;
	text-decoration:underline;
	font-weight:bold; 
}

.SideNavLevelSelectedThree {
	font-size:100%;
	margin:0px 0px 10px 20px;
	color: #492a94 !important;
	text-decoration:underline;
	font-weight:bold;
}

.SideNavLevelSelectedThree a:link {
	color: #492a94 !important;
	text-decoration:underline;
}

.SideNavLevelSelectedThree a:hover {
	color: #492a94 !important;
	text-decoration:underline;
}

.SideNavLevelSelectedThree a:visited {
	color: #492a94 !important;
	text-decoration:underline;
}

/*//////////////////*/

/* Product Page */
/* Delete on old product page removal*/
h1.ProductCode
{
	float:left;
	font-weight:bold;
	color:#838383;
	margin-bottom:5px;
	font-size:13px !important;
}

h4.ProductDescription
{
	margin-bottom:5px;
}

h4.YouMightAlsoLikeLabel
{
	text-align:left;
	font-weight:normal;
}

a.ProductHyperlink
{
	color: #492a94;
}

/*Basket page*/

.GiftWrapping
{
    color:#a10000 !important;
}
.GiftPopUpBackground
{
    background-color:#9ab8e3;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.BasketGiftPopUp
{
    background-color:#fff;
    border-width:1px;
    border-style:solid;
    border-color:Gray;
    padding:20px;
    width:450px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px; 
}
.GiftMessage 
{
	float:left;
	border:none;
}

HR.BasketRule {
	height:0px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 1px solid #83AFDB;
	margin-bottom: 10px; 
	padding: 1px;
	clear: both;
}

.BasketItemStyle {
	color:#492a94;
	background-color:#F2F7FB;
}

.BasketAlternateItemStyle {
	color:#492a94;
	background-color:#FFFFFF;
}

/* Promotion Page Styles */
h2.FriendsH2Left
{
	font-size:28px;
	font-weight:normal;
}

h2.FriendsH2Right
{
	font-size:16px;
	color:#838383;
	font-weight:normal;
}

p.promotionSmallText
{
	font-size:13px;
}


/*End BroraStyles.css*/

/*BroraLayout.css*/
/* -- SizeFinderStyles -- */
#WomenSizeFinderContainer
{
	border:solid 2px #9999ff;
	background-color:#d4ebff;	
	min-width:401px;
	width:auto;
	width:401px;
	float:left;
}
#WomenSizeFinder
{
	background-color:#d4ebff;	
	padding-left:15px;
	padding-bottom:15px;
	min-width:381px;
	width:auto;
	width:381px;
	float:left;
}
* html #WomenSizeFinder
{
	width:450;
	padding-bottom:0;
}
*+html #WomenSizeFinder
{
	padding-bottom:0;
}
#WomenSizeFinder div.WomenContainer
{
	padding:0 0 0 0;
	margin:0;
	text-align:left;
	float:left;
	clear:both;
	min-width:381px;
	width:auto;
	width:381px;
}
#WomenSizeFinder div.WomenContainer div.WomenBottomContainer
{
	float:left;
	clear:both;
	margin:0;
	padding:0 0 0 0;
	min-width:381px;
	width:auto;
	width:381px;
}
#WomenSizeFinder div.WomenContainer div.WomenBottomContainer div.WomenBottomTallContainer
{
	float:left;
	clear:none;
	width:112px;
	margin-right:15px;
	padding:0;
	margin-bottom:0;
}
#WomenSizeFinder div.WomenContainer div.WomenBottomContainer div.WomenBottomTallContainer div.WomenBottomList
{
	border:solid 1px #9999ff;
	background-color:White;
	padding:15px 0 0 30px;
	float:left;
	min-width:80px;
	width:auto;
	width:80px;
	min-height:80px;
	height:auto;
	height:180px;
	/* -- Total width 112px -- */
}
div.OtherSizeFinderContainer
{
	border:solid 2px #9999ff;
	background-color:#d4ebff;	
	min-width:143px;
	width:auto;
	width:143px;
	float:left;
	clear:none !important;
	padding-bottom:0;
	margin-left:15px;
}
div.OtherSizeFinder
{	
	background-color:#d4ebff;	
	min-width:143px;
	width:auto;
	width:143px;
}
*  html div.OtherSizeFinder /* fixes padding issue in ie6- */
{
	padding-bottom:0;
}
*+html div.OtherSizeFinder /* fixes padding issue in ie7 only */
{
	padding-bottom:0;
}
div.OtherSizeFinder div.OtherSizeContainer
{
	margin:15px;
	margin-top:0;
	min-width:106px;
	width:auto;
	width:108px;
}
div.OtherSizeFinder div.OtherSizeContainer div.OtherBottomList
{
	border:solid 1px #9999ff;
	background-color:White;
	padding:15px 0 0 26px;
	float:left;
	min-width:80px;
	width:auto;
	width:80px;
	min-height:80px;
	height:auto;
	height:180px;
	clear:none;
	/* -- Total width 112px -- */
}

/* -- End SizeFinderStyles -- */


/* -- Review Styles -- */

dl.ReviewPage
{
	width:426px;
	margin:0;
	padding:0;
	clear:both;
}
dl.ReviewPage dd
{
	margin:2px 0 2px 0;
	padding:0 4px 0 0;
	float:left;
	width:188px;
	clear:left;
	min-height:35px;
	height:auto;
	height:35px;
}
dl.ReviewPage dt
{
	margin:2px 0 2px 0; 
	padding:0 0 0 4px; 
	float:left; 
	width:228px;
	clear:none;
	min-height:35px;
	height:auto;
	height:35px;
}
/* -- Outfit Styles -- */
#OutfitMainImage
{
	clear:none;
	float:left;
	width:284px;
	height:722px;
}
#OutfitDescription
{
	float:right;
	clear:none;
	width:594px;
}
#OutfitProductList
{
	float:right;
	clear:none;
	width:594px;
}
#OutfitProductBuyNow
{
}
.MiniProductPopup
{
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
	width:700px;
}

/* -- End Outfit Styles -- */


/* Hert, Sussex & Hants Add Page Style Extras...*/
#AdTextContainer
{
	clear:none;
	float:left;
	margin:0 10px 0 0;
	width:184px;
}
#MainImageContainer_AD
{
	float:left;
	text-align:center;
	width:519px;
	min-height:320px;/*360 with prices*/
	height:auto !important;
	height:320px;/*360 with prices*/
	clear:none;
	margin-left:10px;
	margin-bottom:10px;
}


/* End Hert, Sussex & Hants Add Page Style Extras...*/

/* Form section*/
.MyAccount 
{
	margin: 0;
	padding: 0;
	border:0px solid #FFFFFF;
	text-align: right;
	float:right;
	clear: none !important;
	width:310px;
}

/*
TODO: Redo VIPSale Page

*/
/*Side Nav List Holder*/
/*					  */

#SideNavPanel {
	background-color:#FFFFFF;
	width:200px;
	padding:0px 0px 10px 20px;
	float: left;
	text-align:left;
	white-space: nowrap;
}
#BreadCrumbDiv
{
	clear: right;
	float: left;
	text-align:left;
	width:100%;
	font-weight:bold;
	margin-top:-2px;
	margin-bottom:3px;
}
#PageContainer
{
	width: 956px;
	clear:both;
	margin:0 20px 0 20px;
}
#PageContainer #PageLeft
{
	clear:none;
	width:436px;
	padding:0 40px 0 0;
	float:left;
	text-align:left;
}
#PageContainer #PageRight
{
	clear:none;
	width:476px;
	padding:0 0 0 0;
	float:right;
	text-align:left;
}
#PageContainer #TriColLeft
{
	width:297px;
	float:left;
	clear:none;
	text-align:left;
	padding:0 20px 0 0;
}
#PageContainer #TriColMid
{
	width:297px;
	float:left;
	clear:none;
	text-align:left;
	padding:0 20px 0 0;
}
#PageContainer #TriColRight
{
	width:317px;
	float:right;
	clear:none;
	text-align:left;
}
.BackendButtons {
	width: 780px;
	text-align:right;
}

dl.BroraAddressList {
	margin:0; 
	padding:0;
	width:382px;
}

dd.BroraAddressLeftColumn 
{
	margin:1px 0 1px 0;  
	padding:0; 
	float:left;
	width:130px;
	clear:left;
	line-height:20px;
}
dt.BroraAddressRightColumn {	
	margin:1px 0 1px 0; 
	padding:0; 
	float:left; 
	width:245px;
	clear:none;
}

dl.twoColumnList
{
	width:478px;
	margin:0;
	padding:0;
	clear:both;
}
dl.twoColumnList dd
{
	margin:2px 0 2px 0;
	padding:0 4px 0 0;
	float:left;
	width:234px;
	clear:left;
	min-height:35px;
	height:auto;
	height:35px;
}
dl.twoColumnList dt
{
	margin:2px 0 2px 0; 
	padding:0 0 0 4px; 
	float:left; 
	width:234px;
	clear:none;
	min-height:35px;
	height:auto;
	height:35px;
}
html > body dl.twoColumnList dd
{
	height:35px;
	height:auto;
}
html > body dl.twoColumnList dt
{
	height:35px;
	height:auto;
}
dl.giftFinder
{
	margin:0; 
	padding:0;
	width:650px;
}
dl.giftFinder dd
{
	margin:2px 0 2px 0;  
	padding:0; 
	float:left;
	width:270px;
	clear:left;
	line-height:20px;
}
dl.giftFinder dt
{
	margin:2px 0 2px 0; 
	padding:0; 
	float:left; 
	width:378px;
	clear:none;
}


/* -- End Site wide Styles -- */

/* -- Colour Finder Styles -- */
img.ColourFinderColour
{
	float:right;
	position:fixed;
}
span.ColourFinderColourImage
{
	float:right;
	position:absolute;
}
/* -- End Colour Finder Styles -- */

/* -- Review Styles Styles -- */
#MainReviewListControlContainer
{
	width:752px;/*754*/
	border:solid 1px #838383;
	padding-left:5px;
	padding-right:5px;
}
#MainRiewListControlLeft
{
	width:266px;/*251*/
	float:left;
	text-align:left;
	clear:none;
	padding:10px;
	border-right:solid 1px #838383;
}
#MainRiewListControlRight
{
	width:435px;/*520*/
	float:right;
	text-align:left;
	clear:none;
	padding:10px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
dl.MainReviewListLeft
{
	width:264px;
	margin:0; 
	padding:0;
}
dl.MainReviewListLeft dd
{
	margin:2px 0 2px 0;  
	padding:0; 
	float:left;
	width:130px;
	clear:left;
	min-height:17px;
	height:auto !important;
	height:17px;
}
dl.MainReviewListLeft dt
{
	margin:2px 0 2px 0; 
	padding:0; 
	float:left; 
	width:130px;
	clear:none;
	min-height:14px;
	height:auto !important;
	height:14px;
	padding-top:3px;
}
dl.MainReviewListRight
{
	width:431px;
	margin:0; 
	padding:0;
}
dl.MainReviewListRight dd
{
	margin:2px 0 2px 0;  
	padding:0; 
	float:left;
	width:120px;
	clear:left;
	min-height:17px;
	height:auto !important;
	height:17px;
}
dl.MainReviewListRight dt
{
	margin:2px 0 2px 0; 
	padding:0; 
	float:left; 
	width:305px;
	clear:none;
	min-height:17px;
	height:auto !important;
	height:17px;
}
div.ReviewListControlContainer
{
	width:752px;/*754*/
	border:solid 1px #ccc;
}
div.ReviewListControlLeft
{
	width:230px;/*251*/
	float:left;
	text-align:left;
	clear:none;
	padding:10px;
}
div.RiewListControlRight
{
	width:480px;/*520*/
	float:right;
	text-align:left;
	clear:none;
	padding:10px;
	min-height:100px;
	height:auto !important;
	height:100px;
	border-left:solid 1px #ccc;
}
#ReviewListControlContainer
{
	width:752px;/*754*/
	border:solid 1px #ccc;
}
#ReviewListControlLeft
{
	width:230px;/*251*/
	float:left;
	text-align:left;
	clear:none;
	padding:10px;
	border-right:solid 1px #ccc;
}
#ReviewListControlContainer #RiewListControlLeft dl
{
	width:230px;
	margin:0; 
	padding:0;
}
#ReviewListControlContainer #RiewListControlLeft dd
{
	margin:2px 0 2px 0;  
	padding:0; 
	float:left;
	width:130px;
	clear:left;
	min-height:17px;
	height:auto !important;
	height:17px;
}
#ReviewListControlContainer #RiewListControlLeft dt
{
	margin:2px 0 2px 0; 
	padding:0; 
	float:left; 
	width:100px;
	clear:none;
	min-height:17px;
	height:auto !important;
	height:17px;
}
#RiewListControlRight
{
	width:480px;/*520*/
	float:right;
	text-align:left;
	clear:none;
	padding:10px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
#ReviewListControlRightHeader
{
	width:100%;
	border-bottom:solid 1px #ccc;
	padding:5px 0 5px 0;
	text-align:right;
	float:right;
	min-height:16px;
	height:auto !important;
	height:16px;
}
/* -- End Review Styles Styles -- */

/* -- Segment Page Styles -- */
#SegmentArea {
	width:395px;
	margin-left: 26px;
	float:left;
}
#SwatchSelector	{
	background: #FFFFFF;
	width: 170px;
 	margin:0px;
	padding:0px 0px 0px 35px;
	float:right;
	min-height:567px;
	height:auto !important;
	height:567px;
	clear:none;
}

#SwatchSelector	img{
	padding-right: 5px;
	padding-bottom:17px;
}

#SwatchTitle {
	height:72px;
	font: 195%;
	color: #492a94;
}
/* -- End Segment Page Styles -- */

/* -- End Product Page styles -- */
/* -- Basket Page Styles -- */
#BasketMainText
{
	float:left;
	text-align:left;
	width:520px;
}

.BasketBreadCrumb 
{
	margin: 0;
	padding: 10px 0px 0px 0px;
	height: 30px;
	text-align: right;
	float:right;
	clear: right;
}

.BasketBreadCrumb img{
	padding: 0px 2px 5px 5px;
	vertical-align: middle;
}


#BasketHolder {
	margin: auto;
	width: 780px;
	padding: 0px 22px 10px 20px;
}

#BasketHolder p{
	margin-right: 304px;
	margin-bottom: 20px;
}
#DiscountHolder {
	/*line-height: 200%;*/
	padding: 10px 25px 10px 10px;
	width: 390px;
	float: right;
}

/*#DiscountHolderInner input{
	border: 1px solid #cde0f2;
	font-size: 11px;
	color: #838383;
}*/

#DiscountPostion {
	float:right;
	clear:both;
	text-align:center;
}
/* -- End Basket Page Styles -- */

/* -- Login Page Styles -- */
.reminderinfo
{
	width: 325px;
	margin: 0px;
	padding: 25px 0px 0px 0px;
	/*float: left;*/
	clear:both;
	/*position:static;*/
}
#LoginContainer
{
	clear:none;
	float:left;
	width:900px;
	margin:0 20px 0 20px;
}
#LoginLeft
{
	clear:none;
	float:left;
	width:428px;
	border-right:dotted 2px #484848;
}
#LoginRight
{
	clear:none;
	float:right;
	width:408px;
	padding-left:40px
}
div.ExistingCustomersLeft
{
	float:left;
	text-align:left;
	width:120px;
}
div.ExistingCustomersRight
{
	float:right;
	text-align:left;
	width:330px;
}
div.ExistingCustomersBoth
{
	clear:both;
	float:left;
	width:450px;
	margin-bottom:20px;
}
div.NewCustomersInner
{
	text-align:left;
}
/* -- End Login Page Styles -- */
/* -- Sign Up Page Styles -- */
#NewCustomerContainer
{
	clear:none;
	float:left;
	width:400px;
	margin-left:20px;
}
div.NewCustomerBoth
{
	clear:both;
	float:left;
	width:400px;
	text-align:left;
	margin-bottom:20px;
}
div.NewCustomerLeft
{
	clear:none;
	float:left;
	text-align:left;
	width:120px;
}
div.newCustomerRight
{
	clear:none;
	float:right;
	text-align:left;
	width:180px;
}
/* -- End Sign Up Page Styles -- */
/* -- Customer/Billing page Styles -- */
#BillingDetailsPage
{
	width:956px;
	border: solid 0 #fff;
	background-color:#fff;
}
#BillingAddressContainer
{
	width:956px;
}
#BillingAddressLeft
{
	float:left;
	clear:none;
	width:45%;
	border-right: dotted 2px #484848;
}
#CatalogueLeft
{
	float:left;
	clear:none;
	width:45%;
}
#BillingAddressRight
{
	float:right;
	width:49%;
	text-align:left;
	clear:none;
}
div.BroraAddressContainer
{
	text-align:left;
	width:362px;
	background-color:#fff;
	border:0;
}

/* -- End Customer/Billing Page Styles -- */
/* -- Delivery Page Styles -- */
#SelectedDeliveryContainer /*Contains top 6 options divs*/
{
	padding-bottom:25px;
	border-bottom:dotted 2px #484848;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#SelectedDeliveryContainerTop
{
	float:left;
	clear:none;
	width:100%;
}
#SelectedDeliveryContainerBottom
{
	float:left;
	clear:both;
	width:100%;
}
#SelectedDelivery
{
	float:left;
	clear:none;
	width:250px;
	padding-left:20px;
	padding-right:80px;
	border-right:dotted 2px #484848;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#SelectedBillingAddress
{
	float:left;
	clear:none;
	width:250px;
	padding-left:20px;
	padding-right:30px;
	border-right:dotted 2px #484848;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#SelectedDeliveryMethod
{
	float:left;
	clear:none;
	width:280px;
	padding-left:20px;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#SelectedDeliveryBottom
{
	float:left;
	width:252px;
	padding-left:20px;
	padding-right:80px;
	min-height:30px;
	height:auto !important;
	height:30px;
}
#SelectedBillingAddressBottom
{
	float:left;
	width:252px;
	padding-left:20px;
	padding-right:30px;
	min-height:30px;
	height:auto !important;
	height:30px;
}
#SelectedDeliveryMethodBottom
{
	float:left;
	width:252px;
	padding-left:20px;
	padding-right:30px;
	min-height:30px;
	height:auto !important;
	height:30px;
}
#AddressGridHolder
{
	padding-top:20px;
	float:left;
	clear:both;
	text-align:left;
	width:956px;
}
#AddressGridHolderTopText
{
	float:left;
	width:320px;
	padding-left:20px;
	margin-bottom:20px;
}
#DifferentAddress
{
	float:left !important;
	width:199px !important;
	padding-left:20px;
	padding-right:20px;
	min-height:150px;
	height:auto !important;
	height:150px;
}
#DifferentAddressTop
{
	float:left !important;
	width:199px !important;
	/*padding-left:20px;*/
	padding-right:18px;
	min-height:120px;
	height:auto !important;
	height:120px;
	border-right:dotted 2px #484848;
}
#DifferentAddressBottom
{
	float:left !important;
	width:199px !important;
	/*padding-left:20px;*/
	padding-right:20px;
	min-height:30px;
	height:auto !important;
	height:30px;
	margin-bottom:30px;
}
/* -- End Delivery Page Styles -- */
/* -- Payment Page Styles -- */
#PaymentContainer
{
	width:700px;
}
#PaymentDetailsContainer
{
	float:left;
	clear:none;
	text-align:left;
	width:400px;
}
#ConfirmPayment
{
	float:right;
	padding-top:13%;
	vertical-align:middle;
}
div.PaymentContainerRow
{
	clear:both;
	float:left;
	width:400px;
}
div.PaymentContainerLeft
{
	float:left;
	width: 160px;
	text-align:left;
	padding-left:20px;
	clear:none;
	margin-bottom:10px;
}
div.PaymentContainerRight
{
	float:right;
	width: 199px;
	text-align:left;
	clear:none;
	margin-bottom:10px;
}
table.PaymentContainerRightTable
{
    background-color:#d4ebff;
    border-color:#ccc;
    text-align:right;
}
table.PaymentContainerRightTable th
{
    background-color:#d4ebff;
    color:#492a94;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
}
table.PaymentContainerRightTable td.right
{
    background-color:#fff;
    border:none;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
    text-align:left;
}
table.PaymentContainerRightTable td
{
    background-color:#fff;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:5px;
    padding-top:5px;
}
/* -- End Payment Page Styles --*/
/* -- Confirm Page Styles --*/

table.BasketGridView td
{
	background-color:#fff;
	border-bottom:dotted 2px #484848;
	padding-bottom:2px;
	padding-top:2px;
	border-collapse:collapse;
}
tr.BasketHeaderFooter
{
	color:#484848;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
#OrderDetailsBottomContainer
{
	margin-top:20px;
	margin-bottom:20px;
}

#OrderDetailsBillingAddress
{
	float:left;
	clear:none;
	width:298px;
	border-right:dotted 2px #484848;
	text-align:left;
	padding-left:20px;
	min-height:150px;
	height:auto !important;
	height:150px;
	margin-bottom:20px;
}
#OrderDetailsDeliveryAddress
{
	float:left;
	clear:none;
	width:298px;
	border-right:dotted 2px #484848;
	text-align:left;
	padding-left:20px;
	min-height:150px;
	height:auto !important;
	height:150px;
}
#OrderDetailsPayment
{
	float:right;
	clear:none;
	width:290px;
	border-right:dotted 2px #484848;
	text-align:left;
	padding-left:20px;
	min-height:150px;
	height:auto !important;
	height:150px;
}
div.PaymentDetailsRowContainer
{
	float:left;
	clear:both;
	width:260px;
}
div.PaymentDetailsLeft
{
	float:left;
	clear:none;
	width:90px;
	text-align:left;
}
div.PaymentDetailsRight
{
	float:right;
	clear:none;
	width:160px;
	text-align:left;
}
/* -- End Confirm Page Styles --*/
/* -- New Promotion Page Styles -- */
#FriendsContainer
{
	clear:both;
	width:906px;
	border:solid 25px #492a94;
	min-height:500px;
	height: auto !important;
	height:100%;
	background-color:#fff;
	text-align:left;
}
#FriendsInnerContentContainer
{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:100px;
	margin-right:100px;
	text-align:left;
	font-size:1.5em;
}
#FriendsInnerLeftContainer
{
	clear:left;
	float:left;
	text-align:center;
	width:426px;
	min-height:500px;
	height: auto !important;
	height:100%;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

#FriendsInnerRightContainer
{
	text-align:center;
	float:right;
	width:400px;
	min-height:500px;
	height: auto !important;
	height:100%;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	padding-top:30px;
}
#FriendsAddressContainer
{
	width:100%;
	min-height:300px;
	height: auto !important;
	height:100%;
	text-align:left;
}
div.AddressContainer
{
	text-align:left;
	width:362px;
	background-color:#F6F9FD;
	border:1px solid #BCD5EF;
}
div.AddressLeftColumn
{
	clear:left;
	float:left;
	width:145px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
	/* Without this, left column is shorter than right */
	padding-top:6px;
	padding-left:5px;
	/*when taken out text goes large on some pages? */
	font-size:11px;
}
div.AddressRightColumn
{
	float:right;
	width:210px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
}
/* -- End New Promotion Page Styles -- */
/* -- Start CustomerShipToEdit Page Styles -- */
#CustomerShipToEdit
{
	clear:none;
	float:left;
	width:430px;
	margin-left:20px;
}
div.CustomerShipToEditBoth
{
	clear:both;
	float:left;
	text-align:left;
	width:450px;
	margin-bottom:20px;
}
div.CustomerShipToEditLeft
{
	clear:none;
	float:left;
	width:180px;
	text-align:left;
}
div.CustomerShipToEditRight
{
	clear:none;
	float:right;
	width:250px;
	text-align:left;
}
/* -- End CustomerShipToEdit Page Styles -- */
/* -- Start ChangePassword Page Styles -- */
#ChangePasswordContainer
{
	clear:none;
	float:left;
	width:430px;
	margin-left:20px;
}
div.ChangePasswordBoth
{
	clear:both;
	float:left;
	text-align:left;
	width:450px;
	margin-bottom:20px;
}
div.ChangePasswordLeft
{
	clear:none;
	float:left;
	width:180px;
	text-align:left;
}
div.ChangePasswordRight
{
	clear:none;
	float:right;
	width:250px;
	text-align:left;
}
/* -- End ChangePassword Page Styles -- */
/*End BroraLayout.css*/

#PageContainer
{
	width:956px;
	clear:both;
	margin:0 !important;
}

input.MasterBarButton
{
	top:0;
	margin:0;
	padding:0;
}
input.MasterBarText
{
	top:0 !important;
	margin:0;
	padding:0;
	position:relative;
	width:160px;
}
#SiteContainerOuter
{
	top:0px;
	width:986px;
	margin-left:auto;
	margin-right:auto;
}
#SiteContainerInner
{
	background-color:White;
}
#HeaderContainerOuter
{
	padding-top:15px;
	clear:both;
}
#HeaderContainerInner
{
	padding-bottom:5px;
	overflow:hidden;
	float:left;
	margin-left:15px;
}
* html #HeaderContainerInner
{
	left:15px;
	margin-left:0;
	position:relative;
}
#HeaderLogoContainer
{
	float:left;
	clear:none;
	min-width:490px;
	width:auto !important;
	width:490px;
	height:50px;
	margin:0;
	padding:0;
}
#HeaderLogoContainer #HeaderLogoImage
{
	float:left;
	clear:none;
	width:130px;
}
#HeaderLogoContainer #HeaderLogoTagline
{
	float:left;
	clear:none;
	position:relative;
	top:19px;
	margin-left:10px;
	width:350px;
}
#OfferContainerOuter
{
	float:left;
	clear:none;
	width:240px; /*325pxmaximum - leaves 15px to the right*/
	margin-left:15px;
	padding-top:15px;
	height:35px;
	color:#492a94;
	color:#a10000;
	font-weight:bold;
	text-align:right;
}
#OfferContainerInner
{
}
#SizeFinderStatusContainer
{
    margin-top:-15px;
    width:174px;
    float:right;
    clear:none;
}
#SizeFinderStatusContainer #SizeFinderIcon
{
    float:left;
    clear:none;
    width:43px;
}
#SizeFinderStatusContainer #SizeFinderComponents
{
    float:right;
    clear:none;
    width:131px;
}
#SizeFinderStatusContainer #Components img
{
    float:left;
    clear:none;
}
#TopBasketContainerOuter
{
	float:right;
	margin-right:15px;
	width:189px;
	min-height:50px;
	height:auto !important;
	height:50px;
	clear:none;
}
* html #TopBasketContainerOuter
{
	right:15px;
	margin-right:0;
	position:relative;
}
*+html #TopBasketContainerOuter
{
	height:50px;
}
#TopBasketContainerInner
{
	padding:0 0 10px 0;
	font-size:12px;
	float:right;
	width:179px;
}
#TopBasketContainerInner #TopBasketTextTop
{
	float:right;
	margin-top:10px;
	margin-left:10px;
	padding:15px 5px 0 0;
	white-space:nowrap;
	letter-spacing:1px;
	color:#492a94;
}
#TopBasketContainerInner #TopBasketTextBottom
{
	float:left;
	clear:left;
	margin-top:10px;
	margin-left:10px;
	padding:0;
	white-space:nowrap;
}
#TopBasketContainerInner #TopBasketImage
{
	clear:none;
	float:right;
	margin:0;
	padding:0;
}
#TopNavigationContainerOuter
{
	width:986px;
	clear:left;
	min-height:24px;
	height:24px;
	height:auto;
	margin-bottom:5px;
	/*background-image:url('../image/Top_Nav_Gradient_10SPR_2.jpg');
	background-repeat:repeat-y;*/
	background-color:#98C0E4;
}
*+html #TopNavigationContainerOuter
{
	clear:none;
}
* html #TopNavigationContainerOuter
{
	margin-top:-13px;
}
#TopNavigationContainerInner
{
	width:735px;
	margin-left:15px;
}
#SearchBarContainerOuter
{
	background-image:url('../image/ColourFinder/hank_bar_10SPR.jpg');
	clear:both;
	height:31px !important;
	width:986px !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
}
#ColourFinderHankLink
{
	float:left;
	clear:none;
}
#SearchBarContainerInner
{
	padding-right:15px;
	float:right;
	clear:none;
}
#SiteSearch
{
	text-align:right;
	padding-top:5px;
	float:right;
}
#SiteSearch div.MasterBarTextBoxContainer
{
	float:left;
	top:0;
	width:162px;
}
#SiteSearch div.MasterBarImageButtonContainer
{
	margin-left:15px;
	float:left;
	clear:none;
	top:0;
}
#PageContainerOuter
{
	clear:both;
	padding-top:15px;
	padding-bottom:15px;
}
#PageContainerInner
{
	width:956px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#FooterContainerOuter
{
	clear:both;
	background-color:#fff;
	padding:0;
	margin:0;
}
#FooterContainerInner
{
	width:956px;
	margin-left:15px;
	margin-right:auto;
	top:-20px;
	position:relative;
	clear:both;
	padding:0;
}
#FooterHeaderBar
{
	background-color:#492a94;
	height:30px;
	width:986px;
}
div.FooterHeaderText
{
	width:956px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:-32px;
}
div.FooterHeaderColumn
{
	padding-top:5px;
	padding-left:0;
	text-transform:lowercase;
	font-weight:normal;
	min-width:140px;
	width:auto !important;
	width:140px;
	float:left;
	clear:none;
	font-size:18px;
	margin-right:30px;
	margin-left:-15px;
	padding-left:15px;
	color:White;
}
div.FooterHeaderColumnRight
{
    padding-top:5px;
	padding-left:0;
	text-transform:lowercase;
	font-weight:normal;
	width:191px;
	float:right;
	clear:none;
	font-size:18px;
	color:White;
}

div.FooterContainerColumn
{
	/*padding-top:3px;*/
	/*padding-bottom:3px;*/
	min-width:140px;
	width:auto !important;
	width:140px;
	float:left;
	clear:none;	
	text-transform:lowercase;
	letter-spacing:1px;
	margin-right:30px;
	margin-left:-15px;
	padding-left:15px;
	white-space:nowrap;
	/*min-height:108px;
	height:auto !important;
	height:108px;*/
}
div.FooterContainerColumn dl
{
    margin:0;
    padding:0;
}
div.FooterContainerColumn dl dd
{
    line-height:18px;
    margin:0;
    padding:0;
}
div.FooterContainerColumnRight
{
	float:right;
	clear:none;
	width:191px;
}
div.FooterContainerColumnRight dl
{
    margin:0;
    padding:0;
}
div.FooterContainerColumnRight dl dd
{
    line-height:18px;
    margin:0;
    padding:0;
}
#FooterContainerInner a, #FooterContainerInner a:link, #FooterContainerInner a:visited, #FooterContainerInner a:hover, #FooterContainerInner a:active
{
	color:#303030;
	text-decoration:none;
}
#EmailSignupContainer
{
	padding-top:6px;
	float:right;
	position:relative;
	right:0;
	text-align:right;
	padding-left:0;
}
#EmailSignupContainer span.MasterBarTextBoxContainer
{
	float:left;
	top:0;
	width:162px;
	margin-left:0;
}
#EmailSignupContainer span.MasterBarImageButtonContainer
{
	margin-left:15px;
	float:left;
	clear:none;
	top:0;
}
#main_navigation { margin: 0; padding: 0; text-transform:lowercase; z-index:999; }

#main_navigation li	{ float:left; list-style: none; font-size: 18px; line-height: 19px; color: #492a94; padding:0 8px 0 8px; margin-right:10px; height:19px; z-index:999; }/* border-left:solid 2px #492a94;*/
/*#main_navigation li.First	{ border-left:0; padding-left:0px; height:19px; z-index:999; }*/

#main_navigation li a, #main_navigation li a:visited { display: block; padding: 2px 0px 2px 0px; text-decoration: none; width: auto; color: #492a94; white-space: nowrap; z-index:999; }
#main_navigation li a:hover, #main_navigation li a:active { color: #fff; }/*83AFDB*/

#main_navigation li a.TopNavMenuSelected { color:#fff !important; }/*83AFDB*/
#main_navigation li a.TopNavMenuSelected:link { color:#fff !important; }
#main_navigation li a.TopNavMenuSelected:visited { color:#fff !important; }
#main_navigation li a.TopNavMenuSelected:hover { color:#fff !important; }
#main_navigation li a.TopNavMenuSelected:active { color:#fff !important; }

#main_navigation li a.TopNavMenuRed { color:#a10000 !important; }
#main_navigation li a.TopNavMenuRed:link { color:#a10000 !important; }
#main_navigation li a.TopNavMenuRed:visited { color:#a10000 !important; }
#main_navigation li a.TopNavMenuRed:hover { color:#d71b2a !important; }
#main_navigation li a.TopNavMenuRed:active { color:#d71b2a !important; }

#main_navigation li a.TopNavMenuSelectedRed { color:#d71b2a !important; }
#main_navigation li a.TopNavMenuSelectedRed:link { color:#d71b2a !important; }
#main_navigation li a.TopNavMenuSelectedRed:visited { color:#d71b2a !important; }
#main_navigation li a.TopNavMenuSelectedRed:hover { color:#d71b2a !important; }
#main_navigation li a.TopNavMenuSelectedRed:active { color:#d71b2a !important; }

#main_navigation li ul { clear:both; min-width: 100px; width: auto !important; width: 100px; margin: 0; padding: 0; position:absolute; visibility: hidden; border: 1px solid #ccc; background: #fff; z-index:998; }
* html #main_navigation li ul { width:160px; }
#main_navigation li ul li { float: none; display: inline; font-size: 12px !important; line-height:14px; padding:5px 0px 5px 0; white-space:nowrap; text-indent:6px; border:0; margin:0; z-index:998; }
#main_navigation li ul li a, #main_navigation li ul li a:visited { width: auto;	background: #fff; color:#484848; }
#main_navigation li ul li a:hover, #main_navigation li ul li a:active { width: auto; background: #83afdb; color:#484848; }

/** html #main_navigation li ul li a, 
* html #main_navigation li ul li a:visited, 
* html #main_navigation li ul li a:hover, 
* html #main_navigation li ul li a:active { width: 100%; }*/

#MainNavigationLabelContainer
{
    position:relative;
    text-align:right;
    z-index:999;
    clear:none;
    top:-19px;
    right:-205px;
    color:#484848;
	font-size:13px;
}

/* HomePage */
#HomeMainImageContainerOuter
{
	width:465px;
	clear:none;
	float:left;
}
#HomeMainImageContainerOuter #HomeMainImageContainerInner
{
	margin-right:15px;
}
#HomeMainSubImageContainerOuter
{
	clear:none;
	float:left;
	width:300px;
}
#HomeMainSubImageContainerInner
{
	margin-right:15px;
}
#HomeMainSubImageTopContainerOuter
{
}
#HomeMainSubImageTopContainerInner
{
	margin-bottom:15px;
}
#HomeMainSubImageBottomContainerOuter
{
}
#HomeMainSubImageBottomContainerInner
{
}
#HomeRightSideContainerOuter
{
	clear:none;
	float:left;
	width:191px;
}
#HomeRightSideContainerInner
{
}
/*#HomeRightSideSmallTopContainerOuter
{
}
#HomeRightSideSmallTopContainerInner
{
	height:110px;
	margin-bottom:15px;
}
#HomeRightSideSmallMiddleContainerOuter
{
}
#HomeRightSideSmallMiddleContainerInner
{
	height:110px;
	margin-bottom:15px;
}
#HomeRightSideSmallBottomContainerOuter
{
}
#HomeRightSideSmallBottomContainerInner
{
	height:110px;
	margin-bottom:15px;
}*/
.HomeRightSideSmallContainerInner
{
	margin-bottom:15px;
}
.HomeRightSideSmallerContainerInner
{
	margin-bottom:5px;
}
.HomeRightSideSmallerBottomContainerInner
{
	margin-bottom:15px;
}
#HomeRightSideLargeBottomContainerOuter
{
}
#HomeRightSideLargeBottomContainerInner
{
	height:258px;
}
#HomeRightSideLargeBottomContainerInner #LookOfTheWeekImageContainer
{
	float:left;
	clear:none;
}
#HomeRightSideLargeBottomContainerInner #LookOfTheWeekTextContainer
{
	float:right;
	clear:none;
}

/*Martin 12/07/2010 - homepage slider amends*/
#HomeFeatureBoxes {width:100%;/*956px*/}
#PageContainerInner .FeatureBox 
{
    width:305px;
    float:left;
    height:49px;
    background-color:#000;
    margin:20px 20px 0 0;
    overflow:hidden;
}

#PageContainerInner .last {margin-right:0;}
#PageContainerInner .show {visibility:visible;}

/* -- Left Nav -- */
#LeftNavContainerOuter
{
	width:180px;
	/*background-image:url('../image/AdHoc/NavBackground.png');
	background-repeat:repeat-y;*/
	float:left;
	margin-right:15px;
	/*background-color:#492a94;
	color:#fff;*/
}
#LeftNavContainerOuter a, #LeftNavContainerOuter a.hover, #LeftNavContainerOuter a.visited, #LeftNavContainerOuter a.active
{
    /*color:#fff;*/
}
#LeftNavContainerInner
{
	/*margin:15px;*/
}
#LeftNavContainerInner h5
{
    margin-top:10px;
}
#LeftNavContainerInner ul
{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:0px;
    padding-left:0px;
}
#LeftNavContainerInner ul li
{
    margin-left:0px;
    padding-left:0px;
}
/* -- Product Page -- */

table.VoucherList
{
    width:350px;
}
table.VoucherList th
{
    text-align:left;
    width:180px;
    height:30px;
}
table.VoucherList td
{
    width:150px;
    height:30px;
    text-align:left;
}
#AddedToBasketDiv 
{
	display:none;
	position:absolute;
	top:101px;
	right:155px;
	width:250px;
	background-color:aqua;
	z-index:10000;
	padding:10px 15px 5px 15px;
	background-color:White;
	border:solid 1px #Ccdaee;
	-moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;	
}
*+html #AddedToBasketDiv 
{
	top:108px;
	right:152px;
}
* html #AddedToBasketDiv 
{
	top:108px;
	right:152px;
}
#AddedToBasketDiv 
{
	display:none;
	position:absolute;
	top:101px;
	right:155px;
	width:250px;
	background-color:aqua;
	z-index:10000;
	padding:10px 15px 5px 15px;
	background-color:White;
	border:solid 1px #Ccdaee;
	-moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;	
}
*+html #AddedToBasketDiv 
{
	top:108px;
	right:152px;
}
* html #AddedToBasketDiv 
{
	top:108px;
	right:152px;
}
#AddedToBasketDiv span
{
	margin-bottom:5px;
}
/*#ProductPageContainerOuter
{
	float:left;
	width:791px;
	overflow:hidden;
}
#ProductPageContainerInner
{
	width:729px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	border:solid 1px #Ccdaee;
	min-height:100px;
	height:auto !important;
	height:100px;
}
#ProductContainerOuter
{
	width:701px;
	margin-left:auto;
	margin-right:auto;
	min-height:350px;
	height:auto !important;
	height:350px;
	margin-top:15px;
	margin-bottom:15px;
}
#ProductContainerInner
{
	margin:0;
}
#ProductImageContainer
{
	float:left;
	clear:none;
	margin:0;
	width:348px;
}
#ProductImageContainer #MainImage
{
    clear:none;
    float:left;
	width:276px;
	height:410px;
	z-index:1;
}
#ProductImageContainer img.MagnifyImage
{
	position:relative;
	bottom:39px;
	right:-237px;
	z-index:1000;
	opacity: .45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter: alpha(opacity=45);
	height:39px !important;
	width:39px !important;
}
#ProductImageContainer #ZoomImagesContainer
{
	width:68px;
	background-color:white;
	border:solid 1px #Ccdaee;
	min-height:408px;
	height:auto !important;
	height:408px;
	float:left;
}
#ZoomImagesContainer table
{
	
}
#ZoomImagesContainer table tr
{
	
}
#ZoomImagesContainer table tr td
{
	border:none !important;
}
#ZoomImagesContainer table tr td a
{
	display:block;
}
#ProductInfoContainer
{
	float:left;
	width:336px;
	margin-left:15px;
	background-color:white;
	min-height:410px;
	height:auto !important;
	height:410px;
	clear:none;
}
#ProductInfoContainer #ProductDescription
{
	color:#3c2a7f;
	font-weight:bold;
	font-size:16px;
	padding-right:15px;
	float:left;
	clear:none;
	min-width:10px;
	width:auto !important;
	width:10px;
	white-space:nowrap;
}
#ProductInfoContainer #ProductDescription h1
{
	color:#3c2a7f;
	font-weight:bold;
	font-size:16px;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
#ProductInfoContainer #ProductPrice
{
	color:#3c2a7f;
	font-weight:bold;
	font-size:16px;
	float:right;
	clear:none;
	min-width:10px;
	width:auto !important;
	width:10px;
	white-space:nowrap;
	text-align:right;
}
#ProductPercentDiscount
{
    float:right;
    clear:right;
    text-align:center;
}
#ProductInfoContainer #ProductCodeContainer
{
	float:left;
	clear:left;
	width:230px;
}
#ProductCodeContainer #ProductCode
{
	color:#484848;
	font-weight:normal;
	font-size:14px;
	float:left;
	min-width:10px;
	width:auto !important;
	width:10px;
	clear:none;	
	white-space:nowrap;
}
#ProductCodeContainer #LtdEditionFlag
{
	float:left;
	clear:none;
	min-width:10px;
	width:auto !important;
	width:10px;
	margin-left:15px;
}
#ProductInfoContainer #ProductRating
{
	color:#3c2a7f;
	float:left;
	min-width:10px;
	width:auto !important;
	width:10px;
	clear:left;
	font-size:12px;
	white-space:nowrap;
	margin-bottom:5px;
}
div.ProductTabContainer
{
    background:none;
    border:none;
}
div.ProductTabContainer span
{
    padding-top:0;
    padding-bottom:5px;
    padding-left:0;
    padding-right:5px;
}
div.ProductTabPanel
{
}
#ProductInfoContainer #ProductText
{
	margin-bottom:5px;
	float:left;
	clear:both;
	color:#484848;
	font-size:13px;
	width:99%;
}
#ProductInfoContainer #ProductText div
{
    margin-top:5px;
}
#ProductInfoContainer div.ProductBullets
{
    width:336px;
}
#ProductInfoContainer #ProductBullets
{
	float:left;
	clear:both;
	width:336px;	
	color:#484848;
	font-size:13px;
	margin-left:-20px;
	margin-bottom:5px;
}
#ProductInfoContainer #ProductBullets div
{
    margin-top:5px;
}
#ProductInfoContainer #ProductBullets ul
{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
#ProductInfoContainer #ProductBullets ul li
{
	padding-left:0;
	margin-left:0;
}
#ProductInfoContainer #StockGrid
{
	margin-top:5px;
	float:left;
	clear:both;
	width:99%;
	font-size:10px;
}
#StockGrid table.StockGrid
{
	color:#3c2a7f;
	font-size:10px;
	white-space:nowrap;
}
#ProductInfoContainer #StockGridKey
{
	margin-top:10px;
	float:left;
	clear:both;
	width:99%;
	font-size:10px;
}
#StockGridKey table.StockGridKey
{
	color:#3c2a7f;
	font-size:10px;
	white-space:nowrap;
	width:99%;
}
#ProductInfoContainer #ProductBuyInstruction
{
	margin-top:0;
	float:left;
	clear:both;
	font-size:13px;
	font-weight:bold;
	width:99%;
	color:#492a94;
}
#MightAlsoLikeContainerOuter
{
	margin-top:15px;
	float:right;
	width:729px;
	clear:none;
	margin-right:44px;
}
#MightAlsoLikeContainerInner
{
	width:725px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
}
#MightAlsoLikeContainerInner #MightAlsoLikeHeader
{
	font-size:16px;
	margin-left:15px;
	color:#492a94;
	font-weight:bold;
}
#ProductReviewContainerOuter
{
	float:right;
	width:729px;
	clear:none;
	margin-right:4px;
	margin-top:10px;
}
#ProductReviewContainerInner
{
}

#ReviewListControlContainer
{
	width:729px;
	border:solid 1px #ccc;
}*/

#ProductPageContainerOuter
{
	float:left;
	width:956px;
	overflow:hidden;
}
#ProductPageContainerInner
{
	width:954px;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
	border:solid 1px #Ccdaee;
	min-height:100px;
	height:auto !important;
	height:100px;
}
#ProductContainerOuter
{
	width:924px;
	margin-left:15px;
	margin-right:15px;
	min-height:350px;
	height:auto !important;
	height:305px;
	margin-top:15px;
	margin-bottom:15px;
}
#ProductContainerInner
{
	margin:0;
}
#ProductImageContainer
{
	float:left;
	clear:none;
	margin:0;
	width:348px;
}
#ProductImageContainer #MainImage
{
    clear:none;
    float:left;
	width:276px;
	height:410px;
	z-index:1;
}
#ProductImageContainer img.MagnifyImage
{
	position:relative;
	bottom:39px;
	right:-237px;
	z-index:1000;
	opacity: .45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter: alpha(opacity=45);
	height:39px !important;
	width:39px !important;
}
#ProductImageContainer #ZoomImagesContainer
{
	width:68px;
	background-color:white;
	border:solid 1px #Ccdaee;
	min-height:408px;
	height:auto !important;
	height:408px;
	float:left;
}
#ZoomImagesContainer table
{
	
}
#ZoomImagesContainer table tr
{
	
}
#ZoomImagesContainer table tr td
{
	border:none !important;
}
#ZoomImagesContainer table tr td a
{
	display:block;
}
#ProductHeaderContainer
{
    width:561px;
    margin-bottom:5px;
    margin-left:15px;
    clear:none;
    float:left;
}
#ProductDescription
{
	color:#3c2a7f;
	font-weight:bold;
	font-size:16px;
	padding-right:15px;
	float:left;
	clear:left;
	min-width:10px;
	width:auto !important;
	width:10px;
	white-space:nowrap;
}
#ProductDescription h1
{
	color:#3c2a7f;
	font-weight:bold;
	font-size:16px;
	margin:0;
	padding:0;
	text-transform:uppercase;
}
#ProductPrice
{
	color:#3c2a7f;
	font-weight:bold;
	font-size:16px;
	float:left;
	clear:none;
	margin-left:30px;
	min-width:10px;
	width:auto !important;
	width:10px;
	white-space:nowrap;
	text-align:right;
}
#ProductCodeContainer
{
	float:left;
	clear:left;
	width:230px;
}
#ProductCode
{
	color:#484848;
	font-weight:normal;
	font-size:14px;
	float:left;
	min-width:10px;
	width:auto !important;
	width:10px;
	clear:none;	
	white-space:nowrap;
}
#LtdEditionFlag
{
	float:left;
	clear:none;
	min-width:10px;
	width:auto !important;
	width:10px;
	margin-left:15px;
}
#ProductRating
{
	color:#3c2a7f;
	float:left;
	min-width:10px;
	width:auto !important;
	width:10px;
	clear:left;
	font-size:12px;
	white-space:nowrap;
	margin-bottom:5px;
}
#ProductInfoContainer
{
	float:left;
	width:236px;
	margin-left:15px;
	background-color:white;
	min-height:300px;
	height:auto !important;
	height:300px;
	clear:none;
}
div.ProductTabContainer
{
    background:none;
    border:none;
}
div.ProductTabContainer span
{
    padding-top:0;
    padding-bottom:5px;
    padding-left:0;
    padding-right:5px;
}
div.ProductTabPanel
{
}
#ProductText
{
	margin-bottom:5px;
	float:left;
	clear:both;
	color:#484848;
	font-size:13px;
	width:236px;
	margin-top:10px;
}
#ProductText div
{
    margin-top:5px;
}
div.ProductBullets
{
    width:250px;
}
#ProductBullets
{
	float:left;
	clear:both;
	width:236px;
	color:#484848;
	font-size:13px;
	margin-left:-20px;
	margin-bottom:5px;
	margin-top:10px;
}
#ProductBullets div
{
    margin-top:5px;
}
#ProductBullets ul
{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}
#ProductBullets ul li
{
	padding-left:0;
	margin-left:0;
}
#StockGridContainer
{
    width:310px;
    float:left;
    clear:none;
    margin-left:15px;
    z-index:15;
    position:relative;
    min-height:370px;
    height:auto !important;
    height:370px;
}
#StockGrid
{
	margin-top:5px;
	float:left;
	clear:both;
	width:99%;
	font-size:10px;
}
table.StockGrid
{
	color:#3c2a7f;
	font-size:10px;
	white-space:nowrap;
}
#StockGridKey
{
	margin-top:10px;
	float:left;
	clear:both;
	width:99%;
	font-size:10px;
}
table.StockGridKey
{
	color:#3c2a7f;
	font-size:10px;
	white-space:nowrap;
	width:99%;
}
#ProductBuyInstruction
{
	margin-top:0;
	float:left;
	clear:both;
	font-size:13px;
	font-weight:bold;
	width:99%;
	color:#492a94;
}
#TopReviewContainer
{
    width:310px;
    float:left;
    clear:left;
    position:absolute;
    bottom:0;
    left:0;
    font-size:12px;
    
    color:#492a94;
}
#TopReviewContainer a
{
    text-transform:none !important;
    /*text-decoration:none;*/
}
#TopReviewContainer h5
{
    margin-bottom:5px;
}
#TopReviewText
{
    color:#492a94;
    font-style:italic;
}
#MightAlsoLikeContainerOuter
{
	float:left;
	clear:none;
	margin-left:-5px;
	width:729px;
}
#MightAlsoLikeContainerInner
{
	margin-left:-5px;
	margin-right:auto;
	font-size:11px;
	width:725px;
	float:left;
}
#MightAlsoLikeHeader
{
	font-size:16px;
	margin-left:15px;
	color:#492a94;
	font-weight:bold;
}
#ProductReviewContainerOuter
{
	float:left;
	width:732px;
	clear:left;
	margin-right:15px;
	margin-top:10px;
}
#ReviewListControlContainer
{
	width:729px;
	border:solid 1px #ccc;
}
#ProductPageBottomContainerOuter
{ 
    border:solid 1px #Ccdaee;
    width:924px;
    padding:15px;
    float:left;
    clear:both;
    margin-top:15px;
}
#ProductPageBottomContainer
{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:735px;
}
#RiewListControlLeft
{
	width:230px;
	float:left;
	text-align:left;
	clear:none;
	padding:10px;
	border-right:solid 1px #ccc;
}
#ReviewListControlContainer #RiewListControlLeft dl
{
	width:230px;
	margin:0; 
	padding:0;
}
#ReviewListControlContainer #RiewListControlLeft dd
{
	margin:2px 0 2px 0;  
	padding:0; 
	float:left;
	width:130px;
	clear:left;
	min-height:17px;
	height:auto !important;
	height:17px;
}
#ReviewListControlContainer #RiewListControlLeft dt
{
	margin:2px 0 2px 0; 
	padding:0; 
	float:left; 
	width:100px;
	clear:none;
	min-height:17px;
	height:auto !important;
	height:17px;
}
#RiewListControlRight
{
	width:457px;
	float:right;
	text-align:left;
	clear:none;
	padding:10px;
	min-height:100%;
	height:auto !important;
	height:100%;
}
#ReviewListControlRightHeader
{
	width:100%;
	border-bottom:solid 1px #ccc;
	padding:5px 0 5px 0;
	text-align:right;
	float:right;
	min-height:16px;
	height:auto !important;
	height:16px;
}

/* Summer Bargains Landing Page */

#SummerBargains div.MainImage
{
	width:396px;
	height:633px;
	float:left;
}
#SummerBargains div.SmallerImageTop
{
	width:265px;
	height:308px;
	overflow:hidden;
	margin-left:15px;
	float:left;
}
#SummerBargains div.SmallerImageBottom
{
	width:265px;
	height:308px;
	overflow:hidden;
	margin-left:15px;
	margin-top:15px;
	float:left;
}

#SeasonContainer div.MainImage
{
	width:396px;
	height:633px;
	float:left;
}
#SeasonContainer div.SmallerImageTop
{
	width:265px;
	height:308px;
	overflow:hidden;
	margin-left:15px;
	float:left;
}
#SeasonContainer div.SmallerImageBottom
{
	width:265px;
	height:308px;
	overflow:hidden;
	margin-left:15px;
	margin-top:15px;
	float:left;
}

/* End Summer Bargains Landing Page */
/* Customer Survey Question Styles */
div.SurveyProgressBarContainerOuter
{
	width:788px;
	float:left;
	margin-bottom:15px;
}
div.SurveyProgressBarContainer
{
	width:605px;
	background-color:#492f92;
	padding:3px;	
	float:left;
	clear:none;
}
div.SurveyProgressBarTextContainer
{
	float:left;
	clear:none;
	color:#492f92;
	font-weight:bold;
	font-size:16px;
	width:100px;
	margin-left:15px;
	padding-top:3px;
}
div.SurveyQuestionNumberContainer
{
	float:left;
	clear:none;
}
div.SurveyQuestionNumberContainer img
{
	float:left;
	clear:none;
}
div.SurveyQuestionNumberContainer strong
{
	font-size:16px;
}
div.SurveyQuestionContainer
{
	float:left;
	clear:none;
	margin-left:15px;
}
div.SurveyQuestionContainer strong
{
	font-size:16px;
}
.SurveyRadioButtonList input
{
	display:block;
	text-align:center;
	margin:0 15px 0 15px;
	padding-left:70px;
}
.SurveyRadioButtonList label
{
	display:block;
	text-align:center;
	margin:0 15px 0 15px;	
}

dl.SurveyDataCapture
{
	width:350px;
}
dl.SurveyDataCapture dd
{
	width:150px;
	margin:5px 0 5px 0;
	float:left;
	line-height:25px;
	clear:left;
}
dl.SurveyDataCapture dt
{
	margin:5px 0 5px 0;
	float:left;
	line-height:25px;
	clear:none;
}
dl.SurveyScaleAnswer
{
	width:601px;
}
dl.SurveyScaleAnswer dd
{
	float:left;
	clear:none;
	margin:0;
	padding:0;
	width:788px;
}
dl.SurveyScaleAnswer dt
{
	float:left;
	clear:none;
	margin:0;
	padding:0;
	width:788px;/*788*/
}
dl.SurveyScaleAnswer dt span
{
	width:105px !important;
	float:left;
	clear:none;
	background-color:#e8edf7;
	text-align:center;
	margin-left:5px;
	color:#3c2a7f;
	font-weight:bold;
}
dl.SurveyScaleAnswer dt input
{
	width:105px;
	float:left;
	padding:0;
	margin:0 0 0 1px;
}
/* End Customer Survey Question Styles */
/* AboutBrora Page */
#LearnMoreButtonContainer
{
    width:655px;
}
/* End AboutBrora Page */
#BlankPage {
	margin: auto;
	width: 956px;
	padding: 0px 20px 10px 20px;
}
#BlankSide {
	width:726px;
	/*margin-left: 26px;*/
	float:right;
	clear:none;
}

.StaticTemplateCoporateLeft
{
	width:153px;
	float:left;
	display:inline-block;
}
.StaticTemplateCoporateRight
{
	left:15px;
	margin-left:15px;
	padding-top:3px;
	width:788px;
	clear:none;
	display:inline-block;
	float:left;
}
div.StaticTemplateLeft
{
	width:320px;
	float:left;
}
div.StaticTemplateRight
{
	float:left;
	margin-left:15px;
	width:621px;
	clear:none;
}
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:	1px solid #Ccdaee;
	/*width: 335px !important;
	height:520px !important;*/
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

/*OfferOfTheDay Styles */
h1, h2 {margin-bottom:10px !important;}
#ProductDescription h1 {font-size:15px;}
.StaticTemplate {margin-top:20px;}
.noheight {height:0px;}
#ctl00_BrowseContentPlaceHolder_OfferOfTheDayDataList {width:580px;float:left;}
.treat-your-feet {float:left;width:345px;border:2px solid #492A94;padding:5px;margin-left:9px;}
.ootd-product {width:580px;float:left;}
.ootd-product h3 {width:95%;}
.ootd-details {width:285px;overflow:hidden;margin-bottom:20px;}
.red {color:Red;}
.bold {font-weight:bold;}
.margin-left-fifteen {margin-left:15px;}
.margin-bottom-twenty {margin-bottom:20px;}
.margin-right-five {margin-right:5px;}
.brorablue {color:#3C2A7F;}
p {margin:5px 0;}
#ProductDescription a {text-transform:uppercase;}
.ProductCode 
{
    clear:both;
    color:#484848;
    font-size:14px;
    font-weight:normal;
    white-space:nowrap;
    margin-bottom:10px;
}
#ProductText {width:auto;}
.shoe {clear:both;margin-top:10px;}
.shoe h4 
{
    color:#3C2A7F;
    font-size:110%;
    font-weight:bold;
    margin-bottom:10px;
    display:block;
}
.shoe h4 a {text-transform:uppercase;}
.shoe a {text-transform:none;}
.shoe .productprice 
{
    color:#3C2A7F;
    font-size:16px;
    font-weight:bold;
    text-align:right;
    white-space:nowrap;
}
.shoe .maroon {color:Maroon;}

/*End OfferOfTheDay Styles */