/*******************************************************************************

	CSS on Sails Framework
	Title: Manchild
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: January 2012

********************************************************************************

	1. BASE
		1.1 Reset
		1.2 Accessibility Navigation & Hide
		1.3 Clearfix
		1.4 Fonts
		1.5 Default Styles
		1.6 Image Replacement

	2. COMMON
		2.1 Container
		2.2 Header
		2.3 Navigation
		2.4 Content
		2.5 Sidebar
		2.6 Footer

	3. PAGES
		3.1 Home
		3.2 Login
		3.3 Wachtwoord Vergeten
		3.4 Account Request
		3.5 Brand
		3.6 Dealer List
		3.7 Privacy
		3.8 Voorwaarden
		3.9 Contact
		3.10 Error

	4. MOBILE
	5. PRINT

*******************************************************************************/


/* 1. BASE
--------------------------------------------------------------------------------
==============================================================================*/


/* 1.1 Reset
------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 1.2 Accessibility Navigation & Hide
------------------------------------------------------------------------------*/

#accessibility-nav {
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 1000;
}

#accessibility-nav a {
	position: absolute;
	top: 0;
	white-space: nowrap;
}

#accessibility-nav a:active,
#accessibility-nav a:focus {
	left: 9999em;
}

.hide {
	display: none;
}


/* 1.3 Clearfix
------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

.ie7 .clearfix {
	zoom: 1;
}


/* 1.4 Fonts
------------------------------------------------------------------------------*/


/* 1.5 Default Styles
------------------------------------------------------------------------------*/

html {
	font-size: 100.01%;
	height: 100%;
	background: #fff;
}

body {
	height: 100%;
	font: 87.5%/1.25 'Istok Web', Arial, Helvetica, sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: none;
	color: #1b2526;
	background: #fff;
}

h1, h2, h3,
h4, h5, h6 {
	font-weight: 700;
}

h1 {
	font-size: 24px;
	line-height: 0.75;
	margin-bottom: 0.75em;
}

h2 {
	font-size: 21px;
	line-height: 1.4em;
}

h3 {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 1em;
}

h4 {
	font-size: 16px;
	line-height: 1.125;
	margin-bottom: 1.125em;
}

h5 {
	font-size: 14px;
	line-height: 1.286;
	margin-bottom: 1.286em;
}

h6 {
	font-size: 12px;
	margin-bottom: 1.5em;
}

p {
	word-spacing: -1px;
}

small {
	font-size: 10px;
	margin-bottom: 1.637em;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

del {
	text-decoration: line-through;
}

th, td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
}

address, cite, dfn {
	font-style: normal;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
}

textarea {
	 overflow: auto;
}

a, a:visited {
	word-spacing: -1px;
	text-decoration: none;
	color: #174a7c;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}


/* 1.6 Image replacement
------------------------------------------------------------------------------*/

.ir {
	display: block;
	position: relative;
	overflow: hidden;
}

.ir span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.ir img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.ie7 .ir a span,
.ie7 a.ir span {
	cursor: pointer;
}


/* 2. COMMON
--------------------------------------------------------------------------------
==============================================================================*/


/* 2.1 Container
------------------------------------------------------------------------------*/

.container {
	position: relative;
	width: 932px;
	margin: 0 auto;
}


/* 2.2 Header
------------------------------------------------------------------------------*/

#header {
	float: left;
	min-width: 100%;
	height: 69px;
}

#header .site-name {
	position: absolute;
	top: 4px;
	left: 65px;
	width: 179px;
	height: 35px;
}

.ie7 #header .site-name {
	top: 22px;
}

#header .site-name span {
	background: transparent url('/redesign/images/manchild-logo.svg') no-repeat;
  background-size: contain;
}


/* 2.3 Navigation
------------------------------------------------------------------------------*/

#navigation {
	z-index: 999;
	float: right;
	position: relative;
	height: 30px;
	top: 24px;
	right: 100px;
	font-size: 16px;
}

.ie7 #navigation {
	top: 42px;
}

#navigation li {
	float: left;
	margin: 0 5px;
}

#navigation a:link,
#navigation a:visited {
	float: left;
	padding: 3px 9px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #1b2526;
}

#navigation a.current,
#navigation a:hover {
	background: #22b8cf47;
	-webkit-box-shadow: 0 0 16px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0 0 16px rgba(255, 255, 255, 1);
	box-shadow: 0 0 16px rgba(255, 255, 255, 1);
	text-decoration: none;
}

#navigation a:active {
	text-decoration: none;
}

.oldie #navigation a {
	behavior: url(_ui/js/PIE.htc);
}

#navigation .login-btn {
	font-weight: 700;
}


/* 2.4 Content
------------------------------------------------------------------------------*/

