﻿/*
colors used:
olive for text-color and backgroundcolor header
limegreen for the mouseover of the links and text-color h1-h6
white for the links in the footer
*/

* { margin: 0px; padding: 0px; outline-style: none; }

html, body { height: 100%;  }
html {  background: #7fafe8  url(pics/bg_body_v2.gif) top left scroll repeat-x; }
html.home { background: #006fb4; }
body { overflow-x: hidden; }

#site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	min-width: 990px;
	width: 100%; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font: 14px trebuchet ms, arial, verdana, sans-serif;
	line-height: 24px;
	color: #fff;
	overflow: hidden;
	/*background: url(pics/back_content.gif) left top repeat ;*/
}

img a, a img { border: 0px solid #fff; }

/* Spacers */
.h_spacer_25  { width: 25px; float: left; }
.v_spacer_200 { height: 200px; }

/* background vervolg */
#bgcontainer { position: absolute;  }
#bgcontainer, #bgcontainer table, #bgcontainer td {width:100%;height:100%; overflow:hidden; }
#bgcontainer div { position:absolute;width:200%;height:200%; top:-50%;left:-50%; }
#bgcontainer td  { vertical-align:middle;text-align:center;  }
#bgcontainer img { min-height:50%; min-width:50%; margin:0px 0px 0px 1px;}


/* For ie6 */
#supersize { display: none; }

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

#print_header {
	display: none;
}

#header_container {
	position: relative;
	width: 100%;
	height: 78px;
	z-index: 7;	
	background: #006fb4;
}

#header_container img.bg {
	position: absolute;
	margin-left: -4500px; 
	left: 50%;
}

#header {
	position: relative;
	margin: 0px auto;
	width: 990px;
	height: 80px;

}

#header .logo { position: absolute; top: 13px; left: 42px; }
#header .logo a img { border: 0px solid #fff; }

#header .logo.home { left: 56px; }

#header ul.languages { position: absolute; right: 80px; bottom: -3px;  margin: 0px; list-style-type: none; }
#header ul.languages li { float: left; margin: 0px 7px 0px 0px; }

#header div.languages { position: absolute; right: 80px; bottom: -3px;  margin: 0px; list-style-type: none; }

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

#navigation {
	position: absolute; 
	top: 0px;
	right: 80px;
	/* left: 323px; */
	text-transform: lowercase;
}
/*
#navigation.home { left: 270px; }
*/ 
#navigation ul {
	margin: 0px;
	list-style-type: none;
}

#navigation ul.en {
	margin: 0px 285px 0px 0px;
}

#navigation li { height: 35px;  float: left; background: url(pics/bg_navigation_li.gif) top left no-repeat; }


#navigation li a:link, #navigation li a:visited {
	margin: 0px 0px 0px 2px;
	padding: 15px 8px 10px 8px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#navigation li.current a:link,
#navigation li.current a:visited,
#navigation li a:hover { background: url(pics/bg_navigation_hover.gif) top left repeat-x; }

/* ------------------------------------------------------------------------- SubNavigation */ 

/* OLD 
#subnavigation {
	position: relative;
	margin: 0px 0px 40px 0px;
	padding: 80px 30px 1px 30px;
	width: 190px;
	float: left;
	background: #006fb4;
}

#content #subnavigation ul { margin: 0px; list-style-type: none; }
#content #subnavigation li { 
	margin: 0px; 
	padding: 0px 0px 0px 21px;  
	min-height: 20px; 
	height: auto !important; 
	height: 20px;  
	background: url(pics/bg_li_subnavigation.gif) 0px 5px no-repeat; 
}

#content #subnavigation li a:link,
#content #subnavigation li a:visited {
	font-size: 14px; 
	color: #eaf1ff;
	border: 0px solid #fff;
}

#content #subnavigation li a:hover,
#content #subnavigation li.current a:link,
#content #subnavigation li.current a:visited {
	border-bottom: 1px solid #eaf1ff;
}

#content #subnavigation li.current ul li a:link,
#content #subnavigation li.current ul li a:visited {
	font-size: 14px; 
	color: #eaf1ff;
	border: 0px solid #fff;
	text-decoration: none;
}

#content #subnavigation li.current ul li.set a:link,
#content #subnavigation li.current ul li.set a:visited {
	border-bottom: 1px solid #eaf1ff;
}

#subnavigation img.bg_subnavigation {
	position: absolute;
	left: 0px;
	bottom: -47px;
}

*/

