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

/* 
Updated by AC. 2012-12-12. CMS3 R1 Bug Fixes.

Order building update - RW 02/05/13

Updated for CMS3 r1 guided nav style changes (merge by MB - 12/11/12)

Simply Yours AW13 Style
Created: 29/08/2013 by Nicola Lawley
*/

body {margin:0;padding:0;}

#innerPageContainer {background-repeat:repeat;}
#outerPageContainer {width:1000px;}

/* ----- FontFace ----- */
@font-face {font-family:'Swiss721BT-Thin';src:url('//images.drct2u.com/content/stylesheets/298208_0_0.eot');src:url('//images.drct2u.com/content/stylesheets/298208_0_0.eot?#iefix') format('embedded-opentype'),url('//images.drct2u.com/content/stylesheets/298208_0_0.woff') format('woff'),url('//images.drct2u.com/content/stylesheets/298208_0_0.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:'LibreBaskervilleItalic';src:url('//images.drct2u.com/content/stylesheets/LibreBaskerville-Italic-webfont.eot');src:url('//images.drct2u.com/content/stylesheets/LibreBaskerville-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('//images.drct2u.com/content/stylesheets/LibreBaskerville-Italic-webfont.woff') format('woff'),url('//images.drct2u.com/content/stylesheets/LibreBaskerville-Italic-webfont.ttf') format('truetype'),url('//images.drct2u.com/content/stylesheets/LibreBaskerville-Italic-webfont.svg#LibreBaskervilleItalic') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'EntypoRegular';src:url('//images.drct2u.com/content/stylesheets/Entypo-webfont.eot');src:url('//images.drct2u.com/content/stylesheets/Entypo-webfont.eot?#iefix') format('embedded-opentype'),url('//images.drct2u.com/content/stylesheets/Entypo-webfont.woff') format('woff'),url('//images.drct2u.com/content/stylesheets/Entypo-webfont.ttf') format('truetype'),url('//images.drct2u.com/content/stylesheets/Entypo-webfont.svg#entyporegular') format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'FuturaPTCondWebMedium';src:url('//images.drct2u.com/content/stylesheets/FTN57__W.eot');src:local('//images.drct2u.com/content/stylesheets/Futura PT Cond Web Medium'), local('FuturaPTCondWebMedium'),url('//images.drct2u.com/content/stylesheets/FTN57__W.eot?#iefix') format('embedded-opentype'),url('//images.drct2u.com/content/stylesheets/FTN57__W.woff') format('woff'),url('//images.drct2u.com/content/stylesheets/FTN57__W.ttf') format('truetype'),url('//images.drct2u.com/content/stylesheets/FTN57__W.svg#FuturaPTCondWeb-Medium') format('svg');font-weight:normal;font-style:normal;}

/* --------------------------------------------------------------
	Default Header and Link Classes
-------------------------------------------------------------- */

h1, .largetitle { color: #000; }
h1 span { color: #999; }
h2 { color: #ec2b70; }
h3 { color: #F062A4; }
h4 { color: #F062A4; }
a, a:link, a:visited { color: #e2345f; }
a:hover { color: #000; text-decoration: none; }
img a:link, img a:hover, img a:visited { background-color: transparent; }



/* --------------------------------------------------------------
	Header Container (width currently controlled by tables)
-------------------------------------------------------------- */

#headerContainer {
	margin:0;
	width:1000px;
	height:110px!important;
	position:relative;		
}


/* --------------------------------------------------------------
	Brand logo 
-------------------------------------------------------------- */

#brandLogo-2 {
	width: 222px;
	margin: -2px 0 0 10px;
	padding: 0;
	background: transparent;
}

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


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

#topNavigation #BYS-SALETopNav a{
	background: none repeat scroll 0 0 red;
	color: white;
	font-weight: bold;
	height: 14px;
	position: relative;
	top: 1px;
}

#topNav-1 {
	margin-bottom:4px;
	padding-top:4px;
	}
ul#topNavigation {
	margin:0;
	padding:0;
	width:1000px;
	position: relative;
	color:#fff;
	text-align:left;
}

ul#topNavigation li {
	padding-right: 14px;
	float:left;
}

ul#topNavigation li a { font-size:13px; }
	
#topNavigation a, #topNavigation a:link, #topNavigation a:visited { 
	font-weight:normal;
	margin:1px 0 0 0;
	color:black;
    display: block;
    height: 16px; 
	padding:6px 14px;
	text-transform:uppercase;
	}
	
#topNavigation a:hover {
	color:#000;
	text-decoration:none;
	display:block;
	background:#fff;	
}

#topNavigation a.previous {
	background-color:#9c39a5;
	color:#fff;
}