#content {
	float: left;
	width: 800px;
	margin-bottom: 28px;
	padding-left: 66px;
}

.line {
	overflow: hidden;
	width: 100%;
	*overflow: visible;
	*zoom: 1;
}

.ie7 .line {
	padding-bottom: 7px;
}


/* Button */
a.button:link,
a.button:visited {
	position: relative;
	float: left;
	padding: 8px 11px 7px 8px;
	border: 1px solid #bbb;
	font-size: 16px;
	font-weight: 700;
	word-spacing: 1px;
	background-color: #e6e6e6;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#e6e6e6));
	background: -webkit-linear-gradient(#fdfdfd, #e6e6e6);
	background: -moz-linear-gradient(0 0 -90deg, #fdfdfd, #e6e6e6);
	background: -ms-linear-gradient(#fdfdfd, #e6e6e6); /*IE10*/
	background: -o-linear-gradient(#fdfdfd, #e6e6e6); /*opera 11.10+*/
	background: linear-gradient(#fdfdfd, #e6e6e6); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fdfdfd, #e6e6e6);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 6px;
	behavior: url(_ui/js/PIE.htc);
	text-decoration: none;
	color: #22b8cf;
}

a.button.login {
	padding-left: 31px;
	color: #22b8cf;
}

a.button.login span {
	position: absolute;
	left: 8px;
	top: 4px;
	width: 18px;
	height: 20px;
	background: transparent url('/images/public/common/ui_lock.png') 0 0 no-repeat;
}

a.button:hover {
	text-decoration: none;
	background-color: #e0e0e0;
	-webkit-box-shadow: 1px -2px 2px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 1px -2px 2px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 1px -2px 2px rgba(0, 0, 0, 0.3) inset;
}

.oldie a.button:hover {
	-pie-background: linear-gradient(#f2f2f2, #e0e0e0);
	behavior: url(_ui/js/PIE.htc);
}

a.button:active {
	top: 1px;
}

.custom-select a:focus,
input:focus,
textarea:focus {
	border-color: #8aade1;
	-webkit-box-shadow: 0 0 3px #8aade1; /* Safari before v5 and Google Chrome */
	-moz-box-shadow: 0 0 3px #8aade1; /* Firefox */
	-o-box-shadow: 0 0 3px #8aade1; /* Opera */
	box-shadow: 0 0 3px #8aade1; /* CSS3 browsers */
	outline: none; /* disabling Safaris default behavior*/
}

/* Error message */
#content input,
#content textarea {
	border: 1px solid #d6d6d6;
}

.message-error {
	font-size: 11px;
	color: #ff0000;
}

/* Error message */
.field_with_errors .message {
	float: left;
	clear: left;
	width: 100%;
	font-size: 11px;
}

.field_with_errors label,
.field_with_errors .asterisk {
	color: #ff0000;
}

#content .field_with_errors .custom-select,
#content .field_with_errors input {
	border-color: #ff0000;
}

/* Success */
.field .success {
	display: block;
}

/* Success message */
.field .success {
	float: left;
	top: 3px;
	font-size: 16px;
	color: #8ec22b;
}

/* Checkbox */
a.checkbox {
	background: transparent url('/images/public/common/sprite_controls.png') 0 0 no-repeat;
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 5px;
}

a.checkbox.radio-btn {
	width: 20px;
	height: 20px;
	background: transparent url('/images/public/common/sprite_controls.png') 0 -130px no-repeat;
}

a.checkbox-checked.radio-btn {
	background-position: 0 -100px;
}

a.checkbox-checked {
	background-position: 0 -50px;
	background-color: #ccc;
}

/* Custom select */
.custom-select {
	float: left;
    border: 1px solid #BFBFBF;
    font-size: 0.85em;
    position: relative;
    width: 191px;
    z-index: 100;
}

.custom-select a {
	border: 1px solid #fff;
}

.custom-select a.current-selected {
    background: transparent url("/images/public/common/sprite_controls.png") no-repeat 168px -166px;
    color: #000000;
    cursor: pointer;
    display: block;
    height: 23px;
    line-height: 26px;
    padding: 0 40px 0 10px;
    text-decoration: none;
}

.custom-select .custom-select-wrapper {
    left: -999em;
    position: absolute;
    z-index: 100;
}

.custom-select .bottom {
    font-size: 0;
    height: 6px;
    line-height: 6px;
    width: 260px;
}

.custom-select.open .custom-select-wrapper {
	width: 191px;
    background: #fff;
    border: 1px solid #BFBFBF;
    left: auto;
    margin-left: -1px;
}

.custom-select ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.custom-select ul li {
    float: none;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

.custom-select ul li a {
    color: #000000;
    display: block;
    padding: 3px 10px;
    text-decoration: none;
}

.custom-select ul li a:hover,
.custom-select ul li a.current {
    background: #DEF0F8;
    text-decoration: none;
}

/* Asterisk */
.asterisk {
	margin: 0 0 0 3px;
	font-size: 18px;
	color: red;
	white-space: nowrap;
	display: inline-block;	/* IE correction to show the icon */
	vertical-align: bottom;	/* Opera correction to get the last word vertical aligned */
}

/* Marker */
.marker {
	font-weight: 700;
	color: #ce2484;
}

/* Note */
.note {
	float: left;
	width: 290px;
	height: 116px;
}

.note.tall {
	width: 298px;
	height: 80px;
	padding: 48px 12px 54px 32px;
	background: transparent url('/images/public/common/bg_note_large.png') 0 0 no-repeat;
}

.note.extra-tall {
	float: left;
	width: 312px;
	height: 146px;
	background: transparent url('/images/public/common/bg_note_tall.png') 0 0 no-repeat;
}

.oldie .note.tall {
	word-spacing: -2px;
}

.note.error {
	padding: 53px 0 0 110px;
}

/* Logos */
.logo {
	position: relative;
}

.blafre.medium.logo {
	top: 7px;
}

.chicken.medium.logo {
	top: 6px;
}

.hiphip.medium.logo {
	top: 17px;
}

.lipfish.medium.logo {
	top: 27px;
}

.tilt.medium.logo {
	top: 18px;
}

.sonny.medium.logo {
	top: 28px;
}

.linea.medium.logo {
	top: 13px;
}

.sportpax.medium.logo {
  top: 15px;
}

.dreams.medium.logo {
	top: 33px;
}

.folky.medium.logo {
	top: 33px;
}

.sugarbooger.medium.logo {
  top: 17px;
}

.mum.medium.logo {
  top: 8px;
}

.nibbling.medium.logo {
  top: 8px;
}

.rubensbarn.medium.logo {
  top: 20px;
}

.kunstboer.medium.logo {
  top: 17px;
}

/* Default list */
ul.default li {
	float: left;
	width: 100%;
	margin-bottom: 5px;
	word-spacing: 0px;
}

/* Special list */
ul.special {
	float: left;
}

ul.special li {
	float: left;
	margin-bottom: 6px;
	padding: 3px 0 0 32px;
	word-spacing: -1px;
	background: transparent url('/images/public/common/ui_list_item.png') 0 0 no-repeat;
}

/* Table */
table {
	width: 800px;
    margin: 29px 0;
}

table#recaptcha_table {
  width: auto;
}

table thead tr th {
    height: 21px;
    margin: 1px 0;
}

table thead {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

table tbody {
	border-top: 1px solid #c1c7ce;
}

table .store-name {
	width: 215px;
	text-transform: uppercase;
}

table .store-number {
	width: 216px;
}

table .store-address {
	width: 180px;
}

table tbody tr td {
	padding: 12px 0 2px;
}

table tbody tr:hover,
table tbody tr:hover a {
	color: #ce2484;
}


/* 2.5 Sidebar
------------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 200px;
	padding-top: 20px;
}


/* 2.6 Footer
------------------------------------------------------------------------------*/

#footer {
	float: left;
	clear: both;
	min-width: 100%;
	height: 53px;
	padding-top: 108px;
	background-color: #e2e2e2;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e2e2e2));
	background: -webkit-linear-gradient(#fff, #e2e2e2);
	background: -moz-linear-gradient(0 0 -90deg, #fff, #e2e2e2);
	background: -ms-linear-gradient(#fff, #e2e2e2); /*IE10*/
	background: -o-linear-gradient(#fff, #e2e2e2); /*opera 11.10+*/
	background: linear-gradient(#fff, #e2e2e2); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fff, #e2e2e2); /* PIE for IE */
	behavior: url(_ui/js/PIE.htc);
	line-height: 1;
	color: #949494;
}

#footer .copyright {
	float: left;
	margin-left: 150px;
}

#footer ul {
	float: left;
	margin-left: 4px;
}

#footer li {
	float: left;
	padding: 0 6px 0 6px;
	border-left: 1px solid;
}

#footer a {
	color: #949494;
}

.oldie #footer a {
	margin-top: -1px;
	line-height: 1.2;
}

#footer ul a:hover {
	text-decoration: underline;
}


/* 3. PAGES
--------------------------------------------------------------------------------
==============================================================================*/


/* 3.1 Home
------------------------------------------------------------------------------*/

/* Content */
.page-home #content {
	width: 830px;
}

/* Intro */
.page-home .intro {
	float: left;
	width: 780px;
	margin: 0 0 8px -67px;
	padding: 46px 0 0 67px;
	background: transparent url('/images/public/home/bg_intro.png') 0px 20px no-repeat;
}

.page-home .intro .info {
	float: left;
	width: 320px;
}

.page-home .intro .baseline{
	float: left;
	margin: 0 0 45px 69px;
	font-size: 26px;
	line-height: 1.05;
	text-indent: -21px;
	color: #174A7C;
}

.page-home .intro h2 {
	float: left;
	margin: 0 0 45px 69px;
	font-size: 26px;
	line-height: 1.05;
	text-indent: -21px;
}

.page-home .slideshow {
	float: right;
	width: 427px;
	height: 357px;
	margin: -15px 18px 10px 0px;
/*	border: 2px solid #b1b1b1;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;*/
}

.oldie .page-home .slideshow {
	position: relative;
	behavior: url(_ui/js/PIE.htc);
}

.page-home .intro img {
	float: left;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.oldie .page-home .slideshow img {
	position: relative;
	behavior: url(_ui/js/PIE.htc);
}

.page-home .intro p {
	color: #898989;
	float: left;
	width: 260px;
	margin: 0 20px 20px 0;
	line-height: 1.3;
}

/* News box */
.page-home .news-box {
	float: left;
	position: relative;
	width: 255px;
	margin-top: 23px;
	padding: 6px 40px 5px 12px;
	background: #ce2484;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.oldie .page-home .news-box {
	behavior: url(_ui/js/PIE.htc);
}

.page-home .news-box .pointer {
	position: absolute;
	left: 215px;
	top: -9px;
	display: block;
	width: 15px;
	height: 9px;
	background: transparent url('/images/public/common/bg_pointer.png') 0 0 no-repeat;
}

.page-home .news-box a {
	float: left;
	padding-bottom: 0px;
	color: #fff;
}

/* Join */
.page-home .join {
	float: left;
	width: 780px;
	margin-bottom: 18px;
}

.page-home .get-account,
.page-home .sign-in {
	float: left;
	width: 338px; /* 370px */
	padding: 24px 16px 13px 15px;
	border: 1px solid #ccc;
	-webkit-border-radius:  16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.page-home .join h3 {
	margin-bottom: 6px;
	font-size: 20px;
}

.page-home .join p {
	float: left;
	line-height: 1.3;
	color: #898989;
}

.page-home .join .button {
	float: right;
}

/* Get account */
.page-home .get-account p {
	margin-bottom: 7px;
}

.page-home .get-account .note {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 700;
}

.page-home .get-account .note ul {
	float: left;
	width: 100%;
}

.page-home .get-account .note li {
	float: left;
	width: 100%;
	margin-bottom: 4px;
}

/* Sign in */
.page-home .sign-in {
	margin-left: 20px;
	background: transparent url('/images/public/home/bg_login.png') 9px 115px no-repeat;
}

.page-home .sign-in p {
	width: 290px;
}

.page-home .sign-in .button {
	margin-top: 176px;
}

/* Brands */
.page-home .brands {
	float: left;
	width: 730px;
	margin-left: 0;
	padding: 12px 10px 4px 20px;
	border: 1px solid #ccc;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.page-home .brands a {
	float: left;
	width: 240px;
	height: 83px;
	display: inline-block;
	text-align: center;
}

.oldie .page-home .brands {
	behavior: url(_ui/js/PIE.htc);
}

.page-home .brands p strong {
	font-size: 20px;
}


/* 3.2 Login
------------------------------------------------------------------------------*/

/* Content */
.page-login #content {
	margin-left: -6px;
	padding-top: 28px;
}

/* Login */
.page-login .login-form {
	float: left;
	width: 360px;
}

.page-login .login-form h2 {
	margin-bottom: 1px;
	font-size: 20px;
}

.page-login .login-form p {
	float: left;
	width: 300px;
	margin-bottom: 13px;
	line-height: 1.3;
}

.page-login .login-form ul {
	float: left;
	width: 339px;
	height: 210px;
	margin-left: -2px;
	padding: 55px 0 0 25px;
	color: #000;
	border: 1px solid #ccc;
	-webkit-border-radius:  16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.page-login .login-form li {
	float: left;
	margin-bottom: 18px;
}

.page-login .login-form input {
	float: left;
	width: 265px;
	height: 24px;
	margin: 0;
	padding: 0 0 0 8px;
	border: 1px solid #d6d6d6;
	font-size: 14px;
	background: #fff;
	color: #000;
}

.oldie .page-login .login-form input {
	height: 21px;
	padding-top: 4px;
}

.page-login .login-form input:focus {
	border-color: #8aade1;
}

#wachtwoord-txt {
	margin-bottom: -3px;
}

#remember-txt {
	position: relative;
	top: -9px;
	left: -1px;
	color: #898989;
}

.oldie #remember-txt {
	top: -3px;
}

.page-login .login-form .button {
	float: right;
	margin: 0 28px 7px 100px;
  padding-left: 16px;
}

.page-login .link-remind-psw {
	float: right;
	margin-right: 29px;
	font-style: italic;
	font-size: 14px;
	color: #22b8cf;
}

/* Get account */
.page-login .get-account {
	float: left;
	width: 338px; /* 370px */
	margin: 52px 0 0 37px;
	padding: 16px 14px 10px 17px;
	border: 1px solid #ccc;
	-webkit-border-radius:  16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: transparent url('/images/public/login/bg_forgot_psw.png') 14px 122px no-repeat;
}

.oldie .page-login .get-account {
	position: relative;
	behavior: url(_ui/js/PIE.htc);
}

.page-login .get-account h3 {
	margin-bottom: 4px;
	font-size: 14px;
}

.page-login .get-account p {
	width: 290px;
	line-height: 1.3;
}

.page-login .get-account .button {
	float: right;
	margin-top: 173px;
}


/* 3.3 Wachtwoord Vergeten
------------------------------------------------------------------------------*/


.page-password #content {
	margin-left: -7px;
	padding-top: 28px;
}

