/*CFD AW 2011
Created by Krishan 01/07/2011
*/

/*
Modified by Krishan 05/09/2011
1. Added Latest Offers on secondary Nav
*/

/*
Modified by Krishan 11/08/2011
1. Fixed further bug issues rasied in 12287
2. Added clearance to top nav
*/

/*
Modified by Krishan 08/08/2011
1. Fixed bug issues rasied in 12287
*/

/*
Modified by Krishan 03/08/2011
1. Fixed IE6 Nav and search box position issue
2. Extended qtip1 ul height
*/
	
body {
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_cl_body_bg.gif) repeat left top #fff;
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_cl_body_bg_ie.jpg) no-repeat center top #fff\9;
	text-align: inherit;
    }
	
@-moz-document url-prefix() {
    html>/**/body, x:-moz-any-link, x:default {
		background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_cl_body_bg_ie.jpg) no-repeat center top #fff;
    }
}			

body::before {
    content: '';
    margin: auto;
	width: 100%;
	height: 156px;
	top: 0;
	position: absolute;
    z-index: -1;
    background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_top_nav_menu_overflow.gif) no-repeat center 102px transparent!important;
    }
	
body::after{
    content: '';
    position: fixed;	
    width: 100%;
    height: 100%;
	top: 0;
	left: 0;
	z-index: -2;
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_white-bg.gif) repeat-y center top transparent;	
    }
	
#outerPageContainer::before, #outerPageContainer::after, #innerPageContainer::before, #innerPageContainer::after {
	z-index: -5;		
	content: '';
	background-color: transparent;
	width: 15px;
	height: 400px;		
	-webkit-box-shadow: 2px 3px 20px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 3px 20px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 3px 20px 2px rgba(0, 0, 0, 0.3);
	}

#outerPageContainer::before, #outerPageContainer::after {
	position: absolute;
	top: 0;
	}	
	
#innerPageContainer::before, #innerPageContainer::after {	
	position: fixed;
	bottom: 0;	
	}	
	
#outerPageContainer::before, #innerPageContainer::before {
	margin-left: -3px;
	}
	
#outerPageContainer::after , #innerPageContainer::after{
	margin-left: 990px;
	}	
	
#outerPageContainer::before, #innerPageContainer::after {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);		
	}
		
#outerPageContainer::after, #innerPageContainer::before {	
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);		
	}	
	
#outerPageContainer {
	background-color: #fff;
	margin: auto;
	width: 1003px;
	}
	
@media only screen and (max-device-width: 1024px) {	
	#outerPageContainer::before, #outerPageContainer::after, #innerPageContainer::before, #innerPageContainer::after {
		display: none;
		}
	}
	
/* Default Header and Link Classes
----------------------------------------------------------------------*/
h1, .largetitle { /* largetitle - Needs to be replaced with H1 tag in future project */
	color: #ec008c;
	}
	
h1 span { /* h1 page title strapline style (used on guided nav pages) */
	color: #999999;
	}
	
h2 {
	color: #ec008c;
	}
	
h3 {
	color: #ec008c;
	}
	
a, a:link, a:visited {
	text-decoration: underline;
	color: #ec008c;
	}
	
a:hover {
	color: #000;
	background-color: transparent;
	text-decoration: none;
	}
	
img a:link, img a:hover, img a:visited {
	background-color: transparent;
	}

/* HEADER CONTAINER (width currently controlled by tables)
----------------------------------------------------------------------*/
#headerContainer {
	width: 1003px!important;	
	height: 100px!important;	
	}
	
#headerContainer a, .qtip-defaults a, #headerContainer a:hover, .qtip-defaults a:hover {	
	-webkit-transition: color 0.3s ease-in;  
	-moz-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in; 	
	}
	
/* Brand logo hover state 
------------------------------------------------*/
#brandLogo-2 {
	width: 232px;
	height: 100px;
	}

/* Womenswear Link
---------------------------------------------------------------------*/

#WomensTopNav {
	margin-left: 30px;
	}

/* Gifts Link
---------------------------------------------------------------------*/
	
#FWGiftsTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/111222AW_CFD_HP_gifts_top_nav.gif) no-repeat center center;
	text-indent: -9999px;
	width: 62px;	
	height: 14px;	
	}	
	
