*				{
				padding: 0px;
				margin: 0px;
				}

body				{
				display: block;
				background-color: #C1D6EA;
				font-family: arial, sans-serif;
				}

span.prodItemLink		{
				display: block;
				background-color: transparent;
				padding: 2px 0px 0px 14px;
				width: 100px;
				text-align: center;
				cursor: hand
				}

div.pageContainer		{
				display: block;
				background-color: #ffffff;
				width: 730px;
				border-right: 1px solid #7BA2C8;
				border-bottom: 5px solid #7BA2C8;
				border-left: 1px solid #7BA2C8;
				border-top: 1px solid #7BA2C8;
				margin: 20px auto;
				}

div.logoArea			{
				display: block;
				width: 626px;
				height: 101px;
				float: left;
				background-image: url("images/bg-greyfade.gif");
				background-repeat: repeat-x;
				}

div.logoArea img		{
				margin: 10px 0px 0px 18px;
				}

div.welcomeBar			{
				display: block;
				background-color: #FCDDF0;
				background-image: url("images/bg-welcome.gif");
				background-repeat: repeat-x;
				width: 626px;
				height: 35px;
				float: left;
				margin: 0px 0px 2px 0px;
				}

div.welcome			{
				display: block;
				background-color: transparent;
				background-image: url("images/bg-welcomeend.gif");
				background-repeat: no-repeat;
				width: 606px;
				height: 27px;
				padding: 8px 0px 0px 20px;
				color: #EC008C;
				font-size: 18px;
				font-weight: normal;
				}

div.topNavContainer		{
				display: block;
				background-color: #fff;
				background-image: url("images/bg-topnav.gif");
				background-repeat: repeat-x;
				margin: 0px 0px 12px 18px;
				padding: 2px 0px 0px 7px;
				clear: left;
				font-size: 12px;
				text-align: left;
				}

div.topNavContainer a		{
				margin: 0px 10px 0px 0px;
				padding: 0px;
				}


div.contentContainer		{
				display: block;
				background-color: #ffffff;
				width: 711px;
				clear: both;
				margin: 0px 0px 0px 19px;
				}


div.navContainer		{
				display: block;
				background-color: transparent;
				width: 150px;
				font-size: 12px;
				color: #000000;
				float: left;
				}

div.navContainer a		{
				display: block;
				background-color: #FDEDF7;
				width: 140px;
				color: #0053A0;
				text-decoration: none;
				height: 17px;
				border-bottom: 4px solid #ffffff;
				padding: 2px 0px 0px 10px;
				}

div.navContainer a:hover		{
				background-color: #EB008C;
				text-decoration: none;
				color: #FDEDF7;
				}

div.selectYourStyle		{
				display: block;
				background-color: #0053A0;
				padding: 2px 0px 2px 5px;
				color: #BDDCF9;
				margin: 20px 0px 0px 0px;
				}

div.styleDropdown		{
				display: block;
				background-color: #96B8D8;
				padding: 2px 0px 2px 2px;
				}

div.sideOffer			{
				display: block;
				background-color: #FCDCEF;
				background-image: url("images/bg-lookbanner.jpg");
				background-repeat: no-repeat;
				width: 143px;
				height: 153px;
				border: none;
				padding: 5px 0px 0px 7px;
				margin: 20px 0px 0px 0px;
				}

div.sideOffer h1		{
				display: block;
				font-size: 15px;
				font-weight: bold;
				color: #9A065E;
				margin: 2px 0px 2px 0px;
				padding: 0px;
				border: none;
				}

div.orangeFadeBox		{
				display: block;
				background-image: url("images/bg-yellowfade.gif");
				background-repeat: repeat-x;
				background-position: bottom;
				background-color: #ffffff;
				width: 150px;
				border: none;
				padding: 4px 0px 4px 0px;
				margin: 20px 0px 0px 0px;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				color: #0053A0;
				}

div.orangeBox			{
				display: block;
				background-image: url("images/bg-repeating-s.gif");
				background-repeat: repeat;
				background-color: #FE7038;
				width: 138px;
				border: 1px solid #F44B09;
				padding: 6px 5px 6px 5px;
				margin: 20px 0px 0px 0px;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
				color: #ffffff;
				}


div.contentArea			{
				display: block;
				width: 436px;
				height: 450px;
				background-image: url("images/bg-girl.gif");
				background-repeat: no-repeat;
				background-position: top right;
				float: left;
				padding: 0px 110px 0px 15px;
				font-size: 0.8em;
				}

html>body div.contentArea	{
				height: auto;
				min-height: 450px;
				}


a.prodItem			{
				display: block;
				background-image: url("images/bg-productbox.gif");
				background-repeat: no-repeat;
				width: 154px;
				height: 147px;
				padding: 0px 0px 25px 0px;
				text-decoration: none;
				font-weight: bold;
				color: #0053A0;
				}


a.prodItem:hover		{
				background-image: url("images/bg-productbox-hi.gif");
				text-decoration: none;
				background-repeat: no-repeat;
				color: #FDEDF7;
				}

