body, #publerBody {
	font-family: Verdana, Geneva, sans-serif;
	color: #313131;
	font-size:12px;
}

h1 { /* You don't HAVE to change size and margin, this is done in the publer std.css */
	color:#333;
	font-size:24px;
}

/*h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child { margin-top: 0; }  reset the first H{x} of the page */
/** html h1, * html h2 { margin-top: 0; }  Don't we all love Bill? */

.content h1{padding-top:0;margin-top:20px;}	
h2 {
	color:#e60005;
	font-size:22px;
	margin-top:0.95em;
}

h3 {
	font-size:18px;
	font-weight:normal;
	margin-top:1.15em;
}
	#contentSidebar h3 {
		font-weight:bold;
		margin:22px 0 18px;
	}

h4 {
}

h5 { /* H5 is the same size and weight as P: make sure color differs from P */
}

p{
	line-height:24px;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#e60004;
}

a:hover {
	text-decoration: underline;
}

a#img{border:none;}

/* Tiny styles for Publer, make sure these style match the main content styles! */
#tiny-body{
	width: 600px;
	background-color: #FFF;
}
#tiny-body p, #tiny-body li, #tiny-body table tr td, #tiny-body table tr th{
	font-size: 11px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#tiny-body label{
	float: left; 
	width: 150px;
}
.hide {
	display: none;
	}
.break, .clear{clear:both;}

/* Sprites */
.headerImg, #contentSidebar ul li a, #contentSidebar ul li a:hover, a.dressfinder, .afspraak, .stempelkaart, a.dressfinder:hover, .afspraak:hover, .stempelkaart:hover, .cat-weddingcard, .cat-bruidsmode, .cat-mannenmode, .cat-cocktailmode, #footer .hyves, #footer .twitter, #footer ul.footer-bottom, #footer ul.footer-bottom li, .action, .overview li a.wish-list, .detail-data li.wish-list, .detail-data li.maak-een-afspraak, .detail-data li.mail-to-friend, .detail-data li.bekijk-wish-list, #footer ul li {
	background:url('../../images/avenue/sprite.png') no-repeat -3000px -3000px;
}

/* Buttons */
#contents form button {
	background-color:#e60004;
	border:0;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	padding:5px;
}
	#contents form button:hover {
		color:#000;
	}
#contents form input, #contents form textarea {
	border: 1px solid #DEDED6;
}
	#contents form .bind input {
		border:none;
	}
#contents form label {
	font-size:1em;
	font-weight:normal;
}

#logo{
	display:none;
}
/* Content */
.headerImg {
	background-position:0 0;
	height:210px;
	text-indent:-9999px;
	width:683px;
}

/*content sidebar*/
#contentSidebar {
	/*border-bottom:1px solid #e2ddd1;*/
	float:right;
	width:208px;
	padding-bottom:2px;
}
	#contentSidebar ul {
		margin:0;
		padding:0;
	}
		#contentSidebar ul li {
			list-style:none;
			margin-bottom:7px;
		}
			#contentSidebar ul li a {
				background-position:0 -253px;
				color:#736357;
				display:block;
				padding-left:24px;
			}
				#contentSidebar ul li a:hover {
					background-position:0 -297px;
					color:#333;
					text-decoration:none;
				}
				#contentSidebar ul li a span {
					border-bottom:1px solid #e2ddd1;
					color:#333;
					font-weight:normal;
					padding-bottom:4px;
					display:block;
				}
					#contentSidebar ul li a:hover span {
						border-bottom:1px solid #aaa497;
					}
	#contentSidebar .calendar-link {
		border-bottom:1px solid #e2ddd1;
		display:inline-block;
		padding-bottom:2px;
	}
		#contentSidebar .calendar-link:hover {
			border-bottom:1px solid #aaa497;
			text-decoration:none;
		}
.latest-collection #contentSidebar ul li {
	float:left;
}
	.latest-collection #contentSidebar ul li.liRight {
		margin-left:8px;
	}
	.latest-collection #contentSidebar ul li a {
		background:none;
		border:1px solid #e2ddd1;
		display:block;
		padding:4px;	
	}
	.latest-collection #contentSidebar ul li a span{
		height:90px;
		overflow:hidden;
		display:block;
				*overflow:visible;
				*height:auto;
	}
	.latest-collection #contentSidebar ul li a:hover{
		border:1px solid #736357;
	}	
		.latest-collection #contentSidebar ul li a img {
			display:block;
		}
	.collection-link{display:block;clear:both;}
.actionWrap {
	height:50px;
	line-height:50px;
	width:100%;
}
	.action {
		background-position:-420px 0;
		display:block;
		float:right;
		height:50px;
		text-indent:-9999px;
		width:332px;
	}
		.action:hover {
			background-position:-420px -50px;
		}
	.back-btn {
		float:left;
	}
	.actionWrap span {
			color:#333;
			float:left;
			font-weight:bold;
		}
