@import url("/css/fabriccolors.css");
@import url("/css/dottedlines.css");

html {
	min-height: 100%;
	height: 100%;
	/*margin-bottom: 1px;*/
	font-size: 100%;
}
body, input, textarea, select {
	font: 9px Arial, Helvetica, sans-serif, Verdana;
	line-height: 15px;
	height: 100%;
}
body {
	color: #333;
}

p { margin-bottom: 15px; }
strong { font-weight: bold; }
em { font-style: italic; }

/* PNG fix */
#page img,
#page .thumbnail { behavior: url(/css/iepngfix.htc); }

.indicator {
	width: 22px;
	height: 22px;
	float: left;
	background: url(/images/common/loading.gif) top left no-repeat;
}

h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; color: #333; text-transform: uppercase; font-weight: bold;}
h1 { font-size: 9px; }
h2 { font-size: 9px; }
h3 { font-size: 9px; }
h4 { font-size: 9px; }
h5 { font-size: 9px; color: #9cb33b;}

a { color: #333; text-decoration: underline; outline-style: none; }
a:hover { color: #d8001a; text-decoration: underline; }

input[type=text],
input[type=password],
input.text,
select,
textarea { border: 1px solid #cccccc; font-size: 13px; padding: 3px;}
input[type=button],
input[type=submit] { font-style: italic; background: #ebebeb; color: #808080; font-size: 13px; padding: 3px; border: 1px solid #cccccc; }
.bad { background: #feeae6; border: 1px solid #dc4228; }

/* sIFR CSS Style Check */
.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}


/*
 * Layout
 */
#page {
	position: relative;
	/* margin: 0 auto; */
	margin-left: 5px;
	margin-top: -15px;
	min-height: 100%;
	width: 900px;
	background: #fff url("/images/common/background_stripes.gif") top center repeat-y;
}

#page .topBlock {
	background: #fff;
	float: left;
	width: 100%;
	height: 30px;
	clear: both;
}


#middle {
	background-image: url('/images/common/ilike.gif');
}

#menu, #left, #middle, #right {
	float: left;
	position: relative;
	display: inline;
	margin-bottom: 15px;
	overflow: hidden;
}
#content {
	float: left;
	clear: both;
	width: 100%;
}

#left { width: 193px; margin-right: 31px;}
#middle { width: 145px; margin-right: 31px; }
#right { width: 500px; }

#left, #middle, #right {
	padding-top: 273px;
	background-repeat: no-repeat;
	background-position: 0px 30px;
}
#middle { padding: 0; }
.iLikeLink {
	float: left;
	width: 100%;
	margin-top: 30px;
	height: 228px;
	margin-bottom: 15px;
	position: relative;
}
#left .content { padding-left: 10px; }


#menu {
	width: 185px;
	position: absolute;
	top: 30px;
	left: 10px;
	margin-bottom: 15px;
	clear: both;
	color: #808080;
}
#menu .menuItem {
	position: relative;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	float: left;
}
#menu .seperator { position: relative; display: inline; float: left; margin: 0 3px 0 0; color: #b9b9b9; }
#menu .menuItem a {
	position: relative;
	color: #808080;
	margin: 0 2px 0 0;
	float: left;
	text-decoration: none;
}
#menu .menuItem a:hover {
	text-decoration: underline;
}
#menu .menuItem a.active {
	text-decoration: underline;
}
#menu .menuItem a.active:hover {
	text-decoration: underline;
}
/*#menu .menuItem #collectionsMenuLink:hover { text-decoration: none; }*/

/*
 * collectionsMenu
 */
#collectionsMenu {
	position: absolute;
	top: 45px;
	left: 10px;
	width: 165px;
	text-transform: uppercase;
	z-index: 300px;
}
#collectionsMenu .overflow {
	position: relative;
	top: 0px;
	left: 0px;
	width: 195px;
	overflow: hidden;
}
#collectionsMenu .shift {
	position: relative;
	top: 0px;
	left: 195px;
	width: 180px;
}
#collectionsMenu a {
	float: left;
	clear: both;
	background-color: #fff;
	color: #808080;
	text-decoration: none;
}
#collectionsMenu a:hover { text-decoration: underline; }

/* menuClothinglines */
#clothinglinesBox {
	position: absolute;
	top: 28px;
	left: 0;
	background: #fff;
	width: 200px;
	overflow: hidden;
	z-index: 99999;
}
#clothinglinesBox .clothingline { font-size: 15px; text-transform: uppercase;}
#clothinglinesBox .padder {
	padding: 0.5em;	
}
#clothinglinesBox a {
	float: left;
	clear: both;
	margin-bottom: 0.5em;
}







/* Data formulieren */
.dataForm { clear: both; font-size: 13px; }
.dataForm .zend_form { width: 100%; float: left; margin-bottom: 1em; }
.dataForm dt,
.dataForm dd {
	float: left;
	display: inline;
	margin-bottom: 0.5em;
}
.dataForm dt {
	clear: both;
	width: 40%;
	padding: 3px 0;
}
.dataForm dd { float: left; width: 60%; }
.dataForm label {
	float: left;
}
.dataForm label.required:after { color: #808080; content: " *"; }

.dataForm .errors {
	margin-top: 3px;
	clear: both;
	color: #ed430f;
}

.updated {
	clear: both;
	background: #c0f588;
	color: #4fa720;
	width: auto;
	margin-bottom: 1em;
	float: left;
}
.updated .padder { padding: 5px; }

form .bad { background: #feeae6; border: 1px solid #dc4228; }

/*
 * Paginator
 */
.paginationControl {
	float: left;
	width: 100%;
	text-align: right;
	margin-bottom: 1.5em;
	clear: both;
	position: relative;
	line-height: 15px;
	font-size: 13px;
	color: #cccccc;
}
.paginationControl .currentPage { color: #333; }
.paginationControl img { vertical-align: middle; width: 15px; height: 15px;}


/* Shim */
.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}/* IE Mac Hide \*/ .clearfix{display:block;}/* IE Mac Hide End */