/* Password form */
.page-password .password-form {
	float: left;
	width: 360px;
}

.page-password .password-form h2 {
	margin-bottom: 1px;
	font-size: 20px;
}

.page-password .password-form p {
	float: left;
	width: 270px;
	margin-bottom: 19px;
	line-height: 1.3;
}

.page-password .password-form ul {
	float: left;
	width: 339px;
	height: 50px;
	margin-left: -4px;
	padding: 13px 0 0 5px;
	color: #000;
}

.page-password .password-form li {
	float: left;
	margin-bottom: 18px;
}

.page-password .password-form input {
	float: left;
	width: 265px;
	height: 24px;
	margin: 0;
	padding: 0 0 0 8px;
	border: 1px solid #d6d6d6;
	font-size: 14px;
	background: #fff;
	color: #000;
}

.oldie .page-password .password-form input {
	height: 21px;
	padding-top: 4px;
}

.page-password .password-form input:focus {
	border-color: #8aade1;
}

.page-password .password-form .button {
	float: right;
	margin-right: 23px;
}


/* 3.4 Account Request
------------------------------------------------------------------------------*/

/* Content */
.page-acc-request #content {
	padding-top: 49px;
}

/* About account */
.page-acc-request .about-account {
	float: left;
	width: 781px;
	margin-left: -20px;
	padding: 0 0 25px 20px;
	border-bottom: 1px solid #ccc;
}

