html, body {
	width:100%;
	margin:0;
	padding:0;
	/*background:#FCFCFC;*/
	background:#F6F6F6;
	min-width:250px;
	overflow-x:hidden;
}

/* Common */
.content {
	width:1000px;
	margin:0 auto;
}

/* Header */
#header-container {
	border-bottom:1px solid #ececec;
	background:#fff;
	padding:25px 0;
	height:95px;
}

#header-container .content {
	display:table;
	table-layout:fixed;
}

#logo {
	display:table-cell;
	background-image:url('../../img/logo.png'); 
	background-position:top right;
	background-repeat:no-repeat;
	height:51px;
	width:211px;
	margin-top:3px;
}

#header-menu {
	display:table-cell;
	vertical-align:bottom;
}

#header-menu ul {
	float:right;
}

#header-menu li {
	list-style-type:none;
	display:inline-block;
	background-size:18px 18px; 
	background-repeat:no-repeat;
	background-position:15px center;
	padding:15px 15px 15px 40px;
	margin:0px;
}

#header-menu li a {
	font-size:14px;
	color:#666;
	text-decoration:none;
}

#header-menu li a:hover {
	color:#289BD1;
	text-decoration:none;
}


#header-menu .basket-item-count.multi-currency span.bracket {
	display:none;
}

#menu-home { background-image:url('../../img/menu/house.png'); }
#menu-login { background-image:url('../../img/menu/person.png'); }
#menu-basket { 
	background-image:url('../../img/menu/cartsmall.png');
	cursor:pointer;
	border-left:1px solid #EAEAEA;
}
#menu-basket.has-items { 
	background-image:url('../../img/menu/cartfullsmall.png');
}

/* Legacy IE fix for background size */
.ie-legacy #header-menu li {
	background-image:none;
	padding:15px;
}

#menu-account {
	padding:15px !important;
}
#menu-account img {
	display:inline;
	margin:-5px 5px -5px 0;
	width: 20px;
	height: 20px;
	border-radius: 15px;
}

#menu-account img.photo-disabled {
	border-radius:0;
}

#menu-basket .basket-count-label {
	margin-left:5px;
	display:none;
}

@media only screen and (min-width:501px) {
	#menu-basket:hover {
		background-color:#f9f9f9;
	}

	#menu-basket .basket-count-label {
		display:inline-block;
	}
}

@media only screen and (min-width:951px) {
	#menu-basket:hover a, #menu-basket:hover a:hover {
		color:#000;
	}	
}

/* Body */
#body-container {
	padding-top:15px;
}

#body-container > .content {
	background: #fff;
	margin:0 auto 25px;
	min-height: 150px;
	border-radius: 2px;
	border: 1px solid #e6e6e6;
	border-bottom-width:2px;
	overflow:hidden;
}


/* Footer */
#footer-container {
	margin:25px 0;
}

#footer-container .content {
	padding:0 15px;
}

#footer-container .table-layout .cell {
	width:25%;
}

#footer-container .footer-title {
	font-family:'OpenSansRegular',Arial;
	font-size:18px;
	color:#000;
}

#footer-container ul {
	list-style-type:none;
	padding-top:5px;
}

#footer-container ul li {
	padding:3px 2px;
}

#footer-container ul li a {
	font-family:Arial;
	font-size:12px;
	color:#585858;
}


#logged-in-as {
	margin-bottom:1rem;
}

#footer-powered-by {
	text-align:right;
	font-size:12px;
	color:#000;
}

#footer-powered-by a {
	font-size:12px;
	color:#535353;
	text-decoration:none;
}

#footer-powered-by a:hover {
	text-decoration:underline;
}

/* MEDIA QUERIES - TABLET */
@media only screen and (max-width:1024px) {
	#logo {
		background:url('../../img/logomobile.png') top left no-repeat;
		background-size: contain;
		height:50px;
		width:50px;
		margin-top:0;
	}
	
	#header-container {
		border-bottom:1px solid #ececec;
		background:#fff;
		padding:10px 0;
		height:auto;
		position:fixed;
		z-index:999999;
	}
	
	#header-menu {
		margin-right:15px;
	}

	#header-menu li {
		list-style-type:none;
		display:inline-block;
	}

	#header-menu .basket-item-count {
		display:none;
	}

	#menu-basket .basket-item-count.pricing-hidden {
		display:inline;
	}

	#header-menu .basket-item-count.multi-currency {
		display:inline;
	}

	#body-container {
		padding:0;
		margin-top:70px;
	}

	#body-container > .content {
		border:0;
		border-radius:0;
		padding:0;
		overflow:hidden;
	}

	.content {
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	
	#sub-header-container .content {
		padding:15px 10px 15px 15px;
		overflow:hidden;
	}

	#sub-header-container div.title {
		font-size:22px;
	}

	#menu-account {
		padding-bottom:0px !important;
	}
}


/* MEDIA QUERIES - MOBILE */
@media only screen and (max-width:500px) {
	#body-container {
		margin-top:55px;
	}

	#body-container > .content {
		border-bottom:3px solid #ededed;
	}

	#header-container .content {
		width:100%;
		overflow:hidden;
	}

	#header-menu {
		margin-right:0px;
		padding-top: 7px;
	}
	
	#header-menu li {
		background-position:top center;
		padding:20px 15px 5px;
		text-align:center;
	}

	#title-action-btn {
		display:block;
		background:url('../../img/functional/titleaction.png') center center no-repeat;
		width:20px;
		height:19px;
		cursor:pointer;
		float:right;
		margin:8px;
	}

	#menu-account {
		padding-top:0px !important;
	}

	#menu-account img {
		display: block;
		margin: 0px auto;
	}

	#menu-basket .basket-item-count.pricing-hidden {
		display:initial;
	}

	#menu-basket .basket-item-count.multi-currency span.basket-count-label, #menu-basket .basket-item-count.pricing-hidden span.basket-count-label {
		display:inline;
	}

	#body-container {
		padding:15px 0;
	}

	#footer-container {
		margin-top:0;
	}

	#footer-container .table-layout .cell {
		display: block;
		margin: 0 auto 25px;
		text-align: center;
		width: 100%;
	}
}