span.prodItemLink		{
				display: block;
				background-color: transparent;
				padding: 2px 0px 0px 14px;
				width: 100px;
				text-align: center;
				cursor: hand
				}



div.highlightText		{
				display: block;
				background-image: url("images/bg-greyfade-invert.gif");
				background-repeat: repeat-x;
				background-color: #ffffff;
				padding: 15px 12px 0px 12px;

				}


div.productList			{
				display: block;
				background-color: #ffffff;
				background-image: url("images/bg-prodlistitem.gif");
				background-repeat: repeat-x;
				background-position: bottom;
				border: 1px solid #F38AB8;
				height: 165px;
				padding: 2px 5px 2px 2px;
				line-height: 1.5em;
				margin: 0px 0px 2em 0px;
				}

html>body div.productList	{
				height: auto;
				min-height: 165px;
				}

img.listPic			{
				float: left;
				margin: 0px 20px 0px 0px;
				}

div.productList h1		{
				display: block;
				border: none;
				background-color: #FCDCEF;
				font-size: 1.2em;
				font-weight: bold;
				margin: 3px 0px 0.5em 129px;
				padding: 2px 0px 3px 0px;
				line-height: 1em;
				}

div.productList h2		{
				display: block;
				border: none;
				background-color: transparent;
				font-size: 0.85em;
				font-weight: bold;
				margin: 0.4em 0px 0em 0px;
				padding: 0px;
				line-height: 1em;
				}

div.moreButton			{
				display: block;
				background-color: #FDEDF7;
				border: 1px solid #EB008C;
				text-align: center;
				font-size: 0.7em;
				text-transform: uppercase;
				width: 18em;
				line-height: 1.25em;
				float: right;
				padding: 2px 0px 0px 0px;
				margin: 11px 0px 0px 0px;
				}

div.moreButton a:hover		{
				text-decoration: none;
				}

div.returnLink			{
				display: block;
				margin: -20px 0px 20px 0px;
				}

div.productImage		{
				display: block;
				width: 200px;
				height: 265px;
				padding: 3px;
				margin: 0px 10px 0px 0px;
				border: 1px solid #E3E3E3;
				float: left;
				font-size: 0.9em;
				}

html>body div.productImage	{
				height: auto;
				min-height: 265px;
				}


div.productImage h2		{
				display: block;
				font-size: 1em;
				font-weight: bold;
				padding: 0px 0px 5px 0px;
				margin: 0px;
				}

div.productImage p		{
				font-size: larger;
				font-weight: bolder;
				padding: 4px 0px 4px 0px;
				margin: 0px;
				}

div.swatchDetail		{
				display: block;
				width: 40px;
				float: left;
				margin: 0px 18px 0px 5px;
				}

div.swatchColours		{
				display: block;
				float: left;
				width: 125px;
				}

div.swatchColours dt		{
				display: block;
				width: 35px;
				float: left;
				clear: left;
				padding: 0px;
				margin: 0px;
				font-weight: normal;
				height: 33px;
				}

div.swatchColours dd		{
				display: block;
				padding: 2px 0px 5px 0px;
				margin: 0px;
				height: 31px;
				vertical-align: middle;
				}





div.productDetails		{
				display: block;
				width: 215px;
				padding: 0px;
				margin: 0px;
				float: left;
				}

div.productDetails dt		{
				display: block;
				width: 5em;
				float: left;
				clear: left;
				padding: 0px 0px 1.2em 0px;
				margin: 0px;
				font-weight: bold;
				}

div.productDetails dd		{
				display: block;
				padding: 0px 0px 1.2em 0px;
				margin: 0px;
				}

div.noStockText			{
				display: block;
				background-color: #CCDCEC;
				text-align: center;
				margin: 0px 0px 1.5em 0px;
				padding: 2px 0px 2px 0px;
				border: 1px solid #5C90C2;
				font-size: 0.8em;
				color: #0053A0;
				text-transform: uppercase;
				}



img.lycraLogo			{
				float: right;
				margin: 0px 0px 0px 0px;
				}

img.lycraLarge			{
				float: right;
				margin: 0px 0px 0px 0px;
				}


div.footer			{
				display: block;
				background-color: transparent;
				float: none;
				clear: both;
				font-size: 0.7em;
				text-align: center;
				padding: 30px 0px 10px 0px;
				}

p				{
				padding: 0px 0px 16px 0px;
				margin: 0px;
				}


a				{
				color: #EB008C;
				text-decoration: none;
				}

a:hover				{
				text-decoration: underline;
				}

input				{
				border: 1px solid #000000;
				}


h1				{
				display: block;
				color: #6787BC;
				border-bottom: 1px dashed #6787bc;
				font-size: 2.4em;
				font-weight: normal;
				margin: 0.3em 0px 0.8em 0px;
				}

h2				{
				display: block;
				border: none;
				background-color: transparent;
				font-size: 1.8em;
				font-weight: normal;
				margin: 1.8em 0px 0.7em 0px;
				padding: 0px;
				line-height: 1em;
				}
h3				{
				display: block;
				border: none;
				background-color: transparent;
				font-size: 1.2em;
				font-weight: bold;
				margin: 0.2em 0px 0.0em 0px;
				padding: 0px;
				line-height: 1em;
				}


