/*

customer:		Vilda
site:			www.vildaphoto.net

file:			Main CSS for all modern browsers + IE 
released: 		September 12, 2004
updated: 		March 8, 2006
tested:			Safari 2.0, FF Win, FF Mac, IE 5.5, IE 6.0  
note:			-

designed by:	Quixpace | quixpace.com

*/

body {
margin:            		0;
padding:				0 15px 15px 15px;
font:				    1em Helvetica, Arial, Verdana, sans-serif;
color: 					#5D5D5D;
background:				#B6B6B6 url("/nav/vilda-logo.gif") no-repeat top left;
min-width:				760px;
}
table {
border:					0;
}
table td {
padding:				0;
}
img	{
border:					0;
}
p, td {
font-size:				12px;
line-height:			1.5em;
}
small {
font:					9px Verdana, sans-serif;
}
small.normal {
font:				    1em Helvetica, Arial, Verdana, sans-serif;
}
small a {
text-decoration: none !important;
}
.warn {
color: red !important;
}
hr {
border:					0;
background-color:		#DEDEDE;
height:					1px;
}
ul {
margin:				0 0 0 1em;
padding:			0 0 0 1em;
list-style: 		disc url(/nav/list_bullet.gif);
}
li {
padding:			0.2em 0 0.2em 0;
}
/* links */
a:link {
 text-decoration:   underline;
 color:             #5D5D5D;
 font-weight: 		normal;
}
a:visited {
 text-decoration:   underline;
 color:             #4D4D4D;
 font-weight: 		normal;
}
a:hover {
 text-decoration:   none;
 color:             #333;
 font-weight: 		normal;
}
a:active {
 color:             #333;
 text-decoration:   underline;
 background-color:  transparent;
 font-weight: 		normal;
}
.lightgrey {
color: 					#9E9E9E;
}
.smalltxt {
font-size:				9px;
}
.greynote {
padding:				10px;
background-color: 		#F3F3F2; 
border:		 			1px solid #ccc; 
}
.postit {
background-color:		#FFFFCC;
border: 				1px solid #FFF2A9;
padding:				8px;
margin:					10px 0 0 0;
}
.highlight {
color:					#CE3333;
}
blockquote {
margin:					15px 10px 20px 10px;
padding:				8px 20px 10px 70px; 
border-top:				1px solid #ccc;
border-bottom:			1px solid #ccc;
background-image: 		url(/content/quote.gif);
background-repeat: 		no-repeat;
background-position: 	top left;
}
blockquote p {
font-size:				11px;
font-style:				italic;
}
/* titles */
h1 {
font-size:				19px;
color: 					#757575;
font-weight: 			normal;
} 
h2 {
font-size:				19px;
font-weight: 			normal;
color: 					#555;
} 
h2 a:link, h2 a:visited {
text-decoration:		none;
color: 					#555;
}
h2 a:hover {
color:					#333;
}
h3 {
font-size:				14px;
font-weight: 			normal;
font-weight:			bold;
color: 					#444;
margin: 				1.5em 0 1em 0;
padding:				0;
} 
h4 {
font-size:				13px;
font-weight: 			normal;
color: 					#757575;
margin: 				1.5em 0 1em 0;
padding:				0;
} 
.pagebar h4 {
font-size:				12px;
margin:					0;
padding:				0;
}
h4 a:link, h4 a:visited {
text-decoration:		none;
color: 					#757575;
}
h5 {
font-weight: 			normal;
font:					13px Helvetica, Arial, sans-serif;
padding:				0;
margin:					0 0 0.5em 0;
text-shadow: 			1px 1px 1px #eee;
color: 					#757575;
}
h5 b {
font-weight: 			normal;
font-size:				16px;
}
h5 span {
font-weight: 			bold;
color:					#555;
}
h6 {
color:					#444;
font-size: 				0.95em;
line-height: 			1.7em;
margin: 				1.6em 0 1.2em 0;
padding: 				0;
}


/* -------- structures -------- */
body #menu {
min-width:				720px;
max-width:				1500px;
padding:				0;
margin:					0;
}
body #content { 
background-color:  		#FCFCFC;
min-height:				550px;
min-width:				720px;
max-width:				1500px;
border-right:			1px solid #737371;
border-left:			1px solid #737371;
padding: 				30px 20px 20px 20px;
}
#flash {
background:			#828282 url("/nav/flash-bg.jpg") repeat-x;
height:				294px;
margin:				-30px -20px 0 -20px;
text-align:			center;
border:				1px solid #FFF;
}
#flash-sub {
background:			#FFF url("/nav/flash-sub-bg.png") repeat-x;
height:				34px;
margin:				-30px -20px 0 -20px;
border:				1px solid #FFF;
}

