/*
Theme Name: vilenca
URI: www.vilenca.nl
Description: Het thema voor de website van Vilenca.
Author: Digital Services BV: D. de Leeuw, R. de Leeuw en D. Ammeraal


[Table Of Contents]

x- Classes
i- Includes
0- Body
1- Links
2- Topbar
 2.1- Logo
 2.2- Topnav
3- Contentframe
4- Footer
5- Homepage
 5.0- Above the fold
 5.1- Below the fold
6- Collectie
 6.0- Lijst
 6.1- Afbeeldingen
7- Contact en inlogform
8- Shop
 8.0- Winkelwagen en orders
 8.1- Modellen
 8.2- Orderoverzicht


[Colors (hexadecimaal)]

logobruin: 401b04


*/



/* x- Classes
--------------------------------------------------------*/
.floatl {
	float:left;
	display:inline;
}
.floatr {
	float:right;
	display:inline;
}
.disabled {
	display:none;
}
.spacer {
	width:950px;
	height:1px;
}
div.colborder {
	border-color:#e9e6dd;
}
div.noborder {
	border-color:#FFF;
}
.boldlink {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	cursor:default;
}


/* i- Includes (third-party)
--------------------------------------------------------*/
/**
 * jQuery lightBox plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext { width: 49%; height: 100%; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }

/** 
 * Prototype lightbox
 */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

 

/* 0- Body
--------------------------------------------------------*/
body {
	background:#FFFFFF;
}
html { overflow-y:scroll; } /*anti firefox scrollbar jump*/
h1, h2, h3, h4, h5, h6, h7 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#401b04;
}
/* 1 Links
--------------------------------------------------------*/
a:link {
	color:#401b04;
}
a:visited {
	color:#592708;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
/* 2 Topbar
--------------------------------------------------------*/

/*2.1- Logo*/
h1, h1 a {
	width:210px;
	height:80px;
}
h1 a {
	display:block;
	background:url(/img/logo_vilenca.gif) no-repeat;
}
h1 a span {
	display:none;
}
/*2.2- Topnav*/
div#topnav ul {
	float:left;
	display:inline;
	list-style:none;
	text-transform:uppercase;
	margin:61px 0 0 20px;
	font-size:11px;
	font-weight:bold;
}
div#topnav ul li,
div#topnav ul li a {
	float:left;
	display:inline;
	margin-right:10px;
}
div#topnav ul li a {
	display:block;
	padding:3px 5px 3px 5px;
	border:1px solid #ffffff;
}
div#topnav ul li a:link,
div#topnav ul li a:active,
div#topnav ul li a:visited,
div#topnav ul li a:hover {
	outline:none;
	text-decoration:none;
}
div#topnav ul li a:hover {
	border:1px solid #401b04;
}
div#topnav ul li a.active {
	font-weight:bold;
	cursor:default;
	color:#FFFFFF;
	background:#401b04;
}
/* 3 Contentframe
--------------------------------------------------------*/
div#contentwrap {
	background:url(/img/bg_shadow.jpg) no-repeat top center;
	padding-top:40px;
	margin-top:15px;
}
/* 4 Footer
--------------------------------------------------------*/
div#footer {
	padding-left:8px;
	margin-top:20px;
}
/* 5 Homepage
--------------------------------------------------------*/

