/* start colour definitions */
/*
dark blue:				#0b212b
dark-green:				#264452
dark-red:				#4f0615
light-green:			#6cb81b
*/
/* end colour definitions */

/* start general styles */

html {
	overflow-y:			scroll;
}
:-moz-any-link:focus {
	outline:			none!important;
}

html, 
body {
	font-family:		'Trebuchet MS', 'Trebuchet', 'Verdana', 'Arial', 'sans-serif';
	font-size:			85%;
	line-height:		120%;
	width:				100%;
	height:				100%;
	background:			#f0eee2 url('/media/vp_bg_body.gif') 50% top repeat-y;
	color:				#0b212b;
	padding:			0;
	margin:				0;
	text-align:			center;
}

img {
	border:				none;
}

a {
	text-decoration:	underline;
	color:				#4f0615;
}
a:active,
a:hover {
	text-decoration:	underline;
}
a.addfles,
a.addbox {
	display:			block;
	border:				none;
	height:				25px;
	background:			transparent url('/media/vp_addfles.gif') right bottom no-repeat;
}
a.addbox {
	background:			transparent url('/media/vp_addbox.gif') right bottom no-repeat;
	color:				#264452;
}
a#logo{
	text-decoration:	none;
}

h1 {
	color:				#264452;
	font-weight:		bold;
	font-size:			3.0em;
	line-height:		1.0em;
	margin:				0;
	padding:			0;
}

h2 {
	color:				#4f0615;
	font-weight:		normal;
	font-size:			1.8em;
	line-height:		1.0em;
	margin:				0 0 5px 0;
}

h3 {
	color:				#264452;
	font-weight:		normal;
	font-size:			1.4em;
	line-height:		1.0em;
	margin:				0 0 14px 0;
}

h4 {
	color:				#4f0615;
	font-weight:		normal;
	font-size:			1.0em;
	line-height:		1.0em;
	margin:				0 0 10px 0;
}

h5 {
	color:				#264452;
	font-weight:		normal;
	font-size:			0.9em;
	line-height:		1.0em;
	margin:				0 0 10px 0;
}

.clear,
br {
	clear:				both!important;
}
p br {
	clear:				none!important;
}


.banner input,
#stap2 select,
#hoofd_ingredient select,
.button,
.banner input.submit {
	background:			transparent url('/media/vp_bg_mainnav.gif') left bottom repeat-x;
	border:				1px solid #fff;
	color:				#0b212b;
	font-size:			1.0em;
	font-family:		'Trebuchet MS', 'Trebuchet', 'Verdana', 'Arial', 'sans-serif';
	width:				250px;
	padding:			0 2px 1px 2px;
	float:				left;
	cursor:				pointer;
}

.banner input {
	border-color:		#6cb81b;
	cursor:				default;
}

.banner input.CMS_CHECKBOX,
.banner input.CMS_RADIO {
	border:				none;
	width:				auto;
	padding:			0;
}

.banner input.aantal {
	width:				25px;
	text-align:			right;
}

.button {
	width:				auto;
	text-decoration:	none;
	border-color:		#6cb81b;
	padding:			0 12px 1px 12px;
}

.button:hover,
.button:active {
	text-decoration:	none;
}

td.totaal {
	text-align:			right;
	color:				#4f0615;
}

.left {
	float:				left;
}

.right {
	float:				right;
}

.error {
	color:				red;
}

.nobr {
    white-space : nowrap;
}
/* end general styles */

/* start login and subscribe boxes */
table tr.odd {
	background-color:	#6cb81b;
}


#mask {
	width:				100%;
	height:				100%;
	background-color:	#ebecee;
	opacity:			0.90;
	position:			absolute;
	z-index:			100000;
	left:				0px;
	top:				0px;
	display:			none;
}

#subscribe,
#login {
	display:			none;
}

.formbox {
	text-align:			left;
	position:			absolute;
	z-index:			100001;
	width:				360px;
	height:				auto;
	background-color:	#fff;
	padding:			15px 15px 0 15px;
	font-size:			1.2em;
	line-height:		1.4em;
}

