/*(Last updated 08/03/10 by Mark Booth)
	1) Updated styles to accomodate FGN QuickWins project - New classes at bottom of css file, old now redundant classes commented
*/
/* BRAND STYLE TEMPLATE
	(Last updated 18/01/10 by Ben Connell)
	1) Stylesheet that was on live has not been stored in CVS! Have copied this from live and added the product details bug fix that
		was overwritten and corrected and error with the header nav text turning black on mouse over in IE7.
	(Last updated 15/07/08)
	1) New design created for GO
	(Last updated 23/05/08)
	1) Image link states added.
	2) White text classes added to end of this doc. Keep them as same colour on all sites.
	(Last updated 16/12/2008)
	3) Added background image in Body.

/* Page background image

----------------------------------------------------------------------*/
body {

	background-image: url(//images.drct2u.com/content/images/homepages/161208AW_GNO_pageBg.gif);
	background-repeat: repeat-y;
	background-position: center;

}

/* Default Header and Link Classes
----------------------------------------------------------------------*/
h1, .largetitle { /* largetitle - Needs to be replaced with H1 tag in future project */
	color: #7C7C7C;
}
h1 span { /* h1 page title strapline style (used on guided nav pages) */
	color: #7C7C7C;
}
h2 {
	color: #7C7C7C;
}
h3 {
	color: #7C7C7C;
}
a, a:link, a:visited {
	text-decoration: underline;
	color: #7C7C7C;
}
a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
img a:link, img a:hover, img a:visited {
	background-color: transparent;
}

/* HEADER CONTAINER (width currently controlled by tables)
----------------------------------------------------------------------*/
#headerContainer {
	border-bottom: 4px solid #ffffff;
	margin: 0px;
	background-color: #ffffff;
}

/* Brand logo hover state 
------------------------------------------------*/
#brandLogo-2 a:hover {
	background-color: transparent;
}

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

#topNav-1{
	background-color: #000000;
	padding: 3px 0px 3px 0px;
}

ul#topNavigation {
	background-color: #231F20;
	margin:0em;
}
#topNavigation a, #topNavigation a:link, #topNavigation a:visited {
	color: #ffffff;
	background-color: #000000;
}
#topNavigation a:hover {
	background-color: #FFFFFF;
	color: #000000;
}
#topNavigation a.previous {
	background-color: #76AEDC;
	color: #ffffff;
}

/* ACCOUNT AREA - DIV 3
--------------------------*/
#account-3 {
	background-image: url(//images2.drct2u.com/content/images/homepages/0912AW_GNO_accounticons.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#brandLogo-2, #account-3, #bagArea-5 {
	background-color: #FFFFFF;
}
#accountList {
	text-transform: uppercase;
}
ul#accountList {
	padding-left: 28px;
	line-height: 1.5em;
	padding-bottom: 4px;
}
ul#accountList a, ul#siteInfoList a, ul#bagList a {
	color: #000000;
}
ul#accountList a:hover, ul#siteInfoList a:hover, ul#bagList a:hover {
	color: #7c7c7c;
}

/* SEARCH AREA - DIV 4
--------------------------*/
#searchArea-4 {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #7c7c7c;
}
#searchArea-4 p.title {
	padding: 6px 0px 2px 2px;
	font-size: 0.75em;
	color: #ffffff;
	background-image: url(//images.drct2u.com/content/images/homepages/100106_GO_searchIcon.gif);
	background-repeat: no-repeat;
	background-position: 48px;
}
#searchArea-4 p#advancedSearch a {
	color: #000000; 
}
#searchArea-4 p#advancedSearch a:hover {
	color: #000000; 
}
.searchButton {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #FFFFFF;
}
/* Search category dropdown - may be hidden on some sites
--------------------------------------------------------------------*/
#searchArea-4 #searchCategories {
	visibility: visible;
}

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

ul#bagList {
	line-height: 1.5em;
}

#bagArea-5 p {
	color: #000000;
}

ul#bagList li {
	background-position: center right;
	background-repeat:no-repeat;
	padding-right: 20px;
}
	
li#ShoppingBagHeaderLink {
	background-image: url(//images2.drct2u.com/content/images/homepages/090511SS_ALL_icon_shoppingBag.gif);
}

li#GoToCheckoutHeaderLink { 
	background-image: url(//images2.drct2u.com/content/images/homepages/090511SS_ALL_icon_checkout.gif);
}

li#WishListHeaderLink {
	background-image: url(//images2.drct2u.com/content/images/homepages/090511SS_ALL_icon_wishList.gif);
}

li#QuickOrderHeaderLink { 
	background-image: url(//images2.drct2u.com/content/images/homepages/090511SS_ALL_icon_quickOrder.gif);
}

/* LOGGED IN / GREETING - DIV 10 (DIV CONTENT SHOWN WHEN LOGGED IN)
--------------------------*/
#greeting-10 p.logInTitle, #greeting-10 p.logInTitleCredit {
	text-transform: uppercase;
	color: #624432;
}
#greeting-10 #clientName {
	color: #624432;
}