/* Home Link
---------------------------------------------------------------------*/
	
#CFDHOMETopNav {
	margin-left: -781px;	
	}
	
#CFDHOMETopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110926AW_FW_HP_home_top_nav.gif) no-repeat center center;
	text-indent: -9999px;
	width: 10px;	
	}	
	
#CFDHOMETopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110926AW_FW_HP_home_top_nav_hover.gif) no-repeat center center!important;
	}
	
/* Health & Beauty Link
---------------------------------------------------------------------*/
	
#CFD-HealthAndBeautyTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_top_nav_hnb_link.gif) no-repeat center center;
	text-indent: -9999px;
	width: 60px;	
	}
	
#CFD-NewInTopNav a, #CFD-LatestOffersTopNav a, #CFD-StyleAdviceTopNav a, #CFD-ClaireLovesTopNav a, #CFD-Email a, #CFD-VideoLibraryTopNav a, #CFD-Last-Order-DatesTopNav a{
	height: 25px;
	padding: 0!important;
	border: 0!important;
	text-indent: -9999px;
	}	
	
/* New In Link
---------------------------------------------------------------------*/

#CFD-NewInTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/11222AW_CFD_top_nav_secondary_newin.gif) no-repeat left top;
	width: 248px;	
	}
	
#CFD-NewInTopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/11222AW_CFD_top_nav_secondary_newin_hover.gif) no-repeat left top;
	}

/* Latest Offers Link
---------------------------------------------------------------------*/

#CFD-LatestOffersTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/111222AW_CFD_HP_latest_offers_top_nav.gif) no-repeat left top;
	width:245px;
	
	}
	
#CFD-LatestOffersTopNav  a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/111222AW_CFD_HP_latest_offers_top_nav_hover.gif) no-repeat left top;

	}
	
/* Style Advice Link
---------------------------------------------------------------------*/

/*#CFD-StyleAdviceTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110705AW_FW_top_nav_secondary_sa.gif) no-repeat left top;
	width: 204px;	
	}
	
#CFD-StyleAdviceTopNav  a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110705AW_FW_top_nav_secondary_sa_hover.gif) no-repeat left top;
	}*/
	
/* Claire Loves Link
---------------------------------------------------------------------*/

#CFD-ClaireLovesTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110705AW_CFD_top_nav_secondary_cl.gif) no-repeat left top;
	width: 255px;	
	}
	
#CFD-ClaireLovesTopNav  a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110705AW_CFD_top_nav_secondary_cl_hover.gif) no-repeat left top;
	}
	
/* Email sign-up
---------------------------------------------------------------------*/

#CFD-Email a {
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_top_nav_secondary_es.gif) no-repeat left top;
	width: 168px;	
	}
	
#CFD-Email  a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_top_nav_secondary_es_hover.gif) no-repeat left top;
	}	
	
/* Video Library Link
---------------------------------------------------------------------*/

#CFD-VideoLibraryTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110705AW_CFD_top_nav_secondary_vl.gif) no-repeat left top;
	width: 255px;	
	text-indent: -9999px;
	}
	
#CFD-VideoLibraryTopNav  a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110705AW_CFD_top_nav_secondary_vl_hover.gif) no-repeat left top;

	}
/* Last Orders Link
---------------------------------------------------------------------*/

#CFD-Last-Order-DatesTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/111205AW_CFD_top_nav_secondary_last_orders.gif) no-repeat left top;
	width: 288px;
	text-indent: -9999px;	
	}
	
#CFD-Last-Order-DatesTopNav  a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/111205AW_CFD_top_nav_secondary_last_orders_hover.gif) no-repeat left top;
	text-indent: -9999px;
	}


/* Top Navigation Style
--------------------------*/

#topNav-1, ul#topNavigation {
	height: 52px;
	width: 100%;
	min-width: 1003px;
	max-width: 1003px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	min-height: inherit!important;
	line-height: normal;
	}
	
#topNav-1 {
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_top_nav_bg.gif) repeat-x left top;
	border-top: 1px #393939 solid;
	_margin-top: -3px;
	}

#topNavigation li {
	float: left;
	}
	