.formbox .close {
	float:				right;
	position:			relative;
	height:				16px;
	top:				-2px;
	right:				-2px;
	color:				#d93e30;
	padding:			0 18px 0 0;
	font-size:			1.1em;
	line-height:		1.2em;
	background:			transparent url('/media/btn_close.gif') right top no-repeat;
}

.formbox .close:hover,
.formbox .close:active {
	text-decoration:	underline;
}

.formbox h3 {
	font-size:			1.6em;
	display:			inline;
	float:				right;
	margin:				4px 0 0 0;
}

.formbox p,
.formbox label {
	font-size:			1.0em;
	line-height:		1.4em;
}

.formbox p a:hover,
.formbox p a:active {
	text-decoration:	underline;
}

.formbox form {
	margin:				10px 0 0 0;
	width:				360px;
}

.formbox fieldset {
	padding:			0;
	float:				left;
	width:				360px;
}

.formbox label {
	width:				150px;
	margin:				2px 5px 12px 0;
	display:			block;
	float:				left;
	text-align:			right;
	color:				#317ad9;
}

.formbox form span {
	color:				#d93e30;
	float:				left;
}

.formbox form label span {
	float:				none;
}

.formbox input {
	float:				left;
	width:				174px;
	font-size:			1.1em;
	margin:				0 0 12px 0;
}

.formbox input.submit {
	width:				auto;
	color:				#d93e30;
	background-color:	#fff;
	border:				none;
	font-weight:		bold;
	float:				right;
}

/* end login and subscribe boxes */

/* start main styles */

#container {
	margin:				0 auto -100px auto;
	width:				100%;
	min-height:			100%;
	float:				left;
}

/* start top navigation */

#header_container {
	width:				100%;
	height:				104px;
	text-align:			center;
	background:			#4f0615 url('/media/vp_bg_header.gif') center top repeat-x;
	color:				#4f0615;
	padding:			0;
	float:				left;
}

#header {
	width:				996px;
	height:				104px;
	text-align:			left;
	color:				#fff;
	font-family:		'Verdana', 'Arial', 'sans-serif';
	padding:			0;
	margin:				0 auto;
}

#header .right {
	margin:				30px 0 0 0;
	text-align:			right;
}

#header a {
	color:				#fff;
}

#logo {
	display:			block;
	width:				362px;
	height:				72px;
	background:			transparent url('/media/vt_logo.gif') left bottom no-repeat;
	padding:			0;
	float:				left;
	margin:				2px 0 0 0;
}

/* start main navigation */

#mainnav {
	margin:				0;
	padding:			0 30px;
	float:				left;
	width:				940px;
	height:				48px;
	background:			transparent url('/media/vp_bg_mainnav.gif') left top repeat-x;
}

#mainnav li {
	list-style:			none;
	display:			block;
	float:				left;
	width:				125px;
	height:				48px;
	margin:				0 10px;
}

#mainnav li a {
	color:				#264452;
	padding:			0 49px 0 13px;
	display:			block;
	position:			relative;
	font-size:			1.4em;
	line-height:		3em;
	text-decoration:	none;
	float:				left;
}

#mainnav li a:hover,
#mainnav li a:active,
#mainnav li a.hi {
	text-decoration:	none;
	color:				#4f0615;
	background:			#fff;
}


/* end main navigation */

/* end top navigation */

/* start content */

#contentHolder {
	width:				1000px;
	padding:			0;
	margin:				0 auto;
	text-align:			left;
	background-color:	#fff;
}
.rightimages {
	width:				300px;
}
/* start banners column */

#banners {
	width:				300px;
	float:				right;
	margin:				50px 50px 105px 0;
}
#banner_home_special {
	border:				3px solid #6cb81b;
	width: 				549px;
	height: 			255px;
	padding: 			10px;
}
.banner_home {
	border:				1px solid #6cb81b;
	width: 				253px;
	padding: 			10px 10px 0 10px;
	margin-top: 		25px;
	float: 				left;
}
.banner_home + .banner_home {
	float: 				right;
}
#banner_home_special a img {
	margin-top: 			20px;
}
#banners img {
	margin:				0 0 10px 0;
}
#banners a img {
	border:				1px solid #fff;
}
#banners a img:hover {
	border:				1px solid #6cb81b;
}

