#cial_profiler
{
	/* 	display: none; */
	clear: both;
	margin-top: 256px;
}

.HIDE
{
	display: none;
}



html
{
	background-color: #fff;
}

body
{
	font-family: 'Lucida Grande', 'Arial', Geneva, sans-serif;
	font-size: 12px;
	background-color: transparent;
	background-image: url(../gui/back-page-top.png?a);
	background-repeat: repeat-x;
	background-position: left top;
	color: #808285;
}

#page
{
	width: 870px;
	margin: 0 auto;
	/* 	overflow: auto; */
}

#page hr
{
	display: none;
}

#page a
{
	color: #008BD8;
	outline: none;
	text-decoration: none;
}

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

#page p
{
	line-height: 1.5em;
}

#page div.frame
{
	margin: 0 10px;
}

#page div.frame div.object h3.object-name
{
	display: none;
}

/* 
	HEADER - LOGO + NAV
	
	- note: logo VR wel of niet zichtbaar
*/

#page div.headerframe
{
}

#page div.headerframe div.logo h1 a
{
	position: absolute;
	z-index: 5;
	float: left;
	display: block;
	width: 175px;
	height: 50px;
	text-indent: -2000px;
	background-image: url(../gui/logo-visual-retailing-page-top-rotating.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page div.headerframe div.payoff
{
	display: none;
}

#page div.headerframe div.navigationobject
{
	float: right;
	margin-right: 1px;
}

#page div.headerframe div.navigationobject h3
{
	display: none;
}

#page div.headerframe div.navigationobject
{
	height: 50px;
}

#page div.headerframe div.navigationobject ul
{
	margin: 0px;
	padding: 0px;
}

#page div.headerframe div.navigationobject ul li
{
	list-style-type: none;
	/* 	display: inline; */
	position: relative;
	float: left;
	z-index: 20000;
}

#page div.headerframe div.navigationobject ul li a
{
	text-decoration: none;
	display: block;
	/* 	width: 90px; */
	color: #ddd;
	padding: 20px 0 15px 20px;
	text-align: center;
}

#page div.headerframe div.navigationobject ul li a:hover,
#page div.headerframe div.navigationobject ul li.selected > a
{
	color: #fff;
}

#page div.headerframe div.navigationobject ul li.inpath > a
{
	color: #fff;
	font-weight: bold;
}


/* 	niveau 2 */
#page div.headerframe div.navigationobject ul ul
{
	display: none;
	padding: 0px 0 0px 0px;
	margin: 0 0px 0 0px;
	background-color: #231f20;
	width: 180px;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 20000;
}

#page div.headerframe div.navigationobject ul li:hover ul,
#page div.headerframe div.navigationobject ul li.sfHover ul
{
	display: block;
}

#page div.headerframe div.navigationobject ul ul li
{
	clear: left;
	width: 180px;
	overflow: hidden;
}

#page div.headerframe div.navigationobject ul ul li a
{
	color: #b5b5b5;
	margin: 0;
	text-align: left;
	width: 180px;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid #606060;
}

#page div.headerframe div.navigationobject ul ul li.inpath a,
#page div.headerframe div.navigationobject ul ul li a:hover
{
	color: #fff;
}

/* 	niveau 3 */
#page div.headerframe div.navigationobject ul ul ul
{
	padding: 0px;
	margin: 0px;
	background-image: none;
	width: 180px;
	top: 0px;
	left: 0px;
	position: relative;
}

#page div.headerframe div.navigationobject ul ul ul li a
{
	background-color: #494949;
	padding: 5px 20px 5px 30px;
}

#page div.headerframe div.navigationobject ul ul ul ul li a
{
	padding: 0px 20px 10px 40px;
}

#page div.headerframe div.navigationobject ul ul ul ul ul li a
{
	padding: 0px 20px 10px 50px;
}

/* 
	taalswitch
*/
#page div.headerframe
{
	/* 	position: relative; */
}
#page div.headerframe div.languages
{
	
	position: absolute;
	z-index: 30000;
	
	/* 	left: auto; */
	/* 	right: 0; */
	
	width: 850px;
	height: 1px;
	
	/* 	background-color: #c00; */
	/* 	float: right; */
}

#page div.headerframe div.languages h3
{
	display: none;
}

#page div.headerframe div.languages ul
{
	margin: 0;
	padding: 0;
}

#page div.headerframe div.languages ul li
{
	display: inline;
}

#page div.headerframe div.languages ul li a
{
	/* 	text-indent: 2000px; */
	
	float: right;
	
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
	margin-top: 1px;
	margin-left: 1px;
}

#page div.headerframe div.languages ul li a span
{
	display: none;
}

/* 	

#page div.headerframe div.languages ul:hover li.other
{
	display: inline;
}

#page div.headerframe div.languages ul li.other
{
	display: none;
}
*/

/* 	#page div.headerframe div.languages ul li.other a
{
	opacity: 0.4;
}

#page div.headerframe div.languages ul li.other a:hover
{
	opacity: 1;
} */


#page div.headerframe div.languages ul li.english a
{
	background-image: url(../gui/flags/16x16/english.png);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#page div.headerframe div.languages ul li.dutch a
{
	background-image: url(../gui/flags/16x16/dutch.png);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#page div.headerframe div.languages ul li.german a
{
	background-image: url(../gui/flags/16x16/german.png);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#page div.headerframe div.languages ul li.french a
{
	background-image: url(../gui/flags/16x16/french.png);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#page div.headerframe div.languages ul li.spanish a
{
	background-image: url(../gui/flags/16x16/spanish.png);
	background-repeat: no-repeat;
	background-position: left 1px;
}

#page div.headerframe div.languages ul li.italian a
{
	background-image: url(../gui/flags/16x16/italian.png);
	background-repeat: no-repeat;
	background-position: left 1px;
}

/* 
	MAIN - PRODUCT OP DE VOORGROND
*/

#page div.main
{
	clear: both;
	overflow: auto;
	margin-bottom: 25px;
}

#page div.main div.content-dataobject,
#page div.main div.product-dataobject
{
	float: left;
	width: 370px;
	margin-right: 10px;
}

#page div.main div.object3
{
	float: none;
	clear: both;
	width: auto;
}

#page.productline div.main div.content-dataobject,
#page.productline div.main div.product-dataobject,
#page.product div.main div.content-dataobject,
#page.product div.main div.product-dataobject
{	
	min-height: 390px;
	_height: 390px;
	
	/* 	overflow: hidden; */
}

#page div.main div.webmedia-dataobject
{
	float: left;
	overflow: hidden;

	/* 	overflow-y: scroll; */
	background-image: url(../gui/back-product-video.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 468px;
	min-height: 389px;
	border-width: 0 1px 1px 1px;
	border-color: #D6D6D6;
	/* 	border-color: transparent; */
	border-style: solid;
}

div.webmedia-dataobject div.video,
div.video
{
	/* 	width: 460px;
	height: 350px; */
	
	width: 468px;
	height: 389px;
}

div.video object
{
	position: relative;
	z-index: 100;
}

#page.productpage div.main div.webmedia-dataobject div.video,
#page.productlinepage div.main div.webmedia-dataobject div.video,
#page.productpage div.main div.webmedia-dataobject div.swf,
#page.productlinepage div.main div.webmedia-dataobject div.swf
{
	/* 	width: 460px;
	height: 350px;
	margin-left: 4px;
	margin-bottom: 4px;
	margin-top: 39px; */
	
	width: 468px;
	height: 389px;
	margin: 0;
}

#page.productpage div.main div.webmedia-dataobject div.video h4,
#page.productlinepage div.main div.webmedia-dataobject div.video h4
{
	display: none;
}

/* 
	algemene css for stuff in MAIN
*/

#page div.main div.dataobject div.datarecord
{
	margin-bottom: 10px;
}

#page div.main div.dataobject div.datarecord h1
{
	font-size: 28px;
	font-weight: bold;
	color: #353434;
	margin: 0.5em 0;
}

#page div.main div.dataobject div.datarecord h3
{
	font-size: 24px;
	font-weight: bold;
	color: #353434;
}

#page div.main div.dataobject div.datarecord h4
{
	font-size: 14px;
	font-weight: bold;
	/* 	color: #353434; */
	margin: 1em 0;
}

#page div.main div.dataobject div.datarecord h5
{
	font-weight: bold;
	margin: 2em 0 0 0;
	color: #353434;
}

#page div.main div.dataobject div.datarecord p,
#page div.main div.dataobject div.datarecord ul
{
	margin: 1em 0 1em 0;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
}

#page div.main div.dataobject div.datarecord p.navigation-readmore
{
	text-align: right;
}

/* inline styles */
#page div.main div.dataobject div.datarecord em
{
	font-style: italic;
}

#page div.main div.dataobject div.datarecord strong
{
	font-weight: bold;
}

#page div.main div.dataobject div.datarecord div.lead p,
#page div.main div.dataobject div.datarecord div.lead ul
{
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	color: #353434;
}

#page div.main div.dataobject div.datarecord div.lead p.publish-date
{
	font-size: 11px;
	font-weight: normal;
}

#page div.main div.dataobject div.datarecord div.information p
{
	font-size: 11px;
}

#page div.main div.dataobject div.datarecord ul li
{
	line-height: 22px;
	margin-left: 2em;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
}

#page div.main div.dataobject div.datarecord ul li a
{
	/* 	color: inherit; */
	text-decoration: none;
}

#page div.main div.dataobject div.datarecord ul li a:hover
{
	color: #008BD8;
}

#page div.main div.dataobject div.datarecord div.image-collection
{
	float: right;
	margin-left: 10px;
}

#page div.main div.dataobject div.datarecord div.media-collection div.image h4.icon,
#page div.main div.dataobject div.datarecord div.media-collection div.image div.no-description,
#page div.main div.dataobject div.datarecord div.media-collection div.image p.download-url
{
	display: none;
}

#page div.main div.dataobject div.datarecord p.media a.download
{
	display: block;
	text-decoration: none;
	line-height: 24px;
	padding: 5px 5px 5px 34px;
	background-image: url(../gui/icons/24x24/pdf.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

/* 
	
*/

#page div.main div.pressrelease-dataobject div.datarecord
{
}

#page div.main div.pressrelease-dataobject div.datarecord h3,
#page div.main div.dataobject div.content-list h3
{
	font-size: 16px;
	font-weight: bold;
	color: #353434;
	padding-top: 1em;
	border-width: 1px 0 0 0;
	border-color: #EEE;
	border-style: solid;
}

#page div.main div.dataobject div.content-list div.lead p
{
	font-weight: normal;
	font-size: 12px;
	font-weight: normal;
	color: #808285;
	margin: 1em 0;
}

#page div.main div.pressrelease-dataobject div.datarecord h5
{
	text-align: left;
	margin: 1em 0 0em 0;
}

#page div.dataobject div.pressrelease-list div.media-collection
{
	display: none;
}

#page div.main div.dataobject div.pressrelease div.media-collection
{
	float: right;
	padding: 10px;
	margin: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	background-color: #f5f5f5;
}

#page div.main div.dataobject div.pressrelease p.navigation-overview
{
	clear: both;
}

/* 
	willekeurig product in MAIN frame
*/

#page div.main div.dataobject div.product
{
	margin-top: 175px;
}

#page div.main div.dataobject div.product h2 a
{
	position: absolute;
	top: 0;
	display: block;
	width: 175px;
	height: 195px;
	background-image: none;
	/* <<< zie product.css */
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
}

#page.productpage div.main div.dataobject div.product h2 a
{
	position: absolute;
	top: 0;
}

#page div.main div.dataobject div.product h3 a
{
	text-decoration: none;
	color: #353434;
}

#page.productpage div.main div.dataobject div.product
{
	margin-top: 175px;
}

/* 
	shopshape in MAIN
*/

#page div.main div.dataobject div.shopshape h2 a
{
	background-image: url(../gui/logo-shop-shape-productpage-top.png);
}

/* 
	mockshop in MAIN
*/

#page div.main div.dataobject div.mockshop h2 a
{
	background-image: url(../gui/logo-mockshop-productpage-top.png);
}

/* 
	sampleroom in MAIN
*/

#page div.main div.dataobject div.sampleroom h2 a
{
	background-image: url(../gui/logo-sampleroom-productpage-top.png);
}

/* 
	styleshooter in MAIN
*/

#page div.main div.dataobject div.styleshoots h2 a
{
	background-image: url(../gui/logo-styleshoots-productpage-top.png?v2);
}



/* 
	BANNERS
*/

#page div.banners
{
	clear: both;
	overflow: auto;
	position: relative;
	margin: 0;
	margin-bottom: 20px;
	/* 	background-image: url(../gui/back-banners-faux.gif);
	background-repeat: repeat-y;
	background-position: left top; */
}

#page div.banners div.dataobject
{
	float: left;
	margin: 0 10px;
	width: 270px;
	
	min-height: 215px;
	_height: 215px;
	
	overflow: hidden;
	background-color: #f5f5f5;
	background-image: url(../gui/back-banners-dataobject.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#page div.banners div.dataobject div.datarecord
{
}

/* 
	banners
	- Features, Benefits, Contact en News
*/
#page div.banners div.content-dataobject div.datarecord,
#page div.sidebar div.content-dataobject div.datarecord,
#page div.banners div.pressrelease-dataobject div.datarecord,
#page div.sidebar div.pressrelease-dataobject div.datarecord

{
	/* 	background-color: #f5f5f5; */
}

#page div.banners div.content-dataobject div.datarecord h3,
#page div.sidebar div.content-dataobject div.datarecord h3,
#page div.banners div.pressrelease-dataobject div.datarecord h3,
#page div.sidebar div.pressrelease-dataobject div.datarecord h3
{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	/* 	text-indent: 55px; */
	line-height: 22px;
	padding: 5px;
	padding-left: 60px;
	padding-top: 35px;
	margin-bottom: 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

#page div.banners div.content-dataobject div.datarecord p,
#page div.sidebar div.content-dataobject div.datarecord p,
#page div.banners div.pressrelease-dataobject div.datarecord h4,
#page div.sidebar div.pressrelease-dataobject div.datarecord h4,
#page div.banners div.pressrelease-dataobject div.datarecord p,
#page div.sidebar div.pressrelease-dataobject div.datarecord p
{
	margin: 10px;
}

#page div.banners div.pressrelease-dataobject div.datarecord h5,
#page div.sidebar div.pressrelease-dataobject div.datarecord h5
{
	margin: 0 10px;
	font-size: 10px;
}

#page div.banners div.content-dataobject div.datarecord ul,
#page div.sidebar div.content-dataobject div.datarecord ul,
#page div.banners div.pressrelease-dataobject div.datarecord ul,
#page div.sidebar div.pressrelease-dataobject div.datarecord ul
{
	margin: 10px 0;
}

#page div.banners div.content-dataobject div.datarecord ul li,
#page div.sidebar div.content-dataobject div.datarecord ul li,
#page div.banners div.pressrelease-dataobject div.datarecord ul li,
#page div.sidebar div.pressrelease-dataobject div.datarecord ul li
{
	/* 	font-size: 11px;
	font-weight: bold; */
	
	padding: 5px;
	padding-left: 15px;
	background-color: #f5f5f5;
	border-top: 1px #fff solid;
	border-right: 1px #F8F8F8 solid;
	border-bottom: 1px #eeeeee solid;
	border-left: 1px #F8F8F8 solid;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
}

#page div.banners div.content-dataobject div.datarecord ul li a,
#page div.banners div.pressrelease-dataobject div.datarecord ul li a
{
	color: inherit;
	text-decoration: none;
}

#page div.banners div.content-dataobject div.datarecord ul li a.mailto,
#page div.banners div.pressrelease-dataobject div.datarecord ul li a.mailto
{
	color: #008BD8;
	text-decoration: none;
}


#page div.banners div.content-dataobject div.datarecord ul li a:hover,
#page div.banners div.pressrelease-dataobject div.datarecord ul li a:hover
{
	color: #008BD8;
}

#page div.banners div.dataobject div.datarecord p.navigation-readmore,
#page div.banners div.dataobject div.datarecord p.navigation-overview,
#page div.sidebar div.dataobject div.datarecord p.navigation-readmore,
#page div.sidebar div.dataobject div.datarecord p.navigation-overview
{
	margin-bottom: 0;
	line-height: 21px;
}

#page div.banners div.dataobject div.datarecord p.navigation-readmore,
#page div.sidebar div.dataobject div.datarecord p.navigation-readmore
{
	text-align: right;
}

#page div.banners div.dataobject div.datarecord p.navigation-readmore a,
#page div.banners div.dataobject div.datarecord p.navigation-overview a,
#page div.sidebar div.dataobject div.datarecord p.navigation-readmore a,
#page div.sidebar div.dataobject div.datarecord p.navigation-overview a
{
	font-size: 10px;
	text-decoration: none;
	color: #008BD8;
}

/* 
	news banner
*/

#page div.banners div.news-banner
{
}

#page div.banners div.news-banner div.datarecord
{
}

#page div.banners div.news-banner div.datarecord h3,
#page div.sidebar div.pressrelease-dataobject div.datarecord h3
{
	line-height: 18px;
	/* 	text-indent: 70px; */
	padding-left: 75px;
	background-image: url(../gui/icon-news.png);
}

#page div.sidebar div.content-dataobject div.datarecord h3
{
	line-height: 18px;
	/* 	text-indent: 70px; */
	padding-left: 75px;
	background-image: url(../gui/icon-contact.png);
}


#page div.banners div.news-banner div.datarecord div.lead p strong
{
	font-weight: bold;
}

/* 
	zie specifieke CSS voor verschillende types pagina's
*/

/* 
	
*/

#page div.footer
{
	margin: 10px;
	clear: both;
}

#page div.footer div.dataobject div.datarecord h3
{
	display: none;
}

#page div.footer div.dataobject div.datarecord h3,
#page div.footer div.dataobject div.datarecord p
{
	text-align: center;
	font-size: 10px;
	line-height: 16px;
	color: #808285;
}

#page div.footer div.dataobject div.datarecord h3 a,
#page div.footer div.dataobject div.datarecord p a
{
	text-decoration: none;
	color: #008BD8;
}