#subnavigation { margin: 113px 0px 0px 0px; float: left; }

#content #subnavigation ul { margin: 0px; list-style-type: none; }
#content #subnavigation li { position: relative; margin: 0px 0px 2px 0px; width: 250px; min-height: 30px; height: auto !important; height: 30px; float: left; background: url(pics/bg_subnavigation_li.gif) top left no-repeat; }

#content #subnavigation li a:link, 
#content #subnavigation li a:visited { position: relative; padding: 3px 25px; display: block; border: 0px solid #fff; z-index: 10; }

#content #subnavigation li span.bottom       { display: none; }
#content #subnavigation li.current span.bottom, 
#content #subnavigation li:hover span.bottom { display: block; }

#content #subnavigation li span.bottom { 
	position: absolute; 
	bottom: 0px; 
	left: 0px; 
	line-height: 0px; 
	font-size: 0px; 
	height: 15px;
	width: 250px;
	background: url(pics/btn_subnavigation_current_bottom.gif) top left no-repeat;
	z-index: -1;	
}

#content #subnavigation li span.bg-animate {
	position: absolute;
	top: 15px;
	left: 0px;
	width: 250px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	background-color: #2c96d0;
}


/*
#content #subnavigation li.current.sub { background:	url(pics/bg_li-last_subsubnavigation.gif) bottom left no-repeat; }
*/
/*
#content #subnavigation li.current.sub a:link,
#content #subnavigation li.current.sub a:visited { background: url(pics/bg_subnavigation_li_sub_hover.gif) no-repeat top; position: relative; z-index: 15; }
*/
/*
#content #subnavigation li.current.sub {background:	url(pics/bg_li-last_subsubnavigation.gif) bottom left no-repeat; }
*/
/*
#content #subnavigation li.current.sub ul li { padding: 0px 0px 0px 15px; margin: 0px; width: 235px; background: #179EDB; }
#content #subnavigation li.current.sub ul li.current { background: #179EDB url(pics/arrow.gif) no-repeat 25px 6px; }
#content #subnavigation li.current.sub ul li:hover { background: #179EDB url(pics/arrow.gif) no-repeat 25px 6px; }
*/


/*#content #subnavigation li.current { background: none; } */

#content #subnavigation li:hover,
#content #subnavigation li.current { min-height: 30px; height: auto !important; overflow: hidden; background: url(pics/btn_subnavigation_current_top.gif) top left no-repeat; }

#content #subnavigation li.current ul { padding: 0px 0px 0px 15px; overflow: hidden; }
#content #subnavigation li.current.sub ul li { width: 235px; line-height: 30px; display: block; background: none; }
#content #subnavigation li.current.sub ul li a:link, 
#content #subnavigation li.current.sub ul li a:visited { padding: 0px 25px; line-height: 30px; text-decoration: none; background: none; position: relative; z-index: 10; }

#content #subnavigation li.current.sub ul li a:hover,
#content #subnavigation li.current.sub ul li.current a:link,
#content #subnavigation li.current.sub ul li.current a:visited { display: inline; float: left; background: url(pics/arrow.gif) no-repeat 10px 9px; }

/*
#content #subnavigation li.current.sub ul li.last { background:	url(pics/bg_last.gif) top left no-repeat; }
*/

/* ------------------------------------------------------------------------- Bumper page */ 

#bumper_languages {
	position: absolute;
	width: 845px;
	top: 100px; 
	left: 50%;
	margin: 0px 0px 0px -422px;	
}

#bumper_languages .lang { 
	margin: 0px 17px 0px 0px;
	width: 110px; 
	height: 57px;
	float: left;
	background: url(pics/bg-lang.png) no-repeat;
	padding-top: 33px;
	text-align: center;
	cursor: pointer;
}

#bumper_languages .lang a{
	color: #fff;
	text-decoration: none;
} 

#bumper_languages .lang.last { margin: 0px; } 


/* ------------------------------------------------------------------------- Marketing project page */ 

#marketingpage-banners {
	margin: 0px 0px 0px -14px;		
	padding: 5px 0px 0px 0px;
}