#banners .banner {
	text-align:			left;
	width:				278px;
	padding:			10px;
	margin:				20px 0;
	border:				#6cb81b 1px solid;
}

#banners .banner img {
	margin-left:		10px;
}

/* start shopping cart block */

#cart {
	text-align:			left;
	width:				300px;
	padding:			0;
	margin:				20px 0;
	background:			#e2f1d1 url('/media/vp_bg_cart.gif') top repeat-x;
	border:				#6cb81b 1px solid;
	color:				#264452;
	line-height:		1.0em;
}

#cart table {
	text-align:			right;
	border-collapse: 	collapse;
	width:				300px;
}

#cart td {
	padding:			0 10px 0 0;
	height: 			20px;
	vertical-align:		middle;
}

#cart .img {
	padding:			0;
}
#cart .img a {
	background:			transparent url('/media/vp_removecart_odd.gif') 0 0 no-repeat;
	display: 			block;
	width: 				11px;
	height: 			10px;
	margin-left: 		10px;
}
#cart .even .img a {
	background:			transparent url('/media/vp_removecart_even.gif') 0 0 no-repeat;
}
#cart .img a:hover,
#cart .img a:active {
	background:			transparent url('/media/vp_removecart_odd_active.gif') 0 0 no-repeat;
}
#cart .even .img a:hover,
#cart .even .img a:active {
	background:			transparent url('/media/vp_removecart_even_active.gif') 0 0 no-repeat;
}

#cart th {
	background:		transparent url('/media/vp_cart.gif') 9px 9px no-repeat;
	text-align:		left;
	padding:		24px 10px 36px 59px;
	font-size:		1.6em;
	font-weight: 	normal;
}
#cart a {
	color:			#264452;
}
#cart .register a {
	color:			#4f0615;
}

#cart .odd,
#cart .total {
	background-color:	#fff;
}

#cart .total td {
	text-align:		right;
	padding:		11px 10px;
	font-size:		1.3em;
	font-weight: 	normal;
}

#cart .register td {
	text-align:		right;
	padding:		9px 10px 5px 10px;
	font-size:		1.1em;
}

/* end shopping cart block */

/* end banners column */

/* start content block */

#content {
	color:				#0b212b;
	float:				left;
	width:				551px;
	margin:				25px 0;
	padding:			0 0 105px 50px;
}

.home#content {
	width:				575px;
}

#content .inner {
	margin-bottom:		20px;
}

#content p {
	font-size:			1.2em;
	line-height:		1.4em;
}

#content p.intro {
	font-size:			1.4em;
	line-height:		1.43em;
}

#content p p {
	font-size:			1.0em;
	line-height:		1.0em;
	padding:			0;
}

#content ul {
	margin:				0;
	padding:			0 0 0 15px;
	font-size:			1.2em;
	line-height:		1.6em;
}

#content ol {
	padding:			0 0 0 15px;
	font-size:			1.2em;
	line-height:		1.6em;
}

#content img {
	margin:				0 0 10px 0;
}
#content a img {
	border:				1px solid #fff;
}
#content a img:hover {
	border:				1px solid #6cb81b;
}
#content a.dimmed img {
	opacity:			.40;
}

#content a.dimmed:hover img {
	opacity:			1;
}

#content h1 {
	padding:			0;
}

#content h2.hilite {
	font-style:			italic;
	text-decoration:	underline;
}

#content h3.hilite {
	font-style:			italic;
	text-decoration:	underline;
}

#content h2.hilite span {
	font-style:			normal;
	color:				#0b212b;
}

#content p.error {
	font-size:			1.4em;
}

#content h3.error {
	color:				red;
}

#content .banner,
#content .wijnmatchbanner,
#content .blogpost {
	text-align:			left;
	width:				529px;
	padding:			10px;
	margin:				0 0 20px 0;
	background-color:	#fff;
	border:				#264452 1px solid;
	float:				left;
}