ul#topNavigation a {
	float: left;
	border-right: 1px #393939 solid;
	text-transform: uppercase;	
	}
	
ul#topNavigation #CFD-HealthAndBeautyTopNav a, ul#topNavigation #CFD-LatestOffersTopNav a {
	border-right: 0;
	}
	
ul#topNavigation a, ul#topNavigation a:link, ul#topNavigation a:visited {
	margin: 0;
	padding: 5px 13px 7px 13px;
	font-size: 12px;
	}	
	
ul#topNavigation a:link, ul#topNavigation a:visited {
	color: #fff;
	}
	
ul#topNavigation li:hover{
	/*background: url(images/top_nav_bg_hover.gif) repeat-x left top;*/
	background-color: #666;
	}
	
ul#topNavigation li .hovered, ul#topNavigation li:hover a {
	background-color: #666;		
	}
	
ul#topNavigation li .hovered, ul#topNavigation li a, ul#topNavigation li:hover a {
	-webkit-transition:background-color 0.2s ease-in;  
	-moz-transition:background-color 0.2s ease-in;
	transition:background-color 0.2s ease-in;  		
	}	

/* DROP DOWN MENU
--------------------------*/

.qtip-defaults {
    border: 4px solid #666!important;
	}
	
.qtip-defaults::before, .qtip-defaults::after {
    content: '';
	position: absolute;
    width: 40%;
    height: 10px;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
   	-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);	
	}

.qtip-defaults::before {
	margin: -15px 0 0 10px;
	top: 100%;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);	
	}

.qtip-defaults::after {
	margin: -15px 0 0 59%;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);	
	}
	
#qtip-8::before, #qtip-8::after, #qtip-8 {
	-webkit-box-shadow: none;
   	-moz-box-shadow: none;
	box-shadow: none;
	border: none!important;
	}		
	
.qtip-contentWrapper {
	border: 0!important;
	}
	
.categoryDropNavContent {
	border: 0!important;
	font-family: arial!important;
	padding-bottom: 5px;
	}
	
.DDNfooterCapLeft, .DDNfooterCapRight {
	display: none;
	}
	
.refinementsColumn, .promotionsColumn, .middlepromotionscolumn {
	width: 175px;
	}	

.categoryDropNavContent .categoryHeading {
	min-height: 20px;
	height: inherit;
	}
	
.categoryHeading {
	background-image: none!important;
	color: #ec008c!important;
	font-size: 14px;
	margin: 8px 0 0 15px!important;	
	}

.categoryDropNavContent ul, .categoryDropNavContent li {	
	float: left;
	width: 150px;
	padding: 0;
	}

.categoryDropNavContent ul {	
	margin: 8px 0 0px 0;
	padding-left: 15px;
	}	
	
.promotionsColumn ul, .middlepromotionscolumn ul {
	border-left: 2px dotted #aeaeae;	
	}		

.categoryDropNavContent li {	
	clear: both;
	padding-bottom: 3px;
	background: none!important;	
	}
	
.categoryDropNavContent li a {
	border: 0!important;
	font-size: 12px!important;
	font-weight: normal!important;
	padding: 2px 0 2px 5px!important;
	background: none!important;
	text-transform: none!important;
	color: #000!important;
	}	
	
.categoryDropNavContent li a:hover {
	color: #ec008c!important;	
	}
	
/* ACCOUNT AREA - DIV 3
--------------------------*/

/* LOGGED IN / GREETING - DIV 10 (DIV CONTENT SHOWN WHEN LOGGED IN)
--------------------------*/

#account-3, #greeting-10 {
	float: left;
	height: 100px!important;
	line-height: normal;
	margin: 0;
	padding: 0;
	}

#account-3 {
	width: 590px;
	}
	
#greeting-10 {
	width: 190px;
	min-height: 100px;
	}	
	
#greeting-10 p.logInTitle {
	font-size: 12px;
	width: 100%;
	padding: 10px 0;
	}
	
#greeting-10 p#clientName {
    font-size: 14px;
	}
	
#greeting-10 p#clientName {
	float:left;
	padding-right: 5px;
	}

#greeting-10 p#clientName + #greeting-10 p#clientName  {
	padding-right: 0px;	
	}
	
