/* YUI 3.5.0 reset.css (http://developer.yahoo.com/yui/3/cssreset/) - http://cssreset.com */
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* Begin CSS */

html, body, * {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #333333;
}

body {
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/header.png');
	background-repeat: repeat-x;
}

a {
	text-decoration: none;
	color: #333333;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0 30px;
}

h2 {
	font-size: 24px;
	margin: 20px 0;
	font-weight: bold;	
}

h3 {
	font-size: 18px;
	padding: 20px 20px 10px;
}

h4 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

h5 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

/** Header **/


#header {
	height: 78px;
	margin: 0 auto;
	width: 1000px;
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/header.png');
	background-repeat: repeat-x;
}

#header img {
	top: 27px;
	position: absolute;
}

#header-banner {
	width: 100%;
}

#header-banner img {
	max-width:1000px;
	min-width: 700px;
	margin: 0 auto;
	display: block;
}

#header-banner img.desktop {
	display: block;
}

#header-banner img.mob {
	display: none;
}
	
/** Content **/
#page {
	margin: 0 auto;
	overflow: hidden;
	width: 1000px;
}


/** Left menu **/
#menu {
	/* border: 1px solid #CFCFCF; */
	width: 238px;
	/* background-color: #F6F6F6; */
	float: left;
}
#menu.toggle {
	display: none;
}

#menu ul.main-menu > li {
	background-repeat: repeat-x;
	/* background-image: url('/wcsstore/DebenhamsUKSite/faq/images/menu_bg.png'); */
}

#menu ul.main-menu > li.selected {
	/* background-image: url('/wcsstore/DebenhamsUKSite/faq/images/menu_bg_selected.png'); */	
}
#menu ul.main-menu > li > a {
	height: 45px;
	line-height: 45px;
	padding: 0 0 0 20px;
	display: block;
	/* background-image: url('/wcsstore/DebenhamsUKSite/faq/images/arrows.png'); */
	background-repeat: no-repeat;
	background-position: 200px -129px;
	border-bottom: 1px solid #E0E0E0;
}
#menu ul.main-menu > li > a:after {
	font-family:"muyalto"!important;
	content:"r";
	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;
	top:17px!important;
	right:15px!important;
	position:relative!important;
	width:auto!important;
	height: auto!important;
	float:right;
}

#menu ul.main-menu > li.selected > a:after {
	background-position: 200px -16px;
	color:#01a790;
	font-family:"muyalto"!important;
	content:"p";
	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;
	top:17px!important;
	right:15px!important;
	position:relative!important;
	width:auto!important;
	height: auto!important;
	float:right;
}

#menu ul.main-menu > li.selected > a.home:after {
	background-position: 200px -59px !important;
	font-family:"muyalto"!important;
	content:"r";
}


#menu ul.main-menu > li > ul {
	display: none;
}

#menu ul.main-menu > li > ul.open {
	display: block;
	border-bottom:1px solid #E0E0E0;
}

#menu ul.main-menu > li > ul > li {
	/* border-bottom: 1px solid #E0E0E0; */
}

#menu ul.main-menu > li > ul > li > a {
	display: block;
	padding: 10px 10px 10px 30px;
}

#menu ul.main-menu > li > ul > li > a:hover {
	background-color:#F1F1F1;
	color:#01A790;
}

#menu ul.main-menu > li > ul > li.selected > a {
	font-weight: bold;
	color:#01a790;
}

#menu ul.main-menu > li a{
	color:#01a790;
}
#menu ul.main-menu > li > ul > li a{
	color:#969696;
	font-weight:normal;
}

/** Search box **/

#searchbox {
	border: 1px solid #CFCFCF;
	background-color: #F6F6F6;
	height: 104px;
}

#searchbox #searchWrapper {
	margin-left: 20px;
	position: relative;
}

#searchbox #search {
	padding-left: 10px;
	width: 676px;
	line-height: 36px;
	height: 36px;
	color: #BBBBBB;
}

#searchbox #search.focus {
	color: #000000;
}

input, textarea {
	border: 1px solid #CFCFCF;
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: inset -5px 5px 5px -4px #d6d6d6;
	-webkit-box-shadow: inset -5px 5px 5px -4px #d6d6d6;
}