.page-acc-request .about-account .one-half {
	float: left;
	width: 341px;
	margin-left: 77px;
}

.page-acc-request .about-account .one-half.first {
	margin-left: 0;
}

.page-acc-request .about-account h2 {
	margin-bottom: 0;
	word-spacing: 2px;
	font-size: 16px;
}

.page-acc-request .about-account h3 {
	margin-bottom: 6px;
	word-spacing: 3px;
	font-size: 15px;
	color: #ce2484;
}

.page-acc-request ul.special {
	margin-top: 17px;
}

.page-acc-request .about-account p {
	float: left;
	margin-bottom: 39px;
	line-height: 1.6;
}

.page-acc-request .note {
	float: right;
	width: 247px;
	padding: 30px 20px 0 41px;
	margin: -87px 39px 0 0;
	line-height: 1.4;
}

.page-acc-request .note h4 {
	word-spacing: 1px;
	margin-bottom: 5px;
}

.page-acc-request .note p {
	word-spacing: 0;
}

.page-acc-request .note a {
	font-weight: 700;
	color: #ce2484;
}

/* Get account */
.page-acc-request .get-account {
	float: left;
	width: 100%;
	margin-top: -36px;
}

/* Personal */
.page-acc-request .personal {
	float: left;
	width: 782px;
	margin: 0 0 18px -20px; /* 18px */
	padding: 0 0 24px 20px;
	border-bottom: 1px solid #ccc;
}