#greeting-10 p.logInTitle, #greeting-10 #clientName, #greeting-10 p.logInTitleCredit  {
	padding-left:5px;
	}		
	
#greeting-10 p.logInTitleCredit {
	color: #ec008c;
	padding-top:5px;
	word-wrap: break-word;
	clear: both;
	width: 70%;
	font-weight: bold;
	}	

img#questionMark {
    float: right !important;
    margin: 40px 0 0 25px !important;
	}

ul#accountList, ul#siteInfoList, ul#bagList {
	float: left;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 11px;
	}
	
ul#bagList li a {font-size: 11px!important;}	

ul#accountList, ul#siteInfoList {
	float: left;
	z-index: 100;
	margin-left:205px;
	*margin-left:15px;
	}
	
#RegisterHeaderLink {margin-left :10px;}
	
ul#accountList {
	width: 200px;
	margin-top: 11px;
	top: 0;	
	height: 20px;
	}
	
ul#accountList li, ul#siteInfoList li {
	float: left;
	}	

ul#accountList li#MyAccountHeaderLink {
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_my_account_bg.gif) no-repeat right top;
	width: 73px;
	}
	
ul#accountList li#SignOutHeaderLink {
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_sign_out_bg.gif) no-repeat right center;
	width: 59px;
	margin-left: 20px;
	}

ul#accountList li#MyAccountHeaderLink:hover{
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_my_account_bg_hover.gif) no-repeat right top;
	}
	
ul#accountList li#SignOutHeaderLink:hover{
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_sign_out_bg_hover.gif) no-repeat right center;
	}
	
ul#accountList li a, ul#siteInfoList li a {
	text-decoration: none;
	}
	
ul#accountList li a {
	font-size: 12px;
	padding-right: 12px;	
	}

ul#siteInfoList li a, ul#siteInfoList li a {
	font-size: 11px;
	}	
	
ul#accountList li a:link, ul#accountList li a:visited {
	color: #000;
	}
	
ul#siteInfoList li a:link, ul#siteInfoList li a:visited {
	color: #666;
	}	

ul#accountList li a:hover, ul#siteInfoList li a:hover {
	color: #ec008c;
	}
	
ul#siteInfoList {
	width: 370px;
	margin-top: 82px;
	right: auto;
	top: 0;
	}

ul#siteInfoList li {
	margin-right: 20px;
	}
	
ul#siteInfoList li#TrackOrderHeaderLink {
	margin-right: 0px;
	}
	

/* SEARCH AREA - DIV 4
--------------------------*/

#searchArea-4 {
	float: left;
	width: 400px;
	height: 100px!important;
	margin: -103px 0 0 425px;
	_margin-left: 185px;
	}
	
#searchArea-4 p.title {
	display: none;
	}

#searchForm {
	float: left;
	width: 380px;
	height: 43px;
	margin:35px 0 0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	border-radius: 5px;
	border: 1px #eacee3 solid;
	}
	
#searchForm input#searchKeyWords, #searchForm select#searchCategories {
	padding: 0;
	margin-top:11px;
	color: #000;
	}
	
#searchForm input#searchKeyWords {	
	float: left;
	width: 187px;
	*width: 179px;
	height: 21px;
	*height: 18px;
	font-size: 11px;
	margin-left:15px;
	*margin-left: 13px;
	_margin-left: 10px;
	padding-left: 3px;
	-webkit-box-shadow: inset 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 10px 1px rgba(0, 0, 0, 0.2);	
	-webkit-transition: color 0.5s ease-in-out;
	}	
	
#searchForm select#searchCategories {
	float: left;
	width: 103px;
	height: 24px;
	font-size: 10px;
	margin-left:5px;
	}
	
#searchForm input.searchButton {
	float: left;
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_search_box_bg.gif) no-repeat right center #fb36ab;
	width: 60px;
	height: 43px;
	margin: 0 0 0 5px;
	overflow: hidden;
	border: 0;
	padding:0;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-left: 4px;
	}
	
@-moz-document url-prefix() {
    html>/**/body #searchForm input.searchButton, x:-moz-any-link, x:default {
		padding-left: 2px;
    }
}	
	
