body
{
	background: url(/images/body_bkg_grey.gif);
	margin-top: 0px;
	font: normal 8pt/16pt Verdana, Arial, Helvetica, Sans-serif;
	text-align: center;
	overflow: scroll;
}

a:link
{
	text-decoration: underline;
	color: #5C3065;
}

a:active, a:visited, a:hover
{
	text-decoration: underline;
	color: #6F3076;
}

h1
{
	font: bold 10pt Verdana, Arial, Helvetica, Sans-serif;
}

h2
{
	font: bold 9pt Verdana, Arial, Helvetica, Sans-serif;
	color: #F50E33;
}

h3
{
	font: bold 8pt Verdana, Arial, Helvetica, Sans-serif;
	color: #F50E33;
	margin-bottom: 3px;
}

ul
{
	margin: 0px;
	padding: 0px;
}

li
{
	margin: 0px;
	margin-left: 17px;
	padding: 0px;
}

/*-------------------------------------------
----- The main page container ---------------
---------------------------------------------
The background is a wide horizontal strip 
which includes left and right side shadow, 
only visible at side of body_main div 
container.
--------------------------------------------*/

div.page_container
{
	background: url(/images/body_main_bkg_strip.gif) repeat-y left;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

/*-------------------------------------------
----- The header container ------------------
---------------------------------------------
Header includes logo, navigation_top, and 
search and products navigation_tools.
--------------------------------------------*/

div.header
{
	background: url(/images/body_bkg_grey.gif);
	width: 850px;
	height: 78px;
	margin-bottom: 0px;
}

div.logo_budgio
{
	background: url(/images/logo_budgio.gif) no-repeat;
	float: left;
	width: 210px;
	height: 78px;
	margin-left: 0px;
}

div.navigation_top
{
	float: right;
	font: normal 7pt Verdana, Arial, Helvetica, Sans-serif;
	width: 450px;
	margin-top: 20px;
	margin-bottom: 12px;
	margin-right: 5px;
	text-align: right;
}

div.navigation_top a
{
	font: normal 7pt Verdana, Arial, Helvetica, Sans-serif;	
	border: 0px;
	color: #000000;	
	text-decoration: none;
}

div.navigation_tools
{
	float: right;
	width: 450px;
	margin-right: 5px;
	margin-bottom: 0px;
}

div.navigation_tools_products
{
	float: right;
}

div.navigation_tools_search
{
	float: right;
	margin-right: 0px;
}

div.search_text
{
	float: left;
	margin-top: 6px;
}

div.search
{
	float: left;
}

.search_field
{
	width: 100px;
}

/*-------------------------------------------
----- The main navigation container ---------
---------------------------------------------
The horizontal navigation bar... Includes
middle div which holds the image buttons,
and left and right corner divs for the
corner shadows.
--------------------------------------------*/

div.navigation_main
{

}

div.navigation_main_center
{
	background: url(/images/menu_backgr.gif) repeat-x top;
	float: left;
	width: 824px;
	height: 50px;
	text-align: left;
}


/*-------------------------------------------
----- The main body content container -------
---------------------------------------------
The main content holder of page structured
for adjustable size content.  4 divs with
float left property. far leftmost and far 
rightmost divs are for spacing to allow the
shadow sides to show.  Inner left div has
photo background such as auto, household 
item. A people picture with transparent bkg is 
overlayed from the html page over this bkg.
Inner right div holds the content generated 
from the database by the cmt.
--------------------------------------------*/

div.body_main
{
	width: 850px;
	margin: 0px;
	padding: 0px;
}


div.body_main_border_left
{
	float: left;
	background: url(/images/body_main_border_left.gif) repeat-y left;
	width: 13px;
	height: 20px;
	margin: 0px;
	padding: 0px;	
}

div.body_main_border_right
{
	float: left;
	background: url(/images/body_main_border_right.gif) repeat-y right;
	width: 13px;
	height: 20px;
	margin: 0px;
	padding: 0px;
}

div.left_photos
{
	float: left;
	margin: 0px;
	padding: 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');
}

#RotatingImages
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='scale');
}	

div.photo_background_auto
{
	background: url(/images/photo_sportscar.jpg);
	float: left;
	width: 280px;
	height: 395px;
	margin: 0px;
	padding: 0px;
}

