/*

Julipa Style Stylesheet
---------------------------
Spring/Summer 2012 
Launch Version

Designer: RB

Updated for CMS3 r1 guided nav style changes (merge by MB - 12/11/12)
(Last updated 05/03/10 by MB)
	1) removed reference to banner images on shop window pages - banners now html fragments in fatwire

*/

body {
	/*background: #dcd7dd url(//images2.drct2u.com/content/images/freeformat/110628_JUL_SWs_bg.jpg) repeat-x top center;*/
	background: #dcd7dd url(//images2.drct2u.com/content/images/freeformat/111214_JUL_SWs_bg.jpg) repeat-x top center;
}

h1, .largetitle { /* largetitle - Needs to be replaced with H1 tag in future project */
	color: #000;
}

h1 span { /* h1 page title strapline style (used on guided nav pages) */
	color: #999;
}

h2 {
	color: #000;
	
}

h3 {
	display:inline-block;
	color: #000;
}

h4 {
	color: #000;
}

a, a:link, a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none; 
}

img a:link, img a:hover, img a:visited {
	background-color: transparent;
}

/*------------------------- HEADER STYLES -------------------------------*/

#headerContainer {
	margin: 0;	
/*	width: 1000px;*/
}

/* Brand Logo 
------------- */

#brandLogo-2 {
	background: transparent;
	width: 190px;
}

#brandLogo-2 a img {
	display: block;
}

#brandLogo-2 a:hover {
	background: transparent;
}

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

#topNav-1 {
	width: 1000px;
	height: 61px;
	margin-top: 7px;
	padding-top: 5px;
}

ul#topNavigation {
	background: url(//images2.drct2u.com/content/images/homepages/111214_JUL_HP_topnav_line.gif) scroll top center no-repeat;
	color: #000;
	margin: 0;
	padding: 0;
	*padding-bottom: 3px; /*Amend ro*/
	position: relative;
	width: 1000px;

}

/* Standard link style
---------------------- */

#topNavigation li {
	float: left;
	height: 31px;
	margin: 0;
	padding: 0;
	position:relative;

}


#topNavigation li a, #topNavigation li a:link, #topNavigation li a:visited {
/*	background: url(//images2.drct2u.com/content/images/homepages/101108_JUL_topnav_div.jpg) no-repeat right top;*/
	color: #FFF;
	display: inline-block;
	font-size: 1.1em;
	height: 20px;
	margin: 0;
	padding: 5px 14px 8px 15px;
	text-transform: capitalize;
	position:relative;
	float:left;
}

#topNavigation li a:hover {
	background: transparent;
	color: #de9314;
}

/* Specific link styles
----------------------- */
#topNavigation li#NGSHOMETopNav {
	left:0;
	position:absolute;
	top:0;
}

#topNavigation li#NGSHOMETopNav a {
	background:url(//images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_home_btn.jpg) no-repeat ;
	border-left: none;
	height: 31px;
	margin: 3px;
	padding: 0;
	text-indent: -9999px;
	width: 39px;
}

#topNavigation li#NGSHOMETopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_home_btn_hover.jpg) no-repeat 0 0;
}

#topNavigation li#LadieswearTopNav {
	padding-left: 50px;	
}

#topNavigation li#WomenswearTopNav a {
	margin: 0 0 0 39px;
}
#topNavigation li#FootwearTopNav {

}

#topNavigation li#LateST-oFFeRsTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110309_JUL_HP_latestofferstopnav.gif) repeat-x 0 0px;
	border-right: none;
	color: #fff;
	margin: 0;
	padding: 12px 7px 8px 10px;
	position: absolute;
	width: 93px;
	text-transform: capitalize;
}

#topNavigation li#oFFERSTopNav a{
	border-right: none;
	color: #D70000;
	margin: 0;
	position: absolute;
	/*text-transform: uppercase;*/
	width: 123px;
}
#topNavigation li#saleTopNav {
	clear:right;
	margin-right:250px;
}