#searchForm input.searchButton:hover{
	background: url(//images2.drct2u.com/content/images/homepages/110624AW_FW_search_box_hover_bg.gif) no-repeat right center #ec008c;	
	}	

#searchForm input.searchButton[value] {
	float: left;
	font-size: 12px;
	}
	
/* Search category dropdown - may be hidden on some sites
--------------------------------------------------------------------
#searchArea-4 #searchCategories {
	visibility: hidden;
}*/

/* BAG AREA - DIV 5
--------------------------*/

#gotoCheckOutContainerLink {
	float: right;
	height: 35px;
	position: relative;
	width: 155px;
	background-image: url("//images2.drct2u.com/content/images/homepages/110624AW_FW_top_nav_bag.gif");
	background-position: 7px center;
	background-repeat: no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	border-radius: 5px;
	border: 1px #eacee3 solid;
	background-color:transparent;
	overflow: hidden;
	margin-top: 32px;
	}

#gotoCheckOutContainerLink a, #gotoCheckOutContainerLink a:link, #gotoCheckOutContainerLink a:visited, #gotoCheckOutContainerLink a:hover {
	color: #ec008c;
	}

#bagArea-5 {
	width: 180px;
	height: 100px;
	float: left;
	line-height: inherit;
	margin: -99px 0 0 815px;
	_margin-left: 410px;
	}

#bagArea-5 p {
	color: #000;
	padding: 4px 6px 0 0;
	}

ul#bagList {
	padding: 0;
	height: 10px;
	margin:3px 0 0 55px;
	margin-left: 28px;
	}

ul#bagList li {
	padding: 0;
	float: left;
	height: 10px;
	}

ul#bagList li a {
	text-decoration: none;
	}

ul#bagList li a:link, ul#bagList li a:visited {
	color: #666;
	}
	
ul#bagList li a:hover {
	color: #ec008c;
	}	
	
ul#bagList li#ShoppingBagHeaderLink {
	background: transparent;
	}

ul#bagList li#GoToCheckoutHeaderLink a, li#GoToCheckoutHeaderLink a:visited { 
	background: url(//images2.drct2u.com/content/images/homepages/1006AW_JDW_gocheckoutbg.gif) no-repeat;
	color: #fff;
	display: block;
	font-weight: bold;
	height: 20px;
	padding: 3px 6px 0 0;
	width: 96px;
	}

ul#bagList li#GoToCheckoutHeaderLink a:hover { 
	background: url(//images2.drct2u.com/content/images/homepages/1006AW_JDW_gocheckoutbg.gif) no-repeat;
	color: #fff;
	}

ul#bagList li#WishListHeaderLink {
	background: transparent;
	}

ul#bagList li#QuickOrderHeaderLink { 
	background: transparent;
	margin-left:20px;
	}

#viewMiniBagLink {
	margin-top: -8px;
	}

/* GO BACK TO PREVIOUS SITE - DIV 6
--------------------------*/
#previousSite-6 {
	overflow: hidden;
	height: 20px;
	}
	
#previousSite-6 a {
	color: #000;
	font-size: 11px;
	}
#previousSite-6 a:hover {
	color: #ec008c;
	}
.navmesg {
	background-color: #ffffff;
	}
/*----------------------END HEADER STYLES-------------------------------*/


/* tablecell - Site specific colour - Set to same colour as Top Navigation
------------------------------------------------------------------------*/
.tablecell {
	background: #ec008c;
}

/* All breadcrumb styles below to be removed once Guided Nav goes in.
Also used on 'May we suggest' page so to be changed to H1
------------------------------------------------------------------------*/
.breadcrumb {
	color: #ec008c;
}
/* breadcrumbcue - also used on 'Your order has NOT been submitted yet' text and Incentive Code box on Checkout page
------------------------------------------------------------------------*/
.breadcrumbcue {
	color: #ec008c;
}
a.breadcrumblink {
	color: #ec008c;
	text-decoration: none;
}
a.breadcrumblink:hover{
	color: #000;
	padding: 0em;
	text-decoration: underline;
}
a.breadcrumbcuelink {
	color: #ec008c;
}
a.breadcrumbcuelink:hover{
	color: #000;
	text-decoration: underline;
}

#breadcrumbLink a {
	font-size: 13px!important;
	}