#content #marketingpage-banners a:link, 
#content #marketingpage-banners a:visited { 
	margin: 0px 2px 0px 0px;
	width: 176px; 
	height: 232px; 
	float: left; 
	font-size: 0px; 
	line-height: 0px; 
	text-decoration: none;
	border: 0px solid #fff;
}

#content #marketingpage-banners img { margin: 0px; } 

/* ------------------------------------------------------------------------- Slideshow home */ 


#slideshow_home_container {
	position: relative;
	width: 100%;	
	height: 485px;
	z-index: 5;
	background: #fff;
}

#slideshow_home_container.bumper {
	background-image: url(/pics/bg_slideshowcontainer_bumper.gif);
	background-position:  0px -195px;
	background-repeat:  repeat-x;
}

#slideshow_home_container #flash { position: relative; height: 490px; z-index: 5; }
#slideshow_home_container #flash.bumper { height: 325px; }

#slideshow_home_container img.overlay {
	position: absolute;
	margin-left: -4500px;
	left: 50%;
	bottom: -44px;
	z-index: 10;
	/* background: #ff0000; */
}

#slideshow_home_container span.bumper img.overlay { bottom: 160px; }
* html #slideshow_home_container span.bumper img.overlay { bottom: 159px; }  


#slideshow_home {
	position: relative;
	margin: 0px auto;
	width: 990px;
}

#tab_content { position: relative; z-index: 15; }
#tab_content .tab{
	position: absolute;
	right: -417px; 
	width: 460px;
	z-index: 20;
}

#tab_content .tab img {
	position: relative; 
	z-index: 10;
	cursor: pointer;	
	float: left;
}

#tab_content .tab .content {
	position: absolute;
	z-index: 5;
	padding: 15px 60px 25px 70px;
	width: 340px;
	height: 220px;
	float: left;	
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

#tab_content .tab .content a {
	color: #fff;
}

#tab_content .tab .content img.left {	margin: 0px 10px 10px 0px; float: left; cursor: default; }


#tab_content .tab.cosmetics     { height: 94px; top: 85px; }
#tab_content .tab img.cosmetics { position: absolute; top: 0px; left: 10px; width: 44px; height: 94px; }
#tab_content .tab.cosmetics .content {	
	margin-left: -10px;
	clip: rect(0px 54px 99px 0px);
	background: url(pics/bg_blue_tab.png) top left repeat; 
}

#tab_content .tab.home-interieur     { height: 146px; top: 183px; }
#tab_content .tab img.home-interieur { position: absolute; top: 52px; left: 10px; width: 44px; height: 146px; }
#tab_content .tab.home-interieur .content {	
	margin-top: -52px;
	margin-left: -10px;  
	clip: rect(52px 54px 203px 0px);
	background: url(pics/bg_green_tab.png) 0px 0px no-repeat;
}

#tab_content .tab.city-homewear     { height: 141px; top: 343px; }
#tab_content .tab img.city-homewear { position: absolute; top: 109px; left: 10px; width: 44px; height: 141px; }
#tab_content .tab.city-homewear .content { 
	margin-top: -119px; 
	margin-left: -10px; 
	clip: rect(109px 54px 260px 0px);
	background: url(pics/bg_purple_tab.png) top left repeat; 
}


#slideshow_home_container #slideshow_home #login {
	position: absolute;
	top: -200px;
	right: 119px;
	height: 200px;
	width: 250px;
	clip: rect(150px 250px 220px 0px);
	background: #6192c8;
}

#slideshow_home img.tab_login { position: absolute; left: 0px; top: 200px; z-index: 50; cursor: pointer; }

#login .login_content       { position: relative; width: 250px; height: 200px; z-index: 0; } 
#login .login_content .txt  { position: absolute; padding: 0px 10px; bottom: 0px; width: 235px; text-align: center; font-weight: bold; font-size: 11px; color: #004f90; }

#login .form { 
	text-align: left;
	display: none; 
}

#login .login_content .txt .row { float: left; }
#login .login_content .txt .description { width: 80px; text-align: left; float: left;}
#login .login_content .txt .value { float: left; }
#login .login_content .txt .value input { padding: 1px 2px; width: 120px; font-size: 11px; }
#login .login_content .txt .value input.button { padding: 2px 5px; border: 1px solid #a5acb2; color: #fff; background: #004f90; }

