@charset "utf-8";
/* CSS Document */

body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img { border: none;}
div{float:left;}
.clear { clear: both;}

#container {float:none; width:990px;  margin:auto; height: 100%; height: auto; min-height: 100%;}
#innerContainer{float:none; width:990px;  margin:auto; overflow:hidden; }
#left{width:314px; background-image:url(../images/left_bg.jpg); padding-bottom:20000px; margin-bottom: -20000px;overflow:hidden; }
/*#left #leftTopCorner{width:314px; height:225px; background-image:url(../images/leftTopCorner_bg.jpg);}*/
#left #banner{width:314px;}
#left #banner #bannerTop{width:314px; height:12px; background-image:url(../images/bannerTop.jpg);}
#left #banner #bannerContent{width:314px; height:73px; background-image:url(../images/banner_bg.jpg);}
#left #banner #bannerBottom{width:314px; height:12px; background-image:url(../images/bannerBottom.jpg);}
#left #banner #bannerContent{padding: 4px 0px 0px 14px}
#left #banner #bannerContent .bannerText{clear:left; display:block; margin: 0px 0px 2px 0px;}
#left #leftBottom{width:314px; }
#left #logos{width:173px;}
#left #logos #naw{margin: 0 7px 0 25px; width:141px; border-bottom:1px solid #CD7D66; color:#CD7D66; font-weight:bold; font-size: 11px;}
#left #logos #naw ul{padding: 20px 0px 11px 12px; list-style-type: none;}
#left #logos #naw ul li{line-height: 16px;}
#left #logos #partners{margin: 0 7px 0 25px; width:141px; padding: 7px 0px 32px 0px; }
#left #logos #bottomBanner{margin: 4px 7px 0 14px; width:141px;}
#left #menu{width:141px;}
#left #menu ul{margin:0px; padding:0px; list-style-type:none;}
#left #menu ul li{margin:0px 0px 1px 0px; padding:0px 0px 0px 8px; display:block; width:129px; height:21px; background-color:#D8E5F6; cursor:pointer;}
#left #menu ul li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height: 21px; font-weight:bold; color:#734143; text-decoration:none;}
#left #menu ul li.menuFirst{background-image:url(../images/menuFirst_bg.jpg);}
#right{width:676px; background-image:url(../images/content_bg.jpg); padding-bottom:20000px; margin-bottom: -20000px; overflow:hidden; }
#right p {padding:10px 46px 10px 60px !important; color: #734143 !important;}
#right #overzicht p,#right #cart p { padding: 0 14px !important; }
#right #overzicht input[type="radio"]{margin: 3px 5px 3px 0px}
#right #headerTop{width:676px; height:15px; background-color:#FFB901;}
#right #headerContent{width:676px; height:117px; background-color:#FFFFFF;}
#right #headerContent #headerContentLeft h1{margin: 39px 0px 0px 53px; padding: 0px;}
#right #headerContent #headerContentLeft h2{margin: 0px 0px 0px 53px; padding: 0px;}
#right #headerContent #headerContentRight{float:right; margin:5px 0px; width:104px; height:107px; border-left:1px solid #734143;}
#right #headerContent #headerContentRight ul{margin:3px 0px 0px 0px; padding:0px; list-style-type:none;}
#right #headerContent #headerContentRight ul li{margin:0px; padding:0px 0px 0px 10px; display:block; height:16px;}
#right #headerContent #headerContentRight ul li a{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#734143;}
#right #headerBottom{width:676px; height:17px; background-color:#D8E5F5;text-align:right;font-size: 11px;line-height: 16px;}
#right #topMenu{width:676px; height:34px; background-color:#FFC526;}
#right #topMenu ul{margin:8px 0px 0px 17px; padding:0px; list-style-type:none;}
#right #topMenu ul li{margin:0px; display:inline; height:10px;  }
#right #topMenu ul li a{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#734143; padding:0px 8px 0px 2px; border-right:1px solid #734143; text-decoration:none;}
#right #topMenu ul li a.lastItem{padding:0px 0px 0px 2px; border: none;}
#right #stap{
	float:right;
