@charset "utf-8";
/* CSS Document */

/* 
  FW AW12 style.css
  Last updated: 12:09 02/05/2013 by RW
  Last updated: 11:57 06/03/2013 by Wayne Seddon
*/

body {
	background: #fff url(http://images2.drct2u.com/content/images/homepages/1211SS_FW_HP_body_bg.jpg) repeat-x left top;
	/**background: url(http://images2.drct2u.com/content/images/homepages/111123SS_FW_HP_body_ie_bg.gif) no-repeat center top #fff;*/
	}	
	
body::before {
	/*background: url(http://images2.drct2u.com/content/images/homepages/111123SS_FW_top_nav_menu_overflow.gif) no-repeat scroll center 100px transparent !important;
    content: "";
    height: 132px;
    margin: auto;
    position: absolute;
	left:0;
    top: 0;
    width: 100%;
    z-index: -1;*/
    }
	
body::after{
	/*background: url(http://images2.drct2u.com/content/images/homepages/111123SS_FW_white-bg.gif) repeat-y scroll center top transparent;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -2;*/
    }
	
/*#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 {
	margin: auto;
	width: 1003px;
	}*/

#outerPageContainer {
    background: url("http://images2.drct2u.com/content/images/homepages/111214SS_JUL_page_content_bg.gif") no-repeat scroll center 185px transparent;
    width: 1000px;
	height: 100%;
}

@media only screen and (max-device-width: 1003px) {	
	#outerPageContainer::before, #outerPageContainer::after, #innerPageContainer::before, #innerPageContainer::after {
		display: none;
		}
	}
#innerPageContainer::before, #outerPageContainer::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: 98px!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;
	}

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

#topNav-1, ul#topNavigation {
	height: 52px;
	width: 100%;
	min-width: 1003px;
	max-width: 1003px;
	margin: 0;
	padding: 0;
	font-size: 1em;	
	min-height: inherit!important;
	line-height: normal;
	}
	
#topNav-1 {
	_margin-top: -3px;
	}

#topNavigation li {
	float: left;
	}
	
ul#topNavigation a {
	float: left;
	}

ul#topNavigation a, ul#topNavigation a:link, ul#topNavigation a:visited {
	margin: 0;
	padding: 10px 18px 4px 13px;
	font-size: 0.8em;
	color: #fff;
	}
	
ul#topNavigation li .hovered, ul#topNavigation li:hover a {
	/*color: #d70e85;*/
	color:#CCCCCC;
	}
	
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;  		
	}
	
#WomensTopNav, #AccessoriesTopNav, #Sports---SwimwearTopNav, #LingerieTopNav, #FootwearTopNav, #MensTopNav, #HomeTopNav, #ElectricalsTopNav {
	
	}
	
#WomensTopNav {
	margin-left: 40px;
	}
	
#CFDHOMETopNav {
	margin-left: -800px;
	}
	
#CFDHOMETopNav a {
	float: left;
	text-indent: -9999px;
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -10px;
	width: 31px;
	height: 30px;
	padding: 0!important;
	}
	
#FWGiftsTopNav a {
	width: 88px;
	height: 30px;
	padding: 0!important;
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -60px;
	float: left;
	text-indent: -9999px;
	}
#FWGiftsTopNav a:hover {
		background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -329px -60px;
}
	
#CFD-HealthAndBeautyTopNav a {
	width: 95px;
	height: 30px;
	padding: 0!important;
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -110px;
	float: left;
	text-indent: -9999px;
	}
	
#CFD-HealthAndBeautyTopNav a:hover {
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -329px -110px;
	}	
	
#CFD-NewInTopNav, #CFD-ClaireLovesTopNav, #FW-Email-SignupTopNav, #CFD-VideoLibraryTopNav, #FW-Facebook-LikeTopNav, #DEALS-of-the-weekTopNav, #CFD-LatestOffersTopNav,#CFD-SpreadTheCostTopNav a {
	height: 30px;	
	}	
	
#CFD-NewInTopNav a, #CFD-ClaireLovesTopNav a, #FW-Email-SignupTopNav a, #CFD-VideoLibraryTopNav a, #FW-Facebook-LikeTopNav a, #DEALS-of-the-weekTopNav a, #CFD-LatestOffersTopNav a,#CFD-SpreadTheCostTopNav a {
	float: left;
	text-indent: -9999px;
	padding: 0!important;
	height: 23px;	
	}	

#CFD-NewInTopNav a {
	clear: left;
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -160px;
	width: 176px;	
	}	
#CFD-NewInTopNav a:hover {
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -329px -160px;
	}	
		
#CFD-ClaireLovesTopNav a {
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -203px;
	width: 222px;
	}
	
#CFD-ClaireLovesTopNav a:hover {
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -329px -203px;	
	}	
	

#CFD-VideoLibraryTopNav a{
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -246px;
	width: 242px;		
	}
#CFD-VideoLibraryTopNav a:hover {
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -329px -246px;
}

#CFD-SpreadTheCostTopNav a{
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -289px;
	width: 197px;		
	}
#CFD-SpreadTheCostTopNav a:hover {
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -329px -289px;
}
	
