@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');

html { height: 100%; }
body { margin: 0; border: 0; font-family: 'Open Sans', sans-serif;; font-size: 12px; line-height: 21px; color: #222; width: 100%; height: 100%; }

a:link { color: #222; text-decoration: none; }
a:visited { color: #222; text-decoration: none; }

.clear { display: block; clear: both; }

h1 { font-weight: normal; font-size: 25px; margin: 0 0 10px 0; }
h2 { font-weight: normal; font-size: 18px; margin: 0 0 10px 0; }
h3 { font-weight: normal; font-size: 15px; margin: 0 0 5px 0; }

/* Inputs */
input:not([type="radio"]):not([type="checkbox"]), textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; }
input[type='text'], input[type='password'], textarea, select { width: 200px; font-size: 13px; padding: 10px 12px; color: #000; background-color: #fff; border: 1px solid #ddd; }
	input[type='text'].error, input[type='password'].error, textarea.error { border: 1px solid #cf0000; }
input[type='checkbox'] { margin-right: 5px; }
select { width: 200px; height: 35px; margin: 0; -webkit-appearance: button; -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; padding: 7px 10px 10px 10px; background-image: url('../images/select_arrow.png'); background-size: 27px 22px; background-position: right 12px top 6px; background-repeat: no-repeat; text-overflow: ellipsis; white-space: nowrap; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; }
input[type='button'], input[type='submit'] { position: relative; margin: 0; border: 0; cursor: pointer; }
.button { position: relative; display: inline-block; font-size: 13px; line-height: 20px; padding: 10px 20px; cursor: pointer; background-color: #e93343; color: #fff; border-radius: 5px !important; -webkit-border-radius: 5px !important; }
	.button:hover { background-color: #e42f3f; }

/* Errors */
div.errors { position: relative; padding: 20px 30px; margin-bottom: 15px; color: #b94a48; background-color: #f2dede; border: 2px solid #ebccd1; }
	div.errors a { color: #b94a48; }
div.warning { position: relative; padding: 20px 30px; margin-bottom: 15px; color: #b94a48; background-color: #f2dede; border: 2px solid #ebccd1; }
	div.warning a { color: #b94a48; }
	
/* General containers */
.container { position: relative; width: 1150px; margin: 0 auto; }
	.container.paddingTop { padding-top: 20px; }
.content { background-color: #fff; border: 1px solid #f5f5f5; padding: 30px; }
.absoluteThemeBackground { position: absolute; left: 0; top: 110px; width: 100%; height: 200px; z-index: 0; }
.test { border: 1px solid red; }

/* Overlay */
#overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../images/overlay.png'); z-index: 100; }
	#overlay #loading { display: none; position: absolute; left: 49%; top: 49%; width: 60px; height: 60px; background-image: url('../images/loading.gif'); background-size: contain; }

/* Breadcrumbs */
#breadcrumbs { position: relative; padding-bottom: 15px; margin: 15px 0 25px 0; border-bottom: 1px solid #f5f5f5; }
	#breadcrumbs div { position: relative; float: left; margin-right: 5px; font-size: 13px; }
	#breadcrumbs div:last-child a, #breadcrumbs div.delimiter { color: #7e7e7e; }
	#breadcrumbs:after { content: ""; display: table; clear: both; }
	#breadcrumbs div a:hover { text-decoration: underline; color: #7e7e7e; }

/* Cookie melding */
#cookies { position: fixed; left: calc(50% - 100px); bottom: 30px; width: 180px; height: 20px; padding: 5px 30px 5px 10px; color: #fff; background: rgba(48,48,48,0.8); cursor: pointer; }
	#cookies #close { position: absolute; top: 0; right: 0; width: 30px; height: 30px; line-height: 28px; text-align: center; font-size: 15px; font-family: verdana; background: rgba(00,00,00,0.6); }
	
/* Thema */
.themaBg { background-color: #e93343; }

/* Center title */
.centerTitle { width: 70%; margin: 0 auto; text-align: center; font-size: 14px; color: #6e6e6e; line-height: 25px; margin-bottom: 40px; }
	.centerTitle h1 { font-size: 30px; margin: 10px 0 20px 0; }

/* Pagination */
#pagination { position: relative; float: none; text-align: center; }
	#pagination .page { display: inline-block; width: 30px; height: 30px; line-height: 31px; text-align: center; border: 1px solid #e4e4e4; }
	#pagination .page.selected, #pagination .page:hover { border-color: #000; background-color: #000; color: #fff; }

/* Form */
.form .label { margin: 15px 0 5px 0; font-weight: bold; }
.form input[type='text'], form input[type='password'] { width: calc(100% - 24px); }
.form input[type='text'].housenumber { width: calc(70% - 24px); }
.form input[type='text'].housenumber_extension { width: calc(27% - 24px); float: right; }
.form select { width: 100%; }
.form textarea { height: 70px; width: calc(100% - 24px); }
.form input[type='submit'] { float: right; margin-top: 20px; }

/* Video */
.video { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
	.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.video .controlls { position: absolute; z-index: 10; left: 15px; top: 10px; width: 150px; height: 20px; cursor: pointer; }
		.video .controlls div { display: inline-block; margin-right: 15px; color: #fff; }

/* Layout */
/* ------------------------------------------------------*/

/* Header */
#containerHeader { position: relative; padding-top: 4px; }
	#containerHeader #topBanner { position: relative; height: 5px; margin-bottom: 8px; }
	#containerHeader #usp { position: relative; }
	#containerHeader #options { position: relative; text-align: right; }
		#containerHeader #options #account { position: relative; float: right; padding-right: 19px; background-image: url('../images/header_account.png'); background-repeat: no-repeat; background-size: 13px; background-position: right 3px; }
		#containerHeader #options #languages { position: relative; float: right; margin: 1px 20px 0 0; text-align: center; }
			#containerHeader #options #languages img { width: 19px; height: 12px; display: inline; }
			#containerHeader #options #languages #domains { position: absolute; left: -12px; top: 20px; width: calc(100% + 20px); background-color: #fff; z-index: 10; display: none; border: 1px solid #f7f7f7; }
				#containerHeader #options #languages #domains .domain { text-align: right; border-top: 1px solid #f7f7f7; padding: 5px 10px; }
			#containerHeader #options #languages:hover #domains { display: block; }
	#containerHeader #greyLine { margin-top: 3px; height: 1px; background-color: #f6f6f6; }
	
	#containerHeader #header { margin-top: 20px; padding-bottom: 9px; }
	#containerHeader #responsiveMenu { display: none; }
	#containerHeader #search { position: relative }
		#containerHeader #search input[type='text'] { width: calc(100% - 24px); }
		#containerHeader #search input[type='image'] { position: absolute; right: 8px; top: 12px; width: 18px; height: 18px; }
	#containerHeader #logo { text-align: center; }
		#containerHeader #logo div { display: inline-block; width: 180px; margin-top: -6px; height: 55px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; }
	#containerHeader #containerCart { }
		#containerHeader #containerCart #cart { position: absolute; top: 10px; right: 0; width: 50px; height: 30px; }
			#containerHeader #containerCart #cart #bag { position: absolute; top: 0; right: 30px; width: 22px; height: 17px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-image: url('../images/header_cart.png'); }
			#containerHeader #containerCart #cart #quantity { position: absolute; top: 0; right: 0; width: 20px; height: 20px; text-align: center; font-size: 9px; background-color: #f6f6f6; -webkit-border-radius: 10px; border-radius: 10px; }
		#containerHeader #containerCart #mouseOver { display: none; position: absolute; right: 0; top: 28px; padding: 25px 20px 20px 20px; width: 350px; z-index: 2; background-color: #fff; -webkit-box-shadow: 2px 2px 10px 0 #d4d4d4; box-shadow: 2px 2px 10px 0 #d4d4d4; }
			#containerHeader #containerCart #mouseOver #title { font-size: 23px; text-align: center; }
			#containerHeader #containerCart #mouseOver #containerCartQuantity { font-size: 20px; text-align: center; color: #737373; margin-top: 5px; }
			#containerHeader #containerCart #mouseOver #products { position: relative; text-align: center; }
				#containerHeader #containerCart #mouseOver #products .product { position: relative; margin-top: 10px; }
					#containerHeader #containerCart #mouseOver #products .product .image { height: 120px; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
					#containerHeader #containerCart #mouseOver #products .product .itemName { font-size: 14px; }
					#containerHeader #containerCart #mouseOver #products .product .color { display: inline-block; margin-right: 10px; color: #777; }
					#containerHeader #containerCart #mouseOver #products .product .size { display: inline-block; color: #777; }
					#containerHeader #containerCart #mouseOver #products .product .oldPrice { display: inline-block; margin-right: 10px; text-decoration: line-through; }
					#containerHeader #containerCart #mouseOver #products .product .price { display: inline-block; }
			#containerHeader #containerCart #mouseOver #subtotal { margin: 10px; padding-top: 20px; border-top: 1px solid #f2f2f2; }
				#containerHeader #containerCart #mouseOver #subtotal .price { font-size: 20px; text-align: right; padding-right: 3px; }
			#containerHeader #containerCart #mouseOver #openCart { padding: 10px 0 0 10px; color: #626262; text-decoration: underline; }
			#containerHeader #containerCart #mouseOver #submit { text-align: right; }
				#containerHeader #containerCart #mouseOver #submit .button { margin-right: 5px; }
			#containerHeader #containerCart #mouseOver #noItems { text-align: center; margin-top: 15px; }

/* Menu */
#menu { background-color: #f6f6f6; height: 42px; line-height: 10px; text-align: center; color: #fff; }
	#menu a { color: #fff; }
	#menu .item { position: relative; display: inline-block; height: 24px; padding: 16px 5px 0 5px; margin: 0 7px; text-transform: uppercase; font-size: 13px; color: #3e3e3e; }
		#menu .item:hover, #menu .item.selected { border-bottom: 2px solid #a6a6a6; }
		#menu .item .submenu { position: absolute; z-index: 5; left: -20px; top: 42px; width: 250px; padding: 0 25px 20px 25px; background-color: #333333; color: #fff; text-align: left; display: none; }
			#menu .item .submenu .subitem { margin-top: 20px; font-weight: normal; }
#buttonResponsiveMenu span { background-color: #1b1b1b; }

/* Submenu */
#submenu { position: relative; }
	#submenu .title { font-weight: bold; font-size: 16px; margin-bottom: 15px; }
	#submenu .item { margin: 10px 20px 0 0; }
		#submenu .item a { color: #747474; }
		#submenu .item:hover { text-decoration: underline; }

/* Footer */
#footer { position: relative; background-color: #fbfbfb; }
	#footer #highlight { position: relative; padding: 17px 0; margin-top: 40px; background-color: #f6f6f6; }
		#footer #highlight #newsletter { position: relative; }	
			#footer #highlight #newsletter input[type='text'] { margin: 0 10px 0 15px; }	
			#footer #highlight #newsletter .button { position: relative; }	
		#footer #highlight #socialMedia { position: relative; text-align: right; padding-top: 4px; }	
			#footer #highlight #socialMedia img { margin-left: 8px; }	
	#footer #items { margin-top: 20px; }
		#footer #items .item { position: relative; }
			#footer #items .item span { font-weight: bold; }
			#footer #items .item .submenu { margin-top: 5px; }
				#footer #items .item .submenu .subitem { margin-top: 5px; }
				
/* Disclaimer */
#disclaimer { position: relative; border-top: 1px solid #dedede; margin-top: 30px; padding-top: 10px; padding-bottom: 20px; }



/* Shop */
/* ------------------------------------------------------*/

/* Product view filters */
#containerProductFilters { position: relative; }
	#containerProductFilters #mobileButton { display: none; }
	#containerProductFilters #productCategories { position: relative; margin-bottom: 20px; font-size: 15px; }
		#containerProductFilters #productCategories .item { margin-bottom: 5px; color: #565656; }
		#containerProductFilters #productCategories .subcategories { padding-left: 10px; }
		#containerProductFilters #productCategories .subcategories .subcategorieItem { margin-bottom: 5px; color: #848484; font-size: 13px; }
	#containerProductFilters .filter { position: relative; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #f5f5f5; }
		#containerProductFilters .filter .title { position: relative; font-size: 14px; font-weight: bold; margin-bottom: 10px; background-image: url('../images/arrow_down.png'); background-repeat: no-repeat; background-size: 13px; background-position: right 5px center; }
			#containerProductFilters .filter:hover .title { text-decoration: underline; cursor: pointer; }
		#containerProductFilters .filter .items { position: relative; display: none; font-size: 13px;  }
			#containerProductFilters .filter .items .item { position: relative; margin-bottom: 7px; padding-left: 30px; background-image: url('../images/product_filter_checkbox.png'); background-repeat: no-repeat; background-size: 15px; background-position: 0 2px; }
				#containerProductFilters .filter .items .item:hover { text-decoration: underline; }
				#containerProductFilters .filter .items .item.selected { background-image: url('../images/product_filter_checkbox_selected.png'); }
		#containerProductFilters .filter.showFilter .title { background-image: url('../images/arrow_up.png'); }
		#containerProductFilters .filter.showFilter .items { display: block; }
		
/* Product view */
#productViewHeader { position: relative; margin-bottom: 15px; }
	#productViewHeader img { max-width: 100%; }
#containerProductView { position: relative; }
	#containerProductView:after { content: ""; display: table; clear: both; }
	#containerProductView #description { margin-top: -20px; }
	#containerProductView #selectedFilters { position: relative; margin: 15px 0 5px 0; text-align: center; }
		#containerProductView #selectedFilters .item { display: inline-block; margin: 0 3px; padding: 4px 10px 4px 30px; border: 1px solid #e8e8e8; font-size: 13px; background-image: url('../images/product_filter_checkbox_selected.png'); background-repeat: no-repeat; background-size: 15px; background-position: 9px 6px; }
		#containerProductView #selectedFilters .item:hover { background-color: #f5f5f5; }
	#containerProductView #options { position: relative; margin: 20px 0; color: #545454; }
		#containerProductView #options #view { }
			#containerProductView #options #view #size { position: relative; display: inline-block; float: left; margin-right: 20px; padding-top: 7px; }
				#containerProductView #options #view #size div { position: relative; display: inline-block; width: 19px; height: 19px; margin-right: 10px; cursor: pointer; background-size: contain; background-repaet: no-repeat; }
					#containerProductView #options #view #size #big { background-image: url('../images/product_thumb_4.png'); }
						#containerProductView #options #view #size #big.selected { background-image: url('../images/product_thumb_4_selected.png'); }
					#containerProductView #options #view #size #small { background-image: url('../images/product_thumb_9.png'); }
						#containerProductView #options #view #size #small.selected { background-image: url('../images/product_thumb_9_selected.png'); }
			#containerProductView #options #view #quantity { position: relative; display: inline-block; float: left; }
				#containerProductView #options #view #quantity div { position: relative; display: inline-block; height: 19px; margin-right: 10px; font-size: 10px; cursor: pointer; }
				#containerProductView #options #view #quantity div.selected, #containerProductView #options #view #quantity div:hover { text-decoration: underline; }
		#containerProductView #options div#quantity { text-align: center; padding-top: 7px; }
		#containerProductView #options div#order { text-align: right; }
		
	#containerProductView #products { position: relative; text-align: center; margin-top: 10px; margin-bottom: 10px; }
		#containerProductView #products:after { content: ""; display: table; clear: both; }
		#containerProductView #products .product { position: relative; float: left; overflow: hidden; padding: 40px 1% 40px 1%; margin: 10px 2%; text-align: center; }
			#containerProductView #products .product:hover { -webkit-box-shadow: 0 0 2px 0 #d4d4d4; box-shadow: 0 0 2px 0 #d4d4d4; }
			#containerProductView #products .product .image { position: relative; height: 200px; margin-bottom: 40px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
				#containerProductView #products .product .image .mouseOver { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
			#containerProductView #products .product.mouseOverSelected .image { background-image: none !important; }
			#containerProductView #products .product .details { position: relative; }
				#containerProductView #products .product .details .itemName { position: relative; font-size: 14px; margin-bottom: 5px; }
				#containerProductView #products .product .details .sale, #containerProductView #products .product .details .new { position: absolute; left: 0; right: 0; width: 40px; margin: 0 auto; top: -40px; background-color: #e93343; color: #fff; padding: 5px 10px; }
				#containerProductView #products .product .details .prices { position: relative; }
					#containerProductView #products .product .details .prices .oldPrice { display: inline-block; margin-right: 10px; text-decoration: line-through; }
					#containerProductView #products .product .details .prices .price { display: inline-block; }

/* Product detail */
#containerProduct { position: relative; }
	#containerProduct #thumbs { position: relative; }
		#containerProduct #thumbs .thumb { position: relative; margin-right: 15%; max-height: 125px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }
			#containerProduct #thumbs .thumb img { max-width: 100%; max-height: 100%; }
	#containerProduct #mainImage { position: relative; }
		#containerProduct #mainImage img { max-width: 90%; }
	#containerProduct #containerDetails { position: relative; }
		#containerProduct #details { text-align: center; padding: 8% 10%; }
			#containerProduct #details #brand { font-size: 18px; color: #4f4f4f; }
			#containerProduct #details #price { font-size: 16px; margin: 20px 0; }
			#containerProduct #details #description {  }
			#containerProduct #details #colors { position: relative; margin-top: 30px; text-align: center; }
				#containerProduct #details #colors .color { display: inline-block; width: 100px; height: 120px; margin: 0 5px; padding: 5px; background-color: #fff; }
					#containerProduct #details #colors .color.selected, #containerProduct #details #colors .color:hover { -webkit-box-shadow: 2px 2px 10px 0 #d4d4d4; box-shadow: 2px 2px 10px 0 #d4d4d4; }
						#containerProduct #details #colors .image { width: 100%; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; }
						#containerProduct #details #colors .description { width: 100%; height: 15px; margin-top: 5px; }
			#containerProduct #details #sizes { position: relative; margin-top: 30px; text-align: center; }
				#containerProduct #details #sizes .size { display: inline-block; width: 35px; height: 28px; margin: 0 5px; padding-top: 7px; text-align: center; }
					#containerProduct #details #sizes .size.sold { color: #D5D5D5; }
					#containerProduct #details #sizes .size.selected { background-color: #000; color: #fff; }
					#containerProduct #details #sizes .size:not(.sold) { cursor: pointer; }
			#containerProduct #details input[type='submit'] { margin-top: 30px; }
			#containerProduct #details .wishlist { background-color: #c5c5c5; margin-top: 5px; color: #2f2f2f; }
				#containerProduct #details .wishlist:hover { background-color: #d6d6d6; }
	#containerProduct #tabs { position: relative; padding: 3% 10%; }
        #containerProduct #tabs .tab { position: relative; }
            #containerProduct #tabs .tab .tabHeader { padding: 8px 0; font-weight: bold; border-top: 1px solid #c3c3c3; cursor: pointer; background-image: url('../images/arrow_down.png'); background-repeat: no-repeat; background-size: 13px; background-position: right 5px center; }
            	#containerProduct #tabs .tab.open .tabHeader { background-image: url('../images/arrow_up.png'); }
			#containerProduct #tabs .tab .tabContent { display: none; padding: 5px 0 20px 0; font-size: 14px; }
                #containerProduct #tabs .tab.defaultOpen .tabContent { display: block; }
    			#containerProduct #tabs .tab .tabContent .specs { position: relative; margin-top: 10px; }
					#containerProduct #tabs .tab .tabContent .specs .label { position: relative; margin-bottom: 2px; font-size: 13px; font-weight: bold; }
					#containerProduct #tabs .tab .tabContent .specs .spec { color: #484848; margin-bottom: 15px; }
						#containerProduct #tabs .tab .tabContent .specs .spec.washAndCare img { margin-right: 5px; }
/* Cart */
#containerCart { position: relative; }
	#containerCart #cartQuantity { font-size: 20px; text-align: center; color: #737373; }
	#containerCart #items { position: relative; margin: 30px 0 20px 0; }
		#containerCart #items .row { position: relative; border-bottom: 1px solid #f2f2f2; padding: 10px 0; }
			#containerCart #items .row.header { padding-top: 12px; font-size: 14px; color: #535353; border-bottom: none; background-color: #f6f6f6; }
			#containerCart #items .row:after { content: ""; display: table; clear: both; }
			#containerCart #items .row .column { position: relative; float: left; width: 20%; }
				#containerCart #items .row .column.image { text-align: center; }
					#containerCart #items .row .column.image img { max-height: 100px; }
				#containerCart #items .row .column.item { }
					#containerCart #items .row .column.item .itemName { font-weight: bold; font-size: 15px; margin-bottom: 5px; }
					#containerCart #items .row .column.item .itemNumber { color: #808080; }
					#containerCart #items .row .column.item .color, #containerCart #items .row .column.item .size { display: inline-block; margin-right: 10px; }
					#containerCart #items .row .column.item .delete { margin-top: 10px; padding-left: 20px; line-height: 12px; color: #5a5a5a; text-decoration: underline; background-image: url('../images/cart_remove.png'); background-size: 12px; background-repeat: no-repeat; }
				#containerCart #items .row .column.price {  }
					#containerCart #items .row .column.price .price { font-size: 14px; font-weight: bold; }
					#containerCart #items .row .column.price .originalPrice { text-decoration: line-through; color: #5a5a5a; }
				#containerCart #items .row:not(.header) .column.quantity select { width: 60%; }
				#containerCart #items .row:not(.header) .column.total { font-size: 14px; font-weight: bold; }
	#containerCart #voucher { position: relative; margin-top: 10px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; }
		#containerCart #voucher #openForm { position: relative; font-size: 13px; color: #5d5d5d; text-decoration: underline; cursor: pointer; }
		#containerCart #voucher #form { display: none; }
		#containerCart #voucher #codes { position: relative; margin-top: 10px; }
			#containerCart #voucher #codes .code { display: inline-block; line-height: 18px; margin: 5px 5px 0 0; padding: 5px 25px 5px 9px; background-color: #f7f7f7; background-image: url('../images/cart_remove.png'); background-size: 12px; background-repeat: no-repeat; background-position: right 7px center; }
				#containerCart #voucher #codes .code:hover { text-decoration: underline; background-color: #ececec; }
	#containerCart #continueShopping { position: relative; margin-top: 20px; font-size: 15px; color: #5d5d5d; text-decoration: underline; }
	#containerCart #containerCartOverview { float: right; text-align: right; }
	#containerCart #cartOverview { position: relative; margin-bottom: 10px; }
		#containerCart #cartOverview .row { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
			#containerCart #cartOverview .row:after { content: ""; display: table; clear: both; }
			#containerCart #cartOverview .row .label { text-align: left; }
			#containerCart #cartOverview .row .value { float: right; }
			#containerCart #cartOverview .row.subtotal, #containerCart #cartOverview .row.total { font-size: 15px; }
			#containerCart #cartOverview .row.total .value { font-weight: bold; }
		#containerCart #buttonOrderNow { width: 80%; text-align: center; font-size: 16px; }

/* Account login & register */
#accountLogin { margin-top: 20px; }
	#accountLogin h1 { margin-bottom: 20px; }
	#accountLogin #containerLogin { margin-left: 12%; }
		#accountLogin #login #recovery { float: left; margin-top: 28px; font-size: 15px; color: #5d5d5d; text-decoration: underline; }
	#accountLogin #containerRegister { margin-left: 6%; }
		#accountLogin #register { width: calc(100% - 100px); padding: 40px 50px; background-color: #fafafa; }
			#accountLogin #register ul { padding-left: 20px; }
#accountRegister #register { margin-top: 20px; margin-left: 35%; }
#accountRecovery #recovery { margin-top: 20px; margin-left: 35%; }



/* Custom pages */
/* ------------------------------------------------------*/

/* Design page */
#designPage { position: relative; }
	#designPage .container { margin-bottom: 30px; }
	#designPage .slideshow { position: relative; z-index: 0; }
		#designPage .slideshow .slide { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; z-index: 1; }
			#designPage .slideshow .slide .data { padding-top: 20%; width: 60%; margin: 0 auto 20px auto; }
				#designPage .slideshow .slide .data .title { margin-bottom: 20px; font-size: 40px; line-height: 30px; text-transform: uppercase; }
				#designPage .slideshow .slide .data .intro { font-size: 22px; line-height: 40px; font-weight: bold; }
		#designPage .slideshow .slidesjs-navigation { display: none !important; }
		#designPage .slideshow .slidesjs-pagination { position: absolute; bottom: 10px; padding: 0; width: 100%; z-index: 10; list-style: none; text-align: center; }
			#designPage .slideshow .slidesjs-pagination li { margin: 0; padding: 0; display: inline-block; }
				#designPage .slideshow .slidesjs-pagination li a { display: block; height: 0; background-color: transparent; border: 1px solid #fff; width: 9px; padding-top: 9px; margin: 0 5px; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; }
					#designPage .slideshow .slidesjs-pagination li a.active { background-color: #fff; }
	#designPage .text { position: relative; text-align: center; padding: 40px 0; }
		#designPage .text h2 { font-size: 25px; margin-bottom: 20px; }
	#designPage .newsletter { position: relative; text-align: center; color: #fff; padding: 60px 0; line-height: 30px; margin-bottom: 30px; background-size: cover; background-position: 50% 50%; }
		#designPage .newsletter h2 { font-size: 35px; margin-bottom: 20px; color: #fff; }
		#designPage .newsletter form { margin-top: 20px; }
			#designPage .newsletter form div { margin-bottom: 6px; }
		#designPage .newsletter input[type='text'] {  }
		#designPage .newsletter input[type='submit'] { padding: 11px 10px; background-color: transparant; border: 1px solid #fff; }
	#designPage .video { margin-bottom: 30px; }	#designPage .multi { position: relative; text-align: center; }
		#designPage .multi .gridItem img { width: 100%; }
	#designPage .products { position: relative; }
		#designPage .products h2 { font-size: 25px; text-align: center; }


/* News */
#containerNews { position: relative; }
	#containerNews #news { }
		#containerNews #news .item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; }
			#containerNews #news .item .date { color: #5F5F5F; font-style: italic; }
			#containerNews #news .item .introduction { position: relative; }
	#containerNewsDetail { }
		#containerNewsDetail #news { margin-bottom: 20px; }


/* Newsletter */
#containerNewsletter { position: relative; }
	#containerNewsletter #unsubscribeLink { margin-top: 20px; text-decoration: underline; }


/* Customer service */
#containerCustomerService { position: relative; }
	#containerCustomerService #customerService { border: 1px solid #f5f5f5; padding: 30px; }
		#containerCustomerService #customerService .title { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
		#containerCustomerService #customerService .items { line-height: 30px; text-decoration: underline; margin-bottom: 40px; }
#containerCustomerServiceDetail #submenu { }
	#containerCustomerServiceDetail #submenu .title { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
	#containerCustomerServiceDetail #submenu .items { line-height: 30px; text-decoration: underline; }

/* Faq */
#containerFaq { position: relative; }
	#containerFaq #questions { position: relative; float: none; padding-top: 20px; }
		#containerFaq #questions .categorie { position: relative; margin-bottom: 20px; padding-bottom: 20px; float: none; display: inline-block; vertical-align: top; }
			#containerFaq #questions .categorie:nth-child(even) { margin-left: 8%; }
			#containerFaq #questions .categorie h2 { margin-bottom: 15px; }
			#containerFaq #questions .categorie .questions { position: relative; }
				#containerFaq #questions .categorie .questions .question { position: relative; margin-bottom: 10px; }
					#containerFaq #questions .categorie .questions .question .title { position: relative; font-size: 15px; padding-bottom: 10px; margin-top: 30px; color: #757575; border-bottom: 1px solid #f5f5f5; cursor: pointer; background-image: url('../images/arrow_down.png'); background-repeat: no-repeat; background-size: 13px; background-position: right 5px center; }
						#containerFaq #questions .categorie .questions .question .title.selected { background-image: url('../images/arrow_up.png'); }
					#containerFaq #questions .categorie .questions .question .answer { position: relative; font-size: 13px; display: none; margin-top: 15px; padding-bottom: 20px; }

/* Store finder */
#containerStoreFinder { position: relative; }
	#containerStoreFinder #search { position: relative; padding: 20px 25px; background-color: #f6f6f6; margin-bottom: 10px; }
		#containerStoreFinder #search span, #containerStoreFinder #search input, #containerStoreFinder #search select { margin-right: 10px; }
	#containerStoreFinder #results #stores { height: 450px; overflow: auto; background-color: #f6f6f6; }
		#containerStoreFinder #results #stores .store { position: relative; padding: 20px; margin-bottom: 5px; font-size: 10px; border-bottom: 1px solid #e5e5e5; }
	#containerStoreFinder #results #googleMaps { width: 100%; height: 450px; }


/* Shop the look */
#containerShopTheLook { position: relative; }
	#containerShopTheLook .gridItem { height: 350px; background-size: cover; background-repeat: no-repeat; text-align: center; }
		#containerShopTheLook .gridItem:hover .button { display: inline-block; }
		#containerShopTheLook .gridItem .button { margin: 240px auto; display: none; }
		#containerShopTheLook .gridItem .containerTitle { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; text-align: center; }
			#containerShopTheLook .gridItem .containerTitle .title { position: relative; z-index: 2; font-size: 16px; text-align: center; padding: 15px 0 15px 0; }
			#containerShopTheLook .gridItem .containerTitle .transparant { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); }
#containerShopTheLookDetail { position: relative; margin-top: 20px; }
	#containerShopTheLookDetail #look img { max-width: 100%; }
	#containerShopTheLookDetail #items { position: relative; padding: 2%; }
		#containerShopTheLookDetail #items .item { position: relative; margin-bottom: 30px; border-bottom: 1px solid #f5f5f5; }
			#containerShopTheLookDetail #items .item .image img { max-width: 100%; }
			#containerShopTheLookDetail #items .item .itemName { font-size: 18px; margin: 10px 0 5px 0; }
			#containerShopTheLookDetail #items .item .price { color: #6f6f6f; font-size: 16px; }
			#containerShopTheLookDetail #items .item .button { margin-top: 20px; }
		#containerShopTheLookDetail #items .item:last-child { border-bottom: none; }

/* Contact */
#containerContact { position: relative; }

/* Account */
#account #addresses { position: relative; }
	#account #personalDetails .edit { margin-top: 5px; text-decoration: underline; }
	#account #addresses .address { position: relative; display: inline-block; vertical-align: top; margin-bottom: 20px; }
		#account #addresses .address span { font-weight: bold; }
		#account #addresses .address .isDefault { font-style: italic; color: #1fb806; }
		#account #addresses .address .edit, #account #addresses .address .delete, #account #addresses .address .setDefault { margin-top: 5px; text-decoration: underline; }
#account #orders { position: relative; }
	#account #orders .header { font-weight: bold; border-bottom: 1px solid #f5f5f5; font-size: 14px; margin-bottom: 10px; }
	#account #orders .order { position: relative; padding: 5px; }
		#account #orders .order:nth-child(even) { background-color: #f0f0f0; }
#account #order { position: relative; }
	#account #order #orderId { text-align: center; margin-right: 20px; padding-top: 10px; }
	#account #order #items { margin-top: 20px; }
		#account #order #items .item { padding: 20px; }
		#account #order #items .item:nth-child(odd) { background-color: #f0f0f0; }
			#account #order #items .item .originalPrice { color: #5e5e5e; text-decoration: line-through; }

/* Newsletter Pop-up */
#newsletterpopup { display: none; position: fixed; z-index: 1000; top: 50%; left: 50%; width: 90%; max-width: 450px; background-color: #333333; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-shadow: 0 0 20px rgba(0,0,0,.3); }
#newsletteroverlay { display: none; position: fixed; pointer-events: all; z-index: 999; background-color: rgba(0,0,0,.3); top: 0; bottom: 0; right: 0; left: 0; }
#newsletterpopup #newsletterclose { pointer-events: all; position: absolute; right: -10px; top: -10px; height: 30px; width: 30px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.3); border-radius: 50%; text-align: center; line-height: 30px; font-size: 20px; font-weight: 800; cursor: pointer; z-index: 10; }
#newsletterpopup h1 { padding: 18px; padding-bottom: 0; text-align: center; color: #fff; margin: 0; line-height: 1.25; }
#newsletterpopup #newsletterpopupcontent { padding: 40px 0 55px; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: top center; }
#newsletterpopup #newsletterpopupcontent input[type="email"] { outline: none; border-color: #fff; }
#newsletterpopup #newsletterpopupcontent input[type="email"]:focus { border: 1px solid #000; }
#newsletterpopup #newsletterpopupcontent .button { border-radius: 0 !important; background: #000; width: 226px; margin-top: 12px; }
#newsletterpopup #newsletterpopupcontent #newsletterpopupfootnote { position: absolute; bottom: 0; right: 5px; color: #eee; }
#newsletterpopup #newsletterpopupcontent #newsletterpopupprivacy { position: relative; margin-top: 24px; display: block; padding: 0 110px; color: #fff; }
#newsletterpopup #newsletterpopupcontent #newsletterpopupprivacy a { color: inherit; text-decoration: underline; }


/* General */
/* ------------------------------------------------------*/

/* Ui slider */
#priceSlider { position: relative; margin-bottom: 20px; }
#priceSliderInputs { position: relative; }
	#priceSliderInputs input { width: 40px; }
		#priceSliderInputs input#sliderMax { float: left; }
		#priceSliderInputs input#sliderMax { float: right; }

.ui-slider { position: relative; text-align: left; width: 92%; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 15px; height: 15px; margin-top: -3px; cursor: pointer; background-color: #e9e9e9; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; top: 0; height: 100%; font-size: .7em; display: block; border: 0; background-position: 0 0; background-color: #d2d2d2; }
.ui-slider-horizontal { height: .8em; background-color: #f6f6f6; }