#textpage {
padding:				0 3.5em 3em 3.5em;
}
#textpage.narrow {
padding:				0 20% 1em 20%;
}

/* -------- navigators -------- */

.pagebar {
margin:					0 0 1em 0;
background-color:		#f2f2f2;
}
.minipagebar {
padding:				30px 20px 25px 10px; 
vertical-align: 		middle;
}
.minipagebar td a:link, .minipagebar td a:visited  {
font-size:				12px;
padding:				1px 2px 1px 2px;
text-decoration:		none;
}
.minipagebar td a:hover  {
background-color:		#aaa;
color:					#FFF;
}
.selectedpage { 
font-size:				14px;
font-weight: 			bold;
background-color:		#888;
color:					#FFF;
padding:				1px 3px 1px 3px;
}
.navigator {
width:					100%;
}
.navigator td {
padding:				3px 10px 3px 10px;
vertical-align:			middle;
white-space: 			nowrap;
font-size:				11px;
}
.navigator td img {
vertical-align: 		middle;
border: 				0;
}
.navigator td h4, .navigator td h4 a {
font-size:				11px;
font-weight:			bold;
margin:					0 !important;
} 
.navigator #pager td {
padding:				1px !important;
}

/* -------- grid styling -------- */

.alpha-shadow {
float:			left;
background: 	url(/nav/shadow1.gif) no-repeat bottom right;
margin: 		10px 0 0 0 !important;
margin: 		10px 0 0 0;
}
.alpha-shadow div {
background: 	url(/nav/shadow2.png) no-repeat left top !important;
background: 	url(/nav/shadow2.gif) no-repeat left top;
padding: 		0 5px 5px 0;
}
.alpha-shadow img {
background-color: #fff;
border: 		1px solid #a9a9a9;
padding: 		4px;
}
.alpha-shadow div {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/nav/shadow2.png', sizingMethod='crop');
background: none;
}
.itemcell {
border-right:			1px solid #fff;
padding:				0 7px 7px 7px;
}
.itemcell a:hover img {
background-color:  			#D5D5D5;
}
.itemcell a:link, .itemcell a:visited {
text-decoration:		none;
}
	.itemsubtitle {	
	clear:					both;
	padding:				3px 0 0 4px;
	font: 					9px Verdana, Arial, sans-serif;
	font-weight:			bold;
	max-width:					20em;
	}
	.itemsubdadd {	
	clear:					both;
	padding:				2px 0 0 4px;
	font:					9px Verdana, Arial, sans-serif;
	}
	.itemtopadd {
	margin:					1em 10px -6px 0;
	_margin-bottom:			-7px;
	}
		.itemtopadd a:link {
		margin-right:			4px;
		padding:				3px 1em 3px 1em;
		border:					1px solid #CECECE;
		border-bottom:			0;
		background-color:		#F5F5F5;
		text-decoration:		none;
		color:					#333;
		font:					10px Verdana, Arial, Verdana, sans-serif;
		}
		.itemtopadd a:visited {
		margin-right:			4px;
		padding:				3px 1em 3px 1em;
		border:					1px solid #CECECE;
		border-bottom:			0;
		background-color:		#F5F5F5;
		text-decoration:		none;
		color:					#333;
		font:					10px Verdana, Arial, Verdana, sans-serif;
		}
		.itemtopadd a:hover {
		background-color:		#EEE;
		border:					1px solid #BBB;
		border-bottom:			0;
		text-decoration:	underline;
		color:				#000;
		}
		.itemtopadd a:active {
		text-decoration:	none;
		color:				#333;
		}
		.itemtopadd a:link.bold, .itemtopadd a:visited.bold {
		font-weight:			bold;
		color:					#5E5E5E;
		}
		.itemtopadd a:hover.bold {
		font-weight:			bold;
		}

/* -------- widget -------- */