/* LOGGED IN / GREETING - DIV 10 (DIV CONTENT SHOWN WHEN LOGGED IN)
--------------------------*/
#greeting-10 {
	width: 31%;
    position: relative;
    top: 18px;
    left: 18px;
	text-align: center;
}
#greeting-10 p.logInTitle, #greeting-10 p.logInTitleCredit {
	color: #000;
	font-size: 0.55em;
	text-transform: uppercase;
}
#greeting-10 #clientName {
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	color: #e2345f;
	font-weight: normal;
	overflow: hidden;
}
#greeting-10 p.logInTitleCredit {
	margin: 4px 0 0;	
}
#greeting-10 img#questionMark {
	margin: 0.6em -0.4em 0;	
}

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

/* 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:#e2345f;
	text-decoration:underline;
}

a.breadcrumblink:hover {
	color:#000;
	padding:0em;
	text-decoration:none;
}

a.breadcrumbcuelink { color:#F062A4; }

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

.mainsitecolour { background:#F062A4; }

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

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

/* Quick Order Form styles */
.qofheadingnumber { color:#fff; }

.qofheadingtitle { color:#fff; }


/* --------------------------------------------------------------
	Shop Window SEO Pages
-------------------------------------------------------------- */

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

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

.productArea { background-color:#FFEDDE; }

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

h1.LifestyleDefault {
	font-size:1.56em; /* 25px Changed to EM value*/ 
	color:#fff; 
	background-color:#1e1e1e;
}

.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-color:#1e1e1e;
}

.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-color:#1e1e1e;
}

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


/* --------------------------------------------------------------
	Category Navigation (Left Nav) 
---------------------------------------------------------------*/

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

#navCategories-8 h2 {
	color:#664e81;
	background-color:#ecd8ed;
}

#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:#664e81;
	background-color:#e2f3fd;
	border-bottom:1px solid #fff;
}

#navCategories-8 a:hover {
	background-color:#664e81;
	color:#fff;
	border-bottom:1px solid #fff;
}


/* --------------------------------------------------------------
	Guided Navigation (Left Nav) 
-------------------------------------------------------------- */
#browseContent-7{
	background-color:#fff;
}
#guidedNav-8 {
	margin-top: 8px!important;	
}
#guidedNav-8 ul {
	color: #3d3d3d;
}
#guidedNav-8 .narrowByTitle {
	display: none;
}
#guidedNav-8 p {
	font-family:'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	color: #000;
	font-weight: normal!important;
}
#guidedNav-8 a, #guidedNav-8 a:link, #guidedNav-8 a:visited {
	color: #000;
	text-decoration: none;
}
#guidedNav-8 a:hover {
    color: #e2345f;
}
#guidedNav-8 #selectedFiltersHeader{
	color: #793141;
}
#guidedNav-8 .refinementHeader {
	font-weight:bold;
	text-transform:uppercase;
}
#currentSelection li {
	color: #222;
}
#currentSelection li span {
	color:#b93031;
}


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

.productRange122x130 h2 {
	background-color:#F062A4;
	color:#fff;
}

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

.productRange122x130 h2 a:hover {
	color:#ffdfbf;
	text-decoration:none;
}

