/*
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
     padding: 0 !important;
     border: 0 none !important;
 }
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body { margin: 0; line-height: 1.231; background: white;}

body, button, input, select, textarea { font-family: Arial, sans-serif; color: #222; }

body, html { overflow-x: hidden;}


/* =============================================================================
   Links
   ========================================================================== */

a { color: #444; }
a:visited { color: #666; }
a:hover { color: #999; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: 700; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.full-width {
	/** Allow full width inputs **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.ccv-message {
    background: none repeat scroll 0 0 #fff;
    border-radius: 4px;
    margin: 0 0 12px;
    padding: 10px;
}

.clearfix:after {
    clear: both;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */


/*
 * Media queries for responsive design github.com/h5bp/mobile-boilerplate/wiki/The-Style
 */


/* Styles for desktop and large screen ----------- */

/*styles for 800px and up!*/
@media only screen and (min-width: 800px) {
  /* Styles */
}/*/mediaquery*/


/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}

/* Very small screen sizes, around 240px */
@media only screen and (max-width: 267px) {
	#container #socialFooter li {width: 100%;}
	#container #socialFooter a {margin: 0 0 5px;}
	#container #footerNav {padding: 0 0 0 15%;}
	#container #footerLinks li {
		float: none;
		width: 100%;
		margin: 0 0 5px;
	}
	#container #footerLinks li a {border: 0;}
}


/* David Jones Mobile e-tail CSS
-----------------------------------------------------------------------------*/

/* Standard Items
-----------------------------------------------------------------------------*/
div#container {clear:both; overflow:hidden; display:block;}

a:hover {text-decoration: underline !important;}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 6px;
	color: #444;
	}
p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 0.938em;
	color: #666;
	}
.sub-text {
	font-size: 0.813em;
	color: #999;
	}
#container .close-margin,
#container .required-text {margin: 0 0 6px;}
blockquote {
	font-style: italic;
	color: #666;
	}
li {
	color: #666;
	font-size: 0.813em;
	}
#main > h2 {margin: 10px 15px;}
/* Leaving everything mainly as default for the moment */
.centered {
	width:100%;
	text-align: center;
}

#main {background-color: white;}

/* Design Quirks (to fix and inconsistencies, USE SPARINGLY!)
-----------------------------------------------------------------------------*/
.no-border {background-image: none !important;}
.no-background {background:none !important;}
#container .no-margin {margin-bottom: 0;}
.left {float: left;}
.right {float: right;}
#container .force-margin {margin: 0 0 15px;}
#container .no-bottom-padding {padding-bottom: 0;}
#main #billingStep4 #userCardDetails div.field-error-wrapper.card-expiry-error label:nth-child(2) { display:none !important;} /* fix for expiry form displaying two errors */


/* Forms and Fields
-----------------------------------------------------------------------------*/
.one-fifth {width: 20%;}
.one-quarter {width: 25%;}
.one-third {width: 33%;}
.one-half {width: 50%;}
.two-third {width: 66%;}
.three-quarter {width: 75%;}
.full-width {width: 100%;}
#main .field-error-wrapper p,
#main .field-error-wrapper label {
	color: red;
	margin: 4px 0;
	display: block;
	}
.blocked-label {
	overflow: hidden;
	display: block;
	}
.blocked-label input {
	float: left;
	margin: 3px 6px 0 0;
	}
.blocked-label span {
	float: left;
	width: 90%;
	}
/* Header
-----------------------------------------------------------------------------*/
header {
	background: #f8f8f8;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
	padding: 0 0 16px;
	}
	
.welcome-wrapper{
	 background: #444;
	 clear: both;
	 overflow: hidden;
	 padding: 0 0 4px;
 }
 .welcome-wrapper p{
	 color: #fff;
	 padding: 5px 16px;
	 margin: 0;
 }
 .welcome-wrapper p a{
	 color: #fff;
	 float: right;
 }	
#logo {
	margin: 30px 0 0 13px;
	display: block;
	text-decoration: none;
	float: left;
	width: 105px;
	height: 46px;
	background: url(../images/djLogo.gif) no-repeat;
	text-indent: -999em;
	}
.header-nav {
	float: right;
	display: inline;
	margin: 38px 13px 0 0;
	}
.header-nav li {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	}
.header-nav .last {
	margin: 0;
	background: url(../images/shopBG.gif) no-repeat;
	height: 37px;
	width: 75px;
	position: relative;
	}
.header-nav li a {
	display: block;
	text-decoration: none;
	color: #666;
	font-size: 1em;
	}
.shop-link a {margin: 8px 0 0;}
.header-nav .basket {
	display: block;
	text-indent: -999em;
	width: 16px;
	height: 20px;
	background: url(../images/basket.gif);
	position: absolute;
	top: 8px;
	left: 11px;
	}
.number-items {
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 36px;
	width: 36px;
	padding: 11px 0 7px;
	font-size: 0.875em;
	}
/* Search Box */
#searchTable label {display: none;}
#searchTable td,
#searchTable th {text-align: left;}
#searchWrapper {
	clear: both;
	background: #fff;
	display: block;
	padding: 9px 16px 9px 11px;
	border-bottom: 1px solid #ddd;
	}
#searchTable td {width: 27px;}
#siteSearch {
	border: none;
	color: #999;
	font-size: 1em;
	width: 100%;
	}
#searchSubmit {
	height: 14px;
	padding: 14px 0 0;
	border: 0;
	padding: 0;
	background: url(../images/search-go.gif) no-repeat center center;
	overflow: hidden;
	text-indent: -999em;
	width: 27px;
	margin: 8px 0 0;
	}
/*
#product_search {
	border: none;
	color: #999;
	font-size: 1em;
	width: 100%;
	}
#product_search_submit {
	height: 14px;
	padding: 14px 0 0;
	border: 0;
	padding: 0;
	background: url(../images/search-go.gif) no-repeat center center;
	overflow: hidden;
	text-indent: -999em;
	width: 27px;
	margin: 8px 0 0;
	}
	*/
	
	header {
	background: white;
	border-bottom: none;
	box-shadow: 0 0 5px rgba(0,0,0,.3);
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 2;
}
	.logo {
		width: 170px;
		height: 18px;
		margin: 18px 15px 18px auto;
		display: block;
		float: left;
		overflow: hidden;
		text-indent: -9999em;
		background: url(../images/header-logo.png) no-repeat 0 0;
		background-size: 100%;
	}
	.menu,
	.search,
	.bag {
		display: inline-block;
		float: right;
		position: relative;
	}
	.menu {float: left;}
		.menu .icon,
		.search .icon,
		.bag .icon {
			background: url(../images/icon-hamburger.png) no-repeat 0 0;
			background-size: 100%;
			display: block;
			margin: 18px 10px 19px;
			height: 19px;
			width: 19px;
		}
		.menu .icon {margin: 18px 15px 19px;}
		.search .icon {background-image: url(../images/icon-search.png);}
		.bag .icon {
			background-image: url(../images/icon-bag.png);
			margin-right: 15px;
		}
		.bag .count {
			background: #227422;
			border: 2px solid white;
			border-radius: 1.5em;
			color: white;
			display: block;
			font-size: 10px;
			line-height: 1;
			min-width: 6px;
			padding: .3em .5em;
			position: absolute;
			text-align: center;
			top: 6px;
			left: 18px;
		}

.search-wrapper {
	background-color: #eee;
	box-shadow: 0 2px 1px rgba(0,0,0,.1);
	display: none;
	padding: 10px 15px;
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.search-wrapper.open {display: block;}
	.search-wrap-inner {
		background: white;
		position: relative;
	}
	.search-wrap-inner:before {
		content: '';
		border: 2px solid #666;
		border-left: none;
		border-top: none;
		display: block;
		width: 6px;
		height: 6px;
		margin-bottom: -3px;
		position: absolute;
		bottom: 50%;
		right: 13px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
		.search-wrapper input {
			background: white;
			border: none;
			color: #666;
			font-size: 13px;
			padding: 6px 6px 7px;
			width: 90%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.search-wrapper input::-webkit-input-placeholder {
		   color: #666;
		   font-style: italic;
		}
		.search-wrapper input::-moz-placeholder {
		   color: #666;
		   font-style: italic;
		}
		.search-wrapper input:-moz-placeholder {
		   color: #666;
		   font-style: italic;
		}
		.search-wrapper input:-ms-input-placeholder {
		   color: #666;
		   font-style: italic;
		}
		.search-wrapper .field-error-wrapper {
			background-color: mistyrose;
			color: #e00;
			font-size: 13px;
			padding: 0 5px;
		}
		.search-wrapper input.btn-submit {
			background: transparent;
			position: absolute;
			top: 0;
			right: 0;
			width: 10%;
		}

/* Homepage
-----------------------------------------------------------------------------*/
.home-wrap {overflow: hidden;}
	.home-wrap .static-wrapper h1 {margin-bottom: 0;}
	.home-wrap img {
		display: block;
		width: 100%;
	}
		.home-wrap .tile {
			clear: both;
			overflow: hidden;
			margin: 15px;
		}
		.home-wrap .tile.semi {
			clear: none;
			float: left;
			margin: 30px 0 15px;
			padding: 0 7px 0 15px;
			width: 50%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.home-wrap .tile.semi.last {padding: 0 15px 0 8px;}

	
/* Back Button and Page Title
-----------------------------------------------------------------------------*/
#pageTitle {
    background: none repeat scroll 0 0 #333;
    color: #ddd;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
#pageTitle li {
    float: left;
    list-style: outside none none;
}
#pageTitle .back a {
    color: #ddd;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    margin: 0 0 0 15px;
    padding: 12px 15px;
    position: relative;
    text-decoration: none;
}
#pageTitle .back a:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd -moz-use-text-color -moz-use-text-color #ddd;
    border-image: none;
    border-style: solid none none solid;
    border-width: 2px medium medium 2px;
    bottom: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin-bottom: -4px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 6px;
}
#pageTitle h1 {
    color: #ddd;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    padding: 12px 15px;
}	
	.back-bar {
		background: #333;
		color: #ddd;
		font-size: 15px;
	}
	.back-bar a {
		color: #ddd;
		display: inline-block;
		line-height: 1;
		margin: 0 0 0 15px;
		padding: 12px 15px;
		position: relative;
		text-decoration: none;
	}
	.back-bar a:before {
		content: '';
		border: 2px solid #ddd;
		border-right: none;
		border-bottom: none;
		display: block;
		width: 6px;
		height: 6px;
		margin-bottom: -4px;
		position: absolute;
		bottom: 50%;
		left: 0;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.back-bar span {text-transform: uppercase;}
	
/* Top Page Error Message
-----------------------------------------------------------------------------*/
.page-message p {
	padding: 10px 15px 12px;
	background: url(../images/two-tone-border.gif) repeat-x bottom left;
	margin: 0;
	}
.page-error p {color: red;}
.page-info p {color: #444;}
/* Generic Category Menu
-----------------------------------------------------------------------------*/
.links-menu {
	padding: 0;
	margin: 0;
	}
.links-menu li {
	list-style: none;
    background: #f8f8f8 url(../images/two-tone-border.gif) repeat-x bottom left;
	}
.links-menu .last {background: none;}
.links-menu .selected-filter {background: #fff url(../images/two-tone-border.gif) repeat-x bottom left;}
.links-menu label,
.category-menu li a {/* Repeat of the categories above */
	display: block;
	overflow: hidden;
	color: #666;
	font-size: 1.25em;
	position: relative;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	padding: 14px 0 14px 16px;
	}
.category-menu li a {background: url(../images/right-arrow.gif) no-repeat center right;}
.links-menu input {
	position: absolute;
    right: 15px;
    top: 15px;
	}
.links-menu li a .arrow {
	display: block;
	position: absolute;
	top: 7px;
	right: 8px;
	}
/* Unique setup for the menu on the department pages (e-spots) */
.department-menu {margin: 0 0 15px;}
.department-menu .last {background: #f8f8f8 url(../images/two-tone-border.gif) repeat-x bottom left;}
/* Filter */
.links-menu li a .filter-values {
	font-weight: 400;
	font-style: italic;
	display: block;
	float: right;
	margin: 0 30px 0 0;
	}
.links-menu li a .filter-label {
	float: left;
	display: inline;
	}
/* E-Spot images (temporary as we don't know how carousel will work)
-----------------------------------------------------------------------------*/
.e-spot a {
	display: block;
	padding: 0 15px 15px;
	}
.e-spot-large {background: #FDFDFD url("../images/two-tone-border.gif") repeat-x left bottom;}
.e-spot-large a {padding-top: 15px;}
.e-spot img {
	display: block;
	width: 100%;
	}

#homeEspot {
	position: relative;
	}
#homeEspot a {padding: 0;}
/*
#homeEspot a {
	display: block;
	padding: 0;
	margin: 0;
	}
#homeEspot a#homeLeft, #homeEspot a#homeRight  {
	width: 50%;
	height: 100%;
	text-indent: -999em;
	top:0;	
	}	
#homeLeft {
	left: 0;
	}
#homeRight {
	right: 0;
	}
	
#homeEspot img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;	
	transition: opacity 1s ease-in-out;
	}
#homeEspot .last {position: static;}*/
#homeEspot .transparent {opacity: 0;}
#homeEspot .opaque {opacity: 1;}
#homeEspotMenu {
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
	}
#homeEspotMenu li {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 14px;
	height: 13px;
	text-indent: -999em;
	background: url(../images/home-fade-buttons.gif) left bottom no-repeat;
	margin: 0 2px;
	}
#homeEspotMenu .active {background: url(../images/home-fade-buttons.gif) left top no-repeat;}
/* Brand Directory List
-----------------------------------------------------------------------------*/
#directory-jump {
	margin: 0 auto;
	padding: 10px 15px 5px;
	list-style: none;
	}
#directory-jump li {
	float: left;
	text-align: center;
	margin: 0 5px 5px 0;
	}