#content .wijnmatchbanner {
	margin:				40px 0 20px 0;
	border:				#6cb81b 1px solid;
}

#content .banner img,
#content .wijnmatchbanner img,
#content .blogpost img {
	margin:				0 0 10px 10px;
	border:				transparent 1px solid;
}

#content .banner img.left,
#content .wijnmatchbanner img.left,
#content .blogpost img.left {
	margin:				0 10px 10px 0;
}

#content .banner p,
#content .wijnmatchbanner p,
#content .blogpost p {
	margin:				0;
	padding:			0;
}

#content #totaalgeneraal {
	text-align:			right;
	background-color:	#6cb81b;
}
#content #totaalgeneraal h3 {
	color:				#fff;
}

#content .banner table {
	width:				530px;
}

#content .shopentry {
	padding:			10px;
}
#content .shopentry hr {
	margin:				0 -10px;
}

#content .shopentry h4,
#content .shopentry h2 {
	margin:				10px 0 0 0;
}

#content .shopentry p {
	margin:				10px 0 0 0;
}

#content .blogpost img.first {
	margin-top:			9px;
}

#content .blogpost p {
	margin-bottom:		1.0em;
}

#content #hoofd_ingredient,
#content #stap2 {
	color:				#fff;
	background-color:	#6cb81b;
	padding: 			10px;
}

#content #hoofd_ingredient a,
#content #stap2 a {
	color:				#fff;
}

#content #stap1,
#content #stap2,
#content #hoofd_ingredient,
#content #stap3 {
	float:				left;
}

#content #stap1 a {
	cursor:				pointer;
}
#stap1selected, #stap2selected {
    height: 20px;
}
#home_banner {
    margin: 			0;
	border:				1px solid #fff;
    width: 				550px;
    height: 			380px;
    cursor:				pointer;
	overflow:			hidden;
}
#home_banner:hover {
	border:				1px solid #6cb81b;
}

#content table {
	font-size:			12px;
}

/* start match block */

#stap3 {
	padding-bottom:		40px;
}

.match100,
.match90,
.match80,
.match70,
.match60,
.match50,
.match40,
.match30,
.match20,
.match10,
.match0 {
	color:				#4f0615;
	border:				#6cb81b 1px solid;
	border-bottom:		#fff 1px solid;
	background:			#fff 46px 4px no-repeat;
	left:				386px;
	top:				-40px;
	width:				140px;
	height:				16px;
	position:			relative;
	margin:				0 0 -30px 0;
	padding:			6px;
}
.match100 {
	background-image:	url('/media/100.gif');
}
.match90 {
	background-image:	url('/media/90.gif');
}
.match80 {
	background-image:	url('/media/80.gif');
}
.match70 {
	background-image:	url('/media/70.gif');
}
.match60 {
	background-image:	url('/media/60.gif');
}
.match50 {
	background-image:	url('/media/50.gif');
}
.match40 {
	background-image:	url('/media/40.gif');
}
.match30 {
	background-image:	url('/media/30.gif');
}
.match20 {
	background-image:	url('/media/20.gif');
}
.match10 {
	background-image:	url('/media/10.gif');
}
.match0 {
	background-image:	url('/media/0.gif');
}

a.togglerestart {
	line-height:		120%;
	float:				left;
}
a.abc:hover, .alfabetisch a:hover, #zoekresultaat a:hover {
	color: 				#fff;
	background-color: 	#6cb81b;
}
/* end match block */
	
/* form block */


/* start form elements */

form {
	float:				left;
	font-size:			1.2em;
	line-height:		1.6em;
	width:				551px;
	margin:				0;
	padding:			0 0 35px 0;
}

form .mandatory {
	color:				#09798c;
	font-size:			0.9em;
	
}
form.gerechtzoeken {
	padding:			0;
}
form legend {
	color:				#09798c;
	font-size:			1.2em;
	padding:			0 5px;
}

form label {
	width:				180px;
	color:				#081f5d;
	float:				left;
	margin:				0 10px 8px 0;
}

form label span {
	color:				#09798c;
}