#searchResults {
	position: absolute;
	width: 93%;
	padding: 0 10px 10px;
	overflow: auto;
	background-color: #fff;
	margin-top: 5px;
	border: 1px solid #CFCFCF;
	height: 300px;
	display: none;
	-webkit-box-shadow: -4px 4px 5px #E6E6E6;
	-moz-box-shadow:    -4px 4px 5px #E6E6E6;
	box-shadow:         -4px 4px 5px #E6E6E6;
}

#searchResults span {
	display: block;
	clear: both;
}

#searchResults span.indent {
	padding: 5px 0 0 20px;
}
#searchResults span.folder {
	padding-top: 10px;
	font-weight: bold;
}

#searchResults strong {
	font-weight: bold;
}
/**  **/
#content {
	margin-left: 20px;
	float: left;
	display: block;
	width: 740px;
}

/** widgets **/
#widgets {
	margin: 20px 0 10px 0;
	clear: both;
	overflow: hidden;
}

#widgets .widget-area {
	padding: 20px;
	width: 323px;
	height: 300px;
	float: left;	
	border: 1px solid #CFCFCF;
	margin-right: 10px;
}

#widgets .widget-area a {
	text-decoration: underline;
}

#widgets .last {
	margin-right: 0;
}

/** Track Order widget **/
#widgets .track-order p {
	line-height: 14px;
}

#widgets .track-order form {
	margin-top: 20px;
}

#widgets .track-order form label {
	width: 100px;
	font-weight: bold;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
}

#widgets .track-order form input {
	height: 30px;
	width: 220px;
	line-height: 30px;
}

#widgets .track-order form p {
	line-height: 30px;
	height: 30px;
}

input.submit { 
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/search.png');
	display: block;
	width: 76px !important;
	float: right;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	border-width: 0px;
	cursor: pointer;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;;
	-webkit-box-shadow: none;
	height: 33px !important;
	line-height: 33px !important;
}

/** Return Order widget **/

#widgets .return-order ul li {
	border-top: 1px solid #CFCFCF;
	padding: 20px 0;
	overflow: hidden;
}

#widgets .return-order ul li.last {
	border-bottom: 1px solid #CFCFCF;
}

#widgets .return-order ul li a {
	float: left;
	display: block;
	text-decoration: underline;
	font-weight: bold;
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/arrows.png');
	background-position: 100% -145px;
	background-repeat: no-repeat;
	padding-right: 20px;
}

#widgets .return-order ul li div {
	float: right;
	width: 160px;
}

/** Questions **/

#questions {
	overflow: hidden;
}

#questions dl {
	border-bottom: 1px solid #CFCFCF;
	margin-bottom: 20px;
}

#questions dl dt {
	border-top: 1px solid #CFCFCF;
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/arrows.png');
	background-position: 0px -135px;
	background-repeat: no-repeat;
	padding: 10px 0 10px 20px;
	cursor: pointer;
}

.green{
	color:#00b49e;
	font-weight:700;
} 

#questions dl dt.first {
	border-top-width: 0;
}

#questions dl dt.selected {
	font-weight: bold;
	background-position: 0px 6px;
}

#questions dl dd {
	padding: 0px 20px 15px 30px;
	display: none;
}

#questions dl dd.selected {
	display: block;
}

#questions dl .highlight {
	background-color: #ffffcc;
}

#questions dl dd * {
	color: #666666;
}

#questions dl dd p {
	padding-bottom: 5px;
	line-height: 130%;
}

#questions dl dd a, #simplemodal-container a {
	font-weight: bold;
	text-decoration: underline;
}

#questions dl dd a:hover, #simplemodal-container a:hover {
	text-decoration: underline;
}

#questions dl dd ul li, #simplemodal-container ul li {
	list-style-type: circle;
	margin-left: 20px;
}

#questions dl dd ol li, #simplemodal-container ol li {
	list-style-type: decimal;
	margin-left: 20px;
}

#questions dl dd table, #questions dl dd table * {
	border: 0 !important;
	padding: 5px;
}

#questions dl dd table tr th {
	font-weight: bold;
	border-bottom: 1px solid #b9babd !important;
}


#questions a {
	cursor: pointer;
	font-weight: bold;
}

#questions a:hover {
	text-decoration: underline;
}

#questions img{
	max-width:100%;
}

/** Footer **/
#footer {
	border-top: 1px solid #b9babd;
	border-bottom: 1px solid #b9babd;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 30px;
	width: 1000px;
	margin: 30px auto 10px auto;
	overflow: hidden;
}