/* GO BACK TO PREVIOUS SITE - DIV 6
--------------------------*/
#previousSite-6 {
	background-color: #ff99cc;
	border-top: solid 2px #bf4180;
}
#previousSite-6 a {
	color: #666666;
}
#previousSite-6 a:hover {
	background-color: transparent;
	color: #000000;
}
.navmesg {
	background-color: #ffffff;
}
/*----------------------END HEADER STYLES-------------------------------*/


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

/* 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: #7C7C7C;
}
/* breadcrumbcue - also used on 'Your order has NOT been submitted yet' text and Incentive Code box on Checkout page
------------------------------------------------------------------------*/
.breadcrumbcue {
	color: #7C7C7C;
}
a.breadcrumblink {
	color: #000000;
	text-decoration: none;
}
a.breadcrumblink:hover {
	color: #ffffff;
	background-color: #000000;
	padding: 0em;
	text-decoration: underline;
}
a.breadcrumbcuelink {
	color: #7C7C7C;
}
a.breadcrumbcuelink:hover {
	color: #c6a0c9;
	text-decoration: underline;
}

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

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


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

/* 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: #7C7C7C;
	text-decoration: none;
}
.productArea a:hover {
	color: #76AEDC;
	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: #D9E9FD;
}
.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 #8C6D59; 	
	background-color: #fff;
}
h2.LifestyleDefault {
	font-size: 0.75em; /* 12px Changed to EM value*/
	color: #ffffff; 
	background-color: #1e1e1e;
}
.marqueBox {
	background-color: #76AEDC;
}
.marqueBox h2 {
	color: #ffffff;
}
.pwHeader h2 {
	font-size: 0.69em; /* 11px Changed to EM value*/ 
	color: #ffffff; 
	background-color: #76AEDC;
}
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 #8C6D59; 	
	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 {
	background-color: #C9BFB7;
	color : #8c6d59;
}
#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 {
	background-color:#ece6df;
	color: #8c6d59;
}
#navCategories-8 a:hover {
	background-color: #FFFFFF;
	color: #000;
}
/* Guided Navigation (LEFT NAV)
----------------------------------------------------------------------*/
#guidedNav-8 p {
	color: #39427f;
}
#guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited {
	color: #000000;
	text-decoration: none;
}
#guidedNav-8 a:hover {
	background-color: #FFFFFF;
	color: #7C7C7C;
}
#currentSelection li {
	color: #000000;
}
ul#brandBox {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
#brandBox li {
	background-color: #e7e6e6;
	padding: 1px;
	margin: 1px;
	border-bottom: 1px solid #cccccc;
}


/* 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 #e9e0d7; /* image dividing line */
}
.productRange122x130 h2  {
	background-color: #E4E4E4;
}
.productRange122x130 h2 a, .productRange122x130 h2 a:link, .productRange122x130 h2 a:visited {
	color: #000000;
	text-decoration: none;
}
.productRange122x130 h2 a:hover {
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
}
/* Product range 3 column style containers with 122 x 130 images
----------------------------------------------------------------------*/
.productRange122x130x3 {
	border-left: 0.06em Solid #D9E9FD; /* image dividing line */
}
.productRange122x130x3 h2  {
	background-color: #e4e4e4;
}
.productRange122x130x3 h2 a, .productRange122x130x3 h2 a:link, .productRange122x130x3 h2 a:visited {
	color: #696969;
	text-decoration: none;
}	
.productRange122x130x3 h2 a:hover {
	color: #8C6D59;
	background-color: #e4e4e4;
	text-decoration: none;
}
/* Product range 3 column style containers with 212 x 260 images
----------------------------------------------------------------------*/
.productRange212x260 {
	border-left: 0.06em Solid #D9E9FD;
}
.productRange212x260 h3  {
	background-color: #D9E9FD;
}
.productRange212x260 h3 a, .productRange212x260 h3 a:link, .productRange212x260 h3 a:visited {
	color: #696969;
	background-color: #D9E9FD;
	text-decoration: none;
}
.productRange212x260 h3 a:hover {
	color: #8C6D59;
	background-color: #D9E9FD;
	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 {
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #7c7c7c;
}

/* Footer navigation
----------------------------------------------------------------------*/
#footerNav-9 {
	color: #000000;
}
#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {
	color: #FFFFFF;
}
#footerNav-9 a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
}

/* 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;
}
/* QuickWins Project - Product Sort Panel (contains number of results, sort by drop down box, page numbers, next and previous buttons)
----------------------------------------------------------------------*/
.productSort, #resultsPages {
	background-color: #717070;
	background-image: url(//images2.drct2u.com/content/images/FGN/fgn_GNO_productSortBG.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: bold;
}

/* Not currently used */
.productPages .spacer, .productPages .current {
}

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

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

.productPages a:hover {
	background-color: #000000;
	background-image: none;
	color: #ffffff;
}

/* Replaces old FGN "#guidedNav-8 #availableFiltersHeader, #guidedNav-8 #selectedFiltersHeader" */
#guidedNav-8 .refinementHeader {
	background-image: url(//images2.drct2u.com/content/images/FGN/fgn_GNO_leftNavHeaderBG.gif);
	background-repeat: repeat-x;
	color: #ffffff;
	background-color: #717070;
	min-height: 18px;
}