#directory-jump a {
	color: #fff;
	background: #444;
	display: block;
	text-decoration: none;
	padding: 5px 0;
	font-size: 0.813em;
	text-align: center;
	width: 23px;
	}
#directory-list {
	padding: 0;
	margin: 0;
	}
#directory-list li {
	list-style: none;
	background: #f8f8f8 url(../images/two-tone-border.gif) repeat-x bottom left;
	}
#directory-list li a {
	display: block;
	padding: 14px 0 14px 16px;
	font-weight: 700;
	text-decoration: none;
	color: #666;
	font-size: 1.063em;
	}
#directory-list .last {background: none;}
#directory-list .last a {border: none;}
#directory-list .directory-header {
	background: #444;
	color: #fff;
	font-weight: 700;
	padding: 5px 0 5px 16px;
	font-size: 0.813em;
	border-top: 1px solid #111;
	position: relative;
	}
#directory-list .directory-header a {
	position: absolute;
	top: 4px;
	right: 15px;
	padding: 0;
	margin: 0;
	font-weight: 400;
	color: #fff;
	}
/* Static Page
-----------------------------------------------------------------------------*/
.static-wrapper {padding: 20px 15px 32px;}
.static-wrapper p {margin: 0 0 20px;}
.static-wrapper ol,
.static-wrapper ul {
	margin: 0 0 20px;
	}