#topNavigation li#saleTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110618_SCL_AW11_HPv4_offer_btn.jpg) no-repeat;
	border-right: none;
	color: #fff;
	margin: 0;
	clear:right;
	/*text-transform: uppercase;*/
}

#topNavigation li#summer-CLEARANCETopNav {
	clear:right;
	margin-right:250px;
}

#topNavigation li#summer-CLEARANCETopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/1108AW_JUL_topnav_clearance_btn.gif) no-repeat;
	border-right: none;
	color: #000;
	margin: 0;
	clear:right;
	/*text-transform: uppercase;*/
	width: 123px;
}

#topNavigation li#summer-CLEARANCETopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/1108AW_JUL_topnav_clearance_btn_hover.gif) no-repeat;
}

#topNavigation li#LateST-oFFeRsTopNav a:hover, #topNavigation li#saleTopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110618_SCL_AW11_HPv4_offer_btn_hover.jpg) no-repeat;
}

#topNavigation li#WINTER-ClearanceTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110618_SCL_AW11_HPv4_offer_btn_hover.jpg) no-repeat;
	border-right: none;
	color: #fff;
	margin: 0;
	padding: 12px 20px 8px 20px;
	position: absolute;
}


#topNavigation li#WINTER-ClearanceTopNav a:hover {
	background: url(//images2.drct2u.com/content/images/homepages/110226_JUL_HP_latestofferstopnav.gif) repeat-x 0 -40px;
	_background: url(//images2.drct2u.com/content/images/homepages/110226_JUL_HP_latestofferstopnav.gif) repeat-x 0 0px;
}

#topNavigation li#Courier-Delivery-To-Your-HomeTopNav a {
	clear:both;
	background: url(//images2.drct2u.com/content/images/homepages/110518_JUL_HPv4_courier.jpg) no-repeat scroll;
	border-right: none;
	color: #fff;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 333px;
	text-indent: -9999px;
	position:relative;
	float: left;
	display:block;
}

#topNavigation li#Courier-Delivery-To-Your-HomeTopNav {
	height: 26px;
	clear:both;
}
#topNavigation li#Fourteen-day-home-trial-and-easy-returnsTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110518_JUL_HPv4_22.jpg) no-repeat scroll;
	border-right: none;
	color: #fff;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 333px;
	text-indent: -9999px;
	position:relative;
	float: left;
	display:block;
}

#topNavigation li#Fourteen-day-home-trial-and-easy-returnsTopNav {
	height:26px;
}
#topNavigation li#Next-Day-Delivery-AvailableTopNav a {
	background: url(//images2.drct2u.com/content/images/homepages/110518_HVL_HPv4_24.jpg) no-repeat scroll;
	border-right: none;
	color: #fff;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 334px;
	text-indent: -9999px;
	position:relative;
	float: left;
	display:block;
}
#topNavigation li#Next-Day-Delivery-AvailableTopNav {
	height:26px;
}



/* Account Area - DIV 3
-----------------------*/

#account-3 {
	border-left: none;
	background: transparent;
	height: auto;
	left: 665px;
	position: absolute;
	top: 0;
	width: 180px;
}

/* Sign, account and register
----------------------------- */

ul#accountList {
	padding: 0;
	position: relative;
	top: 18px;
	left: -11px;
}

ul#accountList li {
	/*float: left;*/
}

ul#accountList li a {
	color: #afb92e;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul#accountList a:hover {
	color: #fff;
	background: transparent;
	text-decoration: underline;
}

li#SignInHeaderLink {
	/*border-right: 1px solid #b8b8b8;
	padding: 0 6px 0 0;*/
	padding: 0px;
}

li#MyAccountHeaderLink {
	/*border-left: 1px solid #eee;
	border-right: 1px solid #b8b8b8;
	padding: 0 6px;*/
	padding: 0px;
}