.page-acc-request .get-account legend {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	word-spacing: 1px;
	font-size: 16px;
	font-weight: 700;
}

/* Personal info */
.page-acc-request .get-account .personal-info {
	float: left;
	width: 470px;
}

.page-acc-request .get-account .banner {
	float: left;
	width: 308px;
	height: 442px;
	position: relative;
	margin-top: 19px;
	border: 1px solid #ccc;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

.oldie .page-acc-request .get-account .banner {
	behavior: url(_ui/js/PIE.htc);
}

.page-acc-request .get-account .banner img {
	position: absolute;
	top: 0;
	left: 0;
}

.page-acc-request .get-account .banner .title {
	top: 24px;
	position: relative;
	font-size: 17px;
	font-weight: 700;
	text-align: center;
	color: #184272;
}

.oldie .page-acc-request .get-account .banner .title {
	max-width: 230px;
	word-spacing: -2px;
	behavior: url(_ui/js/PIE.htc);
}

/* Field */
.page-acc-request .get-account .field {
	float: left;
	width: 461px;
	margin-bottom: 9px;
}

.page-acc-request .get-account .field.one-half {
	width: 231px;
}

.page-acc-request .get-account .field.fullwidth,
.page-acc-request .get-account .field.one-half.first {
	padding-left: 3px;
}

.page-acc-request .get-account label {
	position: relative;
	float: left;
	margin-bottom: 1px;
}

.page-acc-request .get-account label.default {
	width: 100%;
}

.page-acc-request input {
	float: left;
	clear: left;
	width: 413px;
	height: 24px;
	margin: 0 4px 0 -1px;
	padding: 0 0 0 8px;
	font-size: 14px;
	color: #000;
}

.page-acc-request .field.one-half input {
	width: 184px;
}

.page-acc-request input:focus {
	border: 1px solid #8aade1;
	-webkit-box-shadow: 0 0 3px #8aade1;
	-moz-box-shadow: 0 0 3px #8aade1;
	-o-box-shadow: 0 0 3px #8aade1;
	box-shadow: 0 0 3px #8aade1;
	outline: none;
}

.oldie .page-acc-request input {
	height: 21px;
	padding-top: 4px;
}

.page-acc-request .custom-select {
	float: left;
	margin-right: 4px;
}

.page-acc-request .get-account .asterisk {
	top: 3px;
	margin-left: -2px;
	font-size: 14px;
}

.page-acc-request .country {
	margin-right: 200px;
}

.page-acc-request .password {
	float: left;
	width: 782px;
	margin: 0 0 12px -20px;
	padding: 0 0 8px 20px;
	border-bottom: 1px solid #ccc;
}

.page-acc-request .get-account .password .field {
	width: 233px;
	margin-right: 200px;
}

.oldie .page-acc-request .get-account .password .field {
	width: 260px;
}

.page-acc-request .get-account .password input {
	width: 184px;
	margin-right: 6px;
}

/* Interests */
.page-acc-request .interests {
	float: left;
	width: 782px;
	margin: 0 0 16px -20px;
	padding: 0 0 5px 20px;
	border-bottom: 1px solid #ccc;
}

.page-acc-request .interests legend {
	margin-bottom: 12px;
}

.page-acc-request .interests .field {
	float: left;
	width: 250px;
	height: 80px;
	display: inline-block;
}

.page-acc-request .interests a {
	float: left;
}

.page-acc-request .interests label {
	cursor: pointer;
}


/* Additional info */
.page-acc-request .additional-info {
	float: left;
}

.page-acc-request .additional-info .field {
	width: 630px;
}

.page-acc-request .additional-info legend {
	margin-bottom: 9px;
}

.page-acc-request .additional-info textarea {
	float: left;
	width: 397px;
	height: 108px;
	margin-right: 27px;
	padding: 4px 0 0 8px;
	font-size: 14px;
}

.page-acc-request .additional-info .button {
	margin-top: 76px;
}


/* 3.5 Brand
------------------------------------------------------------------------------*/

/* Brands */
.brands {
	float: left;
	width: 700px;
	margin-left: -20px;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
}

.brands li {
	float: left;
	width: 158px;
	height: 83px;
}

.brands a {
	float: left;
	width: 100%;
	height: 100%;
	behavior: url(_ui/js/PIE.htc);
	text-align: center;
}

.brands a:hover {
	background-color: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f5f5f5));
	background: -webkit-linear-gradient(#fefefe, #f5f5f5);
	background: -moz-linear-gradient(0 0 -90deg, #fefefe, #f5f5f5);
	background: -ms-linear-gradient(#fefefe, #f5f5f5); /*IE10*/
	background: -o-linear-gradient(#fefefe, #f5f5f5); /*opera 11.10+*/
	background: linear-gradient(#fefefe, #f5f5f5); /*future CSS3 browsers*/
}

.oldie .brands a:hover {
	position: relative;
	-pie-background: linear-gradient(#fefefe, #f5f5f5); /* PIE for IE */
	behavior: url(_ui/js/PIE.htc);
}

.brands img {
	position: relative;
}

.blafre.small img {
	top: 12px;
}

.chicken.small img {
	top: 11px;
}

.hiphip.small img {
	top: 21px;
}

.lipfish.small img {
	top: 29px;
}

.tilt.small img {
	top: 22px;
}

.nijntje.small img {
  top: 5px;
}

.artzooka.small img {
  top: 15px;
}

.sonny.small img {
  top: 30px;
}

.linea.small img {
  left: -13px;
  top: 13px;
}

.dreams.small img {
  top: 22px;
}

.sportpax.small img {
  top: 22px;
}

.sugarbooger.small img {
  top: 17px;
  width: 156px;
}

.mum.small img {
  top: 22px;
}

.nibbling.small img {
  top: 8px;
}

.leuke.small img {
	top: 8px;
}

.smileyworld img {
  top: 6px;
}

.folky img {
  top: 33px;
}

.sugarbooger img {
  top: 17px;
}

.mum img {
  top: 33px;
}

.nibbling img {
  top: 33px;
}

.rubensbarn img {
  top: 20px;
}

.kunstboer img {
  top: 21px;
}

.linea img {
  top: 33px;
}

.dreams img {
  top: 33px;
}

.sportpax img {
  top: 33px;
}

/* Note */
.page-brand .note {
	float: right;
	margin: -15px -15px 0 0;
	padding: 43px 0 0 23px;
}

.page-brand .note h2 {
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 1.2;
}

.page-brand .note a {
	font-weight: 700;
	word-spacing: 0;
	color: #ce2484;
}

/* Brand */
.page-brand .brand {
	float: left;
	width: 770px;
	margin: -14px 0 42px -20px;
	padding: 0 10px 19px 20px;
	border-bottom: 1px solid #ccc;
}

.page-brand .concept.left {
	float: left;
	margin: 0 25px 10px 0;
}

.page-brand .concept.right {
	float: right;
	margin: 0 10px 25px 0;
}

.page-brand .brand h3 {
	font-size: 16px;
	text-transform: uppercase;
}

.page-brand .brand .logo {
	width: 300px;
	margin-bottom: 15px;
}

.page-brand .brand h3 {
	float: left;
	width: 300px;
	margin-bottom: 5px;
}

.page-brand .brand p {
	color: #898989;
	float: left;
	width: 280px;
	margin-bottom: 9px;
	line-height: 1.3;
}

.page-brand .about {
	float: left;
	width: 300px;
}

.page-brand .brand .link-brand {
	float: left;
	font-size: 16px;
	font-weight: 700;
	color: #174a7c;
}

/* Blafre */
.page-brand .brand .logo.blafre {
	float: left;
	top: 4px;
	left: -7px;
}

/* Chicken Rhythm */
.page-brand .brand .logo.chicken {
	float: left;
	margin-bottom: 20px;
	top: 11px;
	left: 1px;
}


/* 3.6 Dealer List
------------------------------------------------------------------------------*/

/* Header */
.page-dealer #header {
	height: 117px;
	background: #fff url('/images/public/dealer-list/bg_header.png') 0 0 repeat;
}

.page-dealer #header .site-name {
	position: absolute;
	top: 12px;
	left: 31px;
	width: 171px;
	height: 122px;
}

.page-dealer #header .ir {
	float: left;
	padding-top: 50px;
	text-align: center;
}

/* Content */
.page-dealer #content {
	margin-top: 43px;
	padding-left: 20px;
}

.page-dealer h2 {
	float: left;
	margin: 0 0 22px 180px;
	font-size: 24px;
}

/* Table */
.page-dealer table {
	float: left;
	margin-left: 24px;
}


/* 3.7 Privacy
------------------------------------------------------------------------------*/

.page-privacy #content {
	width: 690px;
	padding-top: 49px;
}

