/*-----------------------------------------------------------------------------
IMS Screen Stylesheet

version:   1.0
date:      12/10/2008
author:    iBytes - Chiel Gorseling
email:     info@iBytes.nl

website:   http://www.ibytes.nl/design

-----------------------------------------------------------------------------*/

/* Import stylesheets
-----------------------------------------------------------------------------*/
/* Frontpage stylesheet */
@import url(frontpage.css);
/* Product stylesheet */
@import url(product.css);
/* Basket stylesheet */
@import url(basket.css);
/* Cadeau Wizard stylesheet */
@import url(kado.css);
/* Zoek en meer stylesheet */
@import url(zoeken.css);
/* Register stylesheet */
@import url(register.css);
/* Service stylesheet */
@import url(service.css);
/* Opera & Safari elements */
@import url(screen_opera.css);

/* Reset elements
-----------------------------------------------------------------------------*/
*,body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,
th,td 											{margin:0;padding:0;}
table 											{border-collapse:collapse;border-spacing:0;}
fieldset,img,button								{border:0;}
address,caption,cite,code,dfn,em,th,var 		{font-style:normal;font-weight:normal;}
ol,ul											{list-style:none;}
caption,th 										{text-align:left;}
h1,h2,h3,h4,h5,h6 								{font-size:100%;font-weight:normal;}

/* Basic elements
-----------------------------------------------------------------------------*/
sup				{position:relative;top:2px;}
input			{color:#544f4f;}
.left			{float:left;}
.right			{float:right;}
.clear			{clear:both;}
.bold			{font-weight:bold;}
.normal			{font-weight:normal !important;}
.small_txt_9	{font-size:9px;}
.small_txt_10	{font-size:10px;}
.small_txt_11	{font-size:11px;}
.red			{color:#f00;}
.grijs			{color:#544f4f;}
.inline			{display:inline-block;}
.hide			{display:none !important;}
.verberg		{visibility:hidden;}

/* Temp verwijdering van adres pagina */
span#ctl00_lblDebug {display:none;}

div.ajax_loading
	{
	position:fixed;
	top:40%;left:45%;
	background:#fff;
	padding:10px;
	width:200px;height:65px;
	filter:alpha(opacity=90);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	border:2px solid #c6c6c6;
	z-index:1000;
}
div.ajax_loading div.ajax_loading_content
	{
	text-align:center;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
div.ajax_loading div.ajax_loading_content p	
	{
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#3f3d3e;
}

/* Base
-----------------------------------------------------------------------------*/
html, body 			{font:normal 100% Verdana, Arial, Helvetica, sans-serif;height:100%;text-align:center;}
div.wrapper			{margin:0 auto;width:1002px;text-align:left;}
div.main_wrapper	{float:left;height:100%;border-left:1px solid #f3f2f2;border-right:1px solid #f3f2f2;}

/* Top Menu
-----------------------------------------------------------------------------*/
div.top_menu
	{
	background: url(../Images/website/base/top_menu_bg.png) 0 0 no-repeat;
	width:1000px;height:20px;line-height:11px;text-align:center;
	border-left:1px solid #f3f2f2;border-right:1px solid #f3f2f2;
}
div.top_menu ul li,
div.top_menu ul li a
	{
	display:-moz-inline-box;/*firefox 2 aanpassing*/
	display:inline-block;
	font-size:10px;
}
div.top_menu ul li			{margin:0 26px;}
div.top_menu ul li.first	{margin-left:0;}

/* Header
-----------------------------------------------------------------------------*/
div.header					{border-left:1px solid #f3f2f2;border-right:1px solid #f3f2f2;}

/* Column Left
-----------------------------------------------------------------------------*/
div.column_left				{float:left;position:relative;width:140px;font-size:10px;}
div.quick_search
	{
	position:relative;
	background:url(../Images/website/base/zoek_bg.png) no-repeat;
	width:140px;height:21px;
}
div.quick_search input.search
	{
	background:none;margin:5px 0 0 6px;width:115px;
	color:#909090;font-size:10px;text-indent:3px;border:0;
}
div.quick_search input.search_but
	{
	position:absolute;top:0;right:0;
	background:url(../Images/website/base/zoek_but.png) no-repeat;
	width:24px;height:21px;border:none;cursor:pointer;
}
div.column_left	h3
	{
	font-weight:bold;
}
div.column_left	ul
	{
	margin-bottom:10px;
}
div.column_left	h3,
div.column_left	ul li,
div.column_left	ul li a
	{
	display:block;
	width:141px;height:20px;
	line-height:18px;
	text-indent:10px;
	margin-bottom:1px;
}
div.column_left	ul.single_item li
	{
	margin-bottom:7px;
	font-weight:bold;
}
div.column_left	ul li
	{
	background:url(../Images/website/buttons/but_norm.png) 0 0 no-repeat;
}
div.column_left h3
	{
	background:url(../Images/website/buttons/but_hoofd.png) 0 0 no-repeat;
}
div.column_left	ul li a:hover
	{
	font-weight:bold;
}
div.column_left	h3 a:hover
	{
	display:block;
	background:url(../Images/website/buttons/but_norm.png) 0 0 no-repeat;
	width:141px;height:20px;
	color:#000;
}
div.bel_bestel
	{
	margin:10px auto;
	padding-left:10px;
	font-size:9px;
}
div.bel_bestel span.small
	{
	font-size:7px;
}
div.column_left div.extra
	{
	width:141px;
	margin:10px 0;
	overflow:hidden;
}

/* Banner
-----------------------------------------------------------------------------*/
div.topbanner,
div.banner
	{
	position:relative;left:1px;
	margin:0 auto;
	text-align:center;
}

/* content
-----------------------------------------------------------------------------*/
div.content
	{
	float:left;
	background:#fff;
	width:860px;
	min-height:705px;
}
div.content_menu
	{
	background:url(../Images/website/base/content_menu_bg.png) 0 0 repeat-x;
	width:860px;height:20px;
}
div.content_menu span.start,
div.content_menu span.end
	{
	width:6px;height:20px;
}
div.content_menu span.start		{float:left;background:url(../Images/website/base/content_menu_start.png) left no-repeat;}
div.content_menu span.end		{float:right;background:url(../Images/website/base/content_menu_end.png) right no-repeat;}

div.content_menu ul li,
div.content_menu ul li a
	{
	display:block;float:left;
	line-height:2;font-size:10px;
}
div.content_menu ul li a
	{
	margin:0 17px;
	font-weight:bold;
}
div.content_menu ul li.first a
	{
	margin-left:0;
}
div.content_menu ul li a:hover
	{
	font-weight:bold;
}
div.content_menu ul li a.login
	{
	position:relative;
	left:15px;margin:0;
	background:url(../Images/website/base/login_lock2.png) right no-repeat;
	width:85px;font-weight:bold;
}

/* Footer
-----------------------------------------------------------------------------*/
div.footer				{float:left;width:1000px;height:18px;line-height:17px;font-size:9px;border-left:1px solid #f3f2f2;border-right:1px solid #f3f2f2;}
div.footer a			{display:inline-block;margin-right:40px;}
div.copy				{display:none;float:left;text-indent:17px;}
div.alg					{float:right;}

/* Bundel
-----------------------------------------------------------------------------*/
div.bd_close
	{
	margin:20px auto;
	text-align:center;
}
div.bd_close a
	{
	display:inline-block;
	background:url(../Images/website/buttons/but_terug.png) 0 0 no-repeat;
	width:78px;height:20px;
}
div.bd_close a span		{display:none;}
div.bd_close a:hover	{background-position: 0 -21px !important;}