li#RegisterHeaderLink {
	/*border-left: 1px solid #eee;
	border-right:1px solid #B8B8B8;
	padding: 0 6px;*/
	padding: 0px;
}

li#ContactUsHeaderLink {
	/*border-left: 1px solid #eee;
	padding: 0 0 0 6px;*/
	padding: 0px;
}

li#SignOutHeaderLink {
	/*border-left: 1px solid #eee;
	padding: 0 0 0 6px;*/
	padding: 0px;
}

/* Incentives, Help, Contact Us, Request Catalogue, Track Order
---------------------------------------------------------------*/

ul#siteInfoList {
	left: -210px;
	top: 6px;
	padding: 0;
	position: absolute;
	width: 180px;

}

ul#siteInfoList li {
	/*float: left;
	width: 125px;*/
	text-align: right;
}

ul#siteInfoList li a {
	color: #fff;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none

	/*color: #fff;
	display: block;
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 0 10px;
	padding: 0;
	text-decoration: none;
	text-align: right;*/
}

ul#siteInfoList a:hover {
	color: #fff;
	background: transparent;
	text-decoration: underline;
}

/* Search Area - DIV 4
----------------------*/

#searchArea-4 {
	background: transparent; 
	left: 650px;
	height: 24px;
	position: absolute;
	top: 70px;
	width: 340px;
	z-index: 16000;

	/*background: transparent;
	left: 467px;
	height: 24px;
	position: absolute;
	top: 43px;
	width: 360px;*/
}

#searchArea-4 p.title {
	display: none;
}

#searchArea-4 input#searchKeyWords {
	background: #fff url(//images2.drct2u.com/content/images/homepages/1006AW_FPS_searchicon.gif) no-repeat;
	border: 1px solid #9f9f9f;
	display: block;
	float: left;
	height: 14px;
	_height: 18px;
	margin: 0 2px 0 0;
	padding: 4px 0 4px 20px;
	_padding: 4px 0 0 20px;
	width: 150px;
	z-index: 16001;

	/*border: 1px solid #727272;
	display: block;
	float: left;
	height: 14px;
	_height: 18px;
	margin: 0 4px 0 0;
	padding: 4px 0 4px 20px;
	_padding: 4px 0 0 20px;
	width: 162px;*/
}

#searchArea-4 select#searchCategories {
	border: 1px solid #727272;
	display: inline-block;
	float: left;
	height: 24px;
	margin: 0 2px 0 0;
	padding: 3px 2px 2px;
	width: 106px;
	_width: 103px;

	/*display: inline-block;
	float: left;
	height: 24px;
	margin: 0 4px 0 0;
	padding: 3px 2px 2px;
	width: 106px;*/
}

#searchArea-4 input.searchButton {
	background: url(//images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_search_btn.jpg) no-repeat 0 100%;
	border: none;
	color: #fff;
	display: block;
	font-size: 0;
	height: 24px;
	line-height: 0;
	margin: 0;
	padding: 0; 
	text-indent: -9999px;
	width: 55px;

	/*border: none;
	color: #fff;
	font-weight: bold;
	height: 24px;
	margin: 0;
	padding: 0; 
	width: 57px;*/
}

* html #searchArea-4 input.searchButton { /* IE6 padding fix */
	background: url(//images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_search_btn.jpg) no-repeat 0 100%;
	border: solid;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 3px 0; 
	width: 57px;
}

#searchArea-4 input.searchButton:hover {
	background: url(//images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_search_btn_hover.jpg) no-repeat 0 0;
}

/* Bag Area - DIV 5
-------------------*/
#gotoCheckOutContainerLink {
	background:url("//images2.drct2u.com/content/images/homepages/111214_JUL_AW11_HPv4_checkoutbag.jpg") no-repeat;
	display:block;
	height: 43px;
	margin: 6px 0 0;
	padding: 0;
	width: 100%;
	top: 10px;

	/*float:right;
	height:58px;
	margin:6px 0 0;
	padding:12px 0 0;
	position:relative;
	width:100%;
	background-image:url("//images2.drct2u.com/content/common/images/commongui/100706SS_JUL_HP_SS10_searchbimg.gif");
	background-position:right center;
	background-repeat:no-repeat;*/
}