/* Department
-----------------------------------------------------------------------------*/
/* Category Drop */
.category-bar {
	background: #333;
	color: #ddd;
	font-size: 15px;
	position: relative;
}
	.category-bar > a {
		color: #ddd;
		display: inline-block;
		line-height: 1;
		margin: 0;
		padding: 12px 15px;
		position: relative;
		text-decoration: none;
		width: 100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.category-bar > a:before {
		content: '';
		border: 2px solid #ddd;
		border-right: none;
		border-top: none;
		display: block;
		width: 6px;
		height: 6px;
		margin-bottom: -2px;
		position: absolute;
		bottom: 50%;
		right: 15px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.category-bar > a.open:before {
		border: 2px solid #ddd;
		border-left: none;
		border-bottom: none;
		margin-bottom: -4px;
	}
	.category-drop {
		background: #222;
		height: 0;
		overflow: hidden;
		position: absolute;
		top: 39px;
		left: 0;
		right: 0;
		z-index: 4;
		-webkit-transition: all 400ms ease;
	    -moz-transition: all 400ms ease;
	    -o-transition: all 400ms ease;
	    transition: all 400ms ease;
	}
		.category-drop ul {
			list-style: none;
			margin: 0;
			padding: 13px 0 30px 0;
		}
			.category-drop ul > li {
				list-style: none;
				display: block;
				padding: 0;
				margin: 0;
			}
			.category-drop ul > li.label {
				color: #999;
				font-size: 11px;
				text-transform: uppercase;
				padding: 13px 15px;
			}
				.category-drop ul > li a {
					color: #ddd;
					display: block;
					font-size: 15px;
					line-height: 20px;
					margin: 0;
					overflow: hidden;
					padding: 11px 30px;
					text-decoration: none;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

/* Filter / Sort Buttons */
.filter-sort-wrapper {
	background: #f8f8f8;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
	padding: 15px;
	width: 100%;
	z-index: 1;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

.filter-sort-wrapper > span {
		color: #333;
		display: block;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 8px;
	}
	
	/* Filter Page */
.refine-wrap {background-color: white;}
	.refine-wrap h1 {
		background: #333;
		color: #666;
		display: block;
		font-size: 10px;
		line-height: 20px;
		margin: 0;
		overflow: hidden;
		padding: 30px 15px 15px;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.refine-accordo {border-top: 1px solid #ddd;}
	.refine-accordo,
	.refine-accordo-bdy {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.refine-accordo-bdy {display: none;}
		.refine-accordo-hdr,
		.refine-accordo a {
			border-bottom: 1px solid #ddd;
			color: #666;
			font-size: 15px;
			display: block;
			padding: 15px;
			position: relative;
			text-decoration: none;
		}
		.refine-accordo > li > a:before,
		.refine-accordo > li > a.clear:after,
		.refine-accordo-hdr:before {
			content: '';
			border: 2px solid #666;
			border-right: none;
			border-top: none;
			display: block;
			width: 6px;
			height: 6px;
			margin-bottom: -3px;
			position: absolute;
			bottom: 50%;
			right: 15px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.refine-accordo > li > a:before {
			border: 2px solid #666;
			border-left: none;
			border-top: none;
		}
		.refine-accordo > li > a.clear:after,
		.refine-accordo-hdr.open:before {
			border: 2px solid #666;
			border-left: none;
			border-bottom: none;
			margin-bottom: -6px;
		}
		.refine-accordo > li > a.clear:before {
			border: 2px solid #666;
			border-right: none;
			border-top: none;
			margin-bottom: 1px;
		}
		.refine-accordo > li > a.clear:after {margin-bottom: -7px;}
		.refine-accordo-bdy a {
			background-color: #f8f8f8;
			padding-left: 30px;
		}
		.refine-accordo .red,
		.refine-accordo .red a {color: red;}
	
/* Pagination */
.pagination,
.results-summary {
	padding: 4px 0;
	background: #F8F8F8 url("../images/two-tone-border.gif") repeat-x left bottom;
	/*border-bottom: 1px solid #ebebeb;*/
	}
.results-summary p {
	margin: 0 15px;
	font-size: 0.813em;
	padding: 12px 0;
	color: #444;
	}
.results-summary h1 {
	margin: 8px 8px 7px;
	display: block;
	color: #444;
	font-size: 1.25em;
	font-weight: 400;
	text-decoration: none;
}
.pagination-bottom {border-top: 0;}
/* Pagination Links */
.pagnation-links {
	overflow: hidden;
	margin: 0;
	padding: 10px 5px;
	background: #f8f8f8;
	}
.pagnation-links li {
	margin: 0 2px;
	list-style: none;
	}
.pagnation-links li a {
	text-decoration: none;
	display: block;
	}
.pagnation-links .prev {float: left;}
.pagnation-links .next {float: right;}
/* Padding for easier press on mobile */
.pagnation-links .prev a {
	background: url(../images/prev-sprite.gif) top left no-repeat;
	}
.pagnation-links .prev a span {
	color: #fff;
	font-weight: 700;
	font-size: 0.75em;
	background: url(../images/prev-sprite.gif) bottom right no-repeat;
	display: block;
	padding: 9px 8px 9px 14px;
	}
.pagnation-links .next a {
	background: url(../images/next-sprite.gif) top right no-repeat;
	}
.pagnation-links .next a span {
	color: #fff;
	font-weight: 700;
	font-size: 0.75em;
	background: url(../images/next-sprite.gif) bottom left no-repeat;
	display: block;
	padding: 9px 14px 9px 8px;
	}
/* Products
-----------------------------------------------------------------------------*/
/* Can be a div or an anchor */
div.range-items { border-top:1px solid #ddd;}
.product-wrapper,
.address-wrapper {
	padding: 15px 15px 17px;
	position: relative;
	background: #f8f8f8;
	display: block;
	text-decoration: none;
	background: #FDFDFD url("../images/two-tone-border.gif") repeat-x left bottom;
	}
.address-wrapper {
	background-color: #F8F8F8;
	padding: 20px 15px 32px;
	}
.product-image-wrapper {
	display: inline;
	float: left;
	width: 50%;
	margin: 0 14px 0 0;
	}
.shopping-bag-wrapper .product-image-wrapper,
.wish-list-wrapper .product-image-wrapper {width: 30%;}
.product-image-wrapper img {width: 100%;}
.product-image-wrapper input {
	width: 100%;
	padding: 6px 0;
	margin: 10px 0 0;
	}
.product-info {
	width: 44%;
	float: left;
	display: inline;
	margin: 5px 0 0;
	}
/* Added padding on shopping bag due to close button */
.wish-list-wrapper .product-info,
.shopping-bag-wrapper .product-info {
	width: 50%;
	padding: 0 5% 0 0;
	}
.product-info h2,
.product-info h3,
.product-info h2 a,
.product-info h3 a {
	font-weight: 400;
	font-size: 1em;
	text-decoration: none;
	}
.product-info p,
.product-info a {font-size: 0.813em;}
.prices {
	overflow: hidden;
	padding: 0;
	margin: 0;
	}
.prices li {
	list-style: none;
	margin: 0 10px 0 0;
	font-size: 0.813em;
	color: #444;
	}
/*.prices span {display: none;}*/
.prices .rrp-strike {
	color: #666;
	font-weight: 400;
	}
.prices .rrp-strike .value {
	text-decoration: line-through;
	color: #444;
	}
.prices .rrp {font-weight: 700;}
.prices .value {font-weight: 700;}
.offer .value,
.product-info .offer,
.prices .offer {color: #e00;}
.prices li {font-weight: 700; float: left;}
.show-price-headers li {
	margin: 0 5px 6px 0;
	display: block;
	}
.dj-rewards-price {clear: both;}
.product-details-wrapper .rrp-strike,
.product-details-wrapper .offer {
	float: right;
	margin: 0 0 10px 10px;
	}
.prices.price-under .rrp-strike .offer {display: inline;}
.shopping-bag-wrapper .prices li {
	display: block;
	float: none;
	}
.product-meta {
	padding: 0;
	margin: 0 0 12px;
	}
.product-meta li {
	list-style: none;
	margin: 0 0 4px;
	font-size: 0.813em;
	}
.show-price-headers span {display: inline;}
.prices.price-under span {
	display: block;
	}
.close-button {
	font-weight: 700;
	border: 1px solid #ddd;
	border-top: none;
	display: block;
	color: red;
	top: -1px;
	right: 15px;
	position: absolute;
	text-align: center;
	color: #444;
	font-size: 0.75em;
	text-decoration: none;
	padding: 4px 8px;
	}
.promo-details {
	display: block;
	margin: 10px 0;
	}
/* Product Details
-----------------------------------------------------------------------------*/
.product-details-wrapper {padding: 15px;}
.product-details-wrapper #shoppingTotals td.order-total {
	color: #e00;
	font-weight: 700;
	}
.product-details-wrapper .terms {
	text-align: right;
	color: #e00;
	}
.product-details-wrapper .promo {
	color: #999;
	background: url(../images/promo-bg.gif) no-repeat top left;
	padding: 0 0 0 35px;
	min-height: 33px;
	margin-bottom:3px;
	}
/* Product Images */
#mainImageWrapper {position: relative;}
#mainImage {
	display: block;
	width: 100%;
	}
.loading {
	width: 100%;
	height: 100%;
	background: url(../images/loader-white.gif) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	}
.sub-image-wrapper {
	margin: 15px 0;
	overflow: hidden;
	}
.sub-image {
	display: inline;
	float: left;
	}
.sub-image img {
	display: block;
	width: 100%;
	}
.five-images .sub-image {
	margin: 0 1.25% 0 0;
	width: 19%;
	}
.four-images .sub-image {
	margin: 0 4% 0 0;
	/*width: 22%;updated for RUD-1322*/
	/*width: 20%;updated for fluid integration for 5 thumbnails*/
	width: 16%;
	}
.sub-image-wrapper .last {margin: 0;}

.product-variables label {display: none;}
.product-variables table {margin: 0 0 9px;}
.product-variables td.first {padding: 0 7px 15px 0;}
.product-variables td.last {padding: 0 0 15px 7px;}
.product-variables select {
	display: block;
	width: 100%;
	}
.product-copy {padding: 0 0 20px;}
.product-copy ul {
	padding: 0 0 0 16px;
	margin: 0;
	}
.product-social-links {
	padding: 20px 0 0;
	min-height: 26px;
	}
#twitterButton {
	float: left;
	display: inline;
	}
#facebookButton {
	float: left;
	display: inline;
	}
/* Product Accordions & Generic Wrapper */
.product-accordion-wrapper {margin: 0 0 10px;}
/*
.generic-wrapper,
.form-sub-wrapper {
	padding: 20px 15px 32px;
	background: #f8f8f8 url("../images/two-tone-border.gif") repeat-x left bottom;
	}
	*/
#deliveryForm .generic-wrapper {padding: 20px 15px;}
.generic-wrapper h2,
.generic-wrapper h3,
.static-wrapper h1,
.static-wrapper h2,
.static-wrapper h3,
.static-wrapper h4,
.static-wrapper h5,
.static-wrapper h6,
.form-sub-wrapper h2,
.form-sub-wrapper h3 {
	display: block;
	color: #444;
	font-size: 1.25em;
	font-weight: 400;
	text-decoration: none;
	margin: 0 0 10px;
	}
.even-spacing {padding: 18px 15px 20px;}
.accordion-content {padding: 8px 0 0;}
.closed .accordion-content {display: none;}
.vcard {margin: 0 0 15px;}
.vcard.payaddress p {margin: 0px;}

.form-sub-wrapper p:last-of-type,
.generic-wrapper p:last-of-type {margin-bottom: 0;}
.form-sub-wrapper a.green-button {
	display: block; 
	text-align: center; 
	text-decoration: none; 
	margin: 0 0 15px; 
	padding: 14px 0;
}
/* Generic Wrapper */
.generic-wrapper ul {
	margin: 0 0 6px;
	padding: 0;
	}
.generic-wrapper ul li {
	list-style: none;
	line-height: 1.9;
	}
.generic-wrapper .standard {
	margin: 1em 0;
    padding: 0 0 0 18px;
	}
.generic-wrapper .standard li {list-style: disc;}
/* Below added for Windows 7 phone */
.generic-wrapper table td,
.generic-wrapper table th {
	text-align: left;
	font-size: 0.938em;
	color: #999;
	}
.forgot {
	display: block;
	margin: 4px 0 0;
	}
.product-accordion-wrapper {
	background: #fff;
	border: 1px solid #ddd;
	padding: 1px;
	/* CSS3 */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.product-accordion-wrapper h3 {
	background: #fff;
	margin: 0;
	/* CSS3 */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	}
.closed h3 {background: #f8f8f8;}
.accordion-content {padding: 8px 10px 0;}
.product-accordion-wrapper h3 a {
	display: block;
	text-decoration: none;
	margin: 0 0 0 10px;
	font-size: 0.75em;
	font-weight: 700;
	padding: 7px 0;
	}
.product-accordion-wrapper .expanded-icon {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 11px;
	right: 11px;
	font-size: 1.25em;
	text-indent: -999em;
	display: block;
	}
.product-accordion-wrapper .plus {background: url(../images/accord-icons.png) bottom left no-repeat;}
.product-accordion-wrapper .minus {background: url(../images/accord-icons.png) top left no-repeat;}

/* Search Results
-----------------------------------------------------------------------------*/
.non-product-result {
	padding: 12px 15px 2px;
	background: #FDFDFD url("../images/two-tone-border.gif") repeat-x left bottom;
	}
.non-product-result a {color: #444;}
/* Shopping Bag
-----------------------------------------------------------------------------*/
.info-box {
	background: none repeat scroll 0 0 #f7f7f7;
    color: #343434;
    font-size: 14px;
    margin: 0;
    padding: 15px;
	}
.shopping-bag-wrapper {
	background: url("../images/two-tone-border.gif") repeat-x left top;
	padding: 18px 0 0;
	}
.shopping-bag-wrapper > p {
	background: url("../images/two-tone-border.gif") repeat-x left bottom;
	padding: 0 15px 17px;
	margin: 0;
	}
#shoppingTotals th {
	text-align: left;
	padding: 0 1% 2px 0;
	font-weight: 400;
	color: #999;
	font-size: 0.938em;
	line-height: 2.0;
	}
#shoppingTotals {margin: 0 0 10px;}
#shoppingTotals td {
	padding-bottom: 2px;
	text-align: right;
	color: #999;
	}
#shoppingTotals .order-total {
	padding-top: 10px;
	color: #444;}
	
#paging_control {overflow: hidden;}	

/* Billing
-----------------------------------------------------------------------------*/
.step-process-wrapper,
.pagination {
	background: #444;
	padding: 5px 15px;
	}
.step-process-wrapper p,
.pagination p {
	color: #666;
	margin: 0;
	padding: 0;
	color: #fff;
	}
.form-sub-wrapper th {
	text-align: left;
	padding: 0 0 0 2px;
	}
.form-sub-wrapper td {padding: 0 0 14px;}
.form-sub-wrapper td .sub-text {margin: 10px 0 0;}
.generic-wrapper td {padding: 0 0 8px;}
#billingAddressDetails td {padding: 0 0 10px 2px;}
#giftOptions td {padding: 0 0 4px;}
/* International Phone Number layout */
.int-phone .phone-plus {
	width: 1%;
	color: #666;
	}
.int-phone .phone-plus span {
	display: block;
	margin: 2px 0 0;
	}
#container .int-phone .phone-area,
#container .int-phone .phone-plus {padding-right: 5px;}
#container .int-phone .phone-area {width: 25%;}
/* Address vcard */
.vcard span {
	display: block;
	color: #666;
	margin: 0 0 2px;
	font-size: 0.938em;
	}
.form-sub-wrapper label {
	display: block;
	color: #666;
	font-size: 0.938em;
	font-weight: 400;
	margin: 0 0 4px;
	line-height: 1.4;
	}
label .req{/*deffect fix*/
width:35%;
}
	
.giftwrapRow {
	display: block;
	color: #666;
	font-size: 0.938em;
	font-weight: 400;
	margin: 0 0 4px;
	line-height: 1.4;
	}
.form-sub-wrapper li {line-height: 1.4;}
.gcard-list.last{margin-bottom:10px;}
.form-sub-wrapper .no-list {
	padding: 0;
	list-style: none;
	margin: 0;
	}
/* Hide non-oz address fields by default */
.non-oz-only {display: none;}
#selectBillingAddress {margin: 0 0 10px;}
#selectDeliveryProfile {
	margin: 0 0 10px;
	display: block;
	}
#changeDate th {vertical-align: top;}
#changeDate th label {
	display: block;
	margin: 3px 0 0;
	}
#hiddenDate {display: none;}
/* Card details */
#userCardDetails th {/*deffect fix*/
	width: 30%;
	vertical-align: top;
	}
#userCardDetails label {margin: 4px 0;}
#cvnNumber {
	padding: 4px;
	margin: 0 5px 0 0;
	}
.product-summary {
	margin: 0 -15px 16px;
	padding: 0 15px 32px;
	background: url(../images/two-tone-border.gif) repeat-x bottom left;
	}
#summaryCheckboxes label {
	display: block;
	margin: 0 0 12px;
	}
.order-details {
	padding: 0;
	margin: 0 0 12px;
	}
.order-details li {list-style: none;}
.order-details li span {font-weight: 700;}
#birthDateTable td {padding: 0 15px 14px 0;}
/* CVN Number */
#ccv-message {
	background: #fff;
	padding: 10px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	}
#ccv-message img {margin: 0 0 4px;}
#ccv-message.closed {display: none;}
/* Free Gift Page
-----------------------------------------------------------------------------*/
.free-gift-wrapper label {
	overflow: hidden;
	display: block;
	}
.free-gift-wrapper .product-wrapper input {
	position: absolute;
	top: 42%;
	left: 15px;
	}
.free-gift-wrapper .product-image-wrapper {
	display: inline;
	float: left;
	width: 40%;
	margin: 0 14px 0 25px;
	}
.free-gift-wrapper .product-info {width: 40%;}

/* GIFT CARD SUMMARY
-----------------------------------------------------------------------------*/

.form-sub-wrapper .gcard-list {overflow: hidden;}
.form-sub-wrapper .gcard-list.last {margin-bottom: 6px;}

.form-sub-wrapper .gcard-lbl {
	display: inline-block;
    width: 50%;
}
	
.form-sub-wrapper .gcard-values {
	float: right;	
	text-align: right;
	width: 45%;
}

/* Site Buttons
-----------------------------------------------------------------------------*/
.standard-button {
	display: inline;
	color: #444;
	padding: 5px 13px;
	border: 1px solid #ddd;
	background: #f8f8f8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 15px;
	}

.standard-button.bigger-button {
	padding: 8px 16px;
}


.dark-button, .green-button {
	background: #444;
	color: #fff;
	border: none;
	font-size: 0.75em;
	padding: 6px 13px;
	/* CSS3 */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
.green-button {
background-color: #2b862b;
}	
/* added on 26 March 2013 for OrderSummaryDisplay.jsp - Anand */
a.dark-button.full-width-btn {
	display:block; 
	text-align:center; 
	color:#fff; 
	text-decoration:none
	}

/* Added a.dark_button for styling links like a button  - Chris 20130418*/
a.dark-button {
	background: #444;
	color: #fff;
	border: none;
	font-size: 1em;
	padding: 6px 13px;
	margin: 1em;
	/* CSS3 */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
}
a:hover.dark-button {
	text-decoration: none;
	-moz-text-decoration-line: none;
}
a:focus.dark-button {
	text-decoration: none;
	-moz-text-decoration-line: none;
}
	
/*#addShoppingBag,*/
#addWishList,
#showTermsConditions,
#submitOrder,
#checkout {
	padding: 14px 0;
	margin: 0 0 15px;
	width: 100%;
	position:relative;
}

#checkout-as-guest
{
	margin: 0;
	padding: 8px 10px;
}

.full-width-button {
	padding: 14px 0;
	margin: 0 0 15px;
	width: 99%;
	}
.move-wish-list {
	display: block;
	font-size: 13px;
	margin: 0 0 15px;
	}
	
/* Multiple Form Buttons
-----------------------------------------------------------------------------*/
#multiButtons {
	/*text-align: center;*/
	margin: 0;
	overflow: hidden;
	list-style: none;
	}