.widget {
margin-bottom:			25px;
font-size:				11px;
}
.widget p {
font-size:				11px;
}
.widget h2 {
margin-top:				0;
text-shadow: 			0 0 0 #BBB;
}
.widget .bg {
background-color: 		#F5F5F5; 
padding:				12px 8px 18px 12px;
border: 				1px solid #D2D2D2; 
background-color: 		#F4F4F4;
}
.widget a:link, .widget a:visited{
text-decoration:		none;
}
.widget p a:link, .widget p a:visited{
text-decoration:		underline;
}

/* -------- quixpobrowser -------- */
#quixpobrowser {
margin:					1em 0 3em 0;
}
#quixpobrowser .parents {
background-color: 		#F5F5F5; 
padding:				5px;
background-color:		#FFFFCC;
border: 				1px solid #FFF2A9;
}
#quixpobrowser .siblings {
margin-top:				10px;
border-left:			1px solid #CCC;
padding-left:			10px;
}

#quixpobrowser a:link,
#quixpobrowser a:visited { 
font-size:				12px;
font-weight: 			bold;
line-height:			1.7em;
}
#quixpobrowser .parents a:link,
#quixpobrowser .parents a:visited {
font-weight:			normal;
}
#quixpobrowser a:hover { 
color:					#AEAEAE;
}
#quixpobrowser .goback a:link,
#quixpobrowser .goback a:visited {
font-weight:			bold;
}


/* -------- news and comments -------- */
.newsitem {
margin-bottom: 			1em;
}
.newsitem h3 {
}
.newsitem .lead p {
}
.newsitem .postdata {
padding-top:			0.5em;
color:					#999;
font-size:				11px;
}
.comment {
font: 						85% "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
margin:						15px 0 30px 0;
padding:					0 0 0 15px;
color:						#333;
border-left:				3px solid #eee;
}
.commentheader {
font: 						11px/16px Georgia, "Times New Roman", times, serif;
color:						#999;
border-bottom:				1px solid #ddd;
text-transform: 			uppercase;
}
.commentform {
font: 						85% "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
margin:						50px 0 10px 0;
color:						#333;
}

/* -------- tables -------- */
.real {
width:					100%;
}
.real td {
padding:				4px 6px 3px 6px;
height:					18px;
background-color:		#F4F4F4;
border-bottom:			1px solid #ddd;
border-right:			1px solid #ddd;
vertical-align:			middle;
}
.real .head td {
padding:				0 10px 0 10px;
color:					#fff;
background-color:		#ccc;
font-weight:			bold;
vertical-align:			middle;
height:					21px;
border:					0;
background-image: 		url(/nav/table_top_real.gif);
background-repeat: 		repeat-x;
}
.real .subreal {
width:					100%;
padding:				0;
margin:					0;
border:					0;
}
.real .subreal td {
vertical-align:			top;
white-space:			nowrap;
padding:				3px 3px 2px 3px;
border:					0;
}
.real td.itemcell {
width:					25%;
text-align:				center;
vertical-align:			middle;
padding:				15px 15px 15px 15px;
}
.nobor td {
border:					0;
}
td.label {
padding:				0.2em 1.5em 0.2em 0.2em;
width:					25%;
font-weight:			bold;
text-align:				right;
background-color:		#F4F4F4;
border-bottom:			1px solid #FFF;
white-space:			nowrap;
vertical-align:			top;
}
td.tag {
width:					10%;
padding:				0 1em 0 1em;
}
.smalltext td {
font-size:				11px;
}

td.submit {
padding-top:			0.5em;
}

/* -------- order procedure -------- */
.order-checkbox-cur {
padding-left:		19px; 
background:			url("/nav/checkbox_norm.gif") left center no-repeat;
font-weight: 		bold;
color:				#555;
}
.order-checkbox-end {
padding-left:		19px; 
background:			url("/nav/checkbox_check.gif") left center no-repeat;
}
.order-checkbox-off {
padding-left:		19px; 
background:			url("/nav/checkbox_norm.gif") left center no-repeat;
}
.order-checkbox-on {
padding-left:		19px; 
background:			url("/nav/checkbox_check.gif") left center no-repeat;
font-weight: 		bold;
color:				#555;
}


/* -------- advanced search -------- */
#advsearchbox {
display: 				none;
position: 				absolute;
top: 					95px;
left: 					250px;
width: 					420px;
z-index: 				90;
padding: 				0;
margin: 				0;
}
.clipit {
position:				relative;
background-color:		#FFFFCC;
border: 				1px solid #999;
padding:				0 1em 1.5em 1em;
}


