/* ==========================================================================
$ Debenhams Component Framework

- All components have a class of .dcf
- All components are prefixed with .dcf-
- The container of the components must have a class of '.dcf-container'
- The class 'dcf-c' is used for components

- .dcf-c = Component

- .dcf-a = Action (jQuery attaches onto this
	.dfc-a-lightbox = Launch href in a lightbox
	.dcf-a-close 	= Close the lightbox

- .dcf-s = State
	.dcf-s-show 	= Show content inside
	.dcf-s-lightbox = Lightbox Content, do not init JS for component
	.dcf-s-hide		= Hide Content Inside
	.dcf-s-loading 	= Content is loading
	.dcf-s-nomobile = Hide component on mobile, show on desktop	

- .dcf-l = Layout. Similer to Bootstrap, each row "adds up" to 12 columns
	.dcf-l-col-3 	= Quarter size spot
	.dcf-l-col-6 	= Half size spot
	.dcf-l-col-4	= Third Size Spot
	.dcf-l-col-8	= Two Thirds size spot
	.dcf-l-12 		= Full width
	.dcf-l-imagetop = Image is on top (Used in adspots)

- .dcf-t = Theme
	dcf-t-green 	= Green shade
	dcf-t-orange 	= Orange shade

========================================================================== */
body, html {height: 100%;}


.dcf-clearfix:before, .dcf-clearfix:after { content: ""; display: table; }
.dcf-clearfix:after { clear: both; }
.dcf-clearfix { *zoom: 1; clear:both; }

/*------------------------------------------------------
General Details
-------------------------------------------------------*/
.dcf {
	margin-bottom: 30px;
	font-family: 'Lato', "Century Gothic", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;	
}

.dcf * {
	font-family: 'Lato', "Century Gothic", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;	
}

.dcf-c {
	float: left;
	color: #333333;
	text-align: left;
	margin-left: 20px;
}

/* Default Element Styles */
.dcf h1,
.dcf h2,
.dcf h3 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.dcf h4 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	margin-bottom: 15px;
}

.dcf li {
	list-style: none;
}

.dcf p {
	font-size: 13px;
	margin: 0px 0px 20px 0px;
	line-height: 20px;
}

.dcf span {
	line-height: normal;
}

.dcf-c a,
.dcf-c span.dcf-cta {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
	clear: both;
	float: left;
	color: #333333;	
	position: relative;
	text-decoration: none;
}

.dcf-c a:hover {
	text-decoration: underline;
}


/* We're getting with the times! Using CSS3 Pseduo Elements for link arrows */
.dcf-c a:after,
.dcf-c span.dcf-cta:after {
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-right: none;
	border-left-color: #333;
	content: "";
	right: -10px;
	bottom: 4px;
}

/* Some links can have a "box" style */
.dcf-c a.dcf-l-box {
	background: #000;
	font-size: 16px;
	color: #FFF !important;
	padding: 8px 25px 8px 10px;
	font-weight: normal;	
}
.dcf-c a.dcf-l-box:hover {
	text-decoration: none;
	opacity: 0.8;
}
.dcf-c a.dcf-l-box:after {
	border-right: none;
	right: 11px;
	bottom: 10px;
	border-width: 7px;
	border-left-color: #FFF;
}