#multiButtons li {
	vertical-align: middle;
	margin: 0 15px 0 0;
	float: left;
	font-size: 1em;
	}
/* Styled Form Buttons 
-----------------------------------------------------------------------------*/
#styledFormButtons {
	padding: 10px 0;
	background: url(../images/two-tone-border.gif) repeat-x top left;
	margin: 0;
	overflow: hidden;
	}
#nextStep {
	margin: 0 5px 0 0;
	float: right;
	text-align: left;
	width: 50px;
	height: 29px;
	border: none;
	background: url(../images/form-next.gif) repeat-x top left;
	color: #fff;
	padding: 0 0 0 7px;
	display:block;
	}
	
/*#proceedCopy {
	float:left; color:#666; font-size:1.1em; margin: 2px 0px 0px 10px; width: 75%;
	}*/
#proceedCopy {
	margin: -35px 15px 47px;
	width: 75%;
	}
	
#applyGift {padding: 6px 13px;}
#styledFormButtons #continueCheckout {
	margin: 0 auto;
	display: block;
	width: 180px;
	}
#continueShopping {
	color: #fff;
	margin: 0 5px 0 0;
	float: right;
	text-align: left;
	width: 135px;
	height: 29px;
	border: none;
	color: #fff;
	padding: 0 0 0 10px;
	background: url(../images/form-continue.gif) repeat-x top left;
	display: block;
  }

/* Wish List
-----------------------------------------------------------------------------*/
#emailWishList th {vertical-align: top;}
#emailWishList th label,
#emailWishList td label {
	display: block;
	margin: 5px 0 0;
	color: #666;
	font-weight: 400;
	font-size: 0.938em;
	}
	
/* Footer
-----------------------------------------------------------------------------*/
/*footer {
	background: #f8f8f8 url(../images/two-tone-border.gif) repeat-x top left;
	position: relative;
	padding: 2px 0 0;
	}
footer ul li {
	float: left;
	list-style: none;
	}
#footerNav {
	margin: 0;
	background: #fff url(../images/footer-bg.gif) 15px center no-repeat;
	padding: 0 0 0 8%;
	display: block;
	}
#footerNav li {padding: 19px 0;}
#account,
#contact {width: 35%;}
#list {width: 30%;}
#footerNav li a {
	display: block;
	text-align: center;
	border-right: 1px solid #666;
	color: #666;
	text-decoration: none;
	font-size: 0.938em;
	}
#footerNav .last a {border: 0;}
#socialFooter {
	background: url(../images/two-tone-border.gif) repeat-x top left;
	padding: 15px 15px 0;
	margin: 0;
	}
#fb {width: 35%;}
#twit,
#youtube {width: 32%;}
#socialFooter a {
	background: url(../images/btn-sprite.gif) no-repeat top left;
	font-size: 0.75em;
	font-weight: 700;
	color: #999;
	text-decoration: none;
	margin: 0 10px 0 0;
	display: block;
	position: relative;
	}
#socialFooter a span {
	display: block;
	background: url(../images/btn-sprite.gif) no-repeat bottom right;
	padding: 12px 11px 12px 30px;
	text-align: center;
	}
#socialFooter .last a {margin: 0;}
#socialFooter b {
	display: block;
	position: absolute;
	top: 9px;
	height: 18px;
	left: 50%;
	}
#fb b {
	width: 13px;
	background: url(../images/fb_social.gif) no-repeat;
	margin-left: -32px;
	}
#twit b {
	width: 15px;
	background: url(../images/twit_social.gif) no-repeat;
	margin-left: -28px;
	}
#youtube b {
	width: 14px;
	background: url(../images/youtube_social.gif) no-repeat;
	margin-left: -30px;
	}
#footerLinks {
	background: #f8f8f8;
	padding: 15px 0 15px 6px;
	margin: 0;
	}
#footerLinks li {margin: 0;}
#priv,
#deliv {width: 36%;}
#full {width: 28%;}
#footerLinks a {
	color: #999;
	text-decoration: none;
	border-right: 1px solid #999;
	font-size: 0.813em;
	width: 100%;
	text-align: center;
	display: block;
	}
#footerLinks .last a {border: none;} */

footer {
	background: #333;
	border-top: 1px solid #ebebeb;
	padding: 15px;
}
	footer p {
		color: #888;
		font-size: 11px;
		margin: 0 0 1em;
	}
		footer p a,
		footer p a:visited {
			color: #888;
			margin: 0 .5em;
			text-decoration: none;
		}
		footer p a:first-child {margin-left: 0;}
	footer ul {
		list-style: none;
		margin: 0 0 1.5em;
		padding: 0;
	}
		footer ul li {display: block;}
			footer ul li a,
			footer ul li a:visited {
				background: transparent;
				border: none;
				color: #999;
				display: block;
				font-size: 12px;
				font-weight: normal;
				letter-spacing: 0.05em;
				line-height: 1;
				padding: 11px 0;
				position: relative;
				text-decoration: none;
				text-transform: uppercase;
			}
			footer ul li a:before {
				content: '';
				border: 2px solid #666;
				border-left: none;
				border-top: none;
				display: block;
				width: 6px;
				height: 6px;
				margin-bottom: -3px;
				position: absolute;
				bottom: 50%;
				right: 18px;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
footer.alt {display: none;}

















/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* prevent callout */
.nocallout {-webkit-touch-callout: none;}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {-webkit-appearance: none;}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.gifhidden {position: absolute; left: -100%;}

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {  }
/*.clear_float, .clear, .clearBoth {clear:both;}*/


	/* ==|== Site Navigation ========================================
   jQuery.mmenu CSS
   ========================================================================== */

#main-menu {display: none;}
#main-menu.mm-current {display: block;}

.mm-page,
.mm-fixed-top,
.mm-fixed-bottom,
.mm-menu.mm-horizontal > .mm-panel {
	-webkit-transition: none 0.4s ease;
	-moz-transition: none 0.4s ease;
	-ms-transition: none 0.4s ease;
	-o-transition: none 0.4s ease;
	transition: none 0.4s ease;
	-webkit-transition-property: top, right, bottom, left, border;
	-moz-transition-property: top, right, bottom, left, border;
	-ms-transition-property: top, right, bottom, left, border;
	-o-transition-property: top, right, bottom, left, border;
	transition-property: top, right, bottom, left, border;
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
	left: 0;
	top: 0;
	margin: 0;
	border: 0px solid rgba(0, 0, 0, 0);
}

html.mm-opening .mm-page,
html.mm-opening #mm-blocker {border: 0px solid rgba(100, 100, 100, 0);}

.mm-menu .mm-hidden {display: none;}

.mm-fixed-top,
.mm-fixed-bottom {
	position: fixed;
	left: 0;
}

.mm-fixed-top {top: 0;}

.mm-fixed-bottom {bottom: 0;}

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html.mm-opened {
	overflow-x: hidden;
	position: relative;
}

html.mm-opened .mm-page {position: relative;}

html.mm-background .mm-page {background: inherit;}

#mm-blocker {
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
}

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {display: block;}

.mm-menu.mm-current {display: block;}

.mm-menu {
	background: inherit;
	display: none;
	overflow: hidden;
	height: 100%;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 0;
}
	.mm-menu > .mm-panel {
		background: inherit;
		-webkit-overflow-scrolling: touch;
		overflow: scroll;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
		height: 100%;
		padding: 20px;
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 0;
	}
	.mm-menu > .mm-panel.mm-opened {left: 0%;}
	.mm-menu > .mm-panel.mm-subopened {left: -40%;}
	.mm-menu > .mm-panel.mm-highest {z-index: 1;}
	.mm-menu > .mm-panel.mm-hidden {
		display: block;
		visibility: hidden;
	}

.mm-menu .mm-list {padding: 20px 0;}
.mm-menu > .mm-list {padding: 20px 0 40px 0;}

.mm-panel > .mm-list {
	margin-left: -20px;
	margin-right: -20px;
}
	.mm-panel > .mm-list:first-child {padding-top: 0;}

.mm-list,
.mm-list > li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}

.mm-list {font: inherit;}
	.mm-list a,
	.mm-list a:hover {
		color: #ddd;
		font-size: 15px;
		text-decoration: none;
	}
	.mm-list > li {position: relative;}
	.mm-list > li.label {
		color: #999;
		font-size: 10px;
		text-transform: uppercase;
		padding: 11px 15px;
	}
	/*.mm-list > li + li.label {margin-top: 20px;}*/
	.mm-list > li.external {
		background: url(../images/icon-external.png) no-repeat 90% 50%;
		background-size: 12px 12px;
	}
		.mm-list > li > a,
			.mm-list > li > span {
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
				line-height: 20px;
				display: block;
				padding: 11px 30px;
				margin: 0;
			}
	.mm-list a.mm-subopen {
		width: 100%;
		height: 100%;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}
	.mm-list a.mm-subopen.mm-fullsubopen {width: 100%;}
	.mm-list a.mm-subopen.mm-fullsubopen:before {border-left: none;}
	.mm-list a.mm-subopen + a,
	.mm-list a.mm-subopen + span {
		padding-right: 5px;
		margin-right: 40px;
	}
	.mm-list > li.mm-selected > a.mm-subopen {background: transparent;}
	.mm-list > li.mm-selected > a.mm-fullsubopen + a,
	.mm-list > li.mm-selected > a.mm-fullsubopen + span {
		padding-right: 45px;
		margin-right: 0;
	}