#footer #footer-actions {
	overflow: hidden;
}

#footer #footer-actions .footer-action {
	border: 1px solid #CFCFCF;
	background-color: #F6F6F6;
	width: 281px;
	padding: 20px;
	float: left;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: 20px 20px;
	height: 120px;
	position: relative;
}

#footer #footer-actions .footer-action h4 {
	margin: 0 0 10px 70px;
}

#footer #footer-actions .footer-action p {
	margin: 0 0 10px 70px;
	line-height: 20px;
	width: 200px;
}

#footer #footer-actions .last {
	margin-right: 0;
        
}

#footer #footer-actions #more-help {
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/more_help.png');
}

#footer #footer-actions #opening-times {
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/opening_times1.png');
}

#footer #footer-actions #store-finder {
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/store_finder.png');
}

#footer #footer-actions .footer-action a { 
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/footer_button.png');
	display: block;
	width: 179px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 70px;
	position: absolute;
	bottom: 20px;
}

#footer .footer-links {
	margin-top: 20px;
	padding: 10px 0;
	border-top: 1px solid #b9babd;
	padding-left: 20px;
	overflow: hidden;
}

#footer .footer-links li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #000000;
	font-weight: bold;
}

#footer .footer-links li a {
	font-size: 11px;
}

#footer .footer-links li.first {
	border-left-width: 0;
	padding-left: 0;
}

#footer p.copyright {
	padding-left: 20px;
	font-size: 9px;
}

#footer p.copyright a {
	font-size: 9px;
}


/** Modals **/

.simplemodal-overlay {
	background-color: #000;
}

.simplemodal-container a.modalCloseImg {
	background:url('http://www.debenhams.com/wcsstore/DebenhamsIESite/Img/x.png') no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-12px;
	right:-15px;
	cursor:pointer;
	_background:none;
	_right:-14px;
	_width:22px;
	_height:26px;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wcsstore/DebenhamsIESite/Img/x.png',sizingMethod='scale');
}

.modal, .modal-content {
	width: 600px;
	padding: 20px;
	background-color: #fff;
	display: none;
}

.modal a, .modal-content a {
	font-weight: bold;
}

.modal a:hover, .modal-content a:hover {
	text-decoration: underline;
}

.modal h1 {
	margin-top: 0;
}

/** Contact form **/

#questions form label {
	width: 220px;
	display: block;
	float: left;
	line-height: 25px;
	margin-bottom: 5px;
}

#questions form .required, #questions form .required_info {
	background-image: url('/wcsstore/DebenhamsUKSite/faq/images/required.png');
	background-repeat: no-repeat;
	background-position: 90% center;
}

#questions form .required_info {
	padding-left: 20px;
	background-position: 0 center;
	margin-bottom: 5px;
}


#questions form input, #questions form select {
	height: 25px;
	line-height: 25px;
	margin-bottom: 5px;
	padding-left: 5px;
}

#questions form textarea {
	padding-left: 5px;
}

#questions div#subject_box {
	display: block;
}

#questions input.submit {
	margin-top: 20px;
	float: none;
	padding-left: 0;
}

#questions #errorMessage {
	color: #cc0000;
	font-weight: bold;
	line-height: 25px;
}





/** Brand list **/
#questions dl dd #brands_tabs_container #brands_tabs li {
	float: left;
	list-style-type: none;
	margin-left: 0;
	margin-right: 2px;
}
#questions dl dd #brands_tabs_container #brands_tabs li a {
	width: 22px;
	height: 20px;
	display: block;
	text-align: center;
	background-color: #F6F6F6;
	line-height: 20px;
}
#questions dl dd #brands_tabs_container #brands_tabs li#tab_09_1 a {
	width: 28px;
}
#brands_tabs_container {
	padding-top: 10px;
}

#brands_tabs {
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

.brand_names span {
	width: 200px;
	float: left;
	display: block;
}

.brand_names {
	overflow: hidden;
	display: none;
	padding-left:13px;
}

/*------------------------------------------------------------
	Delivery FAQ styles
-------------------------------------------------------------*/
/* icon font */
@font-face{font-family:muyalto;src:url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.eot);src:url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.eot?#iefix) format("embedded-opentype"),url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.woff) format("woff"),url(/wcsstore/DebenhamsStorefrontAssetStore/fonts/muyalto.ttf) format("truetype"),url(/wcsstore/DebenhamsStorefrontAssetStore/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);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}[data-icon-after]:after{font-family:muyalto!important;content:attr(data-icon-after);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}