/* Product range 3 column style containers with 122 x 130 images */
.productRange122x130x3 { border-left:0.06em Solid #e2f3fd; }

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

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

.productRange122x130x3 h2 a:hover {
	color:#ffdfbf;
	text-decoration:none;
}

/* Product range 3 column style containers with 212 x 260 images */
.productRange212x260 { border-left:0.06em Solid #e2f3fd; }

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

.productRange212x260 h3 a, .productRange212x260 h3 a:link, .productRange212x260 h3 a:visited {
	color:#000;
	text-decoration:none;
}

.productRange212x260 h3 a:hover {
	color:#ffdfbf;
	text-decoration:none;
}

/* Product preview (product thumb preview container and text styles)
   5 column layout containers using 122 x 130 images */
a.magnify, a:link.magnify, a:visited.magnify {
	color:#9470ba;
	text-decoration:underline;
}

a:hover.magnify {
	color:#9470ba;
	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:#FFF; /*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 
-------------------------------------------------------------- */

#logoContainer { background-color: #FFF; }

#shoppingSecuredTitle { width:1000px !important; }

#footer {width:1000px;height:25px;margin:0;padding:0;background:#c7c7c7;}
#footerNav-9 {padding:0!important;color:#333; }
#footerNav-9 a, #footerNav-9 a:link, #footerNav-9 a:visited {position:relative;top:3px;font-family:'Swiss721BT-Thin',Arial,Helvetica,sans-serif;color:#333;font-size:13px;font-weight:normal;text-transform:uppercase;text-decoration:none;}
#footerNav-9 a:hover {background-color:transparent;text-decoration:underline;}

#payUsing { background:#fff; }

#fastDelivery { background:#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:#fff;
}

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

#ADDBAGSTATUS-popup { background: #FFF; }


/* --------------------------------------------------------------
	QuickWins Project 
-------------------------------------------------------------- */
/* Product Sort Panel (contains number of results, sort by drop down box, page numbers, next and previous buttons) */

.productSort, .resultsPages {
	color:#fff;
	font-weight:bold;
	background: #c7c7c7;
    color: #000000;
}
.productSort p, .resultsPages p {
	padding-top: 1px;
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}
.productPages {
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.productPagesTxt {
	height: 25px;
	padding: 9px 4px 0 0;
}
.productPages .current {
	background:#f5b6c5;
	color: #000;
}
.productPages a, .productPages a:link, .productPages a:visited, .productPages a:hover { color: #000000;
    text-decoration: none;
}
.productPages a:hover {
	background-color:#e2345f;
	background-image:none;
	color:#fff;
}
.productPages .last {
	font-weight: normal;
}
.productPages .previous a, .productPages .next a {
	background:#c7c7c7 !important;
	color:#000;
	text-align: center;
}
.productPages .previous a:hover, .productPages .next:hover a {
	background:#e2345f !important;
	color: #fff;
}

/* Product Results Formatting - includes product title, price, was and now prices and more options/colours */
.productTitle {
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	color: #e2345f;
	font-weight: normal;
	text-transform: uppercase;
}
.priceInfo {
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
.productPrice {
	font-size: 14px;
	font-weight: normal;
}
.salePrice {color: #e2345f;}
.moreColours {
	color: #666;
	font-size: 10px;
}
#productWindowContent p.productIncentiveSpecialOffer {
    margin: 0;
    padding: 4px 0;
    text-align: left;
}
/* Product Page Formatting - includes  */
#productHeading {
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	text-transform: uppercase;
}
#productHeading h1 {
	font-weight: normal;
}
#productHeading h2 {
	color: #666;
	font-weight: normal;
}
#productHeading h3 .priceRange {
	color: #e2345f;
	font-weight: normal;
}
#atbInner {
	background: #f4f4f4;	
	border: 1px solid #c7c7c7;
	border-radius: 0;
	padding: 10px 10px 4px;
}
#atbInner label {
	display: none;	
}
.containerSelect {
	position: inherit;
	left: 10px!important;
}
#totalPrice {
	color: #e2345f;
}
.otherProdButtons {
	color: #e2345f;
	font-size: 10px;
	text-transform: uppercase;		
}
.nav-tabs {
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	text-transform: uppercase;		
}
.nav-tabs > li > a {
	font-weight: normal;	
}
.nav-tabs > li#promotionsTab a, 
.nav-tabs > li#promotionsTab a:hover, 
.nav-tabs > li#promotionsTab.active > a, 
.nav-tabs > li#promotionsTab.active > a:hover {
	color: #e2345f;
}
.carouselHeader {
	padding: 5px 4px 2px;
	font-family: 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
	color: #e2345f;
	font-weight: normal;	
	text-align: center;
	text-transform: uppercase;		
}
.carouselContainer .productPrice {
	font-size: 14px!important;
}


/*------------search results header---------------*/
#searchResultsHeader {
	width: 800px;
}
#searchResultsHeader h2 {
	color: #000;
	font-size: 33px;
	font-weight: normal;
	padding-bottom: 10px;
}

#searchResultsHeader #additionalCopy h2 {
	font-size:16px;
	font-weight:bold;
}


/* ===== Order Basket BYS style May 2013 RW ==== */

.fantasticOffers {
    background-image: url("/content/common/images/orderBuilding/bys-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/bys-ob-banner-sprite-n.png") no-repeat scroll 0 0 transparent !important;
    height: 32px;
    width: 250px;
}

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

.orderContainer .sHeader3 {
    background: url("/content/common/images/orderBuilding/bys-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 BYS style May 2013 RW ==== */


a.SaleStripe {
    background: #a8e0ef;
    display: block;
    width: 1000px;
	position:relative;
	margin-bottom: 4px;
	text-decoration: none;
	height:30px;
}
a.SaleStripe h3{ 
	color: #000;
    font: 16px/28px 'Swiss721BT-Thin',Arial,Helvetica,sans-serif;
    text-align: center;
    width: 81%;
	}
a.SaleStripe h3 strong{ text-transform:uppercase;}
a.SaleStripe img{ position:absolute; right:0; top:0;}
a.SaleStripe:hover { background:#91dbef !important;}