width:46px;
height:46px;
background-image:url(../images/stapCircle.jpg);

padding-right: 33px;
padding-bottom: 7px;
}
#right #stap div {
width:46px;
height:46px;
	text-align: center;
	line-height: 46px;
	float: left;
	padding-top: 7px;
	color:#FFFFFF;
font-weight:bold;
font-size:16px;}
#right #overzicht{margin: 1.5em 10px 4em 46px; padding:2px; padding-top: 1em;  width:618px; background-color:#FFFFFF; border-bottom:2px solid #FFFFFF; }
#right #overzicht h3{margin: 0px; padding:10px 0px 0px 14px; display:block; font-size:16px; font-weight:bold; color:#734143;}
#right #overzicht .order h3{margin: 0px; padding:10px 0px 0px 0px; display:block; font-size:14px; font-weight:bold; }
#right #overzicht h4.overzichtSub { padding-bottom: 0px; margin-bottom: 0;}
#right h2{clear:left; padding:40px 0px 0px 56px; color:#734143;}
#right h4,
	label.strong,
	h3,
	table *,
	#right ul li,
	#right strong { color:#734143; }
#clear{clear: both;}

/***** Option table *****/

.optionConfig p { width: 350px;}
.optionConfig div.option {text-align: left;}
.config p a {padding-left: 14px; !important}
.optionConfig .icon  { text-align: left;}
.optionConfig .icon

#right #step .options {margin-left: 24px;}


.optioncontainer {
	width: 200px;
}

/******* Color swatches ***********/
ul.collections { width: 250px;  display: block;}
ul.collections li { margin-left: 25px; }
#step .icon {clear: both; text-align:left;}

.thumb { text-align: center; float: left;}
.thumb p {
padding-top: 10px;
padding-right: 0 !important;
padding-bottom: 10px;
padding-left: 0 !important;
}


#popup .preview { width: 100%;}
.imagecontainer {
	float: left;
	border: 1px solid #000;
	width: 150px;
	height: 112px;
	text-align: center;
	line-height: 112px;
}

.imagecontainer img {
	width: 150px;
	height: 112px;
}

#popup .description {
	clear: none !important;
	height: 140px;
}
#popup .description p {
	padding: 0 10px;
}
#popup .options {
	width: 750px;
	height: 280px;
	overflow: auto;
}

#popup .buttons {
	padding-top: 1em;
}

#popup .swatch {
	border: 1px solid #000;
	text-align: center;
	width: 133px;
	height: 130px !important;
	margin: 5px;
}

#popup .swatch img {
	border: 1px solid #666666;
}

#popup .swatch img {
	margin-top:4px;
}

/******* Config labels ***********/
.item {padding-bottom: 0.75em;}
.item h4 { font-size: 14px; }
.item .image img { cursor: pointer; }

/******* Options *****************/
.option input { float: left;}
.option { clear: left; width: auto; text-align: left; padding-bottom: 0.5em;}
.option div { padding-left: 10px !important; float: left !important;}

/******* Step *********************/
#step {
	margin: 0em 0px 4em 46px; padding:2px; width:618px; background-color:#FFFFFF; border-bottom:2px solid #FFFFFF; overflow:hidden;
}
#step p
{
	margin: 0px; padding: 0px 0px 5px 0px;
}

h4
{
	margin: 0px;
	padding: 5px 0px 10px 0px;
}

#step form {
	display: block;
	padding-left: 14px;
}

/******* Cart layout *************/
#cart {
	margin: 0px 0px 0px 46px; padding:2px; width:623px; background-color:#FFFFFF; border-bottom:2px solid #FFFFFF; overflow:hidden;  overflow:hidden; padding-bottom: 20000px; margin-bottom: -20000px;
}
#cart form {
	display: block;

	padding-right: 14px;
}

#cart table.order {

}