/* Reset current faq styles */
#questions .del-table-wrapper > .del-table-row  {
	background-image: none;
	padding: 0;
	clear: right;
}

#questions dl dt.del-table-row.selected {
	font-weight: normal;
}

#questions .del-table-wrapper dd {
	padding: 15px 20px 30px;
	background: #ebebeb;
	color: #000;
}

.del-table-wrapper {
	border: 1px solid #ccc;
	overflow: hidden;
}
/* Del faq start */
.del-table-wrapper * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.del-table-row > * {
	width: 20%;
	float: left;
	padding: 13px 0 13px 13px;
	margin: 0;
	text-align:center;
}

.del-table-row > h5,
.del-table-th div:first-child {
	width: 20%;
	text-align:left;
}

.del-table-th > div {
	width: 20%;
}

.del-col-four{
	width: 20%;
}

.del-table-th,
.del-table-th > div {
	background-color: #000;
	color: #fff;
}

.del-table-wrapper h6 {
	font-weight: bold;
	margin-bottom: 0;
}

.del-table-row > h5:before {
	font-size: 25px;
	margin-right: 10px;
	vertical-align: middle;
	color: #01a790;
	float: left;
}

.del-last {
	width:20%;
	text-align: center;
	font-weight: bold;
	color: #01a790;
	/* line-height: 40px; */
	*width: 11%; /* IE7 needs more space */
	*background: url('/wcsstore/DebenhamsUKSite/faq/images/arrows.png') no-repeat 50px 20px;/* IE7 */
}

.del-last:before {
	content: "Exceptions";
	border-bottom: 1px solid;
}

.selected .del-last:before {
	content: "Less";
}

.del-last:after,
.del-show-less:after {
	content: "p";
	font-family: "muyalto";
	font-size: 10px;
	margin-left: 5px;
}

.selected .del-last:after,
.del-show-less:after {
	content: "s";
}

.del-table-wrapper > dd {
	position: relative;
}

.del-show-less {
	bottom: 10px;
	right: 10px;
	float: right;
	text-decoration: none !important;
	border-bottom: 1px solid;
	color: #01a790 !important;
}

/* Returns table */
.four-col{overflow:hidden}
.four-col > *{width:24.4%!important;float:left;margin:2% .7% 2% 0}
.four-col > * *{width:100%;height:auto}
.four-col > :last-child, .last-column{margin-right:0}

/* Three Column Delivery Table */
.del-three-col .del-table-row > *,
.del-table-th div:first-child {
	width: 20%;
}

.del-three-col .del-table-row.del-table-th > div {
	text-align: left;
} 

.del-three-col .del-table-row div,
.del-three-col .del-table-row.del-table-th > div:last-child{
	text-align: center;
}

.del-three-col span[data-icon-before],
.del-three-col span[data-icon-after]{
	color: #01a790;
	font-weight: bold;
}

.del-three-col span[data-icon-before]:before {
	content: '';
}

.del-three-col span[data-icon-after]:after {
	font-size: 10px;
	margin-left: 5px;
	content: 'p';
}

.del-three-col .selected span[data-icon-after]:after {
	content: 's';
}

.del-three-col span[data-content-before]:before {
	content: attr(data-content-before);
}

.del-three-col .selected span[data-content-after]:before {
	content: attr(data-content-after);
}



/* Country Selector */
.grey-block {
	width:94%;
	height:auto;
	background-color:#F0F0F0;
	padding:2.8%;
	border:1px solid #CFCFCF;
}
.grey-block p {
	margin:0 0 20px 0;
}

select#countryselector,
select#orderTypeSelector {
	padding:10px;
	width:100%;
}
#countryselector_result {
	margin-top:20px;
}
#countryselector_result strong {
	line-height:22px;
	color: #505050;
}
select#deliveryType,
select#orderDate{
	padding:10px;
	width:100%;
}
#orderDate,
#orderType_result{
	margin-top:20px;
}
#deliveryType_result strong,
#orderType_result strong {
	line-height:22px;
	color: #505050;
}