div.content_main
{
	float: left;
	font: normal 8pt/10pt Verdana, Arial, Helvetica, Sans-serif;
	background-color: #ffffff;
	width: 544px;
	text-align: center;
}

div.content_main_content
{

	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	width: 464px;
	text-align: left;
}

/*-------------------------------------------
----- The footer container ------------------
---------------------------------------------
Footer div spans the 850px width. 3 divs:
left and right corner shadow, plus the middle
footer
--------------------------------------------*/

div.footer
{
	clear: both;
	margin: 0px;
	padding: 0px;
}

div.footer_bar
{
	background: url(/images/footer_backgr.gif);
	float: left;
	width: 824px;
	height: 35px;
}

div.footer_text
{
	width: 850px;
	height: 22px;
	padding-top: 5px;
	text-align: left;
}

/*-------------------------------------------
----- Shadowy Corner action defined here ----
-------------------------------------------*/


div.corner_top_left
{
	background: url(/images/corner_top_left.gif);
	float: left;
	width: 13px;
	height: 50px;
}


div.corner_top_right
{
	background: url(/images/corner_top_right.gif);
	float: left;	
	width: 13px;
	height: 50px;	
}


div.corner_bottom_left
{
	background: url(/images/corner_bottom_left.gif);
	float: left;
	width: 13px;
	height: 35px;
}


div.corner_bottom_right
{
	background: url(/images/corner_bottom_right.gif);
	float: left;
	width: 13px;
	height: 35px;
}


/*--------------------------------*/
/*  Zoekresultaten ---------------*/
/*--------------------------------*/

table.list
{
	border-bottom: solid 0px #8B648D;
	width: 487px;
}

table.list tr th, table.list tr td
{
	border-bottom: solid 1px #521C55;
	font: normal 8pt Verdana, Arial, Helvetica, Sans-serif;
	padding:0px;
	padding-top:1px;
	padding-bottom:1px;
}

table.list tr th
{
	color: #000000;	
	font: bold 10pt Verdana, Arial, Helvetica, Sans-serif;
	text-align: left;
}

table.list tr th a, table.list tr td a
{
	text-decoration: none;
	color: #F50E33;	
}

/*--------------------------------*/
/*  Contact Form Style Settings   */
/*--------------------------------*/

.form
{
	width: 100%;
	font: normal 8pt Verdana, Arial, Helvetica, Sans-serif;	
}

.inputCell
{
	font: normal 8pt Verdana, Arial, Helvetica, Sans-serif;	
}

.radioSelection
{
	font: normal 8pt Verdana, Arial, Helvetica, Sans-serif;		
}

/*--------------------------------*/
/*  Flyout(Uitklap) Menu Styles   */
/*--------------------------------*/

ul.collapsibleList
{
	width: 100%;
}

li.Question_active, li.Question_inactive
{
	width: 450px;
	font: bold 8pt Verdana, Arial, Helvetica, Sans-serif;
	color: #ffffff;
	margin: 0px;
}

li.Question_active table, li.Question_inactive table
{
	height: 16px;
	width: 100%;
	border-width: 0px;
	border-bottom: 2px solid #FFFFFF;
	font: bold 8pt Verdana, Arial, Helvetica, Sans-serif;
}

li.Question_active td, li.Question_inactive td
{
	vertical-align: top;
	border-left: 2px solid #FFFFFF;
}

li.Question_active
{
	background-color: #cccccc;
}

li.Question_inactive
{
	background-color: #e5e5e5;
}

li.Question_active a:active, li.Question_active a:visited, li.Question_active a:link
{
	text-decoration: none;
	color: #000000;
}

li.Question_active a:hover
{
	text-decoration: none;
	color: #ff0000;
}

li.Question_inactive a:active, li.Question_inactive a:visited, li.Question_inactive a:link
{
	text-decoration: none;
	color: #000000;
}

li.Question_inactive a:hover
{
	text-decoration: none;
	color: #ff0000;
}

li.Answer
{
	background-color: #ffffff;
	font: normal 8pt Verdana, Arial, Helvetica, Sans-serif;
	color: #000000;
	margin: 0px;
}

li.Answer ul
{
	list-style-type: disc;
	margin-left: 0px;
}