.dcf-c a.dcf-l-box-v2{color:#FFF!important;font-size:16px;font-weight:700;display:block;height:44px;background:#f04e66;height:44px;border-bottom:4px solid #c36;border-radius:5px;display:block;width:176px;line-height:46px;text-align:center;}
.dcf-c a.dcf-l-box-v2:hover{text-decoration:none;background:#DD5166;border-radius:5px;display:block;height:44px}
.dcf-c a.dcf-l-box-v2:after{font-family:Muyalto;font-size:10px!important;content:"r";padding-left:7px;display:inline-block;text-decoration:none;border:none;bottom:0;right:0;position:relative;width:auto;height:auto}

/* ================================================================================
Muyalto
- Use data-icon-before = "[letter]" in HTML to add icon before
- Use data-icon-after = "[letter]" in HTML to add icon after
================================================================================*/
@font-face{font-family:"muyalto";src:url(../fonts/muyalto.eot);src:url(../fonts/muyalto.eot?#iefix) format("embedded-opentype"),url(../fonts/muyalto.woff) format("woff"),url(../fonts/muyalto.ttf) format("truetype"),url(../fonts/muyalto.svg#muyalto) format("svg");font-weight:400;font-style:normal}
[data-icon-before]:before{font-family:"muyalto"!important;content:attr(data-icon-before)!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;bottom: initial !important;right:auto !important;position:relative !important;width:auto !important;height: auto !important;}
[data-icon-after]:after{font-family:"muyalto"!important;content:attr(data-icon-after)!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:0!important;bottom: initial !important;right:auto !important;position:relative !important;width:auto !important;height: auto !important;}

/*===============================================================================
.dcf-l-*	Layout. (Each row 'adds up' to 12)
===============================================================================*/
.dcf .dcf-c.dcf-l-2 {width: 116px;}
.dcf .dcf-c.dcf-l-3 {width: 184px;}
.dcf .dcf-c.dcf-l-4 {width: 252px;}
.dcf .dcf-c.dcf-l-6 {width: 388px;}
.dcf .dcf-c.dcf-l-8 {width: 524px;}
.dcf .dcf-c.dcf-l-12 {width: 100%;}

/*===============================================================================
.dcf-lhn	Left Hand Nav
===============================================================================*/
.dcf .dcf-lhn {
	margin-left: 0px;
	width: 100%;
	border-bottom: #CCC 1px solid;
	margin-bottom: 15px;
	padding-left: 10px;
}
.dcf .dcf-lhn h2 {
	margin-bottom: 20px;
	clear: both;
	color: #000;
	font-family: "Georgia" !important;
	font-size: 20px !important;
	font-style: italic;
	line-height: 1.5;
	padding-bottom: 0px;
	padding-left: 0px;
}
.dcf .dcf-lhn  ul {
	border-top: #CCC 1px solid;
	padding: 15px 0px 10px 0px;
	display: block;
	clear: both;
	margin-bottom: 0px;
}
.dcf .dcf-lhn  ul li {
	font-size: 12px;
	padding: 5px 0;
	clear: both;
}
.dcf .dcf-lhn  ul li a {	
	font-weight: 500;
	font-size: 15px;	
	color: #000;
	text-decoration: none;
	float: none;
	margin-bottom: 0px;
}
.dcf .dcf-lhn ul li a:hover{
    text-decoration:underline!important;
}
.dcf .dcf-lhn  ul li h3 {
	border: 0;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 12px;
	padding: 0;
}

.dcf .dcf-lhn h3 {
	font-size:18px;
	margin:15px;
	color:#000;
	border:0;
	cursor:pointer;
}
.dcf .dcf-lhn h3:hover{
	color:#007d6f!important;
}
.dcf .dcf-lhn  ul li a:after {
	content: none;
}

.dcf .dcf-lhn ul li:first-child,
.dcf .dcf-lhn ul li:last-child {
	border-bottom: none;
}
		
.dcf-lhn ul.collapsed li{display:none;padding-left:20px;}
.dcf-lhn ul.collapsed li:first-child{display:block;padding-left:0;}
.dcf-lhn ul.collapsed h3:hover{color:#00b39e}

.dcf-lhn ul h3:before{content:"\2013";color:#00b39e;margin: -10px 10px 0px -20px;font-size:22px;display:inline-block;width:10px;font-family:Arial!important;font-weight:500;}
.dcf-lhn ul.collapsed h3:before{content:"+";color:#00b39e;margin: -10px 14px 0px -24px;font-size:22px;/* font-family: "muyalto" !important; */display:inline-block;width:10px;}

.dcf .dcf-lhn ul{color:#000;}
.dcf .dcf-lhn ul li:first-child{padding-left:0;}
.dcf .dcf-lhn ul li{padding-left:25px;}
.dcf .dcf-lhn ul li h3{margin:0;font-size:19px;line-height:25px;padding-left:24px}

.dcf-lhn ul li:nth-child(2){margin-top:10px;}

.dcf .dcf-lhn h2 {
	border-bottom:2px solid #00b39e;
	font-family:'Lato', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif !important;   
	padding-bottom: 9px!important;
	font-style:normal;
	font-size:20px!important;
	color:#000!important;
}
.domTriangle {
	position: relative;
	width: 6px;
	height: 6px;
	bottom: -11px;
	left: 20px;
}
.domTriangle::before {
	content: ' ';
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #00b39e;
	bottom: 2px;
}
.domTriangle::after {
	content: ' ';
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	bottom: -1px;
}

/* Borders */
.dcf *[class*="dcf-border-"] {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.dcf .dcf-border-tb {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.dcf .dcf-border-lr {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.dcf .dcf-border-tblr {
	border: 1px solid #ccc;
}

/*===============================================================================
.dcf-hero	Hero Component
===============================================================================*/
.dcf .dcf-hero {
	height: 370px;
	position: relative;
	float: none;
	clear: both;
}
.dcf .dcf-hero img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.dcf .dcf-hero h3 {
	margin: 0px 0px 20px 0px;
	font-size: 19px;
}
.dcf .dcf-hero h1 {
	text-indent: -1000px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
.dcf .dcf-hero div {
	position: relative;
	width: 230px;
}

/*===============================================================================
.dcf-heading	Heading
===============================================================================*/
.dcf .dcf-heading {
	display: block;
	clear: both;
	width: auto;
	float: none;
	/* One pixel repeated to create the line */
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFz8/PAAAAALKU9AAAAAxJREFUeNpiYAAIMAAAAgABT21Z4QAAAABJRU5ErkJggg==") repeat-x 0px 50%;

}
.dcf .dcf-heading h2 {
	font-size: 30px;
	padding-right: 30px;
	background: #FFF; /* To blend in with the page background */
	display: inline;
}

.dcf .dcf-heading.dcf-center h2 {
	padding-left: 0;
	padding: 0px 30px;
}

/* Anchors need to be inside a heading. Hide them */
.dcf .dcf-heading a {
	height: 0px;
	width: 0px;
	opacity: 0;
	font-size: 0px;
	line-height: 0px;
}

.dcf .dcf-heading a:after {
	content: "";
	border: none;
}

/* DCF Heading that looks like a PSP h1 heading */
.dcf.dcf-static-h1-heading h1{
	font-family: 'Georgia' !important;
	font-size: 43px!important;
	font-style: italic!important;
	font-weight: normal!important;
	line-height: 43px;
}
.dcf.dcf-static-h1-heading{
	line-height: 50px;
	margin: 0 0 20px 0;
	padding: 0;
	width:100%;
	text-align:center;
}
.dcf.dcf-static-h1-heading p{
	margin:10px auto 0!important;
	width:80%;
	text-align:center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
}
.dcf.dcf-static-h1-heading p a{
	font-size:16px;
	font-weight:400;
	float:none;
	clear:none;
	margin-bottom:0;
}
.dcf.dcf-static-h1-heading p a:after{
	border:0;
}

.dcf.dcf-psp-banner{
	position:relative;
	width:1000px;
	height:259px;
}
.dcf.dcf-psp-banner img{
	position:absolute;
}
.dcf.dcf-psp-banner div, .dcf.dcf-psp-links > div{
	position: relative;
	width: 35%;
	margin: 0 auto 0;
	text-align:center;
	line-height:22px;
}

.dcf.dcf-psp-banner div:nth-of-type(1){
	top:45px;
}
.dcf.dcf-psp-banner div p{
	font-size:16px;
	font-weight:300;
}
.dcf.dcf-psp-banner div p a{
	font-size:16px;
	font-weight:400;
	float:none;
	clear:none;
}
.dcf.dcf-psp-banner div p a:after{
	border:0;
}

.dcf.dcf-psp-banner div.dcf-psp-banner-links{
	width:100%;
	margin-top:0!important;
	top:0;
}
.dcf.dcf-psp-banner div.dcf-psp-banner-links a, .dcf.dcf-psp-links div.dcf-psp-banner-links a{
	display: inline-block;
	margin-right: 20px;
	font-size: 16px;
	font-weight: 300;
	padding-bottom: 20px;
	margin-bottom:0;
	float:none;
	color:#000;
}
.dcf.dcf-psp-banner div.dcf-psp-banner-links a:after, .dcf.dcf-psp-links div.dcf-psp-banner-links a:after{
	display: inline-block;
	font-family: 'Muyalto';
	content: 'r';
	padding-left: 10px;
	font-size: 13px;
	border:0;
	position:initial;
}

.dcf.dcf-psp-text-banner{
	position:relative;
	width:1000px;
}
.dcf.dcf-psp-text-banner div{
	position: relative;
	width: 90%;
	margin: 0 auto;
	text-align:center;
	line-height:22px;
}
.dcf.dcf-psp-text-banner div p{
	font-size:16px;
	font-weight:300;
}
.dcf.dcf-psp-text-banner div p a{
	font-size:16px;
	font-weight:400;
	float:none;
	clear:none;
}
.dcf.dcf-psp-text-banner div p a:after{
	border:0;
}

.dcf-psp-text-banner h3 {
	font-weight: 400;
	font-size: 20px;
	padding: 20px;
}

.dcf-brands-wrapper {
	text-align: center;
	margin: 0 auto;
	float: left;
}

.dcf-brands a {
	display: block;
	margin-right: 0 !important;
}

.dcf-brand-wrapper {
	width: 100%;
	max-width: 100% !important;
}

.dcf-brand-wrapper a:after {
	display: none;
}

.dcf-brand-wrapper a.hp-brand-logo-image-link {
	width: 14%;
	margin: 0 0.5%;
}

.dcf-brand-wrapper a img {
	width: 100%;
	height: auto;
}

.dcf-daily-discount {
	width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-top: 40px;
}


/*===============================================================================
.dcf-adspot	Adspot (Default adspot size is half or .dcf-l-6)
===============================================================================*/
.dcf .dcf-adspot {
	width: 388px;
	float: left;
	margin-bottom: 20px; /* Ten Pixels is added onto the image */	
}

.dcf .dcf-adspot > * {
	float: left;
	max-width: 184px;
	*width: 100%;
	clear: none;
}
.dcf .dcf-adspot h3 {
	margin: 0px 0px 20px 0px;
	font-size: 19px;
}
.dcf .dcf-adspot h3 strong {
	display: block;
	clear: both;
	font-size:19px;
}
.dcf .dcf-adspot a {
	margin-bottom: 0px;
}
.dcf .dcf-adspot div a {
	margin-bottom: 15px;
}
.dcf .dcf-adspot > a:first-child {
	margin-right: 20px;
	margin-bottom: 10px;
}
.dcf .dcf-adspot > a:first-child:hover {
	opacity: 0.5;
}
.dcf .dcf-adspot > a:first-child:after {
	content: none;
}

.dcf .dcf-adspot strong {
	font-weight: bold;
	font-size: 13px;
}

.dcf .dcf-adspot div > *:last-child {
	margin-bottom: 0px;
}

/* Just in case the details is smaller than the image */
.dcf .dcf-adspot > *:last-child {
	margin-bottom: 10px; /* The last child should have a margin to make up */
}

/* Make the image on the top */
.dcf .dcf-adspot.dcf-l-imagetop > *,
.dcf .dcf-adspot.dcf-l-imagetop > *:first-child {
	max-width: 100%;
	clear: both;
	margin-right: 0px;
}

/* If the heading is inside the link, give it some margin */
.dcf .dcf-adspot a h3 {
	margin: 10px 0px 0px 0px;
}

/* TCat adspot t&c */
.dcf .dcf-adspot div span.tandc {
	float: left;
	clear: both;
	font-size: 10px;
	margin-top: -10px;
}

/*===============================================================================
.dcf-adspot.dcf-l-texthover 	Adspot - Text Hover (Default adspot size is half or .dcf-l-6)
===============================================================================*/
.dcf .dcf-adspot.dcf-l-texthover {
	position: relative;
	overflow: hidden;
}
/*
.dcf .dcf-adspot.dcf-l-texthover > div h3 {
	font-size: 18px\0;  IE8 font size hack - effects IE9 [ not noticeable ]
	*font-size: 18px;  IE7 font size hack 
}*/

.dcf .dcf-c.dcf-adspot.dcf-l-texthover > div {
	max-height: 44px;
}

.dcf .dcf-c.dcf-adspot.dcf-l-texthover.multiLine > div{
	max-height:64px;
}

.dcf .dcf-c.dcf-adspot.dcf-l-texthover > div > * {
	margin: 10px;
}

.dcf .dcf-adspot.dcf-l-texthover > div > a > h3 {
	padding-bottom: 10px;
	padding-left: 10px;
}

.dcf .dcf-adspot.dcf-l-texthover > div > p {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.dcf .dcf-adspot.dcf-l-texthover > div {
	max-width: 100%;
	position: absolute;
	float: left;
	left: 0;
	background: rgba(255, 255, 255, 0.8);
	overflow: hidden;
	bottom: 0;
	margin: 0;
	width: 100%;
	*min-height: 22px;
	-webkit-transition: max-height 0.4s ease-in;
	-moz-transition: max-height 0.4s ease-in;
	-o-transition: max-height 0.4s ease-in;
	transition: max-height 0.4s ease-in;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95FFFFFF,endColorstr=#95FFFFFF);
	/*box-sizing: border-box;*/

}

.dcf .dcf-adspot.dcf-l-texthover a:first-child {
	float: none;
	display: block;
	max-width: 100%;
	margin: 0;
}

.dcf .dcf-adspot.dcf-l-texthover:hover > div,
.dcf .dcf-adspot.dcf-l-texthover.multiLine:hover > div {
	max-height: 100%;
}

.dcf .dcf-adspot.dcf-l-texthover > a:first-child:hover {
	opacity: 1;
}

/*===============================================================================
.dcf-expandable		Expandable
===============================================================================*/
.dcf .dcf-expandable  {
	width: 100%;
	display: block;
	text-align: center;
	margin-left: 0px;
}
.dcf .dcf-expandable .dcf-a {
	margin: 0px auto;
	padding: 8px 35px 8px 13px;
	font-size: 16px;
	float: none;
	background: #cccccc;
	font-weight: normal;
	color: #000000;
}
.dcf .dcf-expandable .dcf-a:hover {
	text-decoration: none;
	opacity: 0.5;
}
.dcf .dcf-expandable .dcf-a:after {
	width: 0;
	height: 0;
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	border-top: 9px solid #000;
	top: 15px;
	right: 10px;
}

/* States */
.dcf .dcf-expandable.dcf-s-hide > div {display: none;}
.dcf .dcf-expandable.dcf-s-show > div {display: block;}

/* Show the "Show More" button only when the top items are hidden */
.dcf .dcf-expandable.dcf-s-hide .dcf-a {display: inline;} 
.dcf .dcf-expandable .dcf-a,
.dcf .dcf-expandable.dcf-s-show .dcf-a {display: none;} 
/*===============================================================================
.dcf-fullvideo	Full YouTube Video
===============================================================================*/
.dcf .dcf-fullvideo {
	position: relative;
	overflow: hidden;
	width: 796px;
	height: 448px;

}
.dcf .dcf-fullvideo iframe {
	display: inline-block;
}

.dcf .dcf-fullvideo.dcf-s-hide .cover {
	display: none;
}

.dcf .dcf-fullvideo .cover:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.dcf .dcf-fullvideo .cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
/*===============================================================================
.dcf-vslider	Vertical Slider
===============================================================================*/
.dcf .dcf-vslider {
	height: 550px;
	overflow: hidden;
}

/* ------------------------------
Pagination
--------------------------------*/
/* exp */
.dcf .dcf-vslider div.pagination {
	background :#E9E9E9;
}
/* end exp */
.dcf .dcf-vslider div.pagination ul,
.dcf .dcf-vslider div.pagination {
	width: 204px;
	float: left;
	height: 100%;
	position: relative;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.dcf .dcf-vslider .pagination ul li {
	height: 73px;
	background: #FFF;
	padding: 0px;
}
.dcf .dcf-vslider .pagination ul a {
	height: 47px;
	text-align: center;
	padding-top: 20px;
	background: #F6F6F6;
	width: 200px;
	margin-bottom: 0px;
	line-height: 18px;
	border: 2px solid #F6F6F6;
	/* TODO: - Moz/opera/ie transitions */
	-webkit-transition: border-color 0.2s ease-in;
}
.dcf .dcf-vslider .pagination ul a:hover {
	opacity: 0.5;
	text-decoration: none;
}


.dcf .dcf-vslider .pagination ul a.active:hover,
.dcf .dcf-vslider .pagination ul a.active {
	border-color: #ac3c5d;
}
.dcf .dcf-vslider .pagination ul a:hover {
	border-color: #F0F0F0;
}
/* ------------------------------
Slider
--------------------------------*/
.dcf .dcf-vslider .bx-wrapper,
.dcf .dcf-vslider .bx-window,
.dcf .dcf-vslider .slider,
.dcf .dcf-vslider .slider ul,
.dcf .dcf-vslider .slider ul li {
	width: 592px;
	float: left;
	height: 100%;	
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
}

.dcf .dcf-vslider .slider ul li span {
	position: absolute;
	right: 0px;
	background: #AC3C5D;
	font-size: 16px;
	color: #FFF;
	padding: 8px 25px 8px 10px;
	font-weight: normal;
}
.dcf .dcf-vslider .slider ul li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px;
	float: none;
	position: relative;
}
.dcf .dcf-vslider .slider ul li a:after {
	content: none;
}

.dcf .dcf-vslider .slider ul li span:after {
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid rgba(0, 0, 0, 0);
	border-right: none;
	border-left-color: #333;
	content: "";
	color: #FFF;
	right: 8px;
	top: 12px;
	border-width: 7px;
	border-left-color: #FFF;
}

.dcf .dcf-vslider .slider ul li a:hover {
	opacity: 0.5;
}


.dcf .dcf-vslider .bx-next,
.dcf .dcf-vslider .bx-prev {
	height: 37px;
	width: 204px;
	margin-bottom: 0px;
	position: absolute;
	text-indent: -10000px;
	overflow: hidden;
	background: #ECECEC;
	height: 37px;
	width: 204px;
	left: -204px;
	display: block;
	-webkit-transition: opacity 0.8s linear;
}


/* Slider on the main slide */
.dcf .dcf-vslider .bx-next {bottom: 0px;}
.dcf .dcf-vslider .bx-prev {top: 0px;}

/* Slider controls on the pagination */
.dcf .dcf-vslider .pagination .bx-next,
.dcf .dcf-vslider .pagination .bx-prev {
	left: 0px;
}

/* Slider control arrows use CSS3 */
.dcf .dcf-vslider .bx-prev:after,
.dcf .dcf-vslider .bx-next:after {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 11px solid #333333;
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	margin: auto;	
}
.dcf .dcf.dcf-vslider .bx-prev:after {
	border-bottom: 11px solid #333;
	border-top: none;
}

/* Hide/Show the arrows based on a CSS attribute selector */
.dcf .dcf-vslider .bx-prev {display: block; opacity: 0.1;}
.dcf .dcf-vslider .bx-prev:hover {display: block; opacity: 0.9;}

.dcf .dcf-vslider .slider[data-slide='0'] .bx-wrapper .bx-prev,
.dcf .dcf-vslider .slider .bx-prev {display: none;}

.dcf .dcf-vslider .slider[data-slide] .bx-prev {display: block;}

/*===============================================================================
.dcf-vslider	Vertical Slider - Size Variations  
===============================================================================*/
.dcf .dcf-vslider.dcf-l-medium {
	height: 402px;
}

/*.dcf-vslider is */

.dcf .dcf-vslider.dcf-l-6 .slider ul li,
.dcf .dcf-vslider.dcf-l-6 .slider {
	width: 184px;
}

.dcf .dcf-vslider.dcf-l-8 .slider ul li,
.dcf .dcf-vslider.dcf-l-8 .slider {
	width: 320px;
}




/*===============================================================================
.dcf-slider		Hero Headers
===============================================================================*/
.dcf .dcf-slider {
	float: none;
	overflow: hidden;
	height: 372px;
}
.dcf .dcf-slider li {
	position: relative;
}

/* ------------------------------
Slide Content
--------------------------------*/
.dcf .dcf-slider li > div {
	position: absolute;
	top: 0;
	left: 0;
}

/* ------------------------------
Controls
--------------------------------*/
.dcf-c.dcf-slider .bx-pager a:after,
.dcf-c.dcf-slider .bx-pager a:after,
.dcf .dcf-slider a.bx-next:after,
.dcf .dcf-slider a.bx-prev:after {
	/* remove defaults */
	border: none;
	position: static;
}

.dcf .dcf-slider a.bx-next,
.dcf .dcf-slider a.bx-prev {
	position: absolute;
	background: url("/wcsstore/DebenhamsStorefrontAssetStore/img/homepage/slider_arrows.png") no-repeat 0px 0px;
	width: 20px;
	height: 31px;
	z-index: 500;
	text-indent: -99999px;
	overflow: hidden;
}

.dcf .dcf-slider a.bx-next:hover,
.dcf .dcf-slider a.bx-prev:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-khtml-opacity: 0.5;
}


.dcf .dcf-slider a.bx-next {
	background-position: 0px -37px;
	right: 0;
}


/* Pager */
.dcf .dcf-slider .bx-pager a {
	text-indent: -99999px;
	width: 7px;
	height: 7px;
	border: 1px solid #EEE;
	border-radius: 10px;
	background: #EEE;
	display: inline-block;
	float: none;
	clear: none;
	margin-bottom: 0;
	margin-left: 3px;
	overflow: hidden;
}
.dcf .dcf-slider .bx-pager a.pager-active {
	background-color: #ccc;
	border: 1px solid #ccc;
}

.dcf .dcf-slider .bx-pager {
	text-align: center;
	margin-top: 5px;
}

/* ------------------------------
Deep Hero (.dcf-l-deep)
--------------------------------*/
.dcf .dcf-slider.dcf-l-deep {
	height: 372px;
	padding-bottom: 20px;
}
.dcf .dcf-slider.dcf-l-deep a.bx-next,
.dcf .dcf-slider.dcf-l-deep a.bx-prev {
	top: 170px;
}

.dcf .dcf-slider.dcf-l-deep li {
	height: 372px;
}

/* ------------------------------
Medium Hero (.dcf-l-medium)
--------------------------------*/
.dcf .dcf-slider.dcf-l-medium {
	height: 242px;
	padding-bottom: 15px;
}
.dcf .dcf-slider.dcf-l-medium a.bx-next,
.dcf .dcf-slider.dcf-l-medium a.bx-prev {
	top: 102px;
}
.dcf .dcf-slider.dcf-l-medium li {
	height: 242px;
}


/* ------------------------------
Slim Hero (.dcf-l-slim)
--------------------------------*/
.dcf .dcf-slider.dcf-l-slim {
	height: 131px;
}


/*=======================================================================================================
.dcf-pslider	Product Slide Feater 
========================================================================================================*/

.dcf .dcf-pslider h3 {
	font-size: 20px;
	text-align: center;
	margin: 10px 0px;
}

/* Slider */
.dcf .dcf-pslider .slider ul li {	
	width: 100%;
	display: inline-block;
	text-align: center;

}

.dcf .dcf-pslider .slider ul li img {
	display: block;
	margin: 0px auto 10px;
}

.dcf .dcf-pslider .slider ul li a {
	text-align: center;
	float: none;
	clear: both;
}

.dcf .dcf-pslider .slider ul li a:hover img {
	opacity: 0.5;
}

/* Controls */
.dcf .dcf-pslider a.bx-next:after,
.dcf .dcf-pslider a.bx-prev:after {	
	content: none;
}

.dcf .dcf-pslider a.bx-next,
.dcf .dcf-pslider a.bx-prev {
	position: absolute;
	background: url("/wcsstore/DebenhamsStorefrontAssetStore/img/homepage/slider_arrows.png") no-repeat 0px 0px;
	width: 20px;
	height: 31px;
	z-index: 500;
	text-indent: -99999px;
	overflow: hidden;
	top: 40%;
}

.dcf .dcf-pslider a.bx-next:hover,
.dcf .dcf-pslider a.bx-prev:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.dcf .dcf-pslider a.bx-prev {
	left: 0px;
}

.dcf .dcf-pslider a.bx-next {
	background-position: 0px -37px;
	right: 0;
}

/* Add a border */
.dcf .dcf-pslider.dcf-l-border {
	border: 1px solid #D2D2D2;
	margin-left: 18px;
}
.dcf .dcf-pslider.dcf-l-border .slider {
	margin-bottom: 20px;
}


/*===============================================================================
.dcf-texttabs	Horizontal Text Tabs
===============================================================================*/
.dcf .dcf-texttabs {
	margin-left: 0px;
	float: none;
}

/* ------------------------------
Tabs Pagination 
--------------------------------*/
.dcf  .dcf-texttabs .pagination {	
	border-bottom: 3px solid #333;
	text-align: center;
	height: 47px;
	margin-bottom: 20px;
	display: block;
	width: 100%;
	margin-left: 20px;
	*margin-bottom: 0;
}

.dcf .dcf-texttabs .pagination ul {
	padding: 0px;
	margin: 0px;
	text-align: center;
	display: block;
	width: 100%;
	float: none;
	*float: left;
	*text-align: center;
}

.dcf .dcf-texttabs .pagination ul li {	
	display: inline-block;
	width:131px;
	/*padding: 0px 15px;*/
	list-style: none;
	float: none;
	*float: left;
	*display: block;
	*padding: 0px 1px;
}

.dcf .dcf-texttabs .pagination ul li a {
	float: none;
	height: 39px;
	line-height: 17px;
	display: block;
	margin: 0px;
	position: relative;
	*float: left;
	padding-top: 8px;
	*width: 100%;
}

.dcf .dcf-c.dcf-texttabs .pagination ul li a:after {
	content: none;
}





/* ------------------------------
Default Theme - #333 - Dark Grey
--------------------------------*/
.dcf .dcf-texttabs .pagination ul li a {
	background-color: #eaeaea;
}

.dcf .dcf-texttabs .pagination ul li a:hover{
	background-color: #dddddd;
	text-decoration: none;
	*text-decoration:underline;
}


.dcf .dcf-texttabs .pagination ul li a.active {
	background-color:  #333;
	color: #fff !important;
}

/*===============================================================================
.dcf-tabs	Horizontal Tabs
===============================================================================*/
.dcf .dcf-tabs {
	height: 520px;
	float: none;
}

/* ------------------------------
Tabs Pagination (Also used for .dcf-brands)
--------------------------------*/
.dcf .dcf-brands,
.dcf  .dcf-tabs .pagination {	
	border-bottom: 1px solid #D2D2D2;
	text-align: center;
	height: 72px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	display: table;
	width: 97.8%;
	*display: block;

}
.dcf .dcf-brands ul,
.dcf .dcf-tabs .pagination ul {
	padding: 0px;
	margin: 0px;
	text-align: center;
	display: table-row;
	width: 100%;
	float: none;
	*display: block;
	*float: left;
}
.dcf .dcf-brands ul li,
.dcf .dcf-tabs .pagination ul li {	
	display: table-cell;
	padding: 0px 15px;
	list-style: none;
	float: none;
	*float: left;
	*display: block;
}
.dcf .dcf-brands ul li a,
.dcf .dcf-tabs .pagination ul li a {
	float: none;
	height: 70px;
	line-height: 72px;
	display: block;
	margin: 0px;
	position: relative;
	border: 2px solid #FFF;
	*float: left;
}

.dcf .dcf-brands ul li a:hover,
.dcf .dcf-tabs .pagination ul li a:hover {
	opacity: 0.5;
}
.dcf .dcf-brands ul li a.active,
.dcf .dcf-tabs .pagination ul li a.active {
	border-color: #ac3c5d;
}

.dcf .dcf-brands ul li a:after,
.dcf .dcf-tabs .pagination ul li a:after {
	content: none;
}
.dcf .dcf-brands ul li a img,
.dcf .dcf-tabs .pagination ul li a img {
	display: block;
	margin: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	*position: static;
	*float: left;
}

/* ------------------------------
Tabs Slider ( Also used for .dcf-texttabs)
--------------------------------*/
.dcf .dcf-texttabs .slider,
.dcf .dcf-tabs .slider {
	clear: both;
}

.dcf .dcf-texttabs .slider .bx-wrapper,
.dcf .dcf-texttabs .slider > ul,
.dcf .dcf-texttabs .slider > ul > li,
.dcf .dcf-tabs .slider .bx-wrapper,
.dcf .dcf-tabs .slider ul,
.dcf .dcf-tabs .slider li {	
	min-height: 425px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.dcf .dcf-texttabs .slider li,
.dcf .dcf-tabs .slider li {
	position: relative;
	width: 100%;
}

.dcf .dcf-tabs .slider ul li > *  {
	max-width: 388px;
}

.dcf .dcf-tabs .slider li h4 {
	font-size: 20px;
}


.dcf .dcf-tabs .slider li a {
	background: #000000;
	font-size: 16px;
	color: #FFF;
	padding: 8px 25px 8px 10px;
	font-weight: normal;
}

.dcf .dcf-tabs .slider li a:after {
	color: #FFF;
	right: 8px;
	top: 12px;
	border-width: 7px;
	border-left-color: #FFF;
}

.dcf .dcf-tabs .slider li a:hover {
	text-decoration: none;
	opacity: 0.5;
}

.dcf .dcf-tabs .slider li .last-child,
.dcf .dcf-tabs .slider li a:last-child {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 388px;
	width: 388px;
	background: none;
	padding: 0px;
	margin: 0px;
}
/* IE7 and 8 get confused with the :last-child selector, therefore we need to repeat :( */
/* The last-child class gets injected with JS */
.dcf .dcf-tabs .slider li .last-child {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 388px;
	width: 388px;
	background: none;
	padding: 0px;
	margin: 0px;
}

.dcf .dcf-tabs .slider li a:last-child:after {
	content: none;
}


/*===============================================================================
.dcf-topten		Top Ten 
===============================================================================*/
.dcf .dcf-topten {
	float: none;
	position: relative;
}

/* ------------------------------
Top Ten Header
--------------------------------*/
.dcf .dcf-topten .header {
	position: absolute;
	top: 20px;
	left: 470px;
	z-index: 100;
}
.dcf .dcf-topten .header img {
	margin-bottom: 15px;
}
.dcf .dcf-topten .header h2 {
	font-size: 19px;
}

/* ------------------------------
Top Ten Slider
--------------------------------*/
.dcf .dcf-topten .bx-wrapper,
.dcf .dcf-topten .bx-window,
.dcf .dcf-topten .slider,
.dcf .dcf-topten .slider ul,
.dcf .dcf-topten .slider ul li {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	overflow: hidden;
}

.dcf .dcf-topten .slider {
	height: 375px;
}

.dcf .dcf-topten .slider li * {
	float: left;
}
.dcf .dcf-topten .slider li h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 20px;
}

.dcf .dcf-topten .slider li img {
	margin: 20px 40px 0px 75px;
}
.dcf .dcf-topten .slider li div {
	width: 265px;
	margin-top: 150px;
}
.dcf .dcf-topten .slider li .header {
	margin-top: 0px;
}
.dcf .dcf-topten .slider li .header img {
	margin: 0px 0px 15px 0px;
}
.dcf .dcf-topten .slider li a {
	display: inline-block;
	clear: both;
}
.dcf .dcf-topten .slider li .price {
	color: #666 !important;
	font-weight: bold;
}

/* ------------------------------
Top Ten Pagination
--------------------------------*/
.dcf .dcf-topten .pagination {
	height: 110px;
	float: none;
	text-align: center;
}
.dcf .dcf-topten .pagination h3 {
	text-align: center;
	color: #666;
	font-style: italic;
	height: 32px;
	line-height: 32px;
	width: 100%;
}
.dcf .dcf-topten .pagination ul {	
	margin: 0px auto;
}
.dcf .dcf-topten .pagination ul li {
	display: inline-block;
	margin: 0px 5px;		
	*float: left;
	*display: inline;
}
.dcf .dcf-topten .pagination ul li a {
	margin: 0px;
	opacity: 0.4;
	filter: alpha(opacity=40);	
}
.dcf .dcf-topten .pagination ul li a:after {
	content: none;
}

.dcf .dcf-topten .pagination ul a.active,
.dcf .dcf-topten .pagination ul a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


/*===============================================================================
.dcf-lightbox	Generic Lightbox
===============================================================================*/
.dcf-s-lightbox {display: none;} /* Class to stop JavaScript from init */

/* Once the component has been loaded in a lightbox, show it */
.dcf-lightbox .dcf-lightbox-content .dcf-s-lightbox {
	display: block;
}

.dcf-a-lightbox {} /* Class to launch the lightbox */

.dcf-lightbox  .dcf-lightbox-content > * {margin: 0px;}



/* As the lightbox is appended to the body element, we need to have a slightly different selector compared to other components */
body > .dcf-lightbox {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80111111, endColorstr=#80111111);
	background: rgba(17, 17, 17, 0.8);
	margin: 0px;
	z-index: 10000;
	*position: absolute;
}

/* To hide the ovleray */
body > .dcf-lightbox.dcf-s-hide {display: none;}

body > .dcf-lightbox > div {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 796px;
	height: 500px;
	background: #FFF  no-repeat 50% 50%;
	margin: auto;
	*margin-top: 50px;
	*position: static;
}
body > .dcf-lightbox > div > div {
	*position: relative;
}
body > .dcf-lightbox .dcf-a-close {
	position: absolute;
	top: -18px;
	right: -19px;
	background-image: url('/wcsstore/DebenhamsStorefrontAssetStore/images/close.png'), url('/mobify/proxy/base/wcsstore/DebenhamsStorefrontAssetStore/images/close.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 40px;
	width: 40px;
	margin: 0px;
	z-index: 9000;
}
body > .dcf-lightbox .dcf-a-close:after {
	content: none;
}
body > .dcf-lightbox.dcf-s-loading .dcf-container {
	background-image: url("/wcsstore/DebenhamsUKSite/Img/Be_Inspired/Top_10s/Common_images/Common_Images/2012_lookbook_loader.gif");
}

body > .dcf-lightbox.dcf-s-loading .dcf-lightbox-container {
	visibility: hidden;
}

/*===============================================================================
.dcf-youtube YouTube Component
===============================================================================*/
.dcf .dcf-youtube {
	position: relative;
	float: none;
	height: 495px;
}
.dcf .dcf-youtube iframe {display: block !important; background: #000;}
.dcf .dcf-youtube a {
	background: #AC3C5D;
	font-size: 16px;
	color: #FFF;
	padding: 8px 25px 8px 10px;
	font-weight: normal;
	float: right;
	margin-top: 10px;
}
.dcf .dcf-youtube a:after {
	width: 0;
	height: 0;
	border: 4px solid rgba(0, 0, 0, 0);
	border-right: none;
	border-left-color: #333;
	content: "";
	color: #FFF;
	right: 8px;
	top: 12px;
	border-width: 7px;
	border-left-color: #FFF;
}

body > .dcf-lightbox > .dcf-container[data-dcfcontains='dcf-youtube'] {
	background-color: transparent;
}

/*===============================================================================
.dfc-t-* [orange, green]
===============================================================================*/

/* Orange shade */
.dcf .dcf-texttabs.dcf-t-orange .pagination {
	border-color: #ef4d64;
}

.dcf .dcf-texttabs.dcf-t-orange .pagination ul li a {
	background-color: #fdedef;
}

.dcf .dcf-texttabs.dcf-t-orange .pagination ul li a:hover{
	background-color: #fadcdf;
	text-decoration: none;
}
.dcf .dcf-texttabs.dcf-t-orange .pagination ul li a.active {
	background-color: #ef4d64;
	color: #fff !important;
}


/* Green shade --------------- */
.dcf .dcf-texttabs.dcf-t-green .pagination {
	border-color: #01b39d;
}
.dcf .dcf-texttabs.dcf-t-green .pagination ul li a {
	background-color:#e5f7f5;
}

.dcf .dcf-texttabs.dcf-t-green .pagination ul li a:hover{
	background-color: #cdf5f1;
	text-decoration: none;
}


.dcf .dcf-texttabs.dcf-t-green .pagination ul li a.active {
	background-color: #01b39d;
	color: #fff !important;
}


/*===============================================================================
.dcf-brands bar (Re-uses the ".dcf-tabs pagination styles")
===============================================================================*/
.dcf .dcf-brands ul li {
	padding: 0px;
}

/*===============================================================================
.dcf-cat-slider Static Product slider
===============================================================================*/
.dcf .dcf-cat-slider {
	margin-bottom: 20px;
}

.dcf .dcf-cat-slider .bx-wrapper {
	width:796px !important;
}
.dcf .dcf-cat-slider .bx-window {
	margin: 0 auto;
}

.dcf .dcf-cat-slider ul li {
	padding: 0px;
	float: left;
	overflow: hidden;
}

.dcf .dcf-cat-slider ul li a {
	float: left;
	clear: none;
	margin: 0 8px;
	transition: opacity 0.35s;
	width: 164px;
	font-size: 20px;
	font-weight: normal;
}

.dcf .dcf-cat-slider a:after {
	content:"";
	border:none;
}

.dcf .dcf-cat-slider ul a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.dcf .dcf-cat-slider ul li a img {
	display: block;
	margin-bottom: 5px;
}

.dcf .dcf-cat-slider .bx-prev,
.dcf .dcf-cat-slider .bx-next {
	position: absolute;
	top: 31%;
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	width: 26px;
	height: 56px;
	font-size: 0;
	margin: 0;
	line-height: 56px;
	text-align: center;
}

.dcf .dcf-cat-slider .bx-prev:hover,
.dcf .dcf-cat-slider .bx-next:hover {
	text-decoration: none;
}

.dcf .dcf-cat-slider .bx-prev:before,
.dcf .dcf-cat-slider .bx-next:before {
	font-family: "Muyalto";
	font-size: 22px;
}

.dcf .dcf-cat-slider .bx-prev:before {
	content: "q";
}

.dcf .dcf-cat-slider .bx-next:before {
	content: "r";
}

.dcf .dcf-cat-slider .bx-prev {
	left: 0;
}

.dcf .dcf-cat-slider .bx-next {
	right:0;
}

/* Product information */
.dcf .dcf-cat-slider .product-info * {
	font-size: 13px;
	color: #000;
}

.dcf .dcf-cat-slider .product-info > span {
	display: block;
}

.dcf .dcf-cat-slider .product-info > .brand {
	text-transform: uppercase;
	font-weight: 600;
}

.dcf .dcf-cat-slider .product-info > .name {
	margin-bottom: 5px;
}

.dcf .dcf-cat-slider .product-info .price_now,
.dcf .dcf-cat-slider .product-info .price-actual {
	font-weight: 600;
}

.dcf .dcf-cat-slider.three-col ul li a {
	width: 224px;
}

.dcf .dcf-cat-slider.three-col .bx-prev, 
.dcf .dcf-cat-slider.three-col .bx-next {
	top: 31%;
	line-height: 75px;
}

.dcf-c a.dcf-cat-more-link {
	float: none;
	text-decoration: underline;
	font-weight: 400;
}

.dcf-c.dcf-cat-slider p.dcf-cat-more {
	margin: 20px 0 0 0 !important;
}

/*===============================================================================
.dcf-d-slider Dynamic Product slider
===============================================================================*/
.dcf .dcf-d-slider {
	margin-bottom: 20px;
}

.dcf .dcf-d-slider .bx-wrapper {
	width:796px !important;
}
.dcf .dcf-d-slider .bx-window {
	margin: 0 auto;
}

.dcf .dcf-d-slider ul li {
	padding: 0px;
	float: left;
	overflow: hidden;
}

.dcf .dcf-d-slider ul li a {
	float: left;
	clear: none;
	margin: 0 8px;
	transition: opacity 0.35s;
	width: 164px;
	font-size: 20px;
	font-weight: normal;
}

.dcf .dcf-d-slider a:after {
	content:"";
	border:none;
}

.dcf .dcf-d-slider ul a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	color: #000;
}

.dcf .dcf-d-slider ul li a img {
	display: block;
	margin-bottom: 5px;
	width: 164px;
	height: 164px;
}

.dcf .dcf-d-slider .bx-prev,
.dcf .dcf-d-slider .bx-next {
	position: absolute;
	top: 31%;
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	width: 26px;
	height: 56px;
	font-size: 0;
	margin: 0;
	line-height: 56px;
	text-align: center;
}

.dcf .dcf-d-slider .bx-prev:hover,
.dcf .dcf-d-slider .bx-next:hover {
	text-decoration: none;
}

.dcf .dcf-d-slider .bx-prev:before,
.dcf .dcf-d-slider .bx-next:before {
	font-family: "Muyalto";
	font-size: 22px;
}

.dcf .dcf-d-slider .bx-prev:before {
	content: "q";
}

.dcf .dcf-d-slider .bx-next:before {
	content: "r";
}

.dcf .dcf-d-slider .bx-prev {
	left: 0;
}

.dcf .dcf-d-slider .bx-next {
	right:0;
}

/* Product information */
.dcf .dcf-d-slider .product-info * {
	font-size: 13px;
	color: #000;
}

.dcf .dcf-d-slider .product-info > span {
	display: block;
}

.dcf .dcf-d-slider .product-info > .brand {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 5px;
}

.dcf .dcf-d-slider .product-info > .name {
	margin-bottom: 5px;
	line-height: 1.5;
}

.dcf .dcf-d-slider .product-info .price_now,
.dcf .dcf-d-slider .product-info .price-actual {
	font-weight: 600;
}

.dcf .dcf-d-slider .product-info .price_now {
	color: #CC0000;
}

.dcf .dcf-d-slider,
.dcf .dcf-d-slider-header {
	display: none;
}

/*===============================================================================
.dcf-del-banner Delivery Banners
===============================================================================*/
.dcf .dcf-del-banner a {
	margin: 0;
	clear:none;
	float: left;
	width: 265px;
	padding: 10px;
	display: table;
	height: 50px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}

.dcf .dcf-del-banner a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.dcf .dcf-del-banner a:after {
	border:0;
}

.dcf .dcf-del-banner a:before {
	color: #01a790;
	line-height: 50px;
	font-size: 35px;
	padding-right: 20px;
	float: left;
	height:100%;
}

.dcf .dcf-del-banner a:hover:before {
	color: #404040;
	text-decoration: none;
}

.dcf .dcf-del-banner a > span {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	width: 100%;
	font-weight: normal;
}

.dcf .dcf-del-banner.two-col {
	width: 570px !important;
	float:none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.dcf .dcf-del-banner.one-col {
	width:auto;
	float:none;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	display:table;
}

.dcf .dcf-del-banner.one-col a{
	width:auto;
}
.dcf .two-col.dcf-del-banner a{
	width: 50%;
}

/*===============================================================================
.dcf-view-more SEO Copy
===============================================================================*/

.dcf .dcf-view-more {
	width: 796px;
}

.dcf .dcf-view-more > a {
	font-size: 16px;
	float: right;
}

.dcf .dcf-view-more > a:after {
	font-size: 11px;
	padding-left: 6px;
	display: inline-block;
}

.dcf .dcf-view-more > a:hover:after {
	text-decoration: none;
}

.dcf .dcf-view-more > div {
	clear: both;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height 0.4s;
	-moz-transition: max-height 0.4s;
	-o-transition: max-height 0.4s;
	transition: max-height 0.4s;
}

.dcf .dcf-view-more.show a:after {
	content: "s" !important;
}

.dcf .dcf-view-more.show > div {
	max-height: 1000px;
}
.dcf .dcf-view-more h3{
	font-size:18px;
	margin:10px 0;
}

.dcf .dcf-view-more.show > div a{
	margin:0;
	font-weight:normal;
	float:none;
	text-decoration:underline;
}
.dcf .dcf-view-more.show > div a:after{
	content:none!important;
}

/* New chevrons */
.dcf .dcf-chev a.bx-next,
.dcf .dcf-chev a.bx-prev {
	position: absolute;
	top: 160px !important;
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	width: 26px;
	height: 56px;
	font-size: 0;
	margin: 0;
	line-height: 56px;
	text-align: center;
	background-image: none;
	text-indent: 0;
}

.dcf .dcf-chev a.bx-prev:hover,
.dcf .dcf-chev a.bx-next:hover {
	text-decoration: none;
}

.dcf .dcf-chev a.bx-prev:before,
.dcf .dcf-chev a.bx-next:before {
	font-family: "Muyalto";
	font-size: 22px;
}

.dcf .dcf-chev a.bx-prev:before {
	content: "q";
}

.dcf .dcf-chev a.bx-next:before {
	content: "r";
}

.dcf .dcf-chev a.bx-next {
	right: 0;
}

.dcf .dcf-chev a.bx-prev {
	left: 0;
}

/*===============================================================================
.dcf-feature Feature pages
===============================================================================*/

.dcf .dcf-feature {
	width: 816px;
	margin: 0 auto;
}

.dcf .dcf-feature .dcf-main-heading {
	text-align: center;
	text-transform: uppercase;
	background: none;
	margin-top: 20px;
}

.dcf .dcf-feature .dcf-feature-navigation {
	border-width: 1px 0;
	border-style: solid;
	border-color: #CCC;
	padding: 10px 0;
	margin: 10px 0 20px 20px;
	text-transform: uppercase;
	font-size: 16px;
	overflow: hidden;
}

.dcf .dcf-feature .dcf-feature-navigation a {
	font-size: 16px;
	text-decoration: underline;
}

.dcf .dcf-feature .dcf-feature-navigation .dcf-l-box {
	background: #CCC;
	font-size: 16px;
	color: #000 !important;
	padding: 8px 10px 8px 25px;
	font-weight: normal;
	text-decoration: none;
	display: block;
	position: relative;
	float: left;
}

.dcf .dcf-feature .dcf-feature-navigation .dcf-l-box:before {
	position: absolute;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: none;
	border-right-color: #333;
	content: "";
	left: 11px;
	bottom: 10px;
	border-width: 7px;
}

.dcf .dcf-feature .dcf-feature-navigation .dcf-feature-breadcrumb {
	float: right;
	padding: 8px 0;
}

.dcf .dcf-feature h3.dcf-feature-title {
	font-size: 20px;
	margin-bottom: 10px;	
}

.dcf .dcf-feature p.dcf-feature-opening {
	font-weight: bold;
}

.dcf .dcf-feature p.dcf-feature-quote-text {
	font-size: 32px;
	line-height: 34px;
}

.dcf .dcf-feature p.dcf-feature-quote-text:before {
	content: "\2018";
}

.dcf .dcf-feature p.dcf-feature-quote-text:after {
	content: "\2019";
}

.dcf .dcf-feature .dcf-c .dcf-feature-image {
	text-align: center;
	margin-bottom: 30px;
}

.dcf .dcf-feature .dcf-c .dcf-feature-image a {
	float: none;
}

.dcf .dcf-feature .dcf-c .dcf-feature-image img {
	width: 100%;
	display: block;
}

/** Sharing icons **/

.dcf .dcf-feature .dcf-share-icons {
	border-top: 1px solid #CCC;
	padding: 10px 0;
	margin-left: 20px;
}

.dcf .dcf-feature .dcf-share-icons ul {
	float: right;
}

.dcf .dcf-feature .dcf-share-icons ul li {
	display: block;
	float: left;
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
	margin-right: 10px;
}

.dcf .dcf-feature .dcf-share-icons ul li:last-child {
	margin-right: 0;
}

.dcf .dcf-feature .dcf-share-icons ul li.dcf-share-icon a {
	background-image: url('/wcsstore/DebenhamsStorefrontAssetStore/images/socialshare-dcf.png');
	width: 30px;
	height: 28px;
	display: block;
}

.dcf .dcf-feature .dcf-share-icon.dcf-share-icons-facebook a {
	background-position: 10px -1px;
}

.dcf .dcf-feature .dcf-share-icon.dcf-share-icons-twitter a {
	background-position: 2px -37px;
}

.dcf .dcf-feature .dcf-share-icon.dcf-share-icons-gplus a {
	background-position: 0 -94px;
}

.dcf .dcf-feature .dcf-share-icon.dcf-share-icons-pinterest a {
	background-position: 5px -129px;
}

/** Index page styles **/

.dcf .dcf-feature .dcf-feature .dcf-adspot a img {
	width: 100%;
}

.dcf .dcf-feature .dcf-adspot .dcf-feature-adspot-quote {
	width: 100%;
	padding-bottom: 100%;
}

.dcf .dcf-feature .dcf-adspot .dcf-feature-adspot-quote span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto auto;
	width: 80%;
	height: 80%;
	text-align: center;
	font-size: 30px;
	font-style: italic;
}

.dcf .dcf-feature .dcf-adspot .dcf-feature-adspot-quote span:before {
	content: "\2018";
}

.dcf .dcf-feature .dcf-adspot .dcf-feature-adspot-quote span:after {
	content: "\2019";
}

.dcf .dcf-feature .dcf-adspot.dcf-l-6 .dcf-feature-adspot-quote span {
	font-size: 46px;
}


.dcf .dcf-feature .dcf-c.dcf-l-4 img {
	width: 100%;
}

.dcf .dcf-feature .dcf-c.dcf-l-12 {
	width: 796px;
}

.dcf .dcf-c.dcf-l-12 a:after{
	border: 0;
}

.dcf .dcf-feature .dcf-showmore {
	text-align: center;
	float: none;
}

.dcf .dcf-feature .dcf-l-12.dcf-adspot.dcf-l-texthover > div {
	max-width: 388px;
}

.dcf .dcf-feature .dcf-showmore a {
	margin: 0px auto;
	padding: 8px 35px 8px 13px;
	font-size: 16px;
	float: none;
	background: #cccccc;
	font-weight: normal;
	color: #000000;
}
.dcf .dcf-feature .dcf-showmore a:hover {
	text-decoration: none;
	opacity: 0.5;
}
.dcf .dcf-feature .dcf-showmore a:after {
	width: 0;
	height: 0;
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	border-top: 9px solid #000;
	top: 15px;
	right: 10px;
}
.dcf .dcf-feature .dcf-c.dcf-adspot.dcf-l-texthover > div {
	max-height: 66px;
}
.dcf .dcf-feature .dcf-adspot.dcf-l-texthover:hover > div {
	max-height: 100%;
}

.dcf .dcf-feature .dcf-hero{height:auto;}
.dcf .dcf-feature .dcf-main-heading{margin-bottom:20px;}
.dcf .dcf-feature .dcf-main-heading h1{font-size:40px;}
.dcf .dcf-feature .dcf-sub-heading{background:transparent;font-size:20px;text-align:center;}

/*===============================================================================
Site Specific Overrides
===============================================================================*/

/* ------------------------------
DOTCOM/DOTIE Overrides
--------------------------------*/

/* Generic T8 Overrides */
#main_content_wrapper_layoutcontainertop #t8 #body_wrapper {margin:0px;padding:0px;}
#page #main_content_wrapper_layoutcontainerbottom_1 {padding-top:0px;}
#page > br {display: none;}
#espotalign_cat {width:100%}
#espotalign_cat .genericESpot {padding-bottom: 0}


/* Content Style Overrides */
#body_wrapper p {
	margin: 0px 0px 20px 0px;
}

#body_wrapper h4,
#body_wrapper h2,
#body_wrapper h3 {font-weight: normal;}

/* Individual Component Overrides */
#body_wrapper .dcf .dcf-tabs .slider li a {color: #FFF;}

#body_wrapper .dcf .dcf-lhn h3 {font-weight: normal;}

#body_wrapper .dcf .dcf-topten li h3 {font-weight: bold;}

/* ------------------------------
INTERNATIONAL Overrides
--------------------------------*/

/* Generic T8 Overrides */
.fixed-width-row > .breadcrumb {display: none;}

/* Content Style Overrides */

/* =======================================================================================
	Tcat live text templates
======================================================================================= */

/* Reset defaults */
#ad_TC_Hero{display:none}
.dcf .dcf-t-hero a, 
#dcf-tcat-carousel a,
.dcf .dcf-tcat-carousel a {float: none;position: initial}
/* Override IBMs br style */
.dcf br {display: inline}
#WC_Shop_TopCategory_TCAT_Body #page_header h1 {
	text-align: center;	
}
#WC_Shop_TopCategory_TCAT_Body #body_content {margin-left: 1.43%; width: 79.5%}

#WC_Shop_TopCategory_TCAT_Body .sidebar {
    margin: 0 !important;
}

#WC_Shop_TopCategory_TCAT_Body #content588 {
	width: 100% !important;
}

/* ---------------------------
Common styles 
-----------------------------*/
.dcf .dcf-t-hero {
	width:796px;
	position:relative;
	max-height:370px;
}

.dcf .slider .dcf-t-hero {
	height:370px;
}

.dcf .dcf-t-hero >.deb-t-container {
	position:absolute;
	top:0;
	max-width:50%;
	margin:45px 0 0 47px;
}

.dcf-t-hero sup {
	font-size:.8em;
	vertical-align:top;
}

.dcf-t-hero h2 sup {
	font-size:.5em;
	vertical-align:super;
}

.dcf-t-hero span sup {
	font-size:1em;
}

#page #body_content .dcf .dcf-t-hero * {
	line-height:1;
	color:inherit;
	font-family:Lato,"Century Gothic","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

#page #body_content .dcf .dcf-t-hero .georgia, #page #body_content .dcf .dcf-t-hero .georgia *, #page #body_content .dcf .dcf-t-hero >.deb-t-container .georgia, .dcf-heading h2.georgia {
	font-family:Georgia!important;
}

.dcf .dcf-t-hero .info-area {
	height:32px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	font-size:18px;
	display:inline-block;
	background:rgba(255,255,255,0.6);
	color:#000;
	position:absolute;
	top:0;
	left:0;
	max-width:340px;
	overflow:hidden;
	margin:0 0 0 47px;
	padding:7px;
}

.dcf .dcf-t-hero >.deb-t-container.center {
	max-width:100%;
	text-align:center;
	width:100%;
	margin:45px 0 0;
}

.dcf .dcf-t-hero >.deb-t-container >h4 {
	font-weight:400!important;
	font-size:30px;
	padding-bottom:10px;
	margin:0!important;
}

.dcf .dcf-t-hero >.deb-t-container >span {
	font-weight:100!important;
	font-size:20px;
	padding-bottom:4px;
	display:block;
}

#page #body_content .dcf .dcf-t-hero >.deb-t-container >h2 {
	font-weight:400!important;
	font-size:58px;
	line-height:60px;
	padding-bottom:2px;
	font-style: normal;
}

.dcf .dcf-t-hero >.deb-t-container >h3 {
	font-weight:100!important;
	font-size:30px;
	padding-bottom:10px;
	line-height:36px;
}

.dcf .dcf-t-hero >.deb-t-container >p {
	font-size:16px;
	padding-bottom:16px;
	line-height:20px;
	font-weight:300;
	margin:0!important;
}

.dcf .dcf-t-hero .tc-icon {
	position:absolute;
	bottom:6px;
	right:6px;
	display:block;
	background:#fff;
	z-index:1;
	font-size:13px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	cursor:default;
	margin-bottom:0!important;
	font-weight:400;
	padding:5px 10px 5px 5px;
}

.dcf .dcf-t-hero .tc-icon:after {
	padding-left:5px;
	display:inline-block;
	bottom:0;
}

.dcf .dcf-t-hero .tc-icon .tc-msg {
	position:absolute;
	background:#fff;
	white-space:nowrap;
	bottom:-6px;
	right:-6px;
	z-index:-1;
	display:none;
	line-height:15px;
	font-size:13px;
	max-width:393px;
	padding:15px 110px 10px 10px;
}

.dcf .dcf-t-hero .tc-icon:hover .tc-msg {
	display:block;
}

.dcf .dcf-t-hero >.sale-2 >h2 {
	font-size:80px;
	line-height:80px;
}

.dcf .dcf-t-hero >.sale-2 >p {
	font-size:30px;
	line-height:36px;
	font-weight:100!important;
}

.dcf .dcf-t-hero >.message-1 >h2 {
	font-size:46px;
	line-height:50px;
	padding-bottom:10px;
}

.dcf .dcf-t-hero .message-2.center {
	margin-top:90px;
}

.dcf .dcf-t-hero >.deb-t-container.message-2 >h2 {
	font-size:30px;
	line-height:36px;
	padding-bottom:10px;
}

.dcf .dcf-t-hero .deb-t-container >img {
	margin:40px 0 20px;
}

.dcf .dcf-t-hero .deb-t-container.center >img {
	margin-top:0;
}

.dcf .dcf-t-hero .dcf-t-hero-links {
	padding-top: 5px;
}

.dcf .dcf-t-hero .dcf-t-hero-links a {
	float:none;
	font-size: 16px !important;
	font-weight:300!important;
	color:inherit;
	font-family:Lato,"Century Gothic","Helvetica Neue",Helvetica,Arial,sans-serif!important;
	margin-bottom:20px;
	display:inline-block;
}

.dcf .dcf-t-hero .dcf-t-hero-links a:last-child {
	margin-bottom:3px;
}

.dcf .dcf-t-hero .dcf-t-hero-links a:after {
	font-family:Muyalto;
	font-size: 10px !important;
	content:"r";
	padding-left:7px;
	display:inline-block;
	text-decoration:none;
	border:none;
	bottom:0;
	right:0;
	position:relative;
	width:auto;
	height:auto;
}

.dcf .dcf-t-hero .center .dcf-t-hero-links {
	text-align:center;
}

.dcf .dcf-t-hero .dcf-t-hero-links >div {
	margin-right:20px;
	display:inline-block;
}

.dcf .dcf-t-hero .dcf-t-hero-links >div:last-child {
	margin-left:20px;
	margin-right:0;
}

.dcf .dcf-t-hero .dcf-t-hero-links.hor-3-col >div:last-child {
	margin-left:0;
}

.dcf .dcf-tcat-carousel {
	max-height: 390px;
}

.dcf .dcf-tcat-carousel a.bx-next,.dcf .dcf-tcat-carousel a.bx-prev {
	position:absolute;
	z-index:100;
	top:160px!important;
	background-color:rgba(255,255,255,.6);
	width:26px;
	height:56px;
	font-size:0;
	line-height:56px;
	text-align:center;
	background-image:none;
	text-indent:0;
	transition:.2s all;
	-webkit-transition:.2s all;
	-moz-transition:.2s all;
	-o-transition:.2s all;
	margin:0;
}

.dcf .dcf-tcat-carousel a.bx-prev {
	left:-26px;
}

.dcf .dcf-tcat-carousel a.bx-next {
	right:-26px;
}

.dcf .dcf-tcat-carousel:hover a.bx-prev {
	left:0;
}

.dcf .dcf-tcat-carousel:hover a.bx-next {
	right:0;
}

.dcf .dcf-tcat-carousel a.bx-prev:before,.dcf .dcf-tcat-carousel a.bx-next:before {
	font-family:Muyalto;
	font-size:22px;
}

.dcf .dcf-tcat-carousel a.bx-next:before {
	content:"r";
}

.dcf .dcf-tcat-carousel a.bx-prev:before {
	content:"q";
}

.dcf .dcf-tcat-carousel a.bx-next:after,.dcf .dcf-tcat-carousel a.bx-prev:after {
	border:none;
	position:static;
}

.dcf .dcf-tcat-carousel .bx-pager {
	text-align:center;
	padding:6px 0;
}

.dcf .dcf-tcat-carousel .bx-pager a {
	font-size:8px;
	line-height:8px;
	height:8px;
	width:8px;
	display:inline-block;
	text-indent:-9999px;
	cursor:pointer;
	background:#EEE;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	margin:0 4px;
}

.dcf .dcf-tcat-carousel .bx-pager .pager-active {
	background:#CCC;
}

.dcf .dcf-tcat-carousel .bx-pager a:after {
	position:initial;
	border:none;
}

.dcf .dcf-t-links {
	width:796px;
	display:block;
	text-align:center;
}

.dcf .dcf-t-links a {
	float:left;
	width:33.333%;
	display:inline;
	clear:none;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:#F3F3F3 url(/wcsstore/DebenhamsStorefrontAssetStore/img/homepage/button-bg.png) repeat-x 0 100%;
	border-right:1px solid #c0c1c3;
	border-left:1px solid #ecf7f6;
	font-weight:400;
	margin:0;
	padding:7px 0;
	text-transform: uppercase;
}

.dcf .dcf-t-links a:first-child,.dcf .dcf-t-links a:nth-child(4) {
	border-left:0;
}

.dcf .dcf-t-links a:nth-child(3),.dcf .dcf-t-links a:nth-child(6) {
	border-right:0;
}

.dcf .dcf-t-links a:after {
	font-family:Muyalto;
	font-size:9px;
	content:"r";
	padding-left:5px;
	display:inline-block;
	text-decoration:none;
	border:none;
	bottom:0;
	right:0;
	position:relative;
	width:auto;
	height:auto;
	text-transform: none !important;
}

.dcf .dcf-t-hero .tc-icon:hover,.dcf .dcf-tcat-carousel a.bx-next:hover,.dcf .dcf-tcat-carousel a.bx-prev:hover {
	text-decoration:none;
}

.dcf .dcf-t-hero >.message-1 >h3,.dcf .dcf-t-hero >.deb-t-container.message-2 >h3 {
	font-weight:300!important;
	font-size:20px;
	padding-bottom:10px;
	line-height:24px;
}

.dcf .dcf-t-hero .dcf-t-hero-links,.dcf .dcf-tcat-carousel {
	overflow:hidden;
}



/* Font weight overrides */
.dcf .dcf-t-hero > .deb-t-container .dcf-font-lighter {font-weight: 100 !important;}
.dcf .dcf-t-hero > .deb-t-container .dcf-font-light {font-weight: 300 !important;}
.dcf .dcf-t-hero > .deb-t-container .dcf-font-normal {font-weight: 400 !important;}
.dcf .dcf-t-hero > .deb-t-container .dcf-font-bold {font-weight: 700 !important;}

/* Custom furniture styling */
.dcf-t-furniture .dcf-t-hero {
	height: 315px !important;
}
.dcf-t-furniture .dcf-t-hero .dcf-t-hero-links a {
	font-size: 16px !important;
}
.dcf-t-furniture .dcf-t-hero .dcf-t-hero-links a:after {
	font-size: 10px !important;
}


/* ------------------------------
TCAT Adspot Live Text Overlays
--------------------------------*/
#WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar, .t-app--category span.hp-comp3-color-bar {
    font-size:20px;
    margin:0;
    padding:8px;
    position:absolute;
    width: 100%;
    bottom:0;
    text-align:center;
    background-color: #16315d;
    line-height:20px;
    left: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-webkit-box-sizing: border-box;
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar > span, .t-app--category span.hp-comp3-color-bar > span{
    font-size:20px;
    color:#f4e739
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar > span.lato-thin, .t-app--category span.hp-comp3-color-bar > span.lato-reg{
    font-weight:300
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar > span.lato-reg, .t-app--category span.hp-comp3-color-bar > span.lato-reg{
    font-weight:400
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar > span.lato-bold, .t-app--category span.hp-comp3-color-bar > span.lato-bold{
    font-weight:500
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar > span.hp-comp3-georgia, .t-app--category span.hp-comp3-color-bar > span.hp-comp3-georgia{
    font-family:georgia;
    font-style:italic
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar > span.hp-comp3-italic, .t-app--category span.hp-comp3-color-bar > span.hp-comp3-italic{
    font-style:italic
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar span.white, .t-app--category span.hp-comp3-color-bar span.white{
    color:#FFF!important
}
 #WC_Shop_TopCategory_TCAT_Body span.hp-comp3-color-bar span.yellow, .t-app--category span.hp-comp3-color-bar > span.yellow{
    color:#f4e739!important
}
/* ----------------------------------------------------------------------------------------
TCAT description box - added as part of tcat templates
---------------------------------------------------------------------------------------- */
#tcat_desc_box {border-top: 1px solid #B9BABC;display: inline;float: left;font-family: "Georgia","Times New Roman","Times",serif !important;padding-top: 25px;width: 100%;}
#tcat_desc_box h3 {color: #333333;font-weight: normal;text-align: center;font-family: "Georgia","Times New Roman","Times",serif !important;font-size: 12px;}
#tcat_desc_box p {font-size: 12px;margin-top: 0;font-family: "Georgia","Times New Roman","Times",serif !important;text-align:center;}
#tcat_desc_box p a {font-family: "Georgia","Times New Roman","Times",serif !important;font-size:12px;font-weight:bold;text-decoration:none;}
#tcat_desc_box p a:hover {text-decoration:underline;}


/* ----------------------------------------------------------------------------------------
	Xmas components
---------------------------------------------------------------------------------------- */
.dcf.dcf-site-width-banner{width:100%;height:318px;color:#FFF;margin-left:0px;}
.dcf.dcf-site-width-banner img{position:absolute;width:1000px;}
.dcf.dcf-site-width-banner > div{width:520px;position:relative;text-align:center;margin:0 auto;}
.dcf.dcf-site-width-banner h5{text-transform:uppercase;line-height:70px;font-size:24px;font-weight:400!important;letter-spacing:4px;}
.dcf.dcf-site-width-banner p{font-size:16px;}

.dcf .dcf-c.dcf-l-2{width:143px;}
.dcf .dcf-c.dcf-l-2 > div {width:100%;text-align:center;}

.dcf .georgia h3 {font-family: Georgia !important; font-style: italic}

/* ----------------------------------------------------------------------------------------
	2 col heading
---------------------------------------------------------------------------------------- */
.dcf.dcf-c.dcf-heading.dcf-heading-half.dcf-l-6{clear:none;float:left;}

/* ----------------------------------------------------------------------------------------
	Animating GIFs
---------------------------------------------------------------------------------------- */
.dcf-animatedContainer{width:796px;height:370px;clear:both;float:left;color:#a50d2d;}
.dcf-animatedContainer img{position:absolute;}
.dcf-animatingImage{position:absolute;}		
.dcf-animatedContainerCopy{position:relative;}
.dcf-animatedContainerCopy p{font-size:16px!important;}
.dcf-animatedContainerCopy a{font-size:16px;}

/* ----------------------------------------------------------------------------------------
	5.5 Release Breadcrumb
---------------------------------------------------------------------------------------- */
#breadcrumb_cat{
    font-weight:bold;
}
#t8 #breadcrumb_cat a{
    color: #20a696;
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px;
    font-family: 'Lato', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif !important;
}

.breadcrumb_current{
    color: #20a696;
    font-size: 16px;
    padding: 0 10px;
    font-weight: 700;
    font-family: 'Lato', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif !important;
}


#t8 #breadcrumb_cat .breadcrumb_links a:nth-child(2) {
    padding-left:0px;
    padding-right:10px;
}

.dcf .dcf-lhn ul:nth-of-type(1) {
    border-top:0;
    padding-top:0;
}
.dcf .dcf-lhn h2:first-child {
    margin-bottom:10px;
}
#main_content_wrapper_layoutcontainertop {
    margin-top: 4px;
}


/* ----------------------------------------------------------------------------------------
	Center Text
---------------------------------------------------------------------------------------- */
.dcf.dcf-c.dcf-center{
	text-align:center;
}
.dcf.dcf-c.dcf-center a{
	text-align:center;
	float:none;
}
.dcf.dcf-c.dcf-center p{
	margin-top:10px!important;
}
.dcf.dcf-c.dcf-center h3{
	margin-top:10px!important;
}
.dcf.dcf-c.dcf-center div{
	float:none;
}

/* ----------------------------------------------------------------------------------------
	PSP Slider
---------------------------------------------------------------------------------------- */
.psp_bxslider{
	overflow:hidden;
	width:100%;
	height:250px;
}
.psp_bxslider ul.bxslider > li {
	width: 100%;
}

#ad_PS_2 .bx-prev, 
#ad_PS_2 .bx-next {
	position: absolute;
	z-index: 110;
	height: 65px;
	width: 32px;
	background-color: rgba(255, 255, 255, 0.6);
	top: 50%;
	margin-top: -32px;
	font-size: 0;
	font-family: "muyalto" !important;
	text-align: center;
	transition: .2s all;
	-webkit-transition: .2s all;
	-moz-transition: .2s all;
	-o-transition: .2s all;
	color:#333;
}

#ad_PS_2 .bx-next:before {
	content: "r";
	font-size: 28px;
	line-height: 65px;
	display:block;
}

#ad_PS_2 .bx-prev:after {
	content: "q";
	font-size: 28px;
	line-height: 65px;
}

#ad_PS_2 .bx-next{right:-32px}
#ad_PS_2 .bx-prev{left:-32px}

#ad_PS_2 .bx-wrapper:hover a.bx-prev{left:0;}
#ad_PS_2 .bx-wrapper:hover a.bx-next{right:0;}

/* Rating Review */
.dcf .dcf-rating-review{
	background:#f7f7f7;
	text-align:center;
	font-size:18px;
	color:#333;
	line-height:24px;
}
.dcf .dcf-rating-review blockquote{
	font-family:Georgia!important;
	font-style:italic;
	margin:20px;
}
.dcf .dcf-rating-review-name{
	font-size:16px;
	margin:0 0 0 0;
}
.dcf .dcf-rating-review .dcf-five-star{
	background:url(/wcsstore/DebenhamsUKSite/dcf-5-star.png) no-repeat;
	width:102px;
	height:26px;
	margin:0 auto 20px auto;
}

/* Full Width Hero */
.dcf.dcf-full-width-hero{
	width:100%;
	height:300px;
	margin:0 0 0 0;
	position:relative;
	text-align:center;
	color:#FFF;
}
.dcf.dcf-full-width-hero img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.dcf.dcf-full-width-hero div{
	width:320px;
	margin:110px auto 0;
	position:relative;
}
.dcf.dcf-full-width-hero p{
	font-size:16px;
	font-weight:300;
}
.dcf.dcf-full-width-hero a{
	font-size:16px;
	float:none;
	font-weight:400;
}
.dcf.dcf-full-width-hero a:after{
	font-family: Muyalto;
	font-size: 10px!important;
	content: "r";
	padding-left: 4px;
	display: inline-block;
	text-decoration: none;
	border: none;
	bottom: 0;
	right: 0;
	position: relative;
	width: auto;
	height: auto;
}

a.customProductToggle{
	width:771px;
	background:#FFF!important;
	border-top:1px solid #d9d9d9;
	color:#03b49d;
	border-bottom:1px solid #d9d9d9!important;
	margin-left:20px;
	padding:10px;
	position:relative;
	font-weight:700;
}
a.customProductToggleActive{
	background:#f2fdfc!important;
	border-top:1px solid #03b49d;
	border-bottom:0!important;
	color:#03b49d;
	font-weight:700;
}
a.customProductToggle:after{
	content: "+";
	position: absolute;
	right: 13px;
	font-size: 30px;
	line-height: 19px;
	font-weight: 700;
	font-family: 'Lato', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif;
}
a.customProductToggleActive.customProductToggle:after{
	content: "-";
	position: absolute;
	right: 16px;
	font-size: 30px;
	line-height: 17px;
	font-weight: 700;
	font-family: 'Lato', 'HelveticaNeue', 'Helvetica', 'Arial', sans-serif;
}

@media screen and (max-width: 630px){
	.psp_bxslider{
		display: none;
	}
}
/* iPad Hacks */
@media (max-width: 1000px) {
	#WC_Shop_ProductSelectionPage_PSP_Body .component-area{margin-left:-20px;}			/* Override -30px to -20px */
	#WC_Shop_TopCategory_TCAT_Body #body_content{margin-left:1.22%;}				/* Override from 2.22% to 1.22% */
	#tcat_desc_box{width:776px;float:right;padding: 25px 10px 0;}					/* Vertically aligning the TCAT Description Box */
}


/*===============================================================================
.component-area	Component Area - specifically on enhanced PSP pages
===============================================================================*/
#WC_Shop_ProductSelectionPage_PSP_Body .component-area{
	margin-left:-30px;
}

/* Sale Tcat Styles
------------------------------------------------------------------------------*/
.dcf-uppercase {
	text-transform: uppercase;
}

.dcf-nodesktop {display:none}

/* ---------------------------- 
# Sale TCAT > Hero
---------------------------- */
.dcf.dcf-sale-tcat .dcf-t-hero .dcf-t-hero-links a{margin-right:20px;}

.dcf.dcf-sale-tcat .dcf-t-hero img{
	margin-bottom:0px!important;
}
.dcf.dcf-sale-tcat .dcf-t-hero h4{
	font-size:26px!important;
	line-height:30px!important;
	padding-bottom:0px!important;
}
.dcf.dcf-sale-tcat .dcf-t-hero h2{
	font-size:64px!important;
	line-height:68px!important;
	padding-bottom:6px!important;
}
.dcf.dcf-sale-tcat .dcf-t-hero p{
	font-size:24px!important;
	line-height:28px!important;
	padding-bottom:18px!important;
}

.dcf.dcf-sale-tcat .dcf-t-hero br {
	display: none;
}

.dcf.dcf-sale-tcat .dcf-t-hero >.deb-t-container >span {
	font-weight: 100!important;
    font-size: 18px;
    padding-bottom: 4px;
    display: block;
    line-height: 22px !important;	
}

#body_wrapper .dcf-sale-banner p {
	margin-bottom: 0;
}

.dcf .dcf-color-black,
.dcf .dcf-color-black * {
	color: #000000;
}

.dcf .dcf-color-white,
.dcf .dcf-color-white * {
	color: #ffffff;
}

.dcf .dcf-sale-banner {
	overflow: hidden;
	width:796px!important;
}

.dcf .dcf-sale-banner .dcf-content-wrapper {
	width: 100%;
	margin: 0 auto;
	display: block;
	padding: 25px 0;
	text-align: center;
	/* position: absolute; */
}

.dcf .dcf-sale-banner a.dcf-content-wrapper:hover {
	text-decoration: none;
}

.dcf .dcf-sale-banner a:after {
	border: none;
}

.dcf .dcf-sale-banner h3 {
	color: #FFFFFF;	
	font-size: 20px;
	font-weight: bold !important;
	line-height: 24px;
	margin-bottom: 10px;
}

.dcf .dcf-sale-banner p {
	color: #FFFFFF;	
	font-size:14px;
	font-weight: normal;
}

.dcf .dcf-sale-banner p:last-child {
	margin-bottom: 0;
}

.dcf .dcf-sale-banner p.dcf-promo-text {
	margin-bottom: 10px !important;
	font-weight: bold;
}

.dcf .dcf-sale-banner {
	background-color: #D8D8D8;
}

#content588 #box #page_header .dcf-container .dcf.dcf-heading h2 {
    font-family: 'Lato', "Century Gothic", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
	font-style: normal;
    padding-right: 30px !important;
    background: #FFF;
}

.dcf .dcf-sale-banner-red ul {	
	list-style-type: none;
	margin-top: 20px;
}

.dcf .dcf-sale-banner-red li {
	display: inline-block;
	margin: 0 30px;
}

.dcf .dcf-sale-banner-red li a {
	font-weight: normal;
	text-decoration: underline;
	font-size: 16px;
	margin-bottom: 0 !important;
}

/* Sale Adspots */
.dcf .dcf-sale-adspot .dcf-sale-image-overlay {
	height: 100%;
	width: 30px;
	position: absolute;
	opacity:0.8;
}

.dcf .dcf-sale-adspot a {
	max-width: none;
}
.dcf .dcf-sale-adspot h3 {
	margin-bottom: 10px;
	color: #000000 !important;
	
}
.dcf .dcf-sale-adspot p {
	font-size: 19px;
	margin-bottom: 20px !important;
	color: #000000 !important;
}

.dcf .dcf-l-3.dcf-sale-adspot h3,
.dcf .dcf-l-3.dcf-sale-adspot p,
.dcf .dcf-l-3.dcf-sale-adspot a {
	width: 184px;
}

.dcf .dcf-sale-adspot p > strong {
	font-size: 19px;
}

.dcf .dcf-sale-adspot .dcf-promo-text {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px !important;
}

.dcf .dcf-sale-adspot .dcf-inner {
	position: relative;
	margin-bottom: 10px;
	float: left;
	margin-right: 20px;
	max-width: 100%;
}

.dcf .dcf-sale-adspot .dcf-inner:last-child {
	margin-right: 0px;
}

.dcf .dcf-sale-adspot.dcf-sale-adspot-two-col .dcf-inner:last-child {
	max-width: 164px;
}

/* T&Cs */
	
.dcf .dcf-ts-and-cs {
	width: 100%;
	text-align: center;
}

.dcf .dcf-ts-and-cs p {
    text-align: left;
}

.dcf .dcf-ts-and-cs a {
	font-weight: normal;
	margin-bottom: 0;
	float: none;
	text-decoration: underline;
}

.dcf .dcf-ts-and-cs a:after {
	border: 0;
}

/* Brands section */
.dcf .dcf-daily-discount h3 {
	font-size: 19px;
	text-align: left;
}


/* ==================================================
Tablet CSS
================================================== */
#app-main .dcf-notablet {
	display: none;
}

#app-main .component-area {
	width: 94%;
	margin: 50px auto 0 !important;
	float: none;
}

#app-main .component-area > .dcf-container {
	margin-left: -2.5%;
}

#app-main .dcf-c {
	margin-left: 2.5%;
}