#overlay_login_btn {
	position: absolute;
	top: 46px;
	width: 250px;
	height: 20px;
	z-index: 55;
	cursor: pointer;
	display: none;
	background: url(http://repos.imanager.nl/transparent.gif) top left repeat;
}

/* ------------------------------------------------------------------------- Content Home */ 

#content_home {
	position: relative;
	margin: 0px auto;
	padding: 45px 0px 20px 0px;
	width: 846px;
	color: #fff;
	font: 12px Tahoma, Geneva, sans-serif;		
	line-height: 24px;
	z-index: 5; 
}

#content_home #text { 
	padding: 0px 0px 0px 10px;	
	width: 515px;
	font-weight: bold;
	text-align: justify;
	background: none;
}

#content_home #sidebar {
	width: 260px;
	float: right;
}

#content_home .banner {
	width: 250px;
	height: 155px;
	float: left;
}

#content_home #sidebar {
	position: relative;
	padding: 80px 0px 0px 0px;
	margin-top: -91px;	
	margin-right: 37px;
	display: inline;
	/*z-index: -1;*/
}

#content_home #sidebar .block {
	position: relative;
	width: 250px;
	color: #006fb4;
}

#content_home #sidebar .text { padding: 0px 20px; width: 210px; float: left; background: #fff; }
#content_home #sidebar .text a:link,
#content_home #sidebar .text a:visited { color: #006fb4; text-decoration: none; }

#content_home #sidebar .block span.top,
#content_home #sidebar .block span.bottom { font-size: 0px; line-height: 0px; }

#content_home #sidebar .block span.top img,
#content_home #sidebar .block span.bottom img { margin: 0px; float: left; }

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

#content_container {
	position: relative;
	width: 100%;
}

#banner_bar { margin: 15px 0px 0px 0px; /* clear: both; display: block; */ } 

#content {
	margin: 0px auto;
	width: 855px;
	min-height: 100px;
	height: auto !important;
	height: 100px;	
}

#content #text {
	position: relative;
	padding: 75px 20px 0px 20px;
	width: 520px;
	min-height: 382px;
	height: auto !important;
	height: 382px;
	float: left;
	font-size: 14px;
	color: #eaf4f9;
	text-align: justify;
	/* background: #006fb4; */
}

#content #text embed, #content #text object { width: 520px; margin: 5px 0px;} 

#content #text strong{
	color: #006FB3;
	font-weight: normal;
	padding: 0px;
}

#content #sidebar { 
	margin: 0px 45px 0px 0px;
	width: 250px; 
	float: left; 
}

#content #text img.bg_text {
	position: absolute;
	left: 0px;
	bottom: -47px;	
	display: none;
}

#content ul.vacature { margin: 0px 0px 10px 0px; list-style-type: none; } 
#content ul.vacature li { cursor: pointer; background: url(pics/li_background.gif) no-repeat; position: relative; padding: 0px; margin: 0px 0px 3px 0px; width: 520px; float: left; min-height: 25px; height: auto !important; }
#content ul.vacature li:hover { background: url(pics/li_background_hover.gif) no-repeat; }
#content ul.vacature li span.description { cursor: pointer; position: relative; float: left; width: 460px;  height: 100%; padding: 3px 30px; z-index: 4; display: block;}

/*#content ul.vacature li span.top-list	 	{ position: absolute; top: 0px; left: 0px; background: url(pics/list-item-top.gif) top left no-repeat; z-index: 3; width: 520px; height: 12px; display: block;}
#content ul.vacature li span.bottom-list { position: absolute; bottom: 0px; left: 0px; background: url(pics/list-item-bottom.gif) top left no-repeat; z-index: 3; width: 520px; height: 12px; display: block;}
*/
#content ul.images { margin: 0px 0px 0px 0px; list-style-type: none; } 
#content ul.images li     { position: relative; margin: 0px 14px 14px 0px; padding: 0px; width: 164px; height: 100px; float: left; overflow: hidden; line-height: 0px; font-size: 0px; }
#content ul.images li.last { margin: 0px 0px 14px 0px; }