#gotoCheckOutContainerLink a, #gotoCheckOutContainerLink a:link, #gotoCheckOutContainerLink a:visited, #gotoCheckOutContainerLink a:hover {
    color: #FFFFFF;
    font-size: 12px;
}

#bagArea-5 {
	height: 102px !important;
	width: 185px;
	margin: 0;

	/*width: 165px;
	margin-right: 10px;
	_margin-right: 7px;*/
}

#bagArea-5 p {
	color: #fff;
	font-size: 11px;
	margin: 0;
	padding: 5px 10px 0 0;
	text-align: right;

	/*color: #358c13;
	margin: 0;
	padding: 6px 0 0 0;		*/
}

ul#bagList {
	background: transparent;
	padding: 0;
	position: relative;
	left: -300px;
}

ul#bagList li {
	float: left;
}

li#ShoppingBagHeaderLink {
	position: absolute;
	right: 128px;
	text-align: left;
	top: 20px;
	width: 86px;
}

li#ShoppingBagHeaderLink a, li#ShoppingBagHeaderLink a:visited {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}

li#ShoppingBagHeaderLink a:hover {
	text-decoration: underline;
}

li#GoToCheckoutHeaderLink { 
	height: 24px;
	position: absolute;
	right: 8px;
	top: 43px;
	width: 102px;
}

li#GoToCheckoutHeaderLink a, li#GoToCheckoutHeaderLink a:visited { 
	background: url(//images2.drct2u.com/content/images/homepages/1006AW_JUL_checkoutbtn.gif) no-repeat 0 100%;
	color: #fff;
	display: block;
	font-size: 11px;
	height: 19px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 102px;
}

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

li#WishListHeaderLink {
	position: absolute;
	left: 60px;
	top: 94px;
	width: 55px;
}

#bagList a, #bagList a:link, #bagList a:visited  {
	color: #fff;
	
}

li#QuickOrderHeaderLink { 
	position: absolute;
	left: 36px;
	top: 79px;
	width: 80px;
}

li#WishListHeaderLink a, li#QuickOrderHeaderLink a {
	color: #fff; 
	font-size: 1em;
	font-weight: normal;
	text-decoration: none; 
}

li#WishListHeaderLink a:hover, li#QuickOrderHeaderLink a:hover {
	text-decoration: underline; 
}


/* Logged in / Greeting - DIV 10 (shown when logged in)
------------------------------------------------------- */

#greeting-10 {
	left: -350px;
	position: absolute;
	top: 15px;
	width: 257px

	/*left: 30px;
	position: absolute;
	top: 34px;
	width: 220px*/
}

#greeting-10 p.logInTitle, {
	color: #000;
	
	height: 48px;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 257px;
	z-index: 1;
}

#greeting-10 p.logInTitleCredit {
	color: #fff;
	font-weight: bold;
	position: relative;
	z-index: 20;

}

#greeting-10 #clientName {
	color: #FFF;
	
	margin: 1px 0 0 0;
	position: relative;
	z-index: 20;

}

#greeting-10 a #questionMark {
	margin: -1px 0 0 4px;
}

/* Go back to previous site - DIV 6
--------------------------*/

#previousSite-6 {
	background-color: #f6f7fc;
	border-top: solid 2px #e3e6ff;
}

#previousSite-6 a {
	color: #000;
	text-decoration: underline;
}

#previousSite-6 a:hover {
	background-color: transparent;
	color: #000;
	text-decoration: none;
}

.navmesg {
	background-color: #fff;
}

/*---------------------- END HEADER STYLES-------------------------------*/










/* tablecell - Site specific colour - Set to same colour as Top Navigation
--------------------------------------------------------------------------*/