#app-main .dcf-c.dcf-l-3 {
	width: 22.5% !important;
}

#app-main .dcf-c.dcf-l-4 {
	width: 30.8333% !important;
}

#app-main .dcf-c.dcf-l-6 {
	width: 47.5% !important;
}

#app-main .dcf-c.dcf-l-8{
	width: 64.166% !important;
}

#app-main .dcf-c.dcf-l-12 {
	width: 97.5% !important;
}

#app-main .dcf .dcf-adspot {
	width: 47.5%;
}

#app-main .dcf .dcf-adspot > a:first-child{
	margin-right: 2.5%;
}
/*
// #app-main .dcf-l-8 img,
// #app-main .dcf-t-hero img,
// #app-main .dcf-slider.dcf-l-deep img,
// #app-main .dcf-l-3 img,
// #app-main .dcf-l-6 img,
// #app-main .dcf-l-12 img,
// #app-main .dcf-l-4 img,
// #app-main .dcf-fullvideo img {
// 	width: 100%;
// 	height: auto;
// }*/

#app-main .dcf img {
	width: 100%;
	height: auto;
}

#app-main .dcf-slider.dcf-l-deep,
#app-main .dcf-tcat-carousel,
/*#app-main .dcf-t-hero,*/
body > #app-main .dcf-lightbox > div {
	width: 97.5%;
	height: initial;
}
#app-main .dcf-t-hero{
	width: 97.5%!important;
}