.oldie .page-privacy #content {
	width: 730px;
}

.page-privacy h2 {
	margin-bottom: 0px;
	word-spacing: 1px;
	font-size: 16px;
	color: #ce2484;
}

.page-privacy #content h3,
.page-privacy #content h4,
.page-privacy #content h5 {
	margin-bottom: 5px;
	font-size: 14px;
}

.page-privacy #content p {
	margin-bottom: 27px;
	line-height: 1.6;
}

.page-privacy #content li {
	float: left;
	margin-bottom: 25px;
}

.page-privacy  #content li .marker {
	float: left;
}

.page-privacy  #content li p {
	float: left;
	width: 660px;
	margin: -2px 0 0 4px;
}


/* 3.8 Voorwaarden
------------------------------------------------------------------------------*/

.page-conditions #content {
	width: 740px;
	padding-top: 28px;
}

.oldie .page-conditions #content {
	width: 830px;
}

.page-conditions h2 {
	margin-bottom: 18px;
	word-spacing: 1px;
	font-size: 16px;
}

.page-conditions #content h3 {
	float: left;
	width: 100%;
	margin: 0 0 5px;
	padding: 0;
	font-size: 14px;
	color: #ce2484;
}

.page-conditions #content p {
	float: left;
	width: 100%;
	margin: 0 0 25px;
	padding: 0;
	line-height: 1.6;
}