#CFD-LatestOffersTopNav a {
	 background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -10px -418px;
	width: 163px; 
	}	

#CFD-LatestOffersTopNav a:hover {
	background: url(http://images2.drct2u.com/content/images/homepages/1306ss_CFD_sprites.png) no-repeat -329px -418px;		
	}		

#s1-fb, #s1-fb a {
    height: 21px;
    width: 143px;
	}	
	
#s1-fb {
    margin-left: 630px;
    overflow: hidden;
    position: absolute;
    top: 130px;
    z-index: 900;
	}		

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

.qtip-defaults {
    border: 4px solid #666!important;
	}
	
.qtip-defaults {
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.5);
   	-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.5);	
	}
	
.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, .subMenuHeading {
	background-image: none!important;
	color: #ec008c!important;
	font-size: 1.2em;
	margin: 8px 0 0 15px!important;	
	}
	
.subMenuHeading {
	margin-left: 5px!important;
	font-weight: bold;
	}

.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: 1em!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;	
	}
	
#qtip-0 .categoryDropNavContent {
	height: 420px;
	}	
	
#qtip-9 {
	border: 0!important;
    -webkit-box-shadow: none!important;
   	-moz-box-shadow: none!important;
	box-shadow: none!important;		
	}
	
#qtip-9-content {
	margin-top:20px;
}
	
/* 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: 0.7em;
	width: 100%;
	padding: 5px 0;
	}
	
#greeting-10 p#clientName {
    font-size: 0.8em;
	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: 1em;
	
	}

ul#bagList li a {font-size: 1em!important;}

ul#accountList, ul#siteInfoList {
	float: left;
	z-index: 100;
	margin: -36px 0 0 215px;
	position: relative;
	*margin-left:15px;
	}
	
ul#accountList {
    height: 20px;
    margin-top: 3px;
    *margin-left: -368px;
    position: absolute;
    top: 0;
    width: 275px;
	font-size: 0.9em;
	color: #000;
	z-index:99998;
	}
	
ul#accountList li {
	font-size: 0.9em;
	}	
	
#RegisterHeaderLink {margin-left :10px;}	
	
ul#accountList li, ul#siteInfoList li {
	float: left;
	}	


	
ul#accountList li#SignOutHeaderLink {
	width: 69px;
	margin-left: 20px;
	}
	
ul#accountList li a, ul#siteInfoList li a {
	text-decoration: none;
	}
	
ul#accountList li a {
	font-size: 1em;
	padding-right: 12px;	
	}

ul#siteInfoList li a, ul#siteInfoList li a {
	font-size: 1em;
	}	
	
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: 375px;
	display: inline;
	*margin: 78px 0px 0px 25px;
	}

ul#siteInfoList li {
	font-size: 0.7em;
	text-align: center;
	border-right: 1px solid #ccc;
	padding: 0 8px 0 5px;
	}
	
ul#siteInfoList li#TrackOrderHeaderLink {
	margin-right: 0px;
	}
	

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

#searchArea-4 {
    float: left;
    height: 30px !important;
    margin: -103px 0 0 425px;
    *margin-left: 420px;
    width: 570px;
	}
	
#searchArea-4 p.title {
	display: none;
	}

#searchForm {
	float: left;
    width: 570px;
	height: 21px;
	margin:23px 0 0 10px;
	}
	
#searchForm input#searchKeyWords, #searchForm select#searchCategories {
	padding: 0;
	margin-top:11px;
	color: #000;
	}
	
#searchForm input#searchKeyWords {	
	float: left;
	width: 280px;
	*width: 272px;
	height: 21px;
	*height: 18px;
	font-size: 0.8em;
	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: 130px;
	height: 24px;
	font-size: 0.7em;
	margin-left: 5px;
	padding: 3px;
	}
	
#searchForm input.searchButton {
    background-color: #000;
    border: 0 none;
    color: #fff;
    float: left;
    height: 23px;
    margin: 11px 0 0 5px;
    overflow: hidden;
    padding: 0 0 0 4px;
    text-align: center;
    width: 95px;
	}
	
#searchForm input.searchButton:hover{
	background-color: #d70e85;	
	}	

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

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

#gotoCheckOutContainerLink {
	float: left;
	width: 265px;
	height: 20px;
	padding: 0;
	margin: 0;
	z-index: 99999;
	}

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

#bagArea-5 {
	width: 240px;
	height: 20px;
	float: left;
	line-height: inherit;
	margin: -98px 0 0 745px;
	}

#bagArea-5 p {
	color: #000;
	padding: 0;
	float: left;	
	}

ul#bagList {
	padding: 0;
	height: 10px;
	margin: 43px 0 0 60px;
	}

ul#bagList li {
    float: left;
    font-size: 0.7em;
    height: 15px;
    padding: 0 11px 0 0;
	}

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(http://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(http://images2.drct2u.com/content/images/homepages/1006AW_JDW_gocheckoutbg.gif) no-repeat;
	color: #fff;
	}

ul#bagList li#WishListHeaderLink {
	background: transparent;
	border-right: 1px solid #ccc;
	}

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

#viewMiniBagLink {
	padding-right: 20px !important;
	background:url(http://images2.drct2u.com/content/images/homepages/120528AW_FW_HP_concept_shopping_bag.gif) no-repeat left top;
	padding-left: 25px !important;
	}
	
#viewMiniBagLink a {
	font-weight: normal;
	text-decoration: none;
	}
	
#viewMiniBagLink a:hover {
	color: #000;
	-webkit-transition: color 0.3s ease-in;
	-moz-transition: color 0.3s ease-in;
	-o-transition: color 0.3s ease-in;		
	transition: color 0.3s ease-in;		
	}

/* CHECKOUT PAGE 
--------------------------*/
#checkoutPageTitleBar {
	background-color: #FFF;
}