/******* Login layout ************/
#login {
	margin: 0px 0px 0px 46px; padding:0px; width:623px; background-color:#FFFFFF; border-bottom:0px; overflow:hidden;
}
#login p { padding: 10px;}
#login div { padding: 4px;}

/******* Bestel overzicht ********/
#step #bestelling{float:right; width:180px; background-color:#E9EEF4; padding-bottom:20000px; margin-bottom: -20000px;}
#step #bestelling h3{margin:0px 1px; padding:10px 0px 6px 7px; color:#734143; font-size:12px; font-weight:bold; border-bottom:1px solid #FFFFFF; display:block;}
#step #bestelling h4{margin:0px 1px; padding:10px 0px 0px 7px; font-weight: normal;}
#step #bestelling p{ padding:0px 0px 0px 7px !important; font-weight: bold; margin: 0px 0px 10px 0px;}
#step .item p{padding:0px 1em 10px 0px !important; width: 240px;}
#step h3{margin: 0; padding: 1em 0 1em 14px; display:block; font-size:16px; font-weight:bold; color:#734143;}
#step #bestelling .totalprice { border-top: 5px double #fff; width: 100%; font-size: 14px;}

/******* Steps navigation ********/
#steps {
	float: left;
	width: 412px;
}
input.prev {
	float: left;
}
input.next, a img.next {
	float: right;
}

#cartsteps {
	width: 600px;
	margin:0px 14px 14px 14px;
}


/******* Order overview tabel ****/
table.order {
	border-collapse:collapse;
	font-family:arial;
	background-color: #FFC526;
	margin:14px 14px 4px 14px;
	font-size: 8pt;
	width: 600px;
	text-align: left;
}

table.order th {
	border: 1px solid #000;
}

table.order tbody td {
	padding: 2px;
	background-color: #FFF;
	vertical-align: top;
	border: 1px solid #000;
	margin: 0 !important;
}

tr.option td {
	border-top: 0px !important;
	border-bottom: 0px !important;
}

table.order td.total {
	background: #0FD7FF;
	font-weight: bold;
}

table.order td.subtotal {
	background: #f0f0f0;
}

table.order .swatch {
	width: 150px;
	padding: 4px;
	text-align: center;
}

table tr.table-config td {border: 0px !important;}
table tr.table-config td.leftcell {border-left: 1px solid #000 !important;}
table tr.table-config td.column {border-left: 1px solid #000 !important; border-right: 1px solid #000 !important; text-align: right;}
table tr.totals td {border-top: 3px double #000;}
table tr.table-config td.label-config { font-weight: bold; font-size: 14px;}

table.configuration {
	width: 100%;
}

table.configuration table {
	width: 100%;
}

table.option, table.option td {
	padding: 0 !important;
	margin: 0 !important;
}

table.option {
	border-collapse: collapse;
}

table.configuration th {
	padding: 0 4px 0 4px;
}

td.price {
	vertical-align: bottom !important;
	text-align: right !important;
	width: 75px;
}

/******* Forms and fields *********/
.req {color: #ff0000; font-weight: bold; size: 14px;}
.info {background: #FFF6DF; border: 1px solid #FFC526; padding: 0.5em 0.5em !important; margin: 1em !important;}
#right .error {color: #ff0000 !important; font-weight: bold; }


#overzicht ul {margin-left: 4em; margin-right: 4em;}

div.flashbanner { margin: 1.5em 0 0 46px; }


em
{
	font-style: normal;
	padding-right: 11px;
	background-image: url('/images/reg.gif');
	background-position: right;
	background-repeat: no-repeat;
}

.textareaOpmerkingen
{
	width: 450px; height: 150px; border: 1px solid #743143;
}

#divOpmerkingen
{
	margin-top: 16px; 
}


#right #overzicht div#euromast
{
	padding: 16px;
}

#right #overzicht div#euromast p
{
	padding-bottom: 20px !important;
	font-size: 12px;
	line-height: 16px;
	font-family: Verdana, Geneva, sans-serif;
}

#right #overzicht div#euromast p small
{
	font-size: 10px;
}

.brandselector { cursor: pointer; }