div.shoppingBasket		{
				display: block;
				background-image: url("images/smallbag.gif");
				background-repeat: no-repeat;
				background-position: top left;
				padding: 0px 0px 1em 48px;
				}

td.orderHeader			{
				font-size: 0.75em;
				text-transform: uppercase;
				background-color: #FCDCF0;
				vertical-align: bottom;
				font-weight: bold;
				border-bottom: 5px solid #ffffff;
				}
td.headerPadding		{
				padding: 2px 5px 3px 5px;
				}


td.orderButtons			{
				font-size: 0.8em;
				text-align: center;
				width: 3.1em;
				}
td.orderQty			{
				text-align: center;
				}

td.orderProduct			{
				text-align: left;
				}

td.orderPrice			{
				text-align: right;
				}

td.orderPadding			{
				padding: 8px 5px 3px 5px;
				background-color: #F1F1F1;
				border-bottom: 5px solid #ffffff;
				}

td.subTotal			{
				border-top: 1px solid #0053A0;
				font-weight: bold;
				text-align: right;
				}

td.postage			{
				text-align: right;
				}

td.totalPadding			{
				padding: 2px 5px 3px 5px;
				background-color: #fff;
				}

td.orderTotal			{
				background-color: #fff;
				border-top: 3px double #0053A0;
				border-bottom: 1px solid #0053A0;
				font-weight: bold;
				text-align: right;
				padding: 5px 5px 8px 5px;
				}

div.shopButton			{
				display: inline;
				background-color: #FDEDF7;
				border: 1px solid #EB008C;
				text-align: center;
				font-size: 0.7em;
				text-transform: uppercase;
				line-height: 1.25em;
				padding: 2px 0.6em 0px 0.6em;
				margin: 0px 0px 0px 10px;
				}

div.shopButton a:hover		{
				text-decoration: none;
				}

div.shopButtonArea		{
				display: block;
				clear: both;
				margin: 20px 0px 0px 0px;
				text-align: right;
				}

div.accountButton		{
				display: block;
				background-color: #FDEDF7;
				border: 1px solid #EB008C;
				text-align: center;
				font-size: 1em;
				text-transform: uppercase;
				line-height: 1em;
				padding: 4px 0.6em 4px 0.6em;
				width: 10em;
				margin: -0.5em auto 0px auto;
				font-weight: bold;
				}
div.accountButton a:hover		{
				text-decoration: none;
				}



.bold				{
				font-weight: bold;
				}

.smallText			{
				font-size: smaller;
				}


td.contentTable			{
				padding: 4px 10px 4px 5px;
				}

.tableBg			{
				background-color: #C8DFF4;
				}

td.tableSpacer			{
				font-size: 1px;
				height: 4px;
				}

div.tradeBanner   {
    display: block;
    background-color: #FFB275;
    background-image: url("images/bg-tradebanner.gif");
    background-repeat: no-repeat;
    width: 105px;
    height: 73px;
    border: none;
    padding: 5px 0px 0px 45px;
    margin: 20px 0px 0px 0px;
    text-align: center;
    color: #0053A0;
    }
div.tradeBanner h1  {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #B3006B;
    margin: 2px 0px 2px 0px;
    padding: 0px;
    border: none;
    }
div.tradeBanner a  {
    display: inline;
    font-weight: bold;
    color: #0053A0;
    border: none;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    }
div.tradeBanner a:hover  {
    background-color: transparent;
    }

div.noHighlight a  {
    background-color: transparent;
    }
div.noHighlight a:hover  {
    background-color: transparent;
    }
div.otwBanner   {
    display: block;
    background-color: #fff;
    background-image: url("images/bg-otw.gif");
    background-repeat: no-repeat;
    width: 119px;
    height: 74px;
    border: 1px solid #003D80;
    padding: 2px 29px 0px 0px;
    margin: 20px 0px 0px 0px;
    text-align: center;
    color: #0053A0;
    }
div.otwBanner h1  {
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #003D80;
    margin: 0px 0px 25px 0px;
    padding: 0px;
    border: none;
    }
div.otwBanner a  {
    display: inline;
    font-weight: bold;
    font-size: 11px;
    color: #0053A0;
    border: none;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    }
div.otwBanner a:hover  {
    background-color: transparent;
    color: #B90039;
    }

div.promoPopup
{
	position: absolute;
	right: 2px;
	top: 2px;
	BORDER-RIGHT: #f26abf thin solid;
	BORDER-TOP: #f26abf thin solid;
	BORDER-LEFT: #f26abf thin solid;
	BORDER-BOTTOM: #f26abf thin solid;
	BACKGROUND-COLOR: #fcddf0
}
div.promoPopup H1
{
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0px 0px 10px;
	color: #f26abf;
	border-bottom: medium none;
	text-align: center;
}


div.bannerImageArea		{
				display: block;
				background-color: #fff;
				clear: both;
				margin: 10px 0px 20px 0px;
				}
div.bannerImageArea a		{
				background-color: #fff;
				}
div.bannerImageArea a:hover		{
				background-color: #fff;
				}