/* Track Order Table */
.track-order-table{
	border:1px solid #BBB;
	width:99%;
	margin-bottom:30px;
}
.track-order-table ul{
	padding:20px;
}
p.heading{
	font-weight:bold;
	border-bottom:1px solid #BBB;
	padding:15px!important;
}
p.copy{
	padding:15px!important;
}


	
/* Mobile/Desktop generic styles */
table td.desktop-only {
	display:table-cell !important;
}
.desktop-only {
	display:block !important
}
.desktop-only-inline {
	display:inline !important
}
.mobile-only {
	display:none !important
}
.dekstop-mobile {
	display: block!important
}


/* Delivery Disruption Banner */
.del-info-desktop {
	margin-top:15px;
	width:100%;
}
.del-info-desktop img {
	width:100%;
}
.dd-desktop {
	display:block;
}
.dd-mobile {
	display: none;
}

/* Delivery Disruption Banner */
.faq-bcc-banner {
	margin-top:15px;
	width:100%;
}
.faq-bcc-banner img {
	width:100%;
}
.faq-bcc-desktop {
	display:block;
	margin-bottom:50px;
}
.faq-bcc-mobile {
	display: none;
	margin-bottom:50px;
}

/* Icon in Paragraph */
span.para-icon{
	font-family: "muyalto";
	padding:7px;
	font-size:20px;
	position:relative;
	top:6px;
	color:#01a790!important;
}


table#rt{width:100%;margin:10px 0;border:1px solid #01A790;}
table#rt td{padding:10px;width:33.3%;}
table#rt img{width:90%!important;margin:5%;}




@media screen and (max-width: 1039px) and (min-width: 701px) {
	/* resize for tablet */
	
	#header {
		width: 96%;
		padding: 0 2%;
	}
	
	#page {
		width: 96%;
		padding: 0 2%;
	}
	
	#menu {
		width: 25%;
	}
	
	h1 {
		margin: 2% 0;
	}
	
	h3 {
		padding: 10px 3%;
	}
	
	h4 {
		margin-bottom: 2%;
	}
	
	#menu ul.main-menu > li > a {
		padding: 0 0 0 3%;
		background-position: 98% -129px;
	}
	
	#menu ul.main-menu > li.selected > a {
		background-position: 98% -16px;
	}
	
	#menu ul.main-menu > li.selected > a.home {
		background-position: 98% -59px !important;
	}
	
	#header-banner {
		width: 96%;
		padding: 0 2%;
	}
	
	#header-banner img.desktop {
		display: block;
	}
	
	#header-banner img.mob {
		display: none;
	}
	
	#header-banner img {
		width:100%;
	}
	
	#content {
		margin-left: 3%;
		width: 71%;
	}
	
	#searchbox {
		height: auto;
	}
	
	#searchbox #searchWrapper {
		width: 91%;
		margin: 0 3% 2%;
		position: relative;
	}
	
	#searchbox #search {
		width: 100%;
		margin: 0;
	}
	
	#searchbox #searchResults {
		position: absolute;
		width: 100%;
		padding: 0 2% 1%;
	}
	
	/* Widget areas */
	
	#widgets {
		margin: 2% 0 0;
	}
	
	#widgets .widget-area {
		width: 95%;
		padding: 2%;
		height: auto;
		margin-bottom: 2%;
	}
	
	#widgets .track-order form {
		margin-top: 1%;
	}
	
	#widgets .track-order form input {
		width: 100%;
	}
	
	#widgets .track-order form p, #widgets .track-order form label {
		line-height: 18px;
		height: 18px;
	}
	
	#widgets .track-order input.submit {
		margin-top: 2%;
	}
	
	#widgets .return-order ul li {
		padding: 2% 0;
	}
	
	#widgets .return-order ul li div {
		width: 50%;
	}
	
	/* Questions */
	
	#questions dl dd {
		padding: 1% 0;
	}
	
	#questions dl dd table {
		width: 100% !important;
	}
	
	/* Footer */
	
	#footer {
		width: 98%;
		padding: 1%;
	}
	
	#footer #footer-actions .footer-action {
		background-size: 27px;
		width: 30%;
		background-position: 2% 7%;
		margin-right: 1%;
		padding: 1%;
	}
	
	#footer #footer-actions .last {
		margin-right: 0;
	}
	
	#footer #footer-actions .footer-action h4, #footer #footer-actions .footer-action p  {
		margin: 0;
		width: auto;
		margin-left: 27px;
	}
	
	#footer #footer-actions .footer-action a {
		margin: 0;
		margin-left: 27px;
		background-size: 150px;
		width: 150px;
		height: 25px;
		line-height: 25px;
	}
	
	table td.desktop-only {display: table-cell !important}
	.desktop-only{display:block !important}
	.desktop-only-inline{display:inline !important}
	.mobile-only{display:none !important}
	
}