/*// absolutely positioned so needs its height*/
#app-main .dcf-fullvideo {
	width: 97.5%;
}

#app-main .dcf .dcf-c.dcf-cat-slider .bx-prev,
#app-main .dcf .dcf-c.dcf-cat-slider .bx-next {
	display: block;
}

#app-main .dcf .dcf-cat-slider ul li a img,
#app-main .dcf .dcf-d-slider ul li a img,
#app-main .dcf-slider.dcf-l-deep img,
#app-main .dcf .dcf-youtube iframe,
#app-main .dcf-tcat-carousel .dcf-t-hero {
	width: 100%;
}

#app-main .dcf .dcf-cat-slider .bx-wrapper {
	width: 100% !important;
}

#app-main .dcf-d-slider ul li a,
#app-main .dcf .dcf-cat-slider ul li a {
	padding: 0 8px;
	width: 25%;
	margin: 0;
}

#app-main .dcf .dcf-adspot > * {
	max-width: 47.5%;
}

#app-main .dcf-psp-links {
	text-align: center;
}

#app-main .dcf-view-more {
	width: 94%;
}

#app-main .dcf-psp-banner {
	width: 95%;
}
#app-main .dcf-psp-banner img{
	left: 2.5%;
}
@media(max-width:768px){
	#app-main .dcf-psp-banner{
		height: auto;
		margin-bottom: 40px;
	}
	#app-main .dcf-psp-banner div {
		width: 60%;
	}
	#app-main .dcf-psp-banner div:nth-of-type(1){
		top: 15px;
	}
	#app-main .dcf-psp-banner-links{
		top: 0!important;
	}
	#app-main .dcf-psp-banner-links a{
		padding-bottom: 10px;
	}
	#app-main .c-dcf-tablet--maximizer .dcf .dcf-del-banner a {
		width: 100%;
		padding-top: 0;
	}
	.dcf .dcf-sale-adspot .dcf-inner {
		float: initial;
	}
	.dcf .dcf-l-3.dcf-sale-adspot h3,
	.dcf .dcf-l-3.dcf-sale-adspot p, 
	.dcf .dcf-l-3.dcf-sale-adspot a {
		width: 100%;
	}
}