.overview {
	color:#333;
	font-size:11px;
	margin:0;
}
	.overview li {
		float:left;
		list-style:none;
		margin:0 19px 30px 0;
		width:156px;
	}
		.overview li.last {
			margin:0;
		}
		.overview li a {
			border:1px solid #e2ddd1;
			display:block;
			padding:4px;	
			
		}
		.overview li a span{
			height:163px;
			
			overflow:hidden;
				*overflow:visible;
				*height:auto;
			display:block;
		}
		.overview li a img{
			display:block;
			}
			.overview li a:hover {
				border:1px solid #736357;
			}
			.overview li a.wish-list {
				background-position:0 -214px;	
				border:0;
				color:#333;
				font-weight:normal;
				padding:0 0 0 12px;
			}
.category-logo {
	margin-bottom:25px;

}
.detail-paginator{
	width:330px;
	position:relative;
}
.detail-paginator .left{float:left;}
.detail-paginator .right{float:right;}
.detail-paginator a{
	color:#736357;
}
	.detail-paginator .product-nav-seperator {
		position:absolute;
		left:164px;
	}
.detail-paginator span {
	color:#aba598;
}
.detail-image {
	border:1px solid #e2ddd1;
	float:left;
	padding:4px;
	width:322px;
}
	.detail-image img {
		display:block;
		width:inherit;
		*width:322px; /* ie7 doesn't undestand inherit */
	}
.multiple-images{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:4px;
	padding-left:40px;
}
.multiple-images li{
	float:left;
	margin-right:10px;
	line-height:2em;
	font-weight:bold;
	margin-bottom:8px;
}
.multiple-images li a{
	display:block;
	_display:inline-block;
	line-height:2em;
	text-align:center;
	width:25px;
	color:white;
	font-weight:bold;
	background:#E60004;
}
.multiple-images li a:hover, .multiple-images li.selected a{
	color:black;
	text-decoration:none;
}

.multiple-images li.first{position:absolute;margin-left:-40px;*margin-left:-110px;}
.detail-data {
	float:right;
	margin:0 50px 0 0;
	width:282px;
}
	.detail-data li {
		list-style:none;
		margin-bottom:8px;
	}
		.detail-data li a {
			color:#333;
		}
		.detail-data li.wish-list {
			background-position:4px -214px;
			padding-left:22px;
		}
		.detail-data li.maak-een-afspraak {
			background-position:-429px -113px;
			padding-left:22px;
		}
		.detail-data li.mail-to-friend {
			background-position:-429px -151px;
			padding-left:22px;
		}
		.detail-data li.bekijk-wish-list {
			background-position:-429px -188px;
			padding-left:22px;
		}
		
/* sidebar */
a.dressfinder, .afspraak, .stempelkaart {
	display:block;
	margin-bottom:20px;
	_margin:20px 0 0 0; /*ie6 jumping margin on hover*/
	text-indent:-9999px;
	width:209px;
}
	a.dressfinder {
		background-position:-299px -220px;
		height:211px;	
	}
		a.dressfinder:hover {
			background-position:0 0;
		}
	.afspraak {
		background-position:-510px -252px;
		height:73px;	
	}
		.afspraak:hover {
			background-position:-211px 0;
		}
	.stempelkaart {
		background-position:-510px -327px;
		height:73px;	
	}
		.stempelkaart:hover {
			background-position:-211px -75px;
		}
.brandsList {
	margin:0;
}
	.brandsList li {
		list-style:none;
		margin-bottom:10px;
	}
		.brandsList li a {
			color:#736357;
			cursor:pointer;
			display:block;
			height:30px;
		}
			.brandsList li a img {
				border:1px solid #e2ddd1;
				float:left;
			}
			.brandsList li a img.no-border{border:none;}
			.brandsList li a span {
				float:left;
				height:30px;
				line-height:30px;
				padding-left:12px;
			}
		.brandsList li.active a {
			text-decoration:underline;
		}
	
/* categories */
.cat-weddingcard, .cat-bruidsmode, .cat-mannenmode, .cat-cocktailmode {
	display:inline-block; /*instead of block because of ie6 duplicate characters*/
	float:left;
	height:177px;
	margin-right:28px;
	text-indent:-9999px;
	width:209px;
}
	.cat-weddingcard {
		background-position:0 -432px;
	}
	.cat-weddingcard:hover {
		background-position:0 -610px;
	}
	.cat-bruidsmode {
		background-position:-211px -432px;
	}
	.cat-mannenmode {
		background-position:-422px -432px;
	}
	.cat-cocktailmode {
		background-position:-632px -432px;
		margin:0;
	}

/*categories */
#categories {
	clear:left;
	float:left;
	margin-top:5px;
}	