/* Main Site Colour
------------------------------------------------------------------------*/
.mainsitecolour {
	background: #ec008c;
}

/* sidebartext - Incentive code box text
------------------------------------------------------------------------*/
.sidebartext {
	color: #ffffff;
}


/* Account Transactions page - 'Information on your account' text
------------------------------------------------------------------------*/
.acctssubtitle {
	color: #ec008c;
}

/* Quick Order Form styles
------------------------------------------------------------------------*/
.qofheadingnumber {
	color: #ffffff;
}
.qofheadingtitle {
	color: #ffffff;
}

/* All styles below are for shop window 'SEO' pages
------------------------------------------------------------------------*/
.productArea a {
	font-weight: bold; 
	color: #ec008c;
	text-decoration: none;
}
.productArea a:hover {
	color: #000;
	text-decoration: underline;
}
.productArea {
	background-position: 50% bottom; 
	background-image: url(//images2.drct2u.com/content/images/freeformat/SEO-Product-footerswirls.gif); 
	background-repeat: no-repeat; 
	background-color: #FFFFFF;
}
.shopWindow a:hover {
	background-color: transparent;
}
h1.LifestyleDefault {
	font-size: 1.56em; /* 25px Changed to EM value*/ 
	color: #ffffff; 
	background-image: url(//images2.drct2u.com/content/images/freeformat/SEO-Product-header.gif); 
	background-repeat: no-repeat; 
	background-color: #1e1e1e;
	background-position: right 50%;
}
.category {
	font-weight: bold; 
	font-size: 0.88em; /* 14px Changed to EM value*/ 
	color: #ffffff;
}
.shopwindowfolder {
	border: 1px solid #CCC; 	
	background-color: #fff;
}
h2.LifestyleDefault {
	font-size: 0.75em; /* 12px Changed to EM value*/
	color: #ffffff; 
	background-color: #1e1e1e;
}
.marqueBox {
	background-color: #FFF;
}
.marqueBox h2 {
	color: #ec008c;
}
.pwHeader h2 {
	font-size: 0.69em; /* 11px Changed to EM value*/ 
	color: #ffffff; 
	background-color: #8aa0b9;
}
h1.NoLifestyleDefault {
	font-size: 1.56em; /* 25px Changed to EM value*/ 
	color: #ffffff; 
	background-image: url(//images2.drct2u.com/content/images/freeformat/SEO-Product-header.gif); 
	background-repeat: no-repeat; 
	background-color: #1e1e1e;
	background-position: right 50%;
}
.shopwindowfolder2 {
	border: 1px solid #CCC; 	
	background-color: #fff;
}
h2.NoLifestyleDefault {
	font-size: 0.88em; /* 14px Changed to EM value*/  
	color: #ffffff; 
}
h1.Catwalk {
	font-weight: normal; 
	font-size: 1.56em; /* 25px Changed to EM value*/  
	color: #ffffff; 	
	background-image: url(//images2.drct2u.com/content/images/freeformat/SEO-Product-header.gif); 
	background-repeat: no-repeat; 
	background-color: #1e1e1e;
	background-position: right 50%; 
}
h2.Catwalk {
	font-size: 0.75em; /* 12px Changed to EM value*/  
	color: #ffffff; 
	background-color: #1e1e1e;
}

/* Guided Navigation Page Styles
----------------------------------------------------------------------*/
/* Category Navigation (LEFT NAV)
----------------------------------------------------------------------*/
#navCategories-8 h2 {
	color: #000;
	background-image: url(//images2.drct2u.com/content/images/freeformat/0812SS_JDW_FGN3_headerBg.gif);
	background-repeat: repeat-x;
}
#navCategories-8 ul {
	list-style-type: none;
	font-size: 0.75em;
	font-weight: bold;
}
#navCategories-8 a, #navCategories-8 a:link, #navCategories-8 a:visited {
	text-decoration: none;
	color: #ec008c;
	background-color: #ffffff;
	border-bottom: 1px solid #fff;
}
#navCategories-8 a:hover {
	background-color: #ec008c;
	color: #ffffff;
	border-bottom: 1px Solid #ffffff;
}
/* Guided Navigation (LEFT NAV)
----------------------------------------------------------------------*/
#guidedNav-8 {
	display: block;
	float: left;
	line-height: 1.125em;
	margin: 10px 15px 5px 0;
	_margin: 10px 10px 5px 0;
	padding: 0 0 5px 0;
	width: 170px;
}