@media only screen and (max-width: 700px) {
	/* resize for mobile */
	
	body {
		background-image: none;
	}
	
	#header {
		width: 96%;
		padding: 0 2%;
		height: 40px;
	}
	
	#header img {
		top: 13px;
		width: 160px;
	}
	
	#page {
		width: 96%;
		padding: 0 2%;
	}
	
	#menu {
		display: none;
	}
	
	h1 {
		margin:2% 0 3%;
	}
	
	h2 {
		margin: 2% 0;
		font-size: 20px;
		margin-left: -1px;
	}
	
	h3 {
		padding: 10px 3%;
	}
	
	h4 {
		margin-bottom: 2%;
		font-size: 17px;
	}
	
	#menu {
		width: 104%;
		margin-left: -2%;
		margin-bottom: 10px;
		border-width: 0;
		padding-top: 1px;
	}
	
	#header-banner {
		width: 96%;
		padding: 0 2%;
	}
	
	#header-banner img.desktop {
		display: none;
	}
	
	#header-banner img.mob {
		display: block;
	}
	
	#header-banner img {
		min-width: 100%;
		width:100%;
	}
	
	body.menu-shown #menu {
		display: block;
	}
	
	body.menu-shown #content, body.menu-shown #footer {
		display: none;
	}
	
	body.menu-shown #page > h2 {
		display: none;
	}
	
	#menu h3 {
		display: none;
	}
	
	#menu ul.main-menu > li > a {
		padding: 0 0 0 3%;
		background-position: 98% -129px;
	}
	
	#menu ul.main-menu > li.selected > a {
		background-position: 98% -16px;
	}
	
	#menu ul.main-menu > li.selected > a.home {
		background-position: 98% -59px !important;
	}
	
	#menu-toggle {
		height: 30px;
		width: 44px;
		background-image: url('/wcsstore/DebenhamsUKSite/faq/images/menu_button.png');
		background-position: -44px 0;
		display: block;
		float: right;
		margin-top: 4px;
	}
	
	body.menu-shown #menu-toggle {
		background-position: 0 0;
	}
	
	#content {
		margin-left: 0;
		width: 100%;
	}
	
	#searchbox {
		height: auto;
	}
	
	#searchbox #searchWrapper {
		width: 91%;
		margin: 0 3% 2%;
		position: relative;
	}
	
	#searchbox #search {
		width: 100%;
		margin: 0;
	}
	
	#searchbox #searchResults {
		position: absolute;
		width: 100%;
		padding: 0 2% 1%;
	}
	
	/* Widget areas */
	
	#widgets {
		margin: 2% 0 0;
	}
	
	#widgets .widget-area {
		width: 95%;
		padding: 2%;
		height: auto;
		margin-bottom: 2%;
	}
	
	#widgets .track-order form {
		margin-top: 1%;
	}
	
	#widgets .track-order form input {
		width: 100%;
	}
	
	#widgets .track-order form p, #widgets .track-order form label {
		line-height: 18px;
		height: 18px;
	}
	
	#widgets .track-order input.submit {
		margin-top: 2%;
	}
	
	#widgets .return-order ul li {
		padding: 2% 0;
	}
	
	#widgets .return-order ul li div {
		width: 50%;
	}
	
	#widgets .last {
		margin-bottom: 0;
	}
	
	/* Questions */
	
	#questions dl dd {
		padding: 1% 0;
	}
	
	#questions dl dd table {
		width: 100% !important;
		overflow: auto;
	}
	
	#questions dl dd table, #questions dl dd table * {
		padding: 5px 1px;
		min-width: 90px;
	}
	
	/* Footer */
	
	#footer {
		width: 98%;
		padding: 1%;
	}
	
	#footer #footer-actions .footer-action {
		width: 95%;
		margin: 0 0 1%;
		padding: 2%;
		float: left;
		display: block;
		height: auto;
		background-position: 2% 18%;
		background-size: 20px;
	}
	
	#footer #footer-actions .last {
		margin-right: 0;
	}
	
	#footer #footer-actions .footer-action h4, #footer #footer-actions .footer-action p  {
		margin: 0;
		width: auto;
		margin-left: 25px;
	}
	
	#footer #footer-actions .footer-action h4 {
		font-size: 14px;
	}
	
	#footer #footer-actions .footer-action a {
		position: static;
		background-size: 150px;
		height: 25px;
		width: 150px;
		margin: 5px 0 0 25px;
		line-height: 25px;
	}
	
	#footer .footer-links {
		padding: 1%;
	}
	
	#footer .footer-links li {
		float: none;
		padding: 0;
		border-width: 0;
	}
	
	#footer .footer-links li a {
		display: block;
		padding: 2px 0;
	}
	
	#footer p.copyright {
		padding: 1%;
	}
	
	.modal, .modal-content {
		width: 90%;
		padding: 5%;
	}
	
	#simplemodal-container {
		width: 90%;
	}
	
	/* Delivery faq styles */
	