.tablecell {
	background: #111;
}

/* 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: #000;
}

/* breadcrumbcue - also used on 'Your order has NOT been submitted yet' text and Incentive Code box on Checkout page
--------------------------------------------------------------------------------------------------------------------*/

.breadcrumbcue {
	color: #000;
}

a.breadcrumblink {
	color: #000;
	text-decoration: none;
}

a.breadcrumblink:hover {
	background-color: #000;
	color: #fff;
	padding: 0;
	text-decoration: underline;
}

a.breadcrumbcuelink {
	color: #000;
}

a.breadcrumbcuelink:hover {
	color: #000;
	text-decoration: underline;
}

/* Main Site Colour
-------------------*/

.mainsitecolour {
	background: #000;
}

/* sidebartext - Incentive code box text
----------------------------------------*/

.sidebartext {
	color: #fff;
}

/* Account Transactions page - 'Information on your account' text
-----------------------------------------------------------------*/

.acctssubtitle {
	color: #000;
}

/* Quick Order Form styles
------------------------------------------------------------------------*/

.qofheadingnumber {
	color: #fff;
}
.qofheadingtitle {
	color: #fff;
}










/*---------------------- SHOP WINDOWS -------------------------------*/

#editorial {
	border:none;
}

/* Menwear
----------*/

#shopWindow-menswear {
	width:800px;
	height:662px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_mens_bg.jpg) no-repeat top left;
	position:relative;
	float:left;
}

#shopWindow-menswear #left a#menswearHeader {
	margin:40px 0px 0px;
	width:211px;
	height:189px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_mens_header.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-menswear #left a#menswearSubHeader {
	margin:20px 0px 0px;
	padding:11px 10px;
	width:191px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_mens_subheader.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-menswear #left a#roundel {
	position:absolute;
	top:270px;
	left:158px;
	width:115px;
	height:110px;
	background:url(//images2.drct2u.com/content/images/FGN/) no-repeat;
	display:block;
}

/* Home
-------*/

#shopWindow-home {
	width:800px;
	height:662px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_home_bg.jpg) no-repeat top left;
	position:relative;
	float:left;
}

#shopWindow-home #left a#homeHeader {
	margin:40px 0px 0px;
	width:211px;
	height:164px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_home_header.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-home #left a#homeSubHeader {
	margin:20px 0px 0px;
	padding:10px 10px;
	width:191px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_home_subheader.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-home #left a#leftbox {
	margin:20px 0px 0px;
	padding:20px 10px;
	width:191px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_home_subheader2.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

/* Electricals
--------------*/

#shopWindow-elecs {
	width:800px;
	height:662px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_elecs_bg.jpg) no-repeat top left;
	position:relative;
	float:left;
}

#shopWindow-elecs #left a#homeHeader {
	margin:40px 0px 0px;
	width:211px;
	height:206px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_elecs_header.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-elecs #left a#homeSubHeader {
	margin:20px 0px 0px;
	padding:10px 10px;
	width:191px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_elecs_subheader.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

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

#shopWindow-womenswear {
	width:800px;
	height:662px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_womenswear_bg.jpg) no-repeat top left;
	position:relative;
	float:left;
}

#shopWindow-womenswear #left a#womenswearHeader {
	margin:40px 0px 0px;
	width:211px;
	height:131px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_womenswear_header.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-womenswear #left a#womenswearSubHeader {
	margin:20px 0px 0px;
	padding:20px 10px;
	width:240px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_womenswear_subheader.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-womenswear #left a#womenswearSubHeader2 {
	margin:30px 0px 0px;
	padding:20px 10px;
	width:260px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/) no-repeat;
	display:block;
	float:left;
	clear:both;
}


/* Lingerie
--------------*/

#shopWindow-lingerie {
	width:800px;
	height:662px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_lingerie_bg.jpg) no-repeat top left;
	position:relative;
	float:left;
}

