/* .................... OVERLAY & UNDERLAY ............................................................. */
	#underlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
		width: 100%;
		height: 100%;
		background: url('/images/fade.png');
		display: none;
	}

	#overlay {
		width: 700px;
		position: relative;
		margin: 0 auto;
		padding: 0;
		z-index: 10;
		display: none;
	}
		#overlayBody {
			background: white;
		}

		#overlayClose {
			position: absolute;
			top: -25px;
			right: 0px;

			width: 20px;
			height: 20px;
			background: url('/images/home/icon-cross-white.png') no-repeat center center;

			cursor: pointer;
		}
		#overlayInner {
			padding: 40px;
		}

		#overlayNotification {
			text-transform: uppercase;
			font-size: 16px;
			line-height: 40px;
		}

		#overlayNotification.success {
			background-color: #cde6aa;
			color: #6b7b54;
		}

		#overlayNotification.error {
			background-color: #e6cdaa;
			color: #7b6b54;
		}

	/* .................... RESPONSE ............................................................. */

	#response {
		width: 500px;
		position: absolute;
		padding: 20px;
		z-index: 100;
		display: none;
		top: 0px;
		left: 0px;
		border: 1px solid #c0da9b;
		border-radius: 1px;
		color: #73815e;
		background: #cde6aa;
		text-transform: uppercase;
		text-align: center;
		font-weight: bold;
		box-shadow: 0px 0px 25px #ddd;
		font-size: 1.2em;
	}

	/* .................... PAGE TOP ............................................................. */

		#pageTop {
			font-size: 12px;
			line-height: 1em;
		}

		#pageTopBar {
			padding: 0;
			background: #d8d6d6;
			color: #fff;
		}

		#pageTopBar [class*=span]{
			min-height: 0;
		}

		#pageTopTrust {
			margin: 5px 0;
			color: #000;
		}

		#pageTopTrust li {
			display: inline-block;
			margin-right: 3em;
			padding: 0 0 0 20px;
			background:url(/images/glamloop/arrow-top.png) no-repeat top left;
		}

		#pageTopTrust li:last-child {
			margin-right: 0;
		}

		#logo-box {
			position: relative;
			height: 130px;
			z-index: 2;
			text-align: center;
			margin: 0;
			color: #000000;
		}

		#logo-img {
			background: url('/images/glamloop/logo.png') no-repeat left 60px;
			width: 400px;
			height: 130px;
			display: block;
		}

		#basketMenuWrapper {
			position: absolute;
			top: 80px;
			right: 0;
		}
			#basketMenuWrapper ul li {
				min-width: 0;	
			}
			
			#basketMenuWrapper ul li.wishlist,
			#basketMenuWrapper ul li.styletype {
				padding: 5px 0;	
			}
			
			#basketMenuWrapper ul li a {
				display: inline-block;
				height: 24px;
				padding: 8px 30px 0 0;
				background: url('/images/glamloop/icon-basket-2.png') no-repeat right top;
			}
			
			#basketMenuWrapper ul li.wishlist a,
			#basketMenuWrapper ul li.styletype a {
				display: inline-block;
				height: 24px;
				padding: 8px 0 0 0;
				background: none;				
			}

			#basketItemsCount {
				color: #f76767;
			}

		#searchWrapper {
			position: absolute;
			top: 115px;
			right: 2px;
		}
			#searchWrapper form input#search {
				width: 183px;
				height: 22px;
				padding: 0 0 0 10px;
				border: 0;
				background:url(/images/glamloop/search.gif) no-repeat bottom center #fff;
				outline: none;
			}

			#searchWrapper #searchResult {
				position: inherit;
				width: 310px;
				background: #fff;
				display: none;
				padding: 5px 0;
				box-shadow: 0px 3px 3px #333;
				border-top: 1px solid #d3d3d3;
				left: -125px;
				z-index: 2000;
			}

				#searchWrapper #searchResult #searchResultClose {
					font-size: 9px;
					padding: 0 0 5px 0;
					display: inline-block;
					text-align: right;
					width: 90%;
				}

				#searchWrapper #searchResult .searchResultHeadline {
					margin: 3px 5px;
					border-bottom: 1px solid #d3d3d3;
					text-align: left;
					width: 300px;
					font-weight: bold;
					padding: 0 0 3px 0;
				}
				#searchWrapper #searchResult .searchResultItem {
					margin: 3px 5px;
					border-bottom: 1px solid #d3d3d3;
					text-align: left;
					width: 145px;
					height: 48px;
					float: left;
				}
				#searchWrapper #searchResult .searchResultItemBrand {
					width: 300px;
					height: 12px;
					padding: 2px 0;
					float: none;
					border-bottom: none;
				}
				#searchWrapper #searchResult .searchResultImage {
					min-width: 30px;
					width: 30px;
					min-height: 40px;
					height: 40px;
					float: left;
					margin: 0 5px 0 0;
				}
				#searchWrapper #searchResult .searchResultBrand {
					display: block;
					padding: 0.3em 0.2em 0;
					font-weight: 600;
					text-transform: uppercase;
				}
				#searchWrapper #searchResult .searchResultTitle {
					display: block;
					padding: 0.1em 0.2em;
				}

		#pageTop a,
		#pageTop a:link,
		#pageTop a:visited {
			color: inherit;
			text-decoration: none;
		}

		#pageTop i {
			display: inline-block;
			width: 20px;
			height: 16px;
			padding: 0;
			margin-right: 3px;
			background-position: right bottom;
			background-repeat: no-repeat;
			position: relative;
			top: 2px;
		}

		#pageTopMenu {
			background: #000;
			position: relative;
		}

		.navi-top {
			float: right;
		}

		.navi-top li {
			display: inline-block;
			margin: 0;
			padding: 5px 10px;
			position: relative;
			min-width: 120px;
		}

		.navi-top li:hover ul,
		.navi-top li ul:hover {
			display: block;
		}

		.navi-top li ul {
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			height: auto;
			width: 100%;
			min-width: 120px;
			background: black;
			z-index: 20;
			padding: 8px 0 4px;
		}

		.navi-top li ul li {
			display: block;
			text-align: left;
			margin: 0;
			padding: 5px 10px;
		}

		.navi-top li ul li:last-child {
			margin-top: 4px;
		}

		.navi-top li ul li:hover {
			display: block;
			background: white;
			color: black;
		}

		/* .................... HEADER ............................................................. */

		#header {
			position: relative;
			background-color: #fff;
		}

		.header-layer {
			position: absolute;
			top: 75px;
			left: 0;
			right: 0;
		}

		#header hr {
			background: white;
			border: none;
			left: -100%;
			width: 400%;
			position: relative;
		}

		#serviceBox {
			top: 290px;
			left: -280px;
			position: fixed;
			width: 280px;
			height: 170px;
			z-index: 1000;
		}
			#serviceBoxContent {
				padding: 20px;
				background: #fff;
				border: 1px solid #d3d3d3;
				display: block;
				position: relative;
			}
				#serviceBoxContent a {
					/*text-decoration: none;*/
				}
			#serviceBoxLine {
				height: 1px;
				border-bottom: 1px dashed #c9c9c9;
				margin: 10px 0;
			}
			#serviceBoxImg {
				position: relative;
				width: 35px;
				height: 83px;
				top: -170px;
				left: 274px;
			}
			#serviceBoxPhone {
				display: inline-block;
				background:url(/images/glamloop/icon-phone.png) no-repeat center left;
				padding: 0 0 0 25px;
			}
			#serviceBoxMail {
				display: inline-block;
				background:url(/images/glamloop/icon-mail.png) no-repeat center left;
				padding: 0 0 0 25px;
			}

		/* .................... INDEX ............................................................. */

		.claimbox {
			padding: 40px 0 0 20px;
			margin: 0;
			background: top center no-repeat;
			background-size: contain;

			font-family: "Futura W01 Medium",Helvetica,Arial,sans-serif;
			color: #fff;
			font-size: 1.9em;
			font-weight: 500;
			text-transform: uppercase;
			text-align: left;
		}

		@media (max-width: 767px) {
			.claimbox {
				margin-top: 180px;
				font-size: 1em;
			}
		}
		@media (max-width: 768px) {
			.claimbox {
				font-size: 1.1em;
			}
		}
		@media (max-width: 800px) {
			.claimbox {
				font-size: 1.2em;
			}
		}

		@media (max-width: 980px) {
			.claimbox {
				font-size: 1.4em;
			}
		}

		@media (max-width: 1030px) {
			#serviceBox{
				display:none;
			}
		}


		.trybox {
			position: relative;
			top: 240px;
		}

		.trybox .trybox-content {
			height: 120px;
			position: relative;
			z-index: 1;
		}

		/* .................... HEADER ............................................................. */

		.header-slide {
			height: 400px;
			width: 100%;
			cursor: pointer;
		}

		#header .bx-wrapper {
			margin-bottom: 0px;
		}

		#header .bx-pager {
			width: 70px;
			bottom: 20px;
			right: 20px;
			z-index: 100;
			height: 20px;
			padding: 0 0 0 0;
		}

		#header .bx-wrapper .bx-pager.bx-default-pager a {
			background: transparent;
			border: 1px solid #fff;
		}

		#header .bx-wrapper .bx-pager.bx-default-pager a.active {
			background: #fff;
			border: 1px solid #fff;
		}

		/* .................... STEPS ............................................................. */

		#header .steps {
			padding: 20px 0;
		}

		@media (max-width: 1023px) {
			#header .steps {
				margin-top: 0;
			}
		}

		#header .steps .step {
			padding: 0px 0px;
		}

		#header .steps .step .step-image {
			float: left;
			width: 50px;
		}

		#header .steps .step .step-image img {
			height: 60px;
		}

		#header .steps .step .step-number {
			float: left;
			font-size: 36px;
			line-height: 1.0;
			margin: 0px 10px;
			padding: 10px 0 0 0;
		}

		#header .steps .step .step-title {
			text-transform: uppercase;
			font-weight: bold;
			height: 3em;
			padding: 10px 0 0 0;
			vertical-align: middle;
			display: table-cell;
		}

		#header .steps .row-fluid {
			min-height: 45px;
		}