#content ul.images li span 				{ position: absolute; left: 0px; width: 164px; height: 4px; }
#content ul.images li span.top	 	{ top: 0px; background: url(pics/border_images_top.png) top left no-repeat;}
#content ul.images li span.bottom { bottom: 0px; background: url(pics/border_images_bottom.png) top left no-repeat; }

#content ul.images li img { float: left; margin: 0px; width: 156px; border: 4px solid #fff; border-top: 0px solid #fff;border-bottom: 0px solid #fff; }
#content ul.images li a:link,
#content ul.images li a:visited  { text-decoration: none; border: 0px solid #fff; }

#content ul.product { margin: 0px 0px 0px 0px; list-style-type: none; } 
#content ul.product li     { position: relative; margin: 0px 9px 9px 0px; padding: 0px; width: 164px; height: 100px; float: left; overflow: hidden; background: #fff;}

#content ul.product li span 				{ position: absolute; left: 0px; width: 164px; height: 4px; }
#content ul.product li span.top	 	{ top: 0px; background: url(pics/border_images_top.png) top left no-repeat; z-index: 2;}
#content ul.product li span.bottom { line-height: 0px; font-size: 0px; bottom: 0px; background: url(pics/border_images_bottom.png) top left no-repeat; }
#content ul.product li span.description { width: 154px; background: url(pics/description_bg.png) repeat; bottom: 4px; padding-left: 2px; z-index: 2; height: auto !important; border-right: 4px solid #fff; border-left: 4px solid #fff; color: #000000; font-size: 11px; line-height: 14px; text-align: left; padding: 3px;}

#content ul.product li img { float: left; margin: 0px; width: 156px; height: 110px; border: 4px solid #fff; border-top: 0px solid #fff;border-bottom: 0px solid #fff; z-index: 1;}
#content ul.product li a:link,
#content ul.product li a:visited  { text-decoration: none; border: 0px solid #fff; }

#content span.news_item { padding-bottom: 15px; }
#content span.news { margin: 0px 0px 0px 0px; list-style-type: none; display: block; } 
#content span.news span.image{ position: relative; margin: 0px 14px 0px 0px; padding: 0px; height: 100px; float: left; overflow: hidden; line-height: 0px; font-size: 0px; }

#content span.news span.image span 				{ position: absolute; left: 0px; width: 164px; height: 4px; }
#content span.news span.image span.top	 	{ top: 0px; background: url(pics/border_images_top.png) top left no-repeat;}
#content span.news span.image span.bottom { bottom: 0px; background: url(pics/border_images_bottom.png) top left no-repeat; }

#content span.news span.image img { float: left; margin: 0px; width: 156px; border: 4px solid #fff; border-top: 0px solid #fff;border-bottom: 0px solid #fff; }
#content span.news span.image a:link,
#content span.news span.image a:visited  { text-decoration: none; border: 0px solid #fff; }
#content span.description  { width: 302px; float: left; padding-bottom: 10px; }

#content span.news_item { width: 480px; height: auto !important; position: relative; float: left; }
#content span.news_item a { border: 0px; text-align: left; } 

#content #text span.news_item { text-align: left; }

#content #text #adres { margin: 0px; position: relative; float: left; }
#content #text #adres { border: 4px solid #fff; height: auto !important; width: 520px; z-index: 1; }
#content #text #adres span.top { position: absolute; left: -4px; width: 528px; height: 4px; }
#content #text #adres span.bottom { position: absolute; left: -4px; width: 528px; height: 4px; }
#content #text #adres span.top	 	{ top: -4px; background: url(pics/border_images_top_big.png) top left no-repeat;}
#content #text #adres span.bottom { bottom: -4px; background: url(pics/border_images_bottom_big.png) top left no-repeat;}

#content ul.products              { margin: 0px 0px 0px 0px; list-style-type: none; } 
#content ul.products li           { position: relative; margin: 0px 6px 6px 0px; padding: 0px; width: 165px; height: 130px; cursor: pointer; float: left; border: 1px solid #fff;  }
#content ul.products li span.image {  }
#content ul.products li span.name { position: absolute; bottom: 0px; left: 0px; padding: 0px 5px;  height: 25px; overflow: hidden; width: 155px; display: block; background: #6192c8; }
#content ul.products li img       { float: left; margin: 0px;}
#content ul.products li a:link,
#content ul.products li a:visited { font-size: 11px;  text-decoration: none; border: 0px solid #fff; }