#shopWindow-lingerie #left a#lingerieHeader {
	margin:40px 0px 0px;
	width:211px;
	height:131px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_lingerie_header.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-lingerie #left a#lingerieSubHeader {
	margin:20px 0px 0px;
	padding:20px 10px;
	width:191px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_lingerie_subheader.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;

}

#shopWindow-lingerie #left a#lingerieSubHeader2 {
	margin:30px 0px 0px;
	padding:20px 10px;
	width:260px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_lingerie_subheader2.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-lingerie #left a#roundel {
	margin:22px 0px 0px 158px;
	width:115px;
	height:110px;
	background:url(//images2.drct2u.com/content/images/homepages/) no-repeat;
	display:block;
	float:left;
	clear:both;
}


/* Footwear
--------------*/

#shopWindow-footwear {
	width:800px;
	height:662px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_footwear_bg.jpg) no-repeat top left;
	position:relative;
	float:left;
}

#shopWindow-footwear #left a#footwearHeader {
	margin:40px 0px 0px;
	width:211px;
	height:131px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_footwear_header.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-footwear #left a#footwearSubHeader {
	margin:20px 0px 0px;
	padding:20px 10px;
	width:191px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_footwear_subheader.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-footwear #left a#footwearSubHeader2 {
	margin:21px 0px 0px;
	padding:20px 10px;
	width:260px;
	height:17px;
	background:url(//images2.drct2u.com/content/images/homepages/101013_JUL_SW_footwear_subheader2.jpg) no-repeat;
	display:block;
	float:left;
	clear:both;
}

#shopWindow-footwear #left a#roundel {
	margin:22px 0px 0px 158px;
	width:115px;
	height:110px;
	background:url(//images2.drct2u.com/content/images/homepages/) no-repeat;
	display:block;
	float:left;
	clear:both;
}


/* All shop windows
-------------------*/

#shopWindow-menswear a,
#shopWindow-home a,
#shopWindow-elecs a,
#shopWindow-womenswear a,
#shopWindow-lingerie a,
#shopWindow-footwear a {
	text-decoration:none;
	color:#000;
}

#shopWindow-menswear #left,
#shopWindow-home #left,
#shopWindow-elecs #left,
#shopWindow-womenswear #left,
#shopWindow-lingerie #left,
#shopWindow-footwear #left {
	width:400px;
	float:left;
}

#shopWindow-menswear #left a,
#shopWindow-home #left a,
#shopWindow-elecs #left a,
#shopWindow-womenswear #left a,
#shopWindow-lingerie #left a,
#shopWindow-footwear #left a {
	font-weight:bold;
	font-size:16px;
}

#shopWindow-menswear #left a:hover,
#shopWindow-home #left a:hover,
#shopWindow-elecs #left a:hover,
#shopWindow-womenswear #left a:hover,
#shopWindow-lingerie #left a:hover,
#shopWindow-footwear #left a:hover {
	text-decoration:underline;
}

#shopWindow-menswear #right,
#shopWindow-home #right,
#shopWindow-elecs #right,
#shopWindow-womenswear #right,
#shopWindow-lingerie #right,
#shopWindow-footwear #right {
	width:400px;
	float:right;
}

#shopWindow-menswear #right a.shoplink,
#shopWindow-home #right a.shoplink,
#shopWindow-elecs #right a.shoplink,
#shopWindow-womenswear #right a.shoplink,
#shopWindow-lingerie #right a.shoplink,
#shopWindow-footwear #right a.shoplink {
	font-size:12px;
	position:absolute;
	bottom:8px;
	right:35px;
	text-align:right;
}

#shopWindow-menswear #right a.shoplink:hover,
#shopWindow-home #right a.shoplink:hover,
#shopWindow-elecs #right a.shoplink:hover,
#shopWindow-womenswear #right a.shoplink:hover,
#shopWindow-lingerie #right a.shoplink:hover,
#shopWindow-footwear #right a.shoplink:hover {
	text-decoration:underline;
}