/*	.del-table-wrapper .del-no-mobile{display:none}
	.del-table-row > div{display:block;width:21%}
	.del-table-row > div:first-child,.del-table-row > .del-last{display:block}
	.del-table-row > :first-child{width:50%}
	.del-table-row > h5:before{line-height:19px}
	.del-last{padding-right:5px}
	.del-table-th div:first-child{min-width:50%}
	.del-table-row > div:nth-child(2){display:block;}
	
	.del-table-th div:first-child,
	.del-table-row > div{width:32%!important;}
	.del-table-th div:first-child{min-width:32%!important;}
	
	.four-col > *{width: 31.4%!important;}
	.four-col > :last-child, .last-column{display:none;}
	
 	 xmas table overrides 
	.del-xmas-table .del-table-row > *:first-child {width:62%}
	.del-xmas-table .del-table-row > div {width:38%}
	.del-xmas-table .del-table-row > * {padding: 13px 0 13px 5px}
	
	
	 Four columns 
	.four-col > * {width: 48.8%;height: auto;margin-right: 1.2%;}
	.four-col > * > * {width: 100%;height: auto;}
	
 
	 Three column delivery table 
	.del-three-col .del-table-row > *:first-child {width:60%}
	.del-three-col .del-table-row > div{display:block;width:40%;padding-left: 5px;}
	table td.desktop-only {display: none !important}*/
	
	.del-table-wrapper {
		overflow:scroll;
	}
	.del-table-wrapper dt,
        .del-table-wrapper .del-table-th, 
        .del-table-wrapper dd {
		width:760px;
	}
	.del-table-row > *{
		padding:13px;
	}
	.del-table-th > div{
		width:initial;
	}
	
	.del-table-row.del-table-th{
		
		overflow-x: auto;
		white-space: nowrap;
	}
	
	.del-table-row.del-table-th div:nth-of-type(1){width:147px;}
	.del-table-row.del-table-th div:nth-of-type(2){width:147px;}
	.del-table-row.del-table-th div:nth-of-type(3){width:147px;}
	.del-table-row.del-table-th div:nth-of-type(4){width:147px;}
	.del-table-row.del-table-th div:nth-of-type(5){width:157px;}
	
	.del-table-row h5{width:147px;}
	.del-table-row div:nth-of-type(1){width:147px;}
	.del-table-row div:nth-of-type(2){width:147px;}
	.del-table-row div:nth-of-type(3){width:147px;}
	.del-table-row div:nth-of-type(4){width:147px;}
	
	#questions dl dd #brands_tabs_container #brands_tabs li{width:initial;}
	
	
	
	/* Mobile/Desktop specific styles */
	.desktop-only {display: none !important}
	.mobile-only {display: block !important}
	
}

@media screen and (max-width: 549px){
	.dd-desktop{display:none;}
	.dd-mobile{display:block;}
	.del-info-desktop img{width:100%;}
	
	.faq-bcc-desktop{display:none;}
	.faq-bcc-mobile{display:block;}
	.faq-bcc-banner img{width:100%;}
	
	.returns-table-overflow-mobile{overflow-x:scroll;margin-left:-336px;} /* Negative margin given for mobile because we want to transition the margin back to 0 default value using jQuery - currently in DebFAQ.js*/
	.returns-table-overflow-mobile table.rt,
	.returns-table-overflow-mobile table.rt-btn{width: 697px;}
}

body>iframe{display:none!important;}