#content .control  { padding: 20px 0px; clear: both; }
#content .prev     { width: 100px; float: left; } 
#content .next     { width: 100px; float: right; text-align: right; } 

h1, td h1 {font: 19px trebuchet ms, arial, verdana, sans-serif; color: #fff; margin-bottom: 7px;}
h2, td h2 {font: 17px trebuchet ms, arial, verdana, sans-serif; color: #fff; margin-bottom: 7px;}
h3, td h3 {font: 15px trebuchet ms, arial, verdana, sans-serif; color: #fff; font-weight: bold; margin-bottom: 7px;}
h4, td h4 {font: 14px trebuchet ms, arial, verdana, sans-serif; color: #fff; margin-bottom: 7px;}
h5, td h5 {font: 13px trebuchet ms, arial, verdana, sans-serif; color: #fff; margin-bottom: 7px;}
h6, td h6 {font: 12px trebuchet ms, arial, verdana, sans-serif; color: #fff; margin-bottom: 7px;}

#content a:link, #content a:visited {text-decoration: none; color: #fff; border-bottom: 1px solid #fff; cursor: pointer;}
#content a:hover {  }

#content a.soliciteren:link, #content a.soliciteren:visited {
	text-decoration: none; 
	color: #444; 
	border: 0px; 
	background: url(pics/soliciteren_btn.gif) no-repeat; 
	height: 23px; 
	width: 82px;
	padding: 3px 22px;
	text-align: center;
	float: right;
	margin: 0px;
}

table {margin: 5px 0px;}
td {
	font: 12px trebuchet ms, arial, verdana, sans-serif;
	line-height: 16px;
	color: #fff;
}

#content img,
#content_home img       { margin: 10px 0px; }
#content img.left,
#content_home img.left  {	margin: 0px 10px 10px 0px; float: left; }
#content img.right,
#content_home img.right { margin: 0px 0px 10px 10px; float: right; }

#content p { margin-bottom: 15px;}

#content ul { margin: 10px 0px 10px 15px; list-style-type: disc;}
#content li { margin: 0px 0px 0px 15px;}
#content ol { margin: 10px 0px 10px 20px;}

#content span.file .icon img { margin: 2px 0px; }
#content span.file .icon     { margin: 0px 5px 0px 0px; padding: 0px; font-size: 0px; line-height: 0px; float: left; }
#content span.file .info     { width: 375px; float: left; }

/* Tab styling */

.ui-tabs 							{ padding: 0px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px; }

.ui-tabs .ui-tabs-panel { padding: 0px; display: block; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


#content #tabs ul.tabs { margin: 13px 0px 13px 0px; width: 100%; height: 25px; border-bottom: 1px solid #d8dff0; list-style-type: none; }
#content #tabs ul.tabs li { margin: 0px 0px 0px 1px; width: 140px; height: 25px; float: left; text-align: center; background: url(pics/tab.gif) top left no-repeat; }
#content #tabs ul.tabs li:hover { background: url(pics/tab_hover.gif) top left no-repeat; }

#content #tabs ul.tabs li.ui-tabs-selected { background: url(pics/tab_hover.gif) top left no-repeat; }

#content #tabs ul.tabs li.ui-tabs-selected a, 
#content .ui-tabs .ui-tabs-nav li a:link, 
#content .ui-tabs .ui-tabs-nav li a:visited { border: 0px solid black; }
#content #tabs .ui-tabs .ui-tabs-nav li a, #content #tabs .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

#content ul.downloads    { margin: 25px 0px; list-style-type: none; }
#content ul.downloads li { margin: 0px; }

/* ------------------------------------------------------------------------- Form */

form .row {
	line-height: 25px;
	width: 520px;
}

/*
form .row .errorMsg {
	position: absolute;
	left: 360px;
	background: #c44646;
	color: #ffffff;
	font-size: 11px;
	border: 3px solid #ffffff;
	line-height: 12px;
	margin-top: 4px;
	padding: 2px 4px;
	text-align: left;
	width: 180px;
}
*/

form .row .errorMsg {
	position: absolute;
	left: 375px;
	margin-top: 3px;
	height: 17px;
	width: 22px;
	font-size: 0px;
    line-height: 0px;
}
#content form .row .errorMsg a:link, 
#content form .row .errorMsg a:visited  { border: 0px solid #fff; text-decoration: none;} 

#content form .row .errorMsg img { margin: 0px; } 

form .description{  
	padding: 1px 0px 0px 0px;
	width: 160px;
	margin: 0px 20px 0px 0px;
	float: left;
	line-height: 18px;
	text-align: right;
} 

form .value {  
	width: 340px;
	float: left;
} 

form .value input {
	padding: 1px 2px;
	font-size: 12px;
}

form .value input.text {
	width: 150px;
	height: 19px;
	background: url(pics/input_field.gif) no-repeat;
	border: 0px;
	padding: 3px 10px 0px 10px;
	color: #444444;
}

form .value input.small {
	width: 30px;
	padding-right: 5px;
}

form .value input.large {
	width: 200px;
}


form .value .button {
	margin-top: 2px;
	padding: 0px;
	height: 30px;
	width: 82px; 
	background: url(pics/submit_btn.gif) no-repeat;
	color: #444;
	border: 0px;
	display: inline-block;
	text-align: center;
	line-height: 18px;
}

form .value .button.upload {
	background: url(pics/upload_btn.gif) no-repeat !important;
	line-height: 22px;
	font-size: 12px;
}

form .value .textarea {
	margin-top: 4px;
	padding: 2px;
	width: 150px;
	height: 94px;
	font: 12px trebuchet ms, arial, verdana, sans-serif;
	background: url(pics/textarea.gif) no-repeat top right;
	border: 0px;
	padding: 3px 10px 3px 10px;
	color: #444444;
	overflow: auto;
} 

/* ------------------------------------------------------------------------- GOOGLE MAP */ 

#map {
	width: 520px;
	height: 350px;
  float: left;
}

.googledir div table td     { color: #000; }
.googledir div div table td { color: #fff; }

.directions_form {
	padding: 10px;
	width: 500px;
	height: 80px;
	float: left;
	background: #6192c8;
}

/* ------------------------------------------------------------------------- CHECKBOX */

span.checkbox {
  width: 19px;
  height: 20px;
  background: url(pics/checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
  margin-top: 5px;
}
span.radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(pics/radio.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}
span.select {
  position: absolute;
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url(pics/select.gif) no-repeat;
  overflow: hidden;
}

/* ------------------------------------------------------------------------- FAQ */ 

#content #faq_list a:link,
#content #faq_list a:visited{
	padding: 0px 20px;
	width: 480px;
	display: block;
	list-style-type: none;
	color: #333333;
	border-bottom: 1px solid #6192c8;
	background: #d8dff0 /*url(pics/bg_head_faq.gif)*/;
}

#content #faq_list div{
	padding: 0px 20px;
	font-size: 12px;
	height: 100%;
}

#content #faq_list div p { margin: 0px; }

#content a.back-link:link, #content a.back-link:visited  { 
	background: url(pics/back-image.gif) no-repeat; 
	width: 146px; 
	height: 18px; 
	padding: 5px 28px 6px 22px; 
	text-align: center;
	border: 0px;
}

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

#footer_container {
	position: absolute;
	bottom: 0px;
	padding: 0px;
	width: 100%;
	height: 180px;
	font: 10px trebuchet ms, arial, verdana, sans-serif;
	color: #fff;
	overflow: hidden;
}

#footer_container img.footer_overlay {
	position: absolute;
	margin-left: -4500px;
	left: 50%;
	bottom: 0px;
	z-index: 10;
}

#footer_content {
	position: relative;
	margin: 0px auto;
	padding: 130px 20px 0px 0px;
	width: 855px;
	color: #fff;
	font: 12px Tahoma, Geneva, sans-serif;		
	line-height: 24px;
	z-index: 15;
	text-align: right;
}

#footer_container a:link, #footer_container a:visited {
	text-decoration: none;
	line-height: 20px;
	color: #fff;
}

#footer_container a:hover { text-decoration: underline; }

br.clear { height: 0px; font: 0px trebuchet ms, arial, verdana, sans-serif; line-height: 0px; clear: both; }