#shopWindow-menswear #right .rightbox,
#shopWindow-home #right .rightbox,
#shopWindow-elecs #right .rightbox,
#shopWindow-womenswear #right .rightbox,
#shopWindow-lingerie #right .rightbox,
#shopWindow-footwear #right .rightbox {
	margin:20px 0px 0px;
	width:230px;
	height:162px;
	position:relative;
	float:right;
	clear:both;	
}

#shopWindow-menswear span,
#shopWindow-home span,
#shopWindow-elecs span,
#shopWindow-womenswear span,
#shopWindow-lingerie span,
#shopWindow-footwear span {
	display:none;
}

/*---------------------- END SHOP WINDOWS -------------------------------*/










/* Shop window 'SEO' pages
------------------------------------------------------------------------*/

.productArea a {
	font-weight: bold; 
	color: #B96511;
	text-decoration: none;
}

.productArea a:hover {
	color: #E3BD83;
	text-decoration: underline;
}

.productArea {
	background-position: 50% bottom; 
	background-image: url(//images2.drct2u.com/content/images/homepages/SEO-Product-footerswirls.gif); 
	background-repeat: no-repeat; 
	background-color: #FFEDDE;
}

.shopWindow a:hover {
	background-color: transparent;
}

h1.LifestyleDefault {
	font-size: 1.56em; /* 25px Changed to EM value*/ 
	color: #fff; 
	background-image: url(//images2.drct2u.com/content/images/homepages/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: #fff;
}

.shopwindowfolder {
	border: 1px solid #B96511; 	
	background-color: #fff;
}

h2.LifestyleDefault {
	font-size: 0.75em; /* 12px Changed to EM value*/
	color: #fff; 
	background-color: #1e1e1e;
}

.marqueBox {
	background-color: #E3BD83;
}

.marqueBox h2 {
	color: #fff;
}

.pwHeader h2 {
	font-size: 0.69em; /* 11px Changed to EM value*/ 
	color: #fff; 
	background-color: #E3BD83;
}

h1.NoLifestyleDefault {
	font-size: 1.56em; /* 25px Changed to EM value*/ 
	color: #fff; 
	background-image: url(//images2.drct2u.com/content/images/homepages/SEO-Product-header.gif); 
	background-repeat: no-repeat; 
	background-color: #1e1e1e;
	background-position: right 50%;
}

.shopwindowfolder2 {
	border: 1px solid #B96511; 	
	background-color: #fff;
}

h2.NoLifestyleDefault {
	font-size: 0.88em; /* 14px Changed to EM value*/  
	color: #fff; 
}

h1.Catwalk {
	font-weight: normal; 
	font-size: 1.56em; /* 25px Changed to EM value*/  
	color: #fff; 	
	background-image: url(//images2.drct2u.com/content/images/homepages/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: #fff; 
	background-color: #1e1e1e;
}

/* Guided Navigation Page Styles
----------------------------------------------------------------------*/

/* Category Navigation (LEFT NAV)
----------------------------------------------------------------------*/

#navCategories-8 {
	margin: 6px 0 0 0;
}

#navCategories-8 h2 {
	color: #39427F;
	background-color: #E3E6FF;
	background-image: url(//images2.drct2u.com/content/images/homepages/0806_JDW_navCategoriesH2.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#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:#39427F;
	background-color:#F6F7FC;
	border-bottom: 1px Solid #fff;
}

#navCategories-8 a:hover {
	background-color:#39427F;
	color: #fff;
	border-bottom: 1px Solid #fff;
}

/* Guided Navigation (LEFT NAV)
----------------------------------------------------------------------*/
#guidedNav-8 ul {
	color: #000;
}

#guidedNav-8 p {
	color: #000;
}

#guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited {
	color: #000;
}

#guidedNav-8 a:hover {
	color: #000;
}

/* 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 #E3E6FF; /* image dividing line */
}