.mm-list .mm-subtitle {
	margin-bottom: 13px;
	position: relative;
}
	.mm-list .mm-subtitle .btn-close {
		line-height: 1;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 2;
	}
		.mm-list .mm-subtitle .btn-close span {
			background: url(../images/icon-cross-light.png) no-repeat 0 0;
			background-size: 100%;
			display: inline-block;
			margin: 20px 15px 21px;
			height: 15px;
			width: 15px;
		}
	.mm-list .mm-subclose {
		min-height: 20px;
		padding: 18px 30px 18px 15px;
		margin-top: -20px;
		font-size: 15px;
		color: #999;
	}
	.mm-list > li.mm-label {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		font-size: 10px;
		text-transform: uppercase;
		text-indent: 20px;
		line-height: 25px;
		padding-right: 5px;
	}
	.mm-list > li.mm-spacer {padding-top: 40px;}
	.mm-list > li.mm-spacer.mm-label {padding-top: 25px;}
	.mm-list a.mm-subopen:after,
	.mm-list a.mm-subclose:before {
		content: '';
		border: 2px solid transparent;
		display: block;
		width: 7px;
		height: 7px;
		margin-bottom: -5px;
		position: absolute;
		bottom: 50%;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.mm-list a.mm-subopen:after {
		border-top: none;
		border-left: none;
		right: 30px;
	}
	.mm-list a.mm-subclose:before {
		border-right: none;
		border-bottom: none;
		left: 15px;
	}

.mm-menu.mm-vertical .mm-list .mm-panel {
	display: none;
	padding: 10px 0 10px 10px;
}
	.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {border-color: transparent;}
	.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {display: block;}
	.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {height: 40px;}
	.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    transform: rotate(45deg);
	    top: 16px;
	    right: 16px;
	}

html.mm-opened .mm-page {box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);}

.mm-ismenu {
  background: #222;
  color: #ddd;
}

.mm-menu .mm-list > li:after {border-color: rgba(0, 0, 0, 0.15);}
.mm-menu .mm-list > li > .mm-subclose {background: #333;}
.mm-menu .mm-list > li > a.mm-subopen:after {border-color: #999;}
.mm-menu .mm-list > li > a.mm-subclose:before {border-color: #ddd;}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span {background: rgba(0, 0, 0, 0.25);}
.mm-menu .mm-list > li.mm-label {background: rgba(255, 255, 255, 0.05);}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul {background: rgba(255, 255, 255, 0.05);}

.mm-menu {width: 86%;}

html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {left: 86%;}

@media all and (max-width: 175px) {
	.mm-menu {width: 140px;}

	html.mm-opening .mm-page,
	html.mm-opening #mm-blocker,
	html.mm-opening .mm-fixed-top,
	html.mm-opening .mm-fixed-bottom {left: 140px;}
}
@media all and (min-width: 550px) {
	.mm-menu {width: 440px;}

	html.mm-opening .mm-page,
	html.mm-opening #mm-blocker,
	html.mm-opening .mm-fixed-top,
	html.mm-opening .mm-fixed-bottom {left: 440px;}
}


/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 *
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-container .sizer {
	visibility: hidden;
	width: 100%;
}
.swiper-wrapper {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	width:100%;
	height: auto !important;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;

	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;

	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);

	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;

	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	height: auto !important;
}
.swiper-slide img {
	width: 100%;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */

	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */

}
.swiper-slide-visible {
	/* Specific visible slide styling: */

}

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination {
	background: url(../images/two-tone-border.gif) repeat-x bottom left;
	padding: 14px 0;
	text-align: center;
}
.swiper-pagination-switch {
	/* Stylize pagination button: */
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 14px;
	height: 13px;
	text-indent: -999em;
	background: url(../images/home-fade-buttons.gif) left bottom no-repeat;
	margin: 0 2px;
}
.swiper-active-switch {
	/* Specific active button style: */
	background: url(../images/home-fade-buttons.gif) left top no-repeat;
}
.swiper-visible-switch {
	/* Specific visible button style: */

}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: #000 !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

a:hover, .no_underline {
	text-decoration: none;	
}
.error_msg {
	color: #FF0000;
}
#MessageArea {
	display:none;
	position:fixed;
	_position: absolute;
	z-index:9999;
	padding: 0px;
}

div#MessageArea div#msgpopup_content_wrapper div#msgpopup1_content div#msgpopup1_txt span#ErrorMessageText {
	color:#000000;
	font-size: 12px;
}

div#MessageArea div#msgpopup_content_wrapper div#msgpopup2_content div#msgpopup2_txt span#ErrorMessageText {
	color:#000000;
	font-size: 12px;
}

#msgpopup_close_text{
	vertical-align:top;
}