/* 3.9 Contact
------------------------------------------------------------------------------*/

/* Content */
.page-contact #content {
	float: left;
	width: 480px;
	padding-top: 31px;
}

/* Field */
.page-contact .field {
	float: left;
	width: 461px;
	margin-bottom: 9px;
}

.page-contact .field.one-half {
	width: 231px;
	padding-left: 10px;
}

.page-contact .field.fullwidth,
.page-contact .field.one-half.first {
	padding-left: 3px;
}

.page-contact label {
	position: relative;
	float: left;
	margin-bottom: 1px;
}

.page-contact label.default {
	width: 100%;
}

.page-contact input {
	float: left;
	clear: left;
	width: 424px;
	height: 24px;
	margin: 0 4px 0 -1px;
	padding: 0 0 0 8px;
	font-size: 14px;
	color: #000;
}

.page-contact .field.one-half input {
	width: 184px;
}

.page-contact input:focus {
	border: 1px solid #8aade1;
	-webkit-box-shadow: 0 0 3px #8aade1;
	-moz-box-shadow: 0 0 3px #8aade1;
	-o-box-shadow: 0 0 3px #8aade1;
	box-shadow: 0 0 3px #8aade1;
	outline: none;
}

.oldie .page-contact input {
	height: 21px;
	padding-top: 4px;
}