form label.after {
	width:				auto;
	margin:				0 5px 8px 5px;
}

form label.error {
	color:				red;
}

form label.error span {
	color:				red;
}

form input.error, form textarea.error {
	background-color:	white;
	color:				red;
	border-color:		red;
}

form input.medium {
	width:				100px;
}

form input.small {
	width:				50px;
}

form textarea,
form select,
form input {
	font-size:			0.9em;
	float:				left;
	margin:				0 0 8px 0;
	padding:			2px;
	border:				#6cb81b 1px solid;
}

form input.submit {
	float:				right;
	margin:				0 10px 8px 10px;
	color:				#fff;
	background-color:	#081f5d;
	padding:			2px 5px 4px 5px;
}

#content form legend img.tip {
	position:			relative;
	top:				2px;
}

/* end form block */

/* start tips */

#content img.tip {
	margin:				0 0 0 3px;
}

.tool .tip {
	width:				250px;
	z-index:			13000;
	position:			relative;
	float:				left;
	text-align:			left;
	line-height:		1.4em;
	font-size:			1.2em;
}

.tool .tip ul,
.tool .tip ol {
	margin:				4px 0;
	padding:			0 7px;
	color:				#6cb81b;
	font-size:			0.8em;
}
 
.tip-title {
	font-size:			15px;
	font-weight:		normal;
	margin:				0;
	color:				#fff;
	padding:			6px 8px 6px;
	background:			transparent url('/media/bubble.png') top left;
	
}
 
.tip-text {
	font-size:			12px;
	padding:			4px 8px 8px;
	background:			transparent url('/media/bubble.png') bottom right;
}

/* end tips */

/* start wine details */

#content #assortiment {
	float:				left;
	margin:				0 0 20px 0;
	padding:			10px 0 0 0;
	width:				551px;
	border-top:			1px solid #999;
}

#content #assortiment p {
	width:				445px;
	float:				left;
}

#content #assortiment .banner p {
	width:				421px;
}

#content ul.winedetail {
	width:				551px;
	float:				left;
	margin:				0 0 15px 0;
	padding:			0 0 0 0;
	border-top:			1px solid #999;
}

#content ul.winedetail li {
	border-bottom:		1px solid #999;
	list-style:			none;
	margin:				0;
	padding:			15px 0;
	width:				551px;
	float:				left;
}

#content ul.winedetail li h4 {
	width:				551px;
	float:				left;
}

#content ul.winedetail li p {
	font-size:			0.9em;
	margin:				0;
	width:				551px;
	float:				left;
}

#content ul.winedetail.left {
	float:				left;
	border-bottom:		none;
	margin:				0;
}

#content ul.winedetail.right {
	float:				right;
	margin:				0;
	border-bottom:		none;
}

#content ul.winedetail.left,
#content ul.winedetail.right,
#content ul.winedetail.left li,
#content ul.winedetail.right li,
#content ul.winedetail.left li h4,
#content ul.winedetail.right li h4,
#content #assortiment ul.winedetail.left li p,
#content #assortiment ul.winedetail.right li p {
	width:				265px;
}

.activeItem {
	text-decoration:	none;
}

#content img.gerecht {
	margin: 21px 0 10px 10px;
}

.alfabetisch {
	display: none;
}

/* start 404 nav */

#content ul.error404 {
	padding:			0;
	margin:				0 20px 0 0;
	float:				left;
	width:				220px;
}

#content ul.error404 li {
	list-style:			none;
}

/* end 404 nav */

/* end content block */

/* end content */

/* start footer */

#footer_container {
	height:				105px;
	width:				100%;
	padding:			0;
	float:				left;
	background:			#f0eee2 url('/media/vp_bg_footer.gif') center top no-repeat;
}

#footer {
	height:				88px;
	width:				940px;
	margin:				0 auto;
	padding:			12px 28px 0 28px;
	font-size:			0.8em;
	line-height:		1.0em;
	color:				#fff;
	text-align:			center;
	font-size:			1.0em;
}

#footer a {
	color:				#fff;
}

/* end footer */


/* end main styles */