div.msgpopup1 {
	display:none;
	min-height:55px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
	
div.msgpopup1 .msgpopup_content_wrapper{
	background-color: #dddcdd;
	width: 100%;
	min-height: 50px;
	padding: 0px;
	margin: 0px;
	position: relative;
	border-top: 1px solid #208805;
	border-bottom: 1px solid #208805;
}

div.msgpopup1 .msgpopup_content_wrapper .content{
	background: url('../images/colors/color1/msgpopup1_content_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	min-height: 50px;
	width: 100%;
	
}

div.msgpopup1 .msgpopup_content_wrapper .left{
	background-color: #208805;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.msgpopup1 .msgpopup_content_wrapper .right{
	background-color: #208805;
	width: 3px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}

div.msgpopup1 .msgpopup_content_wrapper .content .icon{
	max-height: 50px;
	width: 30px;
	display: inline;
	position: absolute;
	left: -2px;
	top: 0px;
}
		
div.msgpopup1 .msgpopup_content_wrapper .content .icon .exc {
	background:transparent url('../images/colors/color1/msgpopup1_exc.png') no-repeat scroll 0 0;
	float:left;
	width: 30px;
	height: 30px;
	margin-left: 15px;
	margin-top: 8px;
}
		
div.msgpopup1 .msgpopup_content_wrapper .content .message_text {
	max-width: 100%;
	height: 100%;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 55px;
	padding-right: 70px;
}

div.msgpopup1 .msgpopup_content_wrapper .content .close{
	max-height: 50px;
	position: absolute;
	right: 0px;
	top: 0px;
}
		
div.msgpopup1 .msgpopup_content_wrapper .content .close .msgpopup1_x {
	margin-right:10px;
	margin-top:10px;
}


div.msgpopup2 {
	display:none;
	min-height:55px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

	
div.msgpopup2 .msgpopup_content_wrapper{
	background-color: #dddcdd;
	width: 100%;
	min-height: 50px;
	padding: 0px;
	margin: 0px;
	position: relative;
	border-top: 1px solid #208805;
	border-bottom: 1px solid #208805;
}

div.msgpopup2 .msgpopup_content_wrapper .content{
	background: url('../images/colors/color1/msgpopup2_content_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	min-height: 50px;
	width: 100%;
	
}

div.msgpopup2 .msgpopup_content_wrapper .left{
	background-color: #208805;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

div.msgpopup2 .msgpopup_content_wrapper .right{
	background-color: #208805;
	width: 3px;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}

div.msgpopup2 .msgpopup_content_wrapper .content .icon{
	max-height: 50px;
	display: inline;
	position: absolute;
	left: -2px;
	top: 0px;
}
		
div.msgpopup2 .msgpopup_content_wrapper .content .icon .exc {
	background:transparent url('../images/colors/color1/msgpopup2_exc.png') no-repeat scroll 0 0;
	float:left;
	width: 38px;
	height: 38px;
	margin-left: 15px;
	margin-top: 8px;
}
		
div.msgpopup2 .msgpopup_content_wrapper .content .message_text {
	max-width: 100%;
	height: 100%;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 55px;
	padding-right: 70px;
}

div.msgpopup2 .msgpopup_content_wrapper .content .close{
	max-height: 50px;
	position: absolute;
	right: 0px;
	top: 0px;
}
		
div.msgpopup2 .msgpopup_content_wrapper .content .close .msgpopup1_x {
	margin-right:10px;
	margin-top:10px;
}
/* ADDED FOR DISPLAY THE ATTACHEMNT DETAILS IN PIP @NIRAJ */
/* General info table   */
div.info_table {  
	border-left: 0px solid #cccccc;  
	border-right: 0px solid #cccccc;  
	border-top: 1px solid #cccccc;  
	margin-bottom: 10px; 
	display:-moz-inline-block;
	display:inline-block;
	zoom:1;
	*display:inline;
}  
	div.info_table div.row {  
		border-bottom: 0px solid #cccccc;  
	}  
	div.info_table div.row div.label,
	div.info_table div.row div.info_content,
	div.info_table div.row div.label1,
	div.info_table div.row div.label2,
	div.info_table div.row div.info_content1{  
		float: left; 
		text-align: left;  
		padding: 7px 0 3px 5px;
		vertical-align: middle;
	}  
	div.info_table div.row div.label {  
		border-right: 1px solid #cccccc;  
		background-color: #F4F5F5;  
		width: 130px;  
		padding-left: 5px; 
		padding-right: 5px; 
		height: auto !important;
		min-height: 23px;
		height: 23px;
	}  
	div.info_table div.row div.info_content {  
		background-color: #fff; 
		display:-moz-inline-block;
		display:inline-block;
		zoom:1;
		*display:inline;
		border-right: none; 
		padding-right: 7px; 
	}
	div.info_table div.row div.label1 {  
		width: 210px;   
		padding-left: 5px; 
		padding-right: 5px; 
		height: auto !important;
		min-height: 23px;
		height: 23px;
		overflow-x:auto;
	}  
	div.info_table div.label1 {
		overflow-x:auto;
	}  	
	div.info_table div.row div.label2 {  
		width: 100px;  
		padding-left: 5px; 
		padding-right: 5px; 
		min-height: 23px;
		height: 23px;
	}  
	div.info_table div.row div.info_content1 {
		display:-moz-inline-block;
		display:inline-block;
		zoom:1;
		*display:inline;
		border-right: none; 
		padding-right: 7px; 
		height: auto !important;
		min-height: 23px;
		height: 23px;
		width: 210px;
	}  
	div.info_table div.row div.info_content input,  
	div.info_table div.row div.info_content select {  
		margin: 0;  
		height: 20px
	}  
	.address-full-width {width: 250px;}
	
	
	
	 
	.generic-wrapper .delivery-picker {
   
    margin-bottom: 25px;
    padding: 10px;
}
.generic-wrapper .delivery-picker .col-50 {
    color: #999999;
    display: inline-block;
    width: 100%;
}
#styledFormButtons #continueCheckout {
    display: block;
    margin: 0 auto;
    width: 180px;
}
.fav-store {
    background: url("../images/two-tone-border.gif") repeat-x scroll left bottom transparent;
    padding-bottom: 16px;
}
.fav-store div p {
    padding: 0;
}
.fav-store label {
    margin-bottom: 16px;
}
.favorite-store-wrapper p {
    padding: 15px 15px 0;
}
.fav-store div {
    margin: 0 0 0 18px;
}

/* Added by Asit for product details page - STARTS */
.small {
    color: #999999;
    font-size: 11px;
    line-height: 16px;
/*    margin-bottom: 20px; */   /* defect: 24393 */
}

h4.check-availability {
    font-size: 14px;
    margin-top: 10px;
}

.david-jones-card {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin-top: -15px;
    padding: 15px;
}

.david-jones-card p {
    color: #999999;
    font-size: 13px;
    margin-bottom: 8px;
    
}

.david-jones-card p strong {
    color: #666666;
    font-size: 1.2em;
}

.david-jones-card img {
    float: left;
    margin: 0 5px 0 0;
    width: 130px;
}

b, strong {
    font-weight: 700;
}

/* Added by Asit for product details page - ENDS*/


/* Added by Amrita for Bundle Details page - START */
.product-info.adjusted {
	width:64%;
}	
.product-info.adjusted select {
	width:100%;
	margin-left:10px;
}

.product-info.adjusted label {
	font-weight:bold;
	font-size:13px;
	line-height: 21px;
}
.product-image-wrapper {
	display: inline;
	float: left;
	width: 50%;
	margin: 0 14px 0 0;
	position: relative;
	}
.product-image-wrapper.adjusted {
	width:30%;
}
/* Added by Amrita for Bundle Details page - END */

/* Two Form Buttons
-----------------------------------------------------------------------------*/
#twoButtons {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}

#twoButtons li.left {
    margin-right: 2%;
    text-align: left;
}
#twoButtons li {
    float: left;
    font-size: 1em;
    margin: 0;
    vertical-align: middle;
    width: 48%;
}
#twoButtons li.right {
	margin-left:2%;
	text-align: right;
}


	
	
	#orderAccordion .order-accordion-wrapper {
	    margin: -15px 0 0;
	    padding: 0;
	}
	
	#container .no-bottom-padding {
    padding-bottom: 0;
	}
	
	
	#orderAccordion .order-accordion-wrapper h3 {
    	margin: 0;
    	padding: 0;
	}
	
	.generic-wrapper, .form-sub-wrapper {
	    background: url("../images/two-tone-border.gif") repeat-x scroll left bottom #FFFFFF;
	    padding: 20px 15px 32px;
	}
	
	.form-sub-wrapper.summary-cvn 
	{
	background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #ddd;
    margin-top: -1px;
    padding-bottom: 0px;
	
	}
	
	.summary-cvn #userCardDetails {
	display: block;
	margin-top: 15px;
	}
	.no-border {
    	background-image: none !important;
	}
	
	
	#orderAccordion .order-accordion-wrapper.first.open, #orderAccordion .order-accordion-wrapper.first.closed {
	    margin-bottom: 0;
	    margin-left: 0;
	    margin-right: 0;
	    margin-top: 0 !important;
	}
	
	#orderAccordion .accordion-trigger {
	    background: url("../images/two-tone-border.gif") repeat-x scroll left bottom #F8F8F8;
	    color: #666666;
	    display: block;
	    font-size: 15px;
	    height: 20px;
	    margin: 0;
	    overflow: hidden;
	    padding: 10px 0;
	    position: relative;
	    text-decoration: none;
	}
	
	
	#orderAccordion .accordion-trigger .expanded-text {
    	padding-left: 10px;
	}

	
	#orderAccordion .accordion-trigger .expanded-icon.plus {
	    background: url("../images/accord-icons.png") no-repeat scroll left bottom transparent;
	}
	
	#orderAccordion .accordion-trigger .expanded-icon.minus {
    	background: url("../images/accord-icons.png") no-repeat scroll left top transparent;
	}
	
	
	#orderAccordion .accordion-trigger .expanded-icon {
	    height: 8px;
	    position: absolute;
	    right: 10px;
	    text-decoration: none;
	    text-indent: -9999px;
	    top: 13px;
	    width: 10px;
	}
	
	#orderAccordion .accordion-content {
	    background: none repeat scroll 0 0 #FFFFFF;
	    padding-left: 10px;
	    padding-right: 0;
	}
	
	#orderAccordion .vcard {
    	padding-left: 10px;
    	padding-top: 10px;
	}	
	
	#orderAccordion .product-summary p {
    padding-left: 0px;
	}
	
	#orderAccordion .product-summary p.close-margin {
    padding-left: 0;
	}
	
	.deliverymethod{
	display: block;
	color: #444;
	font-size: 1.25em;
	font-weight: 400;
	text-decoration: none;
	margin: 7px 10px -22px;
	}
	
	ul.entry{list-style-type:none; padding-left:0px; clear:both;}
	ul.entry li.labelHolder {float:left; width:150px; }
	ul.entry li.contentHolder {clear:right; float:left; }
	
	.permissionInfo {
    display: none;
    font-size: 12px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
	}
	
	.permissionToLeave {
    float: left;
    margin: 3px 5px 0 0;
	}
	
	.full-width {
    -moz-box-sizing: border-box;
     width: 100%;
	}
	
	/* Reward Points
-----------------------------------------------------------------------------*/

	.form-sub-wrapper .reward-points-list
	{
		margin-top: 6px;
		overflow: hidden;
	}
	
	.form-sub-wrapper .summary-lbl 
	{
		display: inline-block;
	    width: 68%;
	}
		
	.form-sub-wrapper .reward-points-values
	{
		float: right;	
		text-align: right;
		width: 27%;
	}
	
	.form-sub-wrapper span.reward-points-bold
	{
		font-weight: bold;
		color: #666666;
	}
	
	.form-sub-wrapper div.reward-points-box
	{
		width: 100%;
		margin: 20px 0px 20px 0px;
		padding: 20px 0px 20px 0px;
		background-color: #FFFFFF;
		border: 1px solid #dddddd;
		text-align: center;
		display: block;
	}
	
	.form-sub-wrapper div.reward-points-box ul
	{
		margin: 0px 0px 15px 0px;
		padding: 0px;
		list-style: none;
		display: inline-table;
	}
	
	.form-sub-wrapper div.reward-points-box ul li
	{
		margin: 0px 20px 0px 0px;
		padding: 0px;
		float: left;
		display: inline;	
	}
	
	.form-sub-wrapper div.reward-points-box ul li:last-child
	{
		margin-right: 0px;	
	}
	
	.form-sub-wrapper div.reward-points-box ul li.reward-points-list
	{
		padding-top: 5px;
	}
	
	.form-sub-wrapper div.reward-points-buttons
	{
		width: 100%;
		margin: 20px auto 0px auto;
		padding: 0px;
		text-align: center;
		
	}
	
	.form-sub-wrapper div.reward-points-buttons input
	{
		margin: 0px 0px 20px 0px;
		white-space: normal;
	}
	/*---------------ELMO R3 and R4 changes------------------*/
	button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button;}
	.filter-sort-wrapper .btn {
		float: left;
		width: 34%;
	}
	.btn {
	background: #e9e9e9;
	border: none;
	border-radius: 5px;
	color: #333 !important;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}	
	
/* PARCEL PICKUP
-----------------------------------------------------------------------------*/
.parcel-pickup {line-height: 1.5;}
.easypack-map {
	border: none !important;
	padding: 0 !important;
	margin-bottom: 30px !important;
	overflow: hidden;
}
.geoWidgetSearch h2 {
	background-position: 0 8px !important;
	border: none;
}
.geoWidgetSearch > input {width: 100% !important;}
.geoWidgetSelect * {vertical-align: middle;}
.geoWidgetSelect label {
	display: inline;
	margin: 0 15px 0 5px;
}
.geoWidgetListMachines {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.plain-text {
	background: none;
	border: none;
	color: #666;
	display: none;
	font-family: Arial, sans-serif;
	font-size: 15px;
	margin-bottom: .2em;
	padding: 0;
	width: 100%;
}

	button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
	.filter-sort-wrapper .custom-drop {
		float: right;
		margin-bottom: 0;
		width: 62%;
	}
	.custom-drop {
		margin-bottom: 15px;
		position: relative;
	}
	.custom-drop > select {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		height: 3.5em;
		-webkit-appearance: menulist-button;
	}
	.custom-drop > span {
		background: #e9e9e9;
		position: relative;
		z-index: 1;
	}
	.custom-drop > span:before {
		content: '';
		border: 2px solid #666;
		border-right: none;
		border-top: none;
		display: block;
		width: 6px;
		height: 6px;
		margin-bottom: -2px;
		position: absolute;
		bottom: 50%;
		right: 15px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.custom-drop > span,
	.custom-drop > select {
		background: #e9e9e9;
		border: none;
		border-radius: 5px;
		color: #333;
		display: block;
		font-size: 12px;
		letter-spacing: 0.05em;
		line-height: 1;
		padding: 15px;
		text-transform: uppercase;
		width: 100%;

		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.custom-drop > a {text-decoration: none !important;}
	.pagination {
		background: #f8f8f8;
		border-top: 1px solid #ebebeb;
		overflow: hidden;
		padding: 15px;
		text-align: center;
		position: relative;
		min-height: 42px;
	}
	.pagination p {
		color: #222;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		margin: 2.1em 0;
		width: 100%; 
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
	}
	.btn.prev {
		position: relative;
		padding-left: 32px;
	}
	.btn.dark {
	background: #333;
	color: #ddd !important;
}
.plain-text.alt {
	margin-bottom: 1.5em;
	width: 4em;
}
	.btn.next {
	position: relative;
	padding-right: 32px;
	}
	
	.pagination .prev {float: left;}
	.pagination .next {float: right;}
	.btn.prev:before,
.btn.next:before {
	content: '';
	border: 2px solid #333;
	border-right: none;
	border-bottom: none;
	display: block;
	width: 6px;
	height: 6px;
	margin-bottom: -4px;
	position: absolute;
	bottom: 50%;
	left: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.btn.next:before {
	border: 2px solid #333;
	border-left: none;
	border-top: none;
	left: auto;
	right: 15px;
}
.btn.dark.prev:before,
.btn.dark.next:before {border-color: #ddd;}
.product-tile-row {
overflow: hidden;
padding-bottom: 0;
}
.product-tile {
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		display: block;
		float: left;
		overflow: hidden;
		padding: 8px;
		text-decoration: none;
		width: 50%;
	}
.product-tile-image {
display: block;
margin-bottom: 10px;
position: relative;
padding: 0 15px;
}
.product-tile-image .product-image {
display: block;
width: 100%;
}
.product-tile-info {
overflow: hidden;
}
.product-tile-info h2 {
color: black;
font-size: 12px;
margin: 0 0 .2em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.product-tile-info p {
color: black;
font-size: 11px;
line-height: 1.5;
margin: 0 0 .3em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.product-tile-info .prices {overflow: hidden;}
.product-tile-info .prices,
.product-tile-info .prices li {
color: black;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
}
.product-tile-info .prices .offer {color: #ee0000;}

	
	/* Product Details 2014
-----------------------------------------------------------------------------*/
.prod-details-wrap {
	background-color: white;
	line-height: 1.5;
	overflow: hidden;
}
.prod-details-wrap > br,
.prod-details-item > br {display: none;}
	.prod-details-head {
		border-bottom: 0;
		position: relative;
	}
	.prod-details-wrap .espot {
			margin: 0 -7px;
		}
			.espot img {max-width: 100%;}
		.prod-details-wrap h1 {
			margin: 8px 8px 7px;
		}
		.prod-details-title {
			line-height: 1.2;
			padding: 0 15px;
		}
			.prod-details-title h1 {
				color: black;
				font-size: 22px;
				font-weight: normal;
				margin: 0.6em 0.2em;
			}
				.prod-details-title h1 a,
				.prod-details-title h1 a:visited {
					color: black;
					text-decoration: none;
				}
			.prod-details-title .prices {
				display: block;
				margin-bottom: .5em;
			}
				.prod-details-title .prices .rrp-strike,
				.prod-details-title .prices .offer {
					color: black;
					display: inline;
					font-size: 15px;
					font-weight: bold;
				}
				.prod-details-title .prices .rrp-strike {color: black !important;}
				.prod-details-title .prices .offer {
					color: #e00;
					margin-left: .5em;
				}
				/*span.info-popup {
					background: url('../images/i.png') no-repeat 0 0;
					background-size: 100%;
					display: inline-block;
					margin: 0 .3em;
					position: relative;
					top: -1px;
					width: 16px;
					height: 16px;
					vertical-align: middle;
				}
				div.info-popup {
					background: rgba(0,0,0,0);
					position: fixed;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
					div.info-popup div {
						background: #333;
						color: white;
						font-size: 12px;
						line-height: 1.3;
						margin: 0 15px;
						padding: 15px;
						position: relative;
					}
						div.info-popup div span {
							background: url('../images/infopop-arrow.png') no-repeat 0 0;
							background-size: 100%;
							width: 18px;
							height: 9px;
							position: absolute;
							top: -9px;
							left: 0;
						}*/
			.prod-details-title .tc {font-size: 11px;}
			/* Fluid Image */
			.fluid-display-imageviewer {
				position:relative !important;
				border:none !important;
			}
			.fluid-display-viewgroup div {
				position:relative !important;
				top:auto !important;
				width:100% !important;
				height:auto !important
			}
			.fluid-external-zoom img {
				width:100% !important;
				height:100% !important;
			}
			.fluid-display,
			.fluid-display div.fluid-display-imageviewer,
			.fluid-display div.fluid-display-imageviewer .mousetrap,
			.fluid-display div.fluid-display-imageviewer .fluid-external-zoom {
				width:auto !important;
				height:auto !important;
			}
			.fluid-display-imageviewer {padding: 15px !important;}
			.fluid-display-imageviewer img {
				height: auto !important;
				width: 100% !important;
			}
			.fluid-display-viewgroup {padding: 0 15px 15px !important;}
			.fluid-display-viewgroup > div {
				margin: 0 auto !important;
				position: static !important;
				width: 100% !important;
			}
			.fluid-display-imagegroup {
				display: block !important;
				margin: 0 auto !important;
				text-align: center !important;
			}
			.fluid-display-imageviewer {min-height: 376px !important;}
			/* Images as Thumbnails */
			/*.fluid-display-imagegroup img {
				border: 1px solid white !important;
				width: 48px !important;
			}
			.fluid-display-imagegroup img.fluid-display-imageitem-selected {border: 1px solid #ddd !important;}*/
			/* Images as Bullets */
			.fluid-display-imagegroup a {
				background-color: #ddd !important;
				border: 3px solid #ddd !important;
				border-radius: 6px !important;
				display: inline-block !important;
				margin: 0 3px !important;
				overflow: hidden !important;
				text-indent: 10px !important;
				width: 6px !important;
				height: 6px !important;
			}
			.fluid-display-imagegroup a > img {display: none !important;}
			.fluid-display-imagegroup a > img.fluid-display-imageitem-selected {
				border: 6px solid #666;
				display: block !important;
				margin: 0 !important;
				padding: 0 !important;
			}
			.fluid-display-variationgroup {display: none;}

		.prod-details-img {padding: 15px 0 0;}
			.prod-details-img ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				.prod-details-img ul li {
					display: none;
					padding: 0 15px;
				}
				.prod-details-img ul li:first-child {display: block;}
					.prod-details-img ul li img {width: 100%;}
		.prod-details-head .next,
		.prod-details-head .prev {
			display: none;
			margin-top: -15px;
			position: absolute;
			top: 50%;
			right: 15px;
			width: 30px;
			height: 30px;
			z-index: 1;
		}
		.prod-details-head .prev {
			right: auto;
			left: 15px;
		}
		.prod-details-head .next:before,
		.prod-details-head .prev:before {
			content: '';
			border: 3px solid #666;
			border-left: none;
			border-top: none;
			display: block;
			width: 11px;
			height: 11px;
			margin-bottom: -7px;
			position: absolute;
			bottom: 50%;
			right: 12px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.prod-details-head .prev:before {
			border: 3px solid #666;
			border-right: none;
			border-bottom: none;
			left: 12px;
			right: auto;
		}
		.prod-details-pag {
			margin: 0;
			padding: 15px;
			text-align: center;
		}
			.prod-details-pag li {
				background-color: #ddd;
				border: 3px solid #ddd;
				border-radius: 6px;
				display: inline-block;
				margin: 0 1px;
				overflow: hidden;
				text-indent: 10px;
				width: 6px;
				height: 6px;
			}
			.prod-details-pag li.active {background-color: #666;}
	.prod-details-specs {padding: 15px 15px 0;}
	.prod-details-specs > br {display: none;}
		.swatch-drop.custom-drop {position: relative;}
			.swatch-drop.custom-drop select {display: none;}
			.custom-dropdown {
				border-top: 5px solid #e9e9e9;
				display: none;
				list-style: none;
				margin: -5px 0 0;
				padding: 0;
				/*position: absolute;
				top: 39px;
				left: 0;
				right: 0;
				z-index: 2;*/
			}
				.custom-dropdown li {
					background: #e9e9e9;
					border-top: 1px solid white;
					font-size: 12px;
					font-style: normal;
					line-height: 1;
					padding: 15px;
					text-transform: uppercase;
				}
				.custom-dropdown li:last-child {border-radius: 0 0 5px 5px;}
					.prod-details-specs .custom-dropdown li img {
						margin: -3px 5px -3px 0;
						width: 20px;
						vertical-align: middle;
					}
				.swatches {
					list-style: none;
					margin: 4px -5px 10px;
					overflow: hidden;
					padding: 0;
				}
					.swatches li {
						display: block;
						float: left;
						margin: 10px 5px 0;
						width: 20px;
					}
					.swatches li:first-child {display: none;}
					.swatches li.active::before {
						display: block;
					    content: '';
					    position: absolute;
					    width: 20px;
					    height: 20px;
						box-shadow: inset 0 0 0 1px black, inset 0 0 0 2px white;
					}
						.swatches li img {width: 100%;}
	.prod-details-add {
		background-color: #d3e3d3;
		border: solid #b8d2b8;
		border-width: 1px 0;
		padding: 15px;
	}
		.prod-details-add input {
			background: #227422;
			border: none;
			border-radius: 5px;
			color: white;
			font-size: 12px;
			letter-spacing: 0.05em;
			padding: 15px 0;
			text-transform: uppercase;
			width: 100%;
		}
		.prod-details-add .custom-drop > span {background-color: white;}
	.prod-details-promo {
		list-style: none;
		margin: 0;
		padding: 15px 15px 0;
	}
		.prod-details-promo li {
			background: url("../images/ribbon.png") no-repeat 0 2px;
			background-size: 9%;
			font-size: 12px;
			margin-bottom: 15px;
			min-height: 4em;
			padding-left: 12%;
		}
	.prod-details-avail {
		background: white;
		border: solid #ebebeb;
		border-width: 1px 0;
		padding: 15px;
	}
		.prod-details-avail a.product-tile-image {
			padding: 0 15px;
			margin-bottom: 0;
		}
		.prod-details-avail input {
			background: #ddd url("../images/refresh.png") no-repeat 100% 50%;
			background-size: 26px 13px;
			border: solid #ddd;
			border-width: 1px;
			display: block;
			font-size: 14px;
			font-weight: normal;
			line-height: 1;
			margin: 0;
			padding: 15px;
			position: relative;
			text-align: center;
			text-transform: uppercase;
			width: 100%;
		}
		/*.prod-details-avail h2:before {
			content: '';
			border: 2px solid #666;
			border-right: none;
			border-top: none;
			display: block;
			width: 6px;
			height: 6px;
			margin-bottom: -3px;
			position: absolute;
			bottom: 50%;
			right: 15px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}*/
		.prod-details-avail h2.open:before {
			border: 2px solid #666;
			border-left: none;
			border-bottom: none;
			margin-bottom: -6px;
		}
		.prod-details-avail ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.prod-details-avail > ul {border: solid #ddd; border-width: 0px 1px 1px;}
			.prod-details-avail li {
				border-top: 1px dotted #ddd;
				font-size: 13px;
				line-height: 1.2;
				overflow: hidden;
				padding: 15px;
			}
			.prod-details-avail > ul > li:first-child {border-top: none;}
				.prod-details-avail li ul {margin: 15px -15px -15px;}
				.prod-details-avail .lbl {
					display: inline-block;
					color: black;
					vertical-align: top;
					width: 49%;
				}
				.prod-details-avail .val {
					color: #999;
					display: inline-block;
					float: right; 
					text-align: right;
					vertical-align: top;
					width: 48%;
				}
					.prod-details-avail li ul .lbl {
						color: #999;
						padding-left: 7%;
						position: relative;
						width: 80%;
					}
						.prod-details-avail li ul .lbl .pin {
							position: absolute;
							top: 0;
							left: 0;
						}
					.prod-details-avail li ul .val {width: 10%;}
				.prod-details-avail .btn {
					background: #999;
					border-radius: 3px;
					color: white !important;
					font-size: 11px;
					display: inline-block;
					padding: .5em .8em;
					position: relative;
					top: -.35em;
					text-decoration: none;
					text-transform: uppercase;
				}
				.prod-details-avail .tick {background: url("../images/tick.png") no-repeat 0 0;}
				.prod-details-avail .cross {background: url("../images/cross.png") no-repeat 0 0;}
				.prod-details-avail .wait {background: url("../images/wait.gif") no-repeat 0 0;}
				.prod-details-avail .pin {background: url("../images/pin.png") no-repeat 0 0;}
				.prod-details-avail .tick,
				.prod-details-avail .cross,
				.prod-details-avail .wait,
				.prod-details-avail .pin {
					background-size: 100%;
					display: inline-block;
					overflow: hidden;
					width: 16px;
					height: 16px;
					position: relative;
					top: -.1em;
					vertical-align: middle;
				}
		/* Old DJ markup support */
		.prod-details-avail ul.entry {
			border: solid #ddd; border-width: 0px 1px 1px;
			margin: 0 0 -1px !important;
			padding: 15px;
		}
			.prod-details-avail ul.entry li {
				border: none;
				padding: 0;
			}
			.prod-details-avail ul.entry li:first-child {margin-bottom: .5em;}
	.prod-details-points {padding: 0;}
		.prod-details-points strong {
			display: block;
			font-size: 14px;
			font-weight: normal;
			text-transform: uppercase;
		}
		.prod-details-points p {
			font-size: 12px;
			margin-bottom: 15px;
		}
	.prod-details-desc {
		background: #f8f8f8;
		padding: 15px;
	}
		.prod-details-desc .accordo {border-bottom: 1px solid #ddd;}
			.accordo,
			.accordo * {
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			-webkit-tap-highlight-color: transparent;
			}
			.prod-details-desc .accordo-hdr {
				background: white;
				/*background: white url("../images/arrow-down-grey.png") no-repeat 100% 50%;
				background-size: 25px 8px;*/
				border: solid #ddd;
				border-width: 1px 1px 0;
				display: block;
				font-size: 14px;
				font-weight: normal;
				line-height: 1;
				padding: 15px;
				position: relative;
				text-transform: uppercase;
			}
			.prod-details-desc .accordo-hdr:before {
				content: '';
				border: 2px solid #666;
				border-right: none;
				border-top: none;
				display: block;
				width: 6px;
				height: 6px;
				margin-bottom: -3px;
				position: absolute;
				bottom: 50%;
				right: 15px;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			.prod-details-desc .accordo-hdr.open:before {
				border: 2px solid #666;
				border-left: none;
				border-bottom: none;
				margin-bottom: -6px;
			}
			.prod-details-desc .accordo-bdy {
				border: solid #ddd;
				border-width: 1px 1px 0;
				display: none;
				overflow: hidden;
				padding: 15px 15px 0;
			}
				.prod-details-desc .accordo-bdy > * {
					font-size: 13px;
					margin-bottom: 15px;
				}
				
.form-details .accordo {border-bottom: 1px solid #ddd;}
	.accordo,
	.accordo * {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
			-webkit-tap-highlight-color: transparent;
	}
	.form-details .accordo-hdr {
		background: white;
		color: #0f0f0f;
		border: solid #ddd;
		border-width: 1px 1px 0;
		display: block;
		font-size: 14px;
		font-weight: normal;
		line-height: 1;
		padding: 15px;
		position: relative;
		text-transform: uppercase;
		transition: box-shadow 100ms;
	}
	.accordo-hdr.extra-margin {
		margin-bottom:15px;
	}
	.accordo-hdr.extra-margin.open {
		margin-bottom:0;
	}
	.form-details .accordo-hdr:before {
		content: '';
		border: 2px solid #0f0f0f;
		border-right: none;
		border-top: none;
		display: block;
		width: 6px;
		height: 6px;
		margin-bottom: -3px;
		position: absolute;
		bottom: 50%;
		right: 15px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.form-details .accordo-hdr:active {
		box-shadow: 0px 0px 6px #aaa;
	}
	.form-details .accordo-hdr.open:before {
		border: 2px solid #0f0f0f;
		border-left: none;
		border-bottom: none;
		margin-bottom: -6px;
	}
	.form-details .accordo-bdy {
		background: #f7f7f7;
		border: solid #ddd;
		border-width: 1px 1px 0;
		display: none;
		overflow: hidden;
		padding: 15px;
	}				

/* Mobile 4th Tier menu */	
	.refine-wrap {background-color: white;}
	.refine-wrap h1 {
		background: #333;
		color: #666;
		display: block;
		font-size: 10px;
		line-height: 20px;
		margin: 0;
		overflow: hidden;
		padding: 30px 15px 15px;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.refine-accordo {border-top: 1px solid #ddd;}
	.refine-accordo,
	.refine-accordo-bdy {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.refine-accordo-bdy {display: none;}
		.refine-accordo-hdr,
		.refine-accordo a {
			border-bottom: 1px solid #ddd;
			color: #666;
			font-size: 15px;
			display: block;
			padding: 15px;
			position: relative;
			text-decoration: none;
		}
		.refine-accordo > li > a:before,
		.refine-accordo > li > a.clear:after,
		.refine-accordo-hdr:before {
			content: '';
			border: 2px solid #666;
			border-right: none;
			border-top: none;
			display: block;
			width: 6px;
			height: 6px;
			margin-bottom: -3px;
			position: absolute;
			bottom: 50%;
			right: 15px;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.refine-accordo > li > a:before {
			border: 2px solid #666;
			border-left: none;
			border-top: none;
		}
		.refine-accordo > li > a.clear:after,
		.refine-accordo-hdr.open:before {
			border: 2px solid #666;
			border-left: none;
			border-bottom: none;
			margin-bottom: -6px;
		}
		.refine-accordo > li > a.clear:before {
			border: 2px solid #666;
			border-right: none;
			border-top: none;
			margin-bottom: 1px;
		}
		.refine-accordo > li > a.clear:after {margin-bottom: -7px;}
		.refine-accordo-bdy a {
			background-color: #f8f8f8;
			padding-left: 30px;
		}
		.refine-accordo .red,
		.refine-accordo .red a {color: red;}

/* Mobile 4th Tier menu */
#main {background-color: white;}
.product-tile-image .product-price-overlay {position: absolute;right: 15px;top: 15px;}

.home-wrap {overflow: hidden;}
	.home-wrap .static-wrapper h1 {margin-bottom: 0;}
	.home-wrap img {
		display: block;
		width: 100%;
	}
		.home-wrap .tile {
			clear: both;
			overflow: hidden;
			margin: 15px;
		}
		.home-wrap .tile.semi {
			clear: none;
			float: left;
			margin: 30px 0 15px;
			padding: 0 7px 0 15px;
			width: 50%;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		.home-wrap .tile.semi.last {padding: 0 15px 0 8px;}
		.tile {
			clear: both;
			overflow: hidden;
			margin: 15px;
		}
		
div#videoPlayer {
	max-width: 100% !important;
	max-height: 376px !important;
}


.static_err h1 {
	margin-top: 0;
	border-bottom: 1px solid #ddd;
	/* box-shadow: 0 1px 0 #fff; */
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 10 px;
	font-family: 'AvenirLTStd35Light',arial,sans-serif;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);
	letter-spacing: -2px;
	margin-left: 30px;
	margin-right: 30px;
	font-weight: normal;
}

div.content-wide {
    margin-left: 30px;
}
div.static_err {
    font-family: 'AvenirLTStd35Light',arial,sans-serif;
    font-size: 15px;
}

table#userCardDetails {
	table-layout: fixed;
	display: table;
}

#wishListBody { margin: 1em 0; padding: 0 0 0 0px; }
.gcard th:first-child, .gcard td:first-child {
    width: 58%;
}
.gcard th, .gcard td {
    padding-right: 15px;
}

.saved-card-option {
    padding: 10px 0 0 20px;
}
.saved-card-option > label {
    margin-bottom: 10px;
}

.form-sub-wrapper .saved-card-option #userCardDetails tr.inline {
    display: table-row;
}
.form-sub-wrapper #userCardDetails tr.inline label {
    display: inline;
}

.cvnRow-saved label {
    min-width: 90px;
}
.form-sub-wrapper #savedCardDetails label {
    margin: 4px 0;
}
#savedCardDetails em {
    color: #666;
    display: inline-block;
    font-size: 13px;
    padding: 4px 0;
}
#savedCardDetails em a {
    font-style: normal;
}
.form-sub-wrapper .saved-card-option tr .paymentExpress {
    display: none;
}
.gcard th, .gcard td {
    padding-right: 15px;
}
.gcard th:last-child, .gcard td:last-child {
    padding-right: 0;
    width: 15%;
}
.gcard th:first-child, .gcard td:first-child {
    width: 58%;
}
.applied-cards {
    font-size: 13px;
}
.applied-cards th, .applied-cards tr:last-child td {
    border-bottom: 1px solid #ddd;
}
.applied-cards th, .applied-cards td {
    padding: 4px 4px 4px 0;
}
.paymentExpress {
    font-size: 13px;
    padding: 10px 0 6px;
}
.paymentExpress img {
    display: block;
    width: 105px;
}
.paymentExpress a {
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 12px;
}
.cvnNumber {
    margin: 0 5px 0 0;
    padding: 4px;
}

.prices li span,
.prices span span {
	display: block;
	margin: .5em 0;
}

.prices span {
	font-size: 10px;
	color: #000;
	/*text-align: right;*/
	text-transform: uppercase;
	/*position: absolute;
	top: 0;
	left: 0;*/
	line-height: 1;
	font-weight: normal;
}
.prices > span {float: left; margin-right: 1em;}

.filter-value-wrapper { margin: 0 -7px;}

.filter-values { background: #f8f8f8; border-bottom: 1px solid #ebebeb; overflow: hidden; padding: 15px 15px 5px; width: 100%; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box;}

.filter-value { float: left; margin: 0 10px 10px 0; padding-right: 30px; position: relative;}

.filter-value:after { content: '×'; color: #666; font-size: 22px; display: block; width: 6px; height: 6px; margin-bottom: -2px; position: absolute; bottom: 28px; right: 18px;}

.product-wrapper h2 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}

product-wrapper .product-meta li {
    margin-bottom: 11px;
}

.product-wrapper .show-price-headers li {
    margin-bottom: 10px;
}

.product-meta span {
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}

.product-wrapper .prices span {
    display: inline !important;
}
.product-info .prices span {
    font-size: 12px;
}

.product-wrapper .stock-level {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
.product-wrapper > p, .product-wrapper > a {
    color: #3c3c3b;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

.product-detail-container {
    margin-bottom: 5px;
    overflow: hidden;
}

.generic-wrapper.darker-box {
    background-color: #f7f7f7;
    color: #343434;
    clear: both;
    margin: 0;
    padding: 15px;
}

.generic-wrapper.darker-box p {
    color: #343434;
    margin-bottom: 5px !important;
}

.white-button {
    background: none repeat scroll 0 0 #fff;
    border-color: #8f8e8e;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
}

.generic-wrapper .delivery-picker label {
    color: #343434;
}

.generic-wrapper .delivery-picker > div {
    color: #999;
    margin-bottom: 12px;
}

.checkout-button {
    background: none repeat scroll 0 0 #227422 !important;
}

.continue-button {
    background: none repeat scroll 0 0 #999999 !important;
}

img {
    border: 0 none;
    vertical-align: middle;
}

.david-jones-card p {
    color: #3c3c3b;
    font-size: 13px;
    margin-bottom: 8px;
    padding-left: 135px;
}

button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] {
    cursor: pointer;
}

.product-wrapper .prices .total span {
    font-weight: bold;
}

.form-sub-wrapper.dark {
	background-color: #f7f7f7;
}

.product-wrapper .close-button {
	background: none repeat scroll 0 0 #999;
    border-color: #999;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin-right: 13px;
    padding: 6px 15px 5px;
    position: static;	
}
.product-wrapper .move-wish-list {
	display: inline-block;
	background-color: #fff;
    border-color: #bcbbbb;
    color: #3c3c3b;
    font-size: 13px;
    font-weight: normal;
    padding: 8px 15px;
}

/**
	CXI classes
**/
body.check-out input:disabled+strong {
	opacity:0.5
}