.page-contact .asterisk {
	top: 3px;
	margin-left: -2px;
	font-size: 14px;
}

.page-contact textarea {
	float: left;
	width: 424px;
	height: 135px;
	margin: 0 4px 11px -1px;
	padding: 4px 0 0 8px;
	font-size: 14px;
}

.page-contact #content .button {
	float: right;
	margin-right: 47px;
	padding-right: 17px;
	padding-left: 17px;
}

/* Sidebar */
.page-contact #sidebar {
	width: 210px;
	margin: 40px 0 0 11px;
	padding: 0 15px 6px 18px;
	border: 1px solid #ccc;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}

.page-contact #sidebar h2,
.page-contact #sidebar h3,
.page-contact #sidebar h4 {
	font-size: 16px;
}

.page-contact #sidebar h4 {
	color: #ce2484;
}

/* Note */
.page-contact .note {
	width: 260px;
	height: 90px;
	margin: -20px 0 15px -42px;
	padding: 19px 10px 0 23px;
}

.page-contact #sidebar h2 {
	margin-bottom: 2px;
}

.page-contact .note p {
	line-height: 1.5;
}

/* Vcard */
.page-contact .vcard {
	float: left;
	width: 100%;
}

.page-contact .office {
	margin-bottom: 26px;
}

.page-contact #sidebar h3 {
	margin-bottom: 5px;
}

.page-contact #sidebar .vcard span,
.page-contact #sidebar .vcard abbr {
	margin-bottom: 5px;
}

.page-contact .office .street-address,
.page-contact .office .tel,
.page-contact .office .email,
.page-contact .office abbr {
	width: 100%;
}

.page-contact #sidebar .vcard .street-address {
	float: left;
}

.page-contact #sidebar .vcard .locality {
	line-height: 1.5;
}

.page-contact #sidebar .vcard .country {
	width: 100%;
	float: left;
}

.page-contact .office .tel {
	float: left;
}

.page-contact .office .email {
	float: left;
	margin-top: 2px;
}

/* Showroom */
.page-contact .showroom h4 {
	margin-bottom: 3px;
}

.page-contact .showroom .extended-address {
	float: left;
	line-height: 1.6;
	word-spacing: -1px;
}

.page-contact .showroom .street-address {
	float: left;
	width: 100%;
	line-height: 1;
}


/* 3.10 Error
------------------------------------------------------------------------------*/

/* Wrapper */
.page-error .wrapper {
	background: transparent url('/images/public/error/bg_wrapper.png') center 181px no-repeat;
}

/* Note */
.page-error .note {
	margin: 59px 0 0 220px;
}

.page-error .note .button {
	padding-right: 23px;
	padding-left: 20px;
	top: 52px;
	left: 93px;
}


/* 4. MOBILE
--------------------------------------------------------------------------------
==============================================================================*/


@media screen and (max-device-width: 1024px) {
	#header .site-name {
		top: 0;
		padding-top: 5px;
	}
}

@media screen and (min-height: 600px) {
	.page-password #footer,
	.page-error #footer,
	.page-login #footer {
		position: fixed;
		left: 0;
		bottom: 0;
	}

	.oldie .page-password #footer,
	.oldie .page-error #footer,
	.oldie .page-login #footer {
		position: absolute;
	}
}



/* 5. PRINT
--------------------------------------------------------------------------------
==============================================================================*/


@media print {

	body {
		font: normal normal 12pt/1.5em "Times New Roman", Times, serif;
	}

	a[href]:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}

	a[href^="/"]:after {
		content: " (http://domain.com" attr(href) ") ";
	}

	#accessibility-nav,
	.hide {
		display: none !important;
	}
}