/* -------- images -------- */
.imgleft {
float: 				left; 
margin: 			1em 1em 1em 0;
}
.imgright {
float: 				right; 
margin: 			1em 0 1em 1em;
} 
.imggrid { 
background-color: #fff;
border: 		1px solid #a9a9a9;
padding: 		4px;
} 
.imggrid-small { 
padding: 			1px; 
background-color:	#ffffff; 
border:				1px solid #bbb; 
} 
.ordertrackerBlock {
float:				left;
width:				30%;
height: 			64px;
margin-left: 		1%;
font:				9px Verdana, sans-serif;
padding:			0 10px 0 70px;
}
.ordertrackerBlock img {
float: 				left; 
margin-left: 		-70px;
}

/* -------- forms -------- */
form {
margin:				0; 
padding:			0;
}
.formField {
font-family: 		Verdana, Arial, Helvetica, sans-serif;
font-size:			11px;	
color: 				#777777;
background-color: 	#FFF;
margin:				1px 0 1px 0;
padding:			2px 5px 2px 5px;
border:				1px solid #8F8F8F; 
}
input:focus {
background-color: 	#EEEEEE;
}
textarea {
font-family: 		Verdana, Arial, Helvetica, sans-serif;
font-size:			11px;	
color: 				#777777;
background-color: 	#FFF;
margin:				3px 0 3px 0;
padding:			2px 5px 2px 5px;
border:				1px solid #8F8F8F; 
width:              500px;
} 
textarea:focus {
background-color: 	#F9F9F9;
}
.formFieldPage {
font-family: 		Verdana, Arial, Helvetica, sans-serif;
color: 				#777777;
background-color: 	#FFF;
margin:				3px 0 3px 0;
padding:			2px 5px 2px 5px;
border:				1px solid #8F8F8F; 
text-align:			center;
font-size: 			10px;
}
.formDrop {
color: 				#777777;
font-family: 		Verdana, Arial, Helvetica, sans-serif;
font-size:			11px;	
margin:				3px 0 3px 0;
}
.formButton {
border:				0; 
margin-left:		-3px;
}
.formButtontxt {
font:					1em "Courier New", Monaco, Profont, monospace;
}

/* -------- header structure + menu -------- */
#header { 	
height:				60px; 
position:			relative;
border-bottom:		1px solid #737371;
}
	#header a {
	color:				#E3E3E3;
	font-weight:		normal;
	}
	#header a:hover {
	color:				#FCFCFC;
	}
	#header a:active {
	color:				#E3E3E3;
	}
	#box-logo h1 {
	margin:				0;
	padding:			0;
	}
	#box-logo h1 a {
	display:			block;
	width:				230px;
	height:				60px;
	}
	#box-logo h1 span { 		
	display:			none;
	}
#box-login {
padding:			5px 13px 5px 13px;;
position:			absolute;
top:				5px;
right:				0;
width:				240px;
height:				39px;
background-color:	#C9C9C9;
border:				1px solid #999;
text-align:			left;
}
#box-login:hover {
border:				1px solid #DEDEDE;
background-color:	#CDCDCD;
}
#box-login .welcome {
background:			url("/nav/login-guy.gif") no-repeat left;
padding:			3px 0 0 25px;
color:				#444;
font-size:			12px;
}
#box-login .options {
margin-top:			4px;
font:				10px Verdana, Arial, Verdana, sans-serif;
font-weight:		bold;
}
#box-login .options a:link {
text-decoration:	none;
color:				#333;
}
#box-login .options a:visited {
text-decoration:	none;
color:				#333;
}
#box-login .options a:hover {
text-decoration:	underline;
color:				#000;
}
#box-login .options a:active {
text-decoration:	none;
color:				#333;
}
#box-login .current a:link {
color:				#FFF;
}
#box-login .current a:visited {
color:				#FFF;
}
#box-login .current a:hover {
text-decoration:	none;
color:				#FFF;
}
#box-login .warn a:link {
color:				red;
text-decoration: 	blink;
}
#box-login .warn a:visited {
color:				red;
text-decoration: 	blink;
}