#guidedNav-8 ul {
	color: #666;
}

#guidedNav-8 p {
	color: #222;
	padding: 3px 0;
}

#guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}

#guidedNav-8 a:hover {
	background-color: #fff;
	color: #ec008c;
	text-decoration: underline;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#guidedNav-8 #availableFiltersHeader, #guidedNav-8 #selectedFiltersHeader {
	background: #fff url(//images2.drct2u.com/content/images/freeformat/110210SS_FW_chosenHeader.gif) no-repeat;
	color: #000;
	clear: both;
	display: inline-block;
	height: 21px;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 2px 5px 0px 7px;
	width: 158px;
}

#guidedNav-8 .refinementHeader {
	border-bottom: 1px solid #b1b1b1;
	margin : 0em;
	padding: 3px 5px 2px 1px;
	*padding: 3px 5px 0px 1px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
	color: #000;
	background-color: #fff;
	min-height: 19px;
}

ul#currentSelection  {
	width: 170px;
	border-left: none;
	border-right: none;
	background-color: #fff;
	padding: 0;
	margin: 0;
}

#currentSelection li {
	color: #222;
	border-top: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25em;
	list-style-type: none;
	margin: 0;
	padding: 4px 0 0;
}

#currentSelection li span {
	float: right;
	font-size: 12px;
	font-weight: normal;
	clear: both;
}

#availableFiltersWrapper ul#brandBox {
	color: #ec008c;
	background-color: #fff;
	border: 1px solid #b1b1b1;
	margin: 0;
	padding: 0;
	width: 168px;
}

#availableFiltersWrapper ul#brandBox li {
	background-color: #fff;
	font-size: 11px;
	padding: 1px;
	margin: 1px;
	border-bottom: 1px solid #d3d3d3;
}

ul.doubleColMenu {
	width: 75px;
}

#availableFiltersWrapper ul, #availableFiltersWrapper ul.singleColMenu, #availableFiltersWrapper ul.doubleColMenu {
	margin: 0 0 10px 0;
	padding: 3px 3px 0 0;
}

#availableFiltersWrapper ul li, #availableFiltersWrapper ul.singleColMenu li, #availableFiltersWrapper ul.doubleColMenu li {
	margin: 0!important;
}

#availableFiltersWrapper ul li a, #availableFiltersWrapper ul.singleColMenu li a, #availableFiltersWrapper ul.doubleColMenu li a {
	background: transparent url(//images2.drct2u.com/content/images/FGN/fgn_FW_catarrow.png) no-repeat 1px 3px!important;
	padding: 0 0 0 11px!important;
}

#selectedFiltersBottom {
	background-image: none;
	height: 10px;
	width: 170px;
}

#availableFiltersWrapper {
	border-left: none;
	border-right: none;
	float: left;
	padding: 0px;
	width: 170px;
}

#availableFiltersBottom {
	background-image: none;
	float: left;
	height: 9px;
	margin-bottom: 3px;
	width: 170px;
}


/* Product Range Page Classes --- 3 style variants
	1) .productRange122x130 = 5x Standard column layout - Product Range images in 5x columns
		with 122x130 sized images
	2) .productRange122x130x3 = 3x column layout with 122x130 sized images
	3) .productRange212x260 = 3x column layout with 212 x 260 sized images
----------------------------------------------------------------------*/