/*5.0- Above the fold*/
div#homebox_tekst {
	width:380px;
	height:280px;
	overflow:hidden;
	font-size:28px;
	margin:15px 70px 0 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div#homebox_tekst p{
	margin-bottom:28px;
	font-style:italic;
	color:#401b04;
}
div#homebox_tekst a#button {
	width:285px;
	height:40px;
	display:block;
	background:url(/img/bg_button.jpg) no-repeat 0 0;
	font-size:21px;
	line-height:40px;
	text-align:center;
}
div#homebox_tekst a#button:hover {
	background-position:left bottom;
}
div#homebox_tekst a#button:link,
div#homebox_tekst a#button:active,
div#homebox_tekst a#button:visited,
div#homebox_tekst a#button:hover {
	text-decoration:none;
	color:#FFFFFF;
}
div#homebox_img {
	width:450px;
	height:263px;
	margin:15px 0 0 0;
}
div#homebox_img img {
	border:1px solid #401b04;
}
/*5.1- Below the fold*/
div#collectievoorbeelden {
	margin:30px 0 30px 0;
}
div#collectievoorbeelden p {
	background:url(/img/bg_arrowbox.jpg) no-repeat top right;
	width:110px;
	height:84px;
	font-size:15px;
	padding:10px 30px 0 0;
	margin:0 30px 0 0;
	float:left;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#401b04;
}
div#collectievoorbeelden div.carousel a {
	width:134px;
	height:104px;
	overflow:hidden;
	float:left;
	display:inline-block;
	margin:0 10px 0 0;
	border:1px solid #e9e6dd;
	padding:1px;
}
div#collectievoorbeelden div.carousel a img {
	width:130px;
	min-width:130px;
	max-width:130px;
	max-height:100px;
}
div#collectievoorbeelden div.carousel a:hover {
	border-color:#401b04;
}
/* 6 Collectie
--------------------------------------------------------*/

/*6.0- Lijst*/
ul.list {
	list-style:none;
	width:200px;
	min-height:280px;
	background:url(/img/bg_list.jpg) no-repeat top right;
	padding:20px 0 0 0;
}
ul.list li,
ul.list li a{
	height:35px;
	width:200px;
}
ul.list li a {
	display:block;
	font-size:14px;
	line-height:33px;
	outline:none;
	text-decoration: none;
}
ul.list li a:hover,
ul.list li a.active {
	background:url(/img/bg_listitem_arrow.gif) no-repeat 150px 0;
	text-decoration:none;
}

ul.list li ul{
	padding: 0;
	margin: 0;
	list-style:none;
	display: none;
}

ul.list li a.active {
	font-weight:bold;
}
ul.list li a:visited,
ul.list li a.active{
	color:#000;
}
ul.list li#space {
	margin-top:20px;
}
/*6.1- Afbeeldingen*/

div.collectieimg div.wraptocenter{
	float: left;
	display:table-cell;
	width:204px;
	height:158px;
	overflow:hidden;
	margin:0 4px 4px 0;
	border:1px solid #e9e6dd;
	text-align: center;
	vertical-align: middle;
}

div.collectieimg div.wraptocenter * {
    vertical-align: middle;
}

/*\*//*/
div.collectieimg div.wraptocenter {
    display: block;
}
div.collectieimg div.wraptocenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/


div.collectieimg div.wraptocenter:hover{
	border-color:#894931;
}
div.collectieimg div.wraptocenter img {
	display: inline;
	max-width:200px;
	max-height: 150px;
	padding:1px;
}
/* 7 Contact en inlogform
--------------------------------------------------------*/
form.contact legend,
form.gegevens legend{
	display:none;
}
form.contact fieldset,
form.gegevens fieldset{
	border:none;
}
form.contact p,
form.gegevens p{
	margin-bottom:4px;
}
form.contact label,
form.gegevens label{
	width:120px;
	float:left;
	display:inline;
	padding-top:10px;
}
form.contact p#submit {
	margin-left:120px;
}
form.contact button,
form.gegevens button{
	margin-top:10px;
	padding:5px;
}
/* 8 Shop
--------------------------------------------------------*/

/*8.0- Winkelwagen en orders*/
div#winkelwagencontainer {
	padding:10px 10px 0 10px;
	border:1px solid #e9e6dd;
	background:#fbf9f4;
	margin-bottom:10px;
}
div.tablecontainer{
	padding:10px 10px 0 10px;
	border:1px solid #e9e6dd;
	background:#fbf9f4;
	margin-bottom:10px;
}

div#winkelwagencontainer h3 {
	font-size:17px;
	margin-bottom:8px;
}
div#winkelwagencontainer #orderplaatsen{
}
div#winkelwagencontainer #orderplaatsen TEXTAREA{
	height: 100px;
}
div#winkelwagencontainer #orderplaatsen DIV{
	display: block;
}
form#winkelwagen legend {
	display:none;
}
form#winkelwagen,
form#winkelwagen fieldset {
	border:none;
	margin:0;
	padding:0;
}
table.order {
	margin:0 15px 0 8px;
}

