/* red = #EF3E42 												*/
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	
	text-align:center;
	background:#FFF url(../gfx/header-dots.gif) repeat-x left top;
	}
	body.home {background:#FFF url(../gfx/back-home.gif) repeat-x left top;}
body, table, th, td, p, input, textarea, select {
	font-family:Tahoma, Arial, Helvetica, Sans-serif;
	font-size:11px;
	}
	
a {color:#000;}
a:hover {}
h1 {text-transform:uppercase;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}	
p {}
	
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;font-size:1px;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:858px;
    height:auto;
	text-align:left;
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {	
	height:86px;
	}
.logo {
	position:absolute;
	top:21px;
	left:5px;
	width:109px;
	height:25px;
	z-index:10;
	}
.languages {
	position:absolute;
	top:35px;
	left:800px;
	width:45px;
	height:11px;
	z-index:10;
	text-align:right;
	}
	
.home-blocks {
	padding:8px 0 0 8px;
	height:120px;
	}
.home-blocks div {float:left;margin-right:8px;}
.block-one {}
.block-two {}
.block-three {
	padding:10px;
	width:262px;
	height:93px;
	background:transparent url(../gfx/blockback-home.gif) no-repeat left top;
	}
.block-three p {
	font-size:10px;
	margin-bottom:10px;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATION			===============================	*/
/* ============================================================	*/

div.nav-bar {
	padding-top:62px;
	}
div.nav-bar ul {
	
	}
div.nav-bar ul li {float:left;margin-right:30px;}
div.nav-bar ul li a {color:#000;}
div.nav-bar ul li a:hover,
div.nav-bar ul li a.active {color:#EF3E42;}


div.nav-bar ul.sexe-nav {
	float:left;
	width:117px;
	padding-left:8px;
	overflow:hidden;
	background:transparent url(../gfx/sexe-stripe.gif) no-repeat 117px 50%;
	}

div.nav-bar ul.sexe-nav  li {margin-right:8px;}
div.nav-bar ul.head-nav {
	float:left;
	padding-left:15px;
	}
div.nav-bar ul.login-nav {
DISPLAY:none; /* AANGEPAST MAURICE */
	float:right;
	text-align:right;
	background:transparent url(../gfx/login-stripe.gif) no-repeat 35px 4px;
	}	
div.nav-bar ul.login-nav li {
	float:none;
	display:inline;
	margin-right:10px;
	}	

/* ============================================================	*/ 
/* ========	MENU's   			===============================	*/
/* ============================================================	*/
.menubar {
	float:left;
	width:120px;
	border-right:20px solid #FFF;
	text-align:right;
	}
.menubar ul {
	margin-bottom:20px;
	}
.menubar ul li {
	}
.menubar ul li h1 {
	margin:0;
	font-size:11px;
	}
.menubar ul li a {
	color:#BBB;
	font-weight:bold;
	font-size:10px;
	line-height:16px;
	
	}
.menubar ul li a:hover,
.menubar ul li a.active {
	color:#EF3E42;
	}
	
	
ul.clothing {}
ul.accessoires-menu {}
ul.extra-menu {}
.menubar ul.extra-menu li {
	margin-bottom:20px;
	}
.menubar ul.extra-menu h1 {
	color:#000;
	}
.menubar ul.extra-menu a {
	color:#000;
	}

/* ============================================================	*/ 
/* ========	SHOPPING BAG 		===============================	*/
/* ============================================================	*/

div.shopping-bag {
	position:absolute;
	top:58px;
	left:521px;
	width:210px;
	height:22px;
	z-index:10;
	text-align:right;
	background:#E5E5E5 url(../gfx/shopping-basket.gif) no-repeat 2px 2px;
	}
	
div.shopping-bag a {
	display:block;
	padding:4px 25px 4px 0px;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:10px;
	color:#000;
	}
div.shopping-bag a:hover {
	color:#EF3E42;
	}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer {position:relative;width:858px;clear:both;text-align:center;background:transparent url(../gfx/foot-shadow.gif) repeat-x left top;padding-bottom:20px;}
	div.footer ul {padding:25px 0 0 0;}
		div.footer ul li {display:inline;}
			div.footer ul li a {color:#000;margin:0 11px;}
				div.footer ul li a:hover {color:#EF3E42;}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

.contentBlock {}

.main-content {margin:15px 0;min-height:435px;background:transparent url(../gfx/dots-vert.gif) repeat-y 697px 0px;}
	
/* ============================================================	*/ 
/* ========	MAIN-BLOCK (center column)	=======================	*/
/* ============================================================	*/ 

.main-block {float:left;padding-top:0px;width:547px;overflow:hidden;}

.main-block-top .page-nav {float:right;}
.main-block-top .page-nav span {margin-left:30px;}
.main-block-top .page-nav a:hover {color:#EF3E42;}
.main-block-top .page-nav img {padding:0 5px;visibility:hidden;display:inline;}
.main-block-top .page-nav a img {visibility:visible;}

.breadcrumb {font-size:11px;font-weight:bold;}
	.breadcrumb a {color:#000;}
		.breadcrumb a:hover {color:#EF3E42;}

.main-block-content {
	padding:10px 0;
	}

/* ========	PRODUCT-OVERVIEW (center column)	=======================	*/

.product-overview {
	width:600px;
	overflow:hidden;
	}
.product-overview .product-item {
	float:left;
	width:125px;
	margin:0 10px 10px 0;
	text-align:center;
	color:#BBB;
	}
.product-overview .product-item span {
	}
.product-overview .product-item a {
	display:block;
	color:#bbb;
	width:125px;
	height:190px;
	border:1px solid #FFF;
	}
.product-overview .product-item img {
	}
.product-overview .product-item a:hover  {
	border:1px solid #EF3E42;
	color:#EF3E42;
	}
.product-item .visual {
	height:145px;
	}
.product-item .product-naam {
	font-size:11px;
	}
.product-item strong.price {
	display:block;
	padding:0;
	font-size:12px;
	}
.product-item .brand {
	font-size:9px;
	}


	
	
.brand-overview {
	width:600px;
	overflow:hidden;
	}
.brand-overview .brand-item {
	float:left;
	margin:0 10px 10px 0;
	}
.brand-overview .brand-item a {
	display:block;
	}
/* ========	PRODUCT-DETAILS (center column)	=======================	*/

.brand-content {
	height:314px;
	overflow:auto;
	}
.brand-content img {
	display:block;
	margin-bottom:15px;
	}

.product-details {
	background:url(../gfx/dots-vert.gif) 243px 0 repeat-y;
	}
.product-details h1 {
	font-size:18px;
	color:#999;
	font-weight:normal;
	text-transform:none;
	}
.product-info h1 {color:#EE2D4C;}
.product-info h2 {color:#EE2D4C;}
.product-info h2 .nu-voor {font-size:15px;}
.product-info h2 .nu-voor b {}
.product-info h2 .was-voor {color:#000;text-transform:line-through;}
.product-info h2 .was-voor b {}


.product-details .product-pictures {
	float:left;
	width:240px;
	margin-right:17px;
	}
.product-image div {display:none;}
.product-image img {
	display:block;
	width:240px;
	height:240px;
	}
.product-thumbnails {
	padding-left:10px;
	}
	
	.brand-thumbs {
		border-top:10px solid #FFF;
		padding-left:0px;
	}
.product-thumbnails span {
	display:block;
	background:url(../gfx/zoom.gif) 0 1px no-repeat;
	padding:0 0 1px 13px;
	line-height:9px;
	margin:5px 0 10px 0;
	}
.product-thumbnails a {
	width:65px;
	height:65px;
	border:1px solid #9EA7B4;
	display:block;
	float:left;
	margin:0 6px 8px 0;
	}
.product-thumbnails img {
	width:65px;
	height:65px;
	}
	.brand-thumbs img {
		width:auto;
		height:65px;
	}
.product-thumbnails a:hover {
	border-color:#EF3E42;
	}
.product-details .product-info {
	float:left;
	width:285px;
	}
.product-details .product-info .text {
	padding:14px 0 0 0;
	height:133px;
	background:url(../gfx/dots-hor.gif) bottom repeat-x;
	}
.product-details .product-info .colors {
	/* maurice */
			display:none;
	/* maurice */
	line-height:36px;
	text-align:right;
	padding:0 10px 1px 0;
	background:url(../gfx/dots-hor.gif) bottom repeat-x;
	}
.product-details .product-info .colors .color-blocks {
	float:right;
	padding-top:3px;
	margin-left:5px;
	margin-top:1px;
	}
.product-details .product-info .colors img {
	height:16px;
	width:16px;
	}
.product-details .product-info .form {
	margin:13px 0;
	line-height:22px;
	}
.product-details .product-info .form form {
	margin:0;
	padding:0;
	}
.product-details .product-info .form div {
	width:139px;
	}
.product-details .product-info .form select {
	width:100px;
	float:right;
	}
.product-details .product-info .form input {
	height:16px;
	background:#EE2D4C;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	}
.product-details .product-info .form .sold-out {
	float:right;
	width:auto;
	padding-right:68px;
	background:url(../gfx/next_normal.gif) 57px 7px no-repeat;
	}
.product-details .product-info .form .sold-out a {
	text-decoration:underline;
	margin-left:12px;
	}
.product-details .product-info ul.email-list {
	font-weight:bold;
	line-height:18px;
	}
.product-details .product-info ul.email-list li {
	background:url(../gfx/list-item-block.gif) 0 7px no-repeat;
	padding-left:11px;
	}
.product-details .product-info ul.email-list li a:hover {
	color:#EF3E42;
	}

/* ========	CONTENT-PAGE (center column)	=======================	*/

.content-page {
	padding-top:20px;
	color:#999;
	}
.content-page p {
	margin:20px 0;
	}
.content-page a:hover {
	color:#EF3E42;
	}
.content-page h1 {
	font-size:2em;
	color:#EF3E42;
	font-weight:normal;
	}
.content-page h2 {
	font-size:2em;
	font-weight:normal;
	}
.content-page h3 {
	font-size:1.6em;
	color:#EF3E42;
	text-transform:uppercase;
	font-weight:normal;
	}
.content-page h4 {
	font-size:1.6em;
	font-weight:normal;
	}
.content-page h5 {
	font-size:1.4em;
	color:#EF3E42;
	text-transform:uppercase;
	font-weight:normal;
	}
.content-page h6 {
	font-size:1.4em;
	font-weight:normal;
	}
.content-page ul, .content-page ol {
	margin:20px 0;
	}
.content-page ul li {
	list-style-type:disc;
	margin-left:25px;
	}
.content-page ol li {
	list-style:decimal;
	margin-left:25px;
	}

/* ========	SHOPPING-BAG (center column)	=======================	*/

.shopping-bag-overview table {
	padding-top:45px;
	}
.shopping-bag-overview table thead tr, .shopping-bag-overview table tbody tr {
	padding-bottom:1px;
	background:url(../gfx/dots-hor.gif) bottom repeat-x;
	}
.shopping-bag-overview table td.image {
	width:75px;
	}
.shopping-bag-overview table td.article {
	width:130px;
	}
.shopping-bag-overview table td.price {
	width:65px;
	text-align:center;
	}
.shopping-bag-overview table td.size {
	width:65px;
	text-align:center;
	}
.shopping-bag-overview table td.amount {
	width:65px;
	text-align:center;
	}
.shopping-bag-overview table td.update {
	width:75px;
	}
.shopping-bag-overview table td.delete {
	width:61px;
	}
.shopping-bag-overview table thead td {
	padding-bottom:5px;
	}
.shopping-bag-overview table tbody td {
	padding:10px 0;
	}
.shopping-bag-overview table tfoot {
	padding:0;
	font-weight:bold;
	color:#EF3E42;
	}
.shopping-bag-overview table tfoot td {
	padding-top:10px;
	}
.shopping-bag-overview table thead td {
	font-weight:bold;
	color:#999;
	}
.shopping-bag-overview table tbody td {
	color:#999;
	font-size:10px;
	}
.shopping-bag-overview table input.amount {
	width:28px;
	padding:2px 0;
	text-align:center;
	border:1px solid #999;
	color:#EF3E42;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	}
.shopping-bag-overview table input.button {
	padding:1px 0;
	border:1px solid #EF3E42;
	color:#EF3E42;
	font-weight:bold;
	text-transform:uppercase;
	background:#fff;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.shopping-bag-overview table a.submit-button {
	display:block;
	float:right;
	margin-left:4px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:3px 5px;
	}

/* ========	INFORMATION-TABLE (center column)	=======================	*/

table.information {
	width:100%;
	line-height:24px;
	color:#999;
	}
table.information h2 {
	color:#000;
	}
table.information tr {
	vertical-align:top;
	}
table.information td {
	font-size:10px;
	}
table.information td.gender {
	font-size:11px;
	}
table.information input {
	border:1px solid #ccc;
	height:12px;
	width:138px;
	color:#999;
	padding:3px 5px;
	}
table.information input.checkbox {
	width:auto;
	height:auto;
	border:none;
	padding:0;
	float:left;
	margin-top:5px;
	margin-right:3px;
	}
table.information textarea {
	border:1px solid #ccc;
	width:138px;
	height:72px;
	overflow:auto;
	color:#999;
	padding:3px 5px;
	}
div.submit-button {
	text-align:right;
	padding-bottom:15px;
	padding-top:2px;
	}
input.submit-button, a.submit-button {
	width:auto;
	cursor:pointer;
	background:#EF3E42;
	color:#fff;
	text-transform:uppercase;
	padding:0 1px;
	height:18px;
	font-weight:bold;
	text-align:center;
	}
a.submit-button {
	padding:3px 3px 2px 3px;
	height:auto;
	}

/* ========	PERSONAL-INFORMATION (center column)	=======================	*/

.personal-information {
	background:url(../gfx/dots-vert.gif) 246px 0 repeat-y;
	padding-top:6px;
	}
.personal-information h2 {
	text-transform:uppercase;
	font-size:10px;
	}
.personal-information div.checkbox {
	font-size:10px;
	color:#999;
	line-height:24px;
	}
.personal-left {
	float:left;
	width:229px;
	}
.personal-left table {
	margin-top:15px;
	}
.personal-right {
	float:right;
	width:290px;
	}
.personal-right table.top15px {
	margin-top:15px;
	}
.personal-right div.checkbox {
	margin-top:15px;
	}
.payment-options {
	margin-top:15px;
	background:url(../gfx/dots-hor.gif) top repeat-x;
	padding-top:15px;
	color:#999;
	font-size:10px;
	line-height:18px;
	}
.payment-options h2 {
	margin-bottom:5px;
	color:#000;
	}
.buttons {
	text-align:right;
	height:17px;
	}
.buttons input {
	float:right;
	margin-left:3px;
	}
.buttons a.submit-button {
	display:block;
	width:46px;
	float:right;
	}
.register-button {
	padding-right:45px;
	}

/* ========	THANKS-PAGE (center column)	=======================	*/

.thanks-content {
	background:url(../gfx/dots-vert.gif) 246px 0 repeat-y;
	padding-top:6px;
	}
.thanks-left {
	float:left;
	width:229px;
	color:#999;
	}
.thanks-left p {
	margin:0 0 18px 0;
	}
.thanks-left p span {
	color:#000;
	}
.thanks-right {
	float:right;
	width:290px;
	font-size:10px;
	}
.thanks-right h2 {
	text-transform:uppercase;
	font-size:10px;
	}
.thanks-right span {
	color:#EF3E42;
	font-weight:bold;
	font-size:11px;
	}
.thanks-right strong.total-price {
	color:#FF0000;
	font-size:11px;
	}
.thanks-right table {
	width:100%;
	}
.thanks-right table tbody tr {
	padding-top:1px;
	background:url(../gfx/dots-hor.gif) top repeat-x;
	}
.thanks-right table tbody tr.shipping {
	background:none;
	padding-top:15px;
	}
.thanks-right table td {
	color:#999;
	font-size:10px;
	line-height:23px;
	}
.thanks-right table td.amount {
	text-align:center;
	}
.thanks-right table td.price {
	text-align:right;
	}
.thanks-right .buttons {
	height:17px;
	padding-top:5px;
	}
.thanks-right .buttons a {
	margin-left:4px;
	float:right;
	}

/* ============================================================	*/ 
/* ========	SIDE-BAR (right column)		=======================	*/
/* ============================================================	*/ 

.side-bar {float:right;width:140px;}
	
.action-shoot {padding:0 10px;}
	.action-shoot a {color:#EF3E42;font-size:9px;}
		.action-shoot a:hover {color:#EF3E42;text-decoration:underline;}
	.action-shoot img {display:block;margin:5px 0;}	
	.action-shoot p {width:140px;margin:0 0 10px 0;font-size:10px;}	
	.action-shoot h2 {text-transform:uppercase;}

.most-viewed {width:140px;padding:0 10px;}
	.most-viewed-top {position:relative;height:7px;width:140px;font-size:1px;background:transparent url(../gfx/most-viewed-top.gif) no-repeat left top;}
	.most-viewed-content {padding:3px 10px 13px 10px;background:#EAEAEB url(../gfx/most-viewed-bottom.gif) no-repeat left bottom;}
		.most-viewed-content h2 {margin-bottom:10px;}
		.most-viewed-content ol {margin:0 0 0 25px;}
			.most-viewed-content ol li {list-style:decimal;}
				.most-viewed-content ol li a {color:#000;}
					.most-viewed-content ol li a:hover {color:#EF3E42;text-decoration:underline;}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
		margin:0px;
		}
.form-grid {
		}
.form-grid td {
		}
.form-grid .name-cell {
	}
.form-grid .input-cell {
		}
input,
select {
	vertical-align:middle;
	}
input.type-text {
	color:#000;
	font-weight:normal;
	border:1px solid #999;;
	}
.form-grid input.type-text {
	padding-left:5px;
	}
label {
	vertical-align:middle;
	cursor:pointer;
	}
select.select {
	
	}
textarea.textarea {
	
	}

	
	
.help-block {}
.help-block p {margin:0 0 10px 0;}
.help-block a {color:#EF3E42;text-decoration:underline;}
.help-block a:hover {color:#000;text-decoration:underline;}
.help-block b {color:#000;}
.help-block table {margin-bottom:10px;border-top:1px solid #CCC;border-left:1px solid #CCC;}
.help-block th {3px 20px 3px 3px;text-align:left;font-weight:bold;color:#000;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}
.help-block td {padding:3px 20px 3px 3px;text-align:left;color:#666;border-right:1px solid #CCC;border-bottom:1px solid #CCC;}

.help-block a.go-to-top {
	float:right;
	}