/* better loading */
#app-main .dcf-tcat-carousel {
	max-height: 390px;
}

#app-main .dcf .dcf-adspot.dcf-l-imagetop > *,
#app-main .dcf .dcf-adspot.dcf-l-imagetop > *:first-child {
	max-width: 100%;
	margin-right: 0;
}

#app-main .dcf .dcf-adspot.dcf-l-texthover a:first-child {
	float: none;
	display: block;
	max-width: 100%;
	margin: 0;
}
#app-main .dcf .dcf-adspot.dcf-l-texthover > div {
	width: 100%;
	max-width: 100%;
}

#app-main .dcf .dcf-t-hero .tc-icon{
	bottom: 8%;
	right: 3%;
}
#app-main .dcf .dcf-cat-slider {
	width: 97.5%;
}
#app-main .dcf .dcf-tcat-carousel{
	width: 100%;
}
#app-main .dcf.dcf-c.dcf-d-slider{
	width: 97.5%;
}
#app-main .dcf .dcf-d-slider .bx-wrapper{
	width: initial !important;
}
#app-main .dcf .dcf-c.dcf-l-2{
	width: 17.5%;
}
#app-main .dcf.dcf-c.dcf-l-3.dcf-adspot div{
	max-width: 100%;
}
#app-main .dcf.dcf-c.dcf-l-3.dcf-adspot a{
	max-width: 100%;
}
#app-main .dcf-ps {
	width: 97.5%;
	margin-left: 2.5%;
}
#app-main .dcf .dcf-del-banner a {
	width: 33.3%;
}
#app-main #tcat_desc_box{
	width:97.5%;
}
#app-main .dcf .dcf-pslider .slider ul li img {
	min-height: 252px; 
	width: initial;
}
#app-main .dcf .dcf-tcat-carousel:hover a.bx-next {
	right: 2.5%;
}

#app-main div.bx-window[style] {
	position: initial !important;
	margin-bottom: 2%;
}
#app-main .dcf .dcf-brands ul li a img {
	position: initial;
}