#freeFormatContainer {
	width: 153px !important;
	padding: 10px 16px 12px 0 !important;
	margin-right: 3px !important;
}

/* GO BACK TO PREVIOUS SITE - DIV 6
--------------------------*/
#previousSite-6 {
	overflow: hidden;
	height: 20px;
	position: absolute;
	*margin: 0 0 0 -1000px;
	margin-top: 85px;
	}
	
#previousSite-6 a {
	color: #000;
	font-size: 0.7em;
	}
#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;
	background: #fff;
	display:block;
	width: 1003px;
}
/* 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: 1em!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(http://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(http://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(http://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(http://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: #000000;
	background-color: #f2edd3;
	border-bottom: 1px solid #999999;
}
#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:#333333;
	background-color:#FFF4FC;
	border-bottom: 1px Solid #ffffff;
}

#navCategories-8 a:hover {
	color: #f50195;
	border-bottom: 1px Solid #ffffff;
}
/* Guided Navigation (LEFT NAV)
----------------------------------------------------------------------*/
#guidedNav-8 p {
	color: #333;
}
#guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited {
	color: #535353;
}
#guidedNav-8 a:hover {
	color: #535353;
	text-decoration: underline;	
}
#currentSelection li,
#currentSelection a {
	color: #ed115f;
}
#currentSelection a:hover {
	color: #ed115f;
}


/* 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 pages background*/

#browseContent-7 {background:#fff;}

/* 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(http://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;
	background: #fff;
	}

#logoContainer {
	background: #fff;
}
tbody #logoContainer {
	width: 1003px;
	margin: 0px;
}

#payUsing {
	background: #fff;
}
#fastDelivery {
	background: #fff;
}
/* Footer navigation
----------------------------------------------------------------------*/
#footerNav-9 {
	background: #000;
	
	}
	
#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {
	color: #fff;
	}
	
#footerNav-9 a:hover {
	color: #fff;
	}

/* 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: #CCC;
	background-repeat: repeat-x;
	color: #000;
	font-weight: bold;}

/* Not currently used */
.productPages .spacer, .productPages .current {
	background: #ccc;
	color: #000;
	font-weight: bold;
}

.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(http://images2.drct2u.com/content/images/FGN/120602AW_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;
}
	
#prodDetailsContainer {
	background: #ffffff !important;
}
/*-----------*/	
#productDetailsCopy, #deliveryReturnsCopy, .prodDetailsButton h3, p.productTitle a {
	font-size: 12px!important;
	}

.inputArea #exampleInput {
	font-size: 10px!important;
	}
	
#s1-fb {
	display: none;
	}
	
#s1-fb, .connect_widget_like_button, .connect_widget_like_button .liketext {
	width: 143px!important;
	background: none!important;	
	}
	
a.connect_widget_like_button {
	border: none!important;
	}
	
.connect_widget .like_button_no_like .piece, .connect_widget .like_button_no_like {
	background-color: 0!important;
	border-color: 0!important;
	}	
	
/*.tombstone_cross, .liketext, .connect_widget_button_count_count {
	display: none!important;
	}*/

#searchResultsHeader h2 {
	margin-top: 10px;
	}	
#searchResultsHeader p {
	padding-bottom: 30px;
	}
	
	
/* ===== Order Basket CFD style May 2013 RW ==== */

.fantasticOffers {
    background-image: url("/content/common/images/orderBuilding/cfd-ob-fantastic-deals-header.png") !important;
    border-radius: 0.5em 0 0 0;
    float: left;
    height: 39px;
    margin: -10px -13px;
    width: 645px;
}

.orderContainer .sHeader1 {
    background: url("/content/common/images/orderBuilding/cfd-ob-banner-sprite-n.png") no-repeat scroll 0 0 transparent !important;
    height: 32px;
    width: 250px;
}

.orderContainer .sHeader2 {
    background: url("/content/common/images/orderBuilding/cfd-ob-banner-sprite-n.png") no-repeat scroll 0 -33px transparent !important;
    height: 32px;
    width: 250px;
}

.orderContainer .sHeader3 {
    background: url("/content/common/images/orderBuilding/cfd-ob-banner-sprite-n.png") no-repeat scroll 0 -66px transparent !important;
    height: 32px;
    width: 250px;
}

.nowPriceFormat {
	color: black;
	font-size: 25px !important;
}

/* ===== END Order Basket CFD style May 2013 RW ==== */