/* Product Range with 122x130 sized images
----------------------------------------------------------------------*/
.productRange122x130 {
	border-left: 0.06em Solid #f3f3f3; /* image dividing line */
}
.productRange122x130 h2  {
	background-color: #f3f3f3;
}
.productRange122x130 h2 a, .productRange122x130 h2 a:link, .productRange122x130 h2 a:visited {
	color: #ec008c;
	text-decoration: none;
}
.productRange122x130 h2 a:hover {
	color: #fff;
	background-color: #ec008c;
	text-decoration: none;
}
/* Product range 3 column style containers with 122 x 130 images
----------------------------------------------------------------------*/
.productRange122x130x3 {
	border-left: 0.06em Solid #f3f3f3; /* image dividing line */
}
.productRange122x130x3 h2  {
	background-color: #f3f3f3;
}
.productRange122x130x3 h2 a, .productRange122x130x3 h2 a:link, .productRange122x130x3 h2 a:visited {
	color: #ec008c;
	text-decoration: none;
}	
.productRange122x130x3 h2 a:hover {
	color: #fff;
	background-color: #ec008c;
	text-decoration: none;
}
/* Product range 3 column style containers with 212 x 260 images
----------------------------------------------------------------------*/
.productRange212x260 {
	border-left: 0.06em Solid #f3f3f3;
}
.productRange212x260 h3  {
	background-color: #f3f3f3;
}
.productRange212x260 h3 a, .productRange212x260 h3 a:link, .productRange212x260 h3 a:visited {
	color: #ec008c;
	background-color: #f3f3f3;
	text-decoration: none;
}
.productRange212x260 h3 a:hover {
	color: #fff;
	background-color: #ec008c;
	text-decoration: none;
}
/* Product preview (product thumb preview container and text styles)
   5 column layout containers using 122 x 130 images
----------------------------------------------------------------------*/
.salePrice {
	color: #ff0000;
}
.magnify{
	background-image: url(//images2.drct2u.com/content/images/freeformat/magnify.gif);
}
a.magnify, a:link.magnify, a:visited.magnify {
	color: #000000;
	text-decoration: underline;
}
a:hover.magnify {
	color: #696969;
	background-color: #ffffff;
	text-decoration: none;
}

/* image hover script - see /js/ballontip.js for config options
----------------------------------------------------------------------*/
.hoverStyle{
	border: 1px solid black; /*Hover window frame colour */
	background-color: white; /*Hover window bg colour */
	/*Remove line below to remove IE shadow effect.
	(The line below should always appear last within this class) */
	filter: progid: DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

/* Footer container
----------------------------------------------------------------------*/
#footer, #bottom-nav {
	width: 1003px;
	}

/* Footer navigation
----------------------------------------------------------------------*/
#footerNav-9 {
	}
	
#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {
	}
	
#footerNav-9 a:hover {
	}

/* Link colours - HTML buttons used on Sign In pages. 
(No need to modify - white text for all sites.)
---------------------------------------------------------------------*/
tr.tablecell a:link, tr.tablecell a:visited {
	font-size: 12px;
	padding: 0em;
	margin: 0em;
	color: #ffffff;
}
tr.tablecell a:hover{
	color: #ffffff;
}

.productSort, #resultsPages {
	background-color: #388BC5;
	background-image: url(//images2.drct2u.com/content/images/FGN/110211_FW_FGN_productSortBG.gif);
	background-repeat: repeat-x;
	color: #000;
	font-weight: bold;}

/* Not currently used */
.productPages .spacer, .productPages .current {
	background: #b19ccb;
	color: #fff;
}

.productPages .previous, .productPages .next {
	background-color: #000000;
	color: #ffffff;
}

.productPages .previous a, .productPages .previous a:link, .productPages .previous a:visited {
	color: #fff;
	text-decoration: none;	
	}
	
.productPages .previous a:hover {
	text-decoration: underline;
	}
	
.spacer {
	letter-spacing: -2px;
	}

/* Next has arrow graphic background */
.productPages .next a, .productPages .next a:hover {
	background-image: url(//images2.drct2u.com/content/images/FGN/110211_FW_FGN_nextPage.gif);
	background-repeat: no-repeat;
	color: #000!important;
	text-decoration: none;
}

.productPages .next a:hover {
	text-decoration: underline;
	}

.productPages a, .productPages a:link, .productPages a:visited {
	color: #000;
}

.productPages a:hover {
	background-color: #000000;
	background-image: none;
	color: #ffffff;
}
	
/*-----------*/	
#productDetailsCopy, #deliveryReturnsCopy, .prodDetailsButton h3, p.productTitle a {
	font-size: 12px!important;
	}

.inputArea #exampleInput {
	font-size: 10px!important;
	}
	
#claimmessage {height: 0px;}