.productRange122x130 h2  {
	background-color: #E3E6FF;
}

.productRange122x130 h2 a, .productRange122x130 h2 a:link, .productRange122x130 h2 a:visited {
	color: #39427F;
	text-decoration: none;
}

.productRange122x130 h2 a:hover {
	color: #747dbc;
	background-color: #E3E6FF;
	text-decoration: none;
}

/* Product range 3 column style containers with 122 x 130 images
----------------------------------------------------------------------*/

.productRange122x130x3 {
	border-left: 0.06em Solid #E3E6FF; /* image dividing line */
}

.productRange122x130x3 h2  {
	background-color: #E3E6FF;
}

.productRange122x130x3 h2 a, .productRange122x130x3 h2 a:link, .productRange122x130x3 h2 a:visited {
	color: #39427F;
	text-decoration: none;
}	

.productRange122x130x3 h2 a:hover {
	color: #747dbc;
	background-color: #E3E6FF;
	text-decoration: none;
}

/* Product range 3 column style containers with 212 x 260 images
----------------------------------------------------------------------*/

.productRange212x260 {
	border-left: 0.06em Solid #E3E6FF;
}

.productRange212x260 h3  {
	background-color: #E3E6FF;
}

.productRange212x260 h3 a, .productRange212x260 h3 a:link, .productRange212x260 h3 a:visited {
	color: #39427F;
	background-color: #E3E6FF;
	text-decoration: none;
}

.productRange212x260 h3 a:hover {
	color: #747dbc;

	background-color: #E3E6FF;
	text-decoration: none;
}

/* Product preview (product thumb preview container and text styles)
   5 column layout containers using 122 x 130 images
----------------------------------------------------------------------*/
/* QuickWins project - redundant, removed
.productPreview {
	border-left: 0.06em Solid #e3e6ff;
}*/

.salePrice {
	color: #ff0000;
}

.magnify{
	background-image: url(//images2.drct2u.com/content/images/homepages/magnify.gif);
}

a.magnify, a:link.magnify, a:visited.magnify {
	color: #000;
	text-decoration: underline;
}

a:hover.magnify {
	color: #000;
	background-color: #fff;
	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 {
	background: #2e333a;
	height: 32px;
	padding: 8px 0 0 0px;
	width: 1000px;
}

/* Footer navigation
----------------------------------------------------------------------*/

#footerNav-9 {
	color: #fff;
}

#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {
	color: #fff;
	text-decoration: none;
}

#footerNav-9 a:hover {
	background: transparent;
	color: #fff;
	text-decoration: underline;
}

/* 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: 0;
	margin: 0;
	color: #fff;
}

tr.tablecell a:hover{
	color: #fff;
}

/* QuickWins Project - Product Sort Panel 
----------------------------------------- */

#searchResultsHeader {
	width: 805px;
}

.productSort, #resultsPages {
	background-color: #333333;
	color: #fff;
	font-weight: bold;
}

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

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


/* Next has arrow graphic background */
.productPages .next a, .productPages .next a:hover {
	background-image:url(//images2.drct2u.com/content/images/FGN/fgn_JDW_nextPage.gif);
	background-repeat:no-repeat;
}

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

.productPages a:hover {
	background-color: #113f6c;
	background-image: none;
	color: #fff;
}

/* ----- Banner Advert -------------- Moved to Fatwire

#bannerAdFGN3 {
	float: left;
	height:440px;
	width:160px;
	background: url(//images2.drct2u.com/content/images/freeformat/101207_JUL_Checklist.jpg) no-repeat 0px 0px;
	margin: 8px 0px 0px 5px;
	_margin: 2px 0px 0px 2px;
}
*/

#logoContainer {
	background: #fff;
	width: 1000px;
	margin: 0px;
}
/*---------important checkout style- please do not remove----------------*/
#checkoutPageTitle {
    width: 1001px !important;
}

/*---------categoryNav background----------------*/

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