/* footer */
#footer, #tiny-body .inner-footer-wrapper {
	color:#aaa497;
}
	#footer ul, #tiny-body .inner-footer-wrapper ul {
		float:left;
		margin:0 28px 0 0;
		width:209px;
	}
		#tiny-body .inner-footer-wrapper ul {
			margin:0 15px 0 0;
			padding:0;
			width:auto;
		}
		#footer ul.last, #tiny-body .inner-footer-wrapper ul.last {
			margin:0;
		}
		#footer ul li, #tiny-body .inner-footer-wrapper ul li {
			background-position:0 -343px;
			list-style:none;
			padding-left:19px;
		}
			#footer ul.contactdata li, #footer ul li.title, #tiny-body .inner-footer-wrapper ul.contactdata li, #tiny-body .inner-footer-wrapper ul li.title {
				background:none;
				padding:0;
			}
			#footer ul li.title, #tiny-body .inner-footer-wrapper ul li.title {
				color:#4d4d4d;
				font-size:26px;
				margin-bottom:10px;
			}
			#footer ul li a, #tiny-body .inner-footer-wrapper ul li a {
				color:#aaa497;
				font-weight:normal;
			}
				#footer ul li a:hover, #tiny-body .inner-footer-wrapper ul li a:hover {
					color:#333;
					text-decoration:none;
				}
			#footer ul li address a, #tiny-body .inner-footer-wrapper ul li address a {
				color:#e60004;
				font-weight:normal;
			}
				#footer ul li address a:hover, #tiny-body .inner-footer-wrapper ul li address a:hover {
					color:#e60004;
					text-decoration:underline;
				}
	#footer .hyves, #footer .twitter, #tiny-body .inner-footer-wrapper .hyves, #tiny-body .inner-footer-wrapper .twitter {
		display:inline-block;
		height:23px;
		margin-top:5px;
		text-indent:-9999px;
		width:23px;
	}
	#footer .hyves, #tiny-body .inner-footer-wrapper .hyves{
		background-position:-574px -220px;
	}
		#footer .hyves:hover, #tiny-body .inner-footer-wrapper .hyves:hover {
			background-position:-624px -220px;
		}
	#footer .twitter, #tiny-body .inner-footer-wrapper .twitter {
		background-position:-599px -220px;
	}
		#footer .twitter:hover, #tiny-body .inner-footer-wrapper .twitter:hover {
			background-position:-649px -220px;
		}
	#footer ul.footer-bottom, #tiny-body .inner-footer-wrapper ul.footer-bottom {
		background-position:0 -790px;
		clear:left;
		margin-top:28px;
		padding-top:38px;
		text-align:center;
		width:100%;
	}
		#footer ul.footer-bottom li, #tiny-body .inner-footer-wrapper ul.footer-bottom li {
			background-position:0 -232px;
			display:inline;
			margin-left:2px;
			padding-left:8px
		}
			#footer ul.footer-bottom li.first, #tiny-body .inner-footer-wrapper ul.footer-bottom li.first {
				background:none;
			}
			#footer ul.footer-bottom li a, #tiny-body .inner-footer-wrapper ul.footer-bottom li a {
				color:#c9c5ba;
			}
				#footer ul.footer-bottom li a:hover, #tiny-body .inner-footer-wrapper ul.footer-bottom li a:hover {
					color:#7f7868;
				}
				
/* FORMS */

form p{
	position:relative;
}			
label{
	display:block;
	float:none;
	width:auto;
	font-size:10px;
	font-weight:bold;
	line-height:1.4em;
}
label.error{
	position:absolute;
	top:0;
	right:0;
	float:none;
	width:auto;
	color:red;
}
#text form label.error{right:160px;}
#text ul li form label.error{
	right:0;
}

textarea{
	height:240px;
}

.dressfinder-form fieldset{
	border:none;
	padding-bottom:1em;
	border-bottom:1px solid #E2DDD1;
	margin-bottom:1em;
	}

		form p{
			clear: both;
			margin-bottom: 1em; /* Should be the same as margin-bottom for .bind */
		}
		label input{ /* Should be checkbox or radio */
			width: auto;
			height: auto;
			margin: 0;
			padding: 0;
			vertical-align: middle;
			margin-right: 5px; /* CONFIG */
			border: none; /* For IE */
		}
		input, input.txt, textarea, select {
			width: 280px; /* Should be the same as width for .bind */
			font-family: arial,helvetica,sans-serif; /* Needed for textarea */
			font-size: 1em;
		}
		label.inline{
			width: auto;
			margin-right: 15px; /* CONFIG */
			display:inline;
		}
		label.fixed{
			display: block;
			float: left;
			width: 200px; /* CONFIG */
		}
		.bind {
			display: block;
			float: left;
			width: 280px; /* Should be the same as width for input,textarea */
			margin-bottom: 1em; /* Should be the same as margin-bottom for p */
		}
		input.inline, select.inline {
			width: 150px; /* CONFIG */
		}
		input.small {
			width: 30px; /* CONFIG */
		}
		input.medium {
			width: 60px; /* CONFIG */
		}