/* flags */
#box-flags {
position:				absolute;
right:					277px;
top:					7px;
width:					20px;
}
#box-flags a {
display:				block;
float:					left;
overflow: 				hidden;
width:					18px;
height:					12px;
margin-bottom:			3px;
border:					1px solid #777;
}
#box-flags a.flag-nl {
background:				#B6B6B6 url(/nav/flag-nl_ov.png); 
}
#box-flags a.flag-fr {
background:				#B6B6B6 url(/nav/flag-fr_ov.png);
}
#box-flags a.flag-en {
background:				#B6B6B6 url(/nav/flag-uk_ov.png);
}
#box-flags a.flag-nl:hover {
background:				#B6B6B6 url(/nav/flag-nl.png);
border:					1px solid #DEDEDE;
}
#box-flags a.flag-fr:hover {
background:				#B6B6B6 url(/nav/flag-fr.png);
border:					1px solid #DEDEDE;
}
#box-flags a.flag-en:hover {
background:				#B6B6B6 url(/nav/flag-uk.png);
border:					1px solid #DEDEDE;
}


/* menu */
#box-menu {
position:				absolute;
bottom:					-1px;
left:					225px;
overflow:				hidden;
}
#box-menu ul {
list-style:				none;
white-space:			nowrap;
padding:				0;
margin:					0;
}
#box-menu > ul a {
width:					auto;
}
#box-menu li {
height:					2.2em;
font-family:       		"Trebuchet MS", Verdana, Helvetica, Tahoma, sans-serif;
font-size:         		11px;
letter-spacing:    		.08em;
text-transform:    		uppercase;
font-weight:       		bold;
float:					left;
line-height:			11px;
padding:				0;
margin:					0 0.5em 0 0;
white-space:			nowrap;
}
#box-menu a {
color:             		#E3E3E3;
text-decoration:   		none;
float:					left;
display:				block;
width:					.1em;
padding:				6px 11px;
text-decoration:		none !important;
font-weight:			bold;
}
#box-menu a:hover {
color:             		#FCFCFC;    
}
#box-menu li:hover a {
background-color:   	#B5B5B5;
}
#box-menu li.current {
text-decoration:   		none;
background:        		#FCFCFC;
text-shadow: 			2px 2px 2px #ddd;
border-top:        		1px solid #737371;
border-left:       		1px solid #737371;
border-right:      		1px solid #737371;
background-image:		url(/nav/menubuttonback.gif);
background-repeat: 		repeat-x;
background-position:	bottom;  
}
#box-menu li.current a,
#box-menu li.current a:hover	{
color:					#666 !important;
background:        		#FCFCFC;
}



/* -------- footer -------- */
#footer {
border-top:				1px solid #E8E8E8;
border-right:			1px solid #737371;
border-left:			1px solid #737371;
border-bottom:			1px solid #737371;
background-color:		#EEEEEE;
padding:				2px 20px 3px 20px;
font-size:				11px;
color:					#909090;
line-height:			1.8em;
}
#footer a:link, #footer a:visited {
font-weight:			normal;
color: 					#666;
text-decoration:		none;
}
#footer a:hover {
font-weight:			normal;
color:					#1A1A1A;
text-decoration:		underline;
}

/* ---------- magic boxes ---------- */
.clear 	 {clear: both; height: 0.1em;}
.box10p  {width: 10%;}
.box20p  {width: 20%;}
.box25p  {width: 25%;}
.box30p  {width: 30%;}
.box40p  {width: 40%;}
.box33p  {width: 33.3%;}
.half, .box50p    {width: 49.5%;}
.box60p  {width: 60%;}
.box70p  {width: 70%;}
.box75p  {width: 75%;}
.box80p	 {width: 80%;}
.box90p  {width: 90%;}
.stretch, .box100p {width: 99.5%;}
.box20 		{width:	20px !important;}
.box100 	{width:	100px;}
.box150 	{width:	150px;}
.box200 	{width:	200px;}
.box220 	{width:	220px;}
.box235 	{width:	235px;}
.box250 	{width:	250px;}
.box300 	{width:	300px;}
.box350 	{width:	350px;}
.box400 	{width:	400px;}
.box450 	{width:	450px;}
.hcentr  {text-align: center !important;}
.hleft 	 {text-align: left !important;}
.hright  {text-align: right !important;}
.vtop 	 {vertical-align: top !important;}
.vmid 	 {vertical-align: middle !important;}
.vbot 	 {vertical-align: bottom !important;}
.right 	 {float: right !important;}
.left 	 {float: left !important;}
.nowrap  {white-space: nowrap !important;}
.nopad   {padding:0;margin:0;}
.hideme  {display: none;}