form.admin_form table th,
form.admin_form table td,
table.order th,
table.order td {
	padding:0;
	margin:0;
	font-size:11px;
}

form.admin_form table tr.prod_rij:hover{
	border: 1px solid black;
	cursor: pointer;
	color: white;
	background: blue;
}

form.admin_form table input.aantal {
	width:18px;
	padding:1px;
	margin:0 0 1px 0;
	font-size:11px;
}
form.admin_form table td.kolom_verwijder {
	width:16px;
}
a.delknop {
	background:url(/img/button_delete.gif) no-repeat;
	display:block;
	height:16px;
	width:16px;
}
form.admin_form table .kolom_aantal,
table.order .kolom_aantal{
	text-align:center;
}

form#winkelwagen table th,
form#winkelwagen table td,
table.order th,
table.order td {
	padding:0;
	margin:0;
	font-size:11px;
}
form#winkelwagen table input.aantal {
	width:18px;
	padding:1px;
	margin:0 0 1px 0;
	font-size:11px;
}
form#winkelwagen table td.kolom_verwijder {
	width:16px;
}
form#winkelwagen table td.kolom_verwijder a.delknop {
	background:url(/img/button_delete.gif) no-repeat;
	display:block;
	height:16px;
	width:16px;
}
form#winkelwagen table .kolom_aantal,
table.order .kolom_aantal{
	text-align:center;
}
form#winkelwagen table input#wijzigwinkelwagen {
	margin:5px 0 5px 0;
}
form#winkelwagen table tr#bedrag_rij_totaal td,
table.order tr.bedrag_rij_totaal td{
	border-top:1px solid #e9e6dd;
	padding-top:4px;
	font-weight:bold;
}
table.order tr.bedrag_rij_totaal td {
	padding-top:1px;
}
form#winkelwagen table tr#orderplaatsen td {
	padding-top:10px;
	font-size:12px;
}
form#winkelwagen table tr#orderplaatsen td em {
	display:inline-block;
	padding:0 8px 0 8px;
}
/*8.1- Modellen*/
div.model {
	margin-top:10px;
	padding:10px;
	border:1px solid #e9e6dd;
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	display:inline;
}
div.model p.titel,
div.model p.kleur,
div.model p.prijs,
div.model p.omschrijving,
div.model ul {
	width:400px;
	float:left;
	display:inline;
}
div.model img.prodimg {
	float:right;
	display:inline;
	border:1px solid #e9e6dd;
	padding:2px;
	margin:0 10px 0 0;
}
div.model img.prodimg:hover {
	border-color:#CCC;
}
div.model p {
	margin-bottom:0;
}
div.model p.titel {
	font-weight:bold;
	font-size:16px;
	margin-bottom:6px;
}
div.model p.kleur,
div.model p.prijs,
div.model p.omschrijving {
	font-style:italic;
	margin-left:4px;
}
div.model p.prijs,
div.model p.omschrijving {
	margin-bottom:6px;
}
div.model ul {
	margin-left:20px;
}
div.model ul li {
	clear:both;
}
div.model ul li span {
	width:120px;
	float:left;
	display:inline;
	line-height:18px;
}
div.model ul li form {
	display:inline;
	float:left;
	padding:0;
	margin:0;
}
div.model ul li form fieldset {
	border:none;
	margin:0;
	padding:0;
	display:inline;
}
div.model ul li form input.aantal {
	width:18px;
	padding:1px;
	margin:1px 3px 0 0;
}
div.model ul li form input {
	font-size:9px;
}
/*8.2- Orderoverzicht*/
div.order {
	width:670px;
	margin-bottom:20px;
	border:1px solid #e9e6dd;
	padding:10px;
}

TABLE.selectable_table TR.not_selectable:hover{
	background: none;
	color: black;
}

TABLE.selectable_table TR.even_row{
	background: #e3decb;
}

TABLE.selectable_table TR.odd_row{
}

TABLE.selectable_table TR:hover{
	color: white;
	background: blue;
}