/* Tallieu & Tallieu nv - www.tnt.be*/

a
{
	text-decoration: none;
	color: #818181;
}

a:hover
{
	color: #000;
}

a:active, a:focus
{
	outline: none;
}

img
{
	border: 0;
}

*, div, ul, li, h1, h2, p, img
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
	overflow-y: scroll;
}

body
{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #E3000B;
	background-image: url(_images/bg-location.jpg);
	background-attachment: fixed;
	background-position: 850px top;
	background-repeat: no-repeat;
	color: #000;
	font-size: 12px;
	line-height: 18px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", Tahoma;
}


body.index-index div#top {
	background-image: url(_images/bg-max.jpg);
	background-position: top left;
}

body.index-index div#content {
	background-color: transparent;
}

body.index-index div#wrapper
{
	background-color: transparent;
}

body.index-index	{
	background-image: url(_images/bg-max.jpg);
	background-position: 400px 0;
}

body.awards-index	{background-image: url(_images/bg-home.jpg);}
body.contact-index	{background-image: url(_images/bg-contact-index.jpg);}
body.contact-contactform {background-image: url(_images/bg-contactform.jpg);}
body.contact-newsletter {background-image: url(_images/bg-newsletter.jpg);}
body.contact-location {background-image: url(_images/bg-location.jpg);}
body.index-foreword {background-image: url(_images/bg-foreword.jpg);}
body.news-index {background-image: url(_images/bg-news.jpg);}
body.contact-dealers {background-image: url(_images/bg-dealers.jpg);}
body.material-index {background-image: url(_images/bg-material.jpg);}
body.products-index {background-image: url(_images/bg-products.jpg);}
body.products-Recessed-Luminaires {background-image: url(_images/recessed-big.jpg);}
body.products-Wall-Luminaires {background-image: url(_images/wall-big.jpg);}


div#wrapper
{
	width: 850px;
	min-height: 100%;
	background-color: #fff;
	overflow: hidden;
}

div#left
{
	position: fixed;
	background-color: #E3000B;
	width: 400px;
	height: 100%;
	min-width: 400px;
	float: left;
	background-image: url(_images/left-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 162px;

}

div#content
{
	width: 450px;
	height: 100%;
	float: right;
}

div#redline
{
	position: fixed;
	top: 0;
	right: 0;
	background-color: #DF0D0D;
	width: 12px;
	height: 100%;
}

div#tnt
{
	position: fixed;
	bottom: 5px;
	left: 860px;
	color: #fff;
	font-size: 10px;
	line-height: 18px;
}


div#tnt a
{
	color: #fff;
}


div#tnt a:hover
{
	color: #fff;
	background: #999;
	text-decoration: underline;
}




div#top
{
	height: 196px;
	width: 450px;
	min-width: 400px;
	background-color: #fff;
/*
	background-image: url(_images/top-bg.png); 
*/
	position: fixed;
}

div#top ul
{
	float: left;
	width: 120px;
	list-style: none;
	margin: 20px;
}

div#top ul li a
{
	text-decoration: none;
	font-size: 15px;
	line-height: 18px;
	color: #000;
}

div#top ul li a.active, div#top ul li a:hover
{
	font-weight: bold;
}

div#top ul.subnav
{
	width: 150px;
}

div#top ul.subnav li a
{
	color: #979797;
	font-size: 12px;
}

div#top ul.subnav li a:hover, div#top ul.subnav li a.active
{
	color: #333;
	font-weight: bold;
}
h2#logo	
{
	margin: 130px 0px 0 0px;
	float: right;
	height: 65px;
	width: 385px;
	background-image: url(_images/logo.gif);
	border-bottom: 1px solid #fff;
}

h2#logo a
{
	display: block;
	height: 65px;
	width: 385px;
	text-indent: -9999px;
}

div#leftcontent
{
	clear: both;
	padding: 0 25px 0 25px;
	width: 350px;
	float: right;
	color: #fff;
	position: absolute;
	top: 220px;
	right: 0;
}





div#leftcontent p
{
	margin: 0 0 20px 0;
	text-align: justify;
}

#photoleft
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 250px;
	width: 100%;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url(_images/left-photo.jpg);
}






div#txt
{
	clear: both;
	padding: 0 20px 20px 20px;
	margin: 195px 0 0 0;
}

div#txt ul
{
	margin: 10px 0 0 15px;
	color: #818181;
	list-style: square;
}

div#txt h1
{
	color: #df0d0d;
	text-transform: uppercase;
	font-size: 30px;
	line-height:30px;
	letter-spacing: -1px;
	font-weight: bold;
	margin: 0 0 20px 0;
	clear: both;
}

div#txt h1 span
{
	vertical-align: top;
	font-size: 15px;
	line-height: 15px;
	font-weight: 100;
	letter-spacing: 0;
}


div#txt h2
{
	color: #000;
	font-size: 15px;
	line-height:15px;
	font-weight: bold;
	padding: 15px 0 0px 0;
	border-top: 2px #ccc solid;
}

div#txt h3
{
	font-size: 11px;
	text-transform: uppercase;
	margin: 15px 0 0 0;
}

div#txt p
{
	margin: 20px 0 10px 0;
	text-align: justify;
}
div#txt p.leftcol	{
	float: left;
	width: 200px;
	}
div#txt p.rightcol	{
	float: right;
	width: 200px;
	}
div#txt p a
{
color: #000;
font-weight: bold;
text-decoration: underline;
}

div#txt p.c
{
color: #fff;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}

div#txt ul.product-pics	{
	list-style-type: none;
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
	}
div#txt ul.product-pics li	{
	float: left;
	margin-right: 5px;
	}
ul.listing
{
	list-style: none;
}

ul.listing li
{
	text-align: right;
}

ul.listing li a
{
	font-size: 13px;
	text-transform: uppercase;
	line-height: 23px;
	color: #000;
}

ul.listing li a:hover, ul.listing li a.active
{
	color: #fff;
}

div#txt ul.thumblist
{
	margin: 20px 0 0 0;
	list-style: none;
	overflow: hidden;
}
ul.thumblist li
{
	float: left;
	display: inline;
}
	
ul.thumblist li a
{
	display: block;
	width: 130px;
	height: 130px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 4px 4px 0;
	border: 1px solid #fff;	
	text-indent: -9999px;
}

ul.thumblist li a:hover, ul.thumblist li a.active
{
	border: 1px solid #d0d0d0;
}

ul.thumblist li a span
{
	display: none;
	background-color: #727272;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	position: absolute;
	padding: 3px 8px 3px 8px;
}

div.collumn
{
	float: left;
	margin: 20px 0 20px 0;
}

div.reference
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #DF0D0D;
}

div.extra
{
	clear: both;
	border-top: 1px solid #cecece;
}


span.icon
{
	display: -moz-inline-stack; /* for FF2, untested but should work (nobody still uses FF2 anyway)*/
	display: inline-block;
	zoom: 1;
	+vertical-align: top;
	+display: inline;
	width: 20px;
	height: 13px;
	cursor: help;
	margin: 0 10px 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	+background-position: top center;
	line-height: 80px;
	overflow: hidden;
	background-image: url(_images/icons/wat.png);
}

span.icon span
{
	position: absolute;
	background-color: #38433F;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	display: none;
	line-height: 23px;
	padding: 0 5px 0 5px;
	max-width: 150px;
	text-align: left;
}

/* ICON-CLASSES */

span.c1				{	background-image: url(_images/icons/c1.png);}
span.c2				{	background-image: url(_images/icons/c2.png);}
span.c3				{	background-image: url(_images/icons/c3.png);}
span.rotate			{	background-image: url(_images/icons/rotate.png);}
span.p				{	background-image: url(_images/icons/p.png);}
span.uv				{	background-image: url(_images/icons/uv.png);}
span.f				{	background-image: url(_images/icons/f.png);}
span.notf			{	background-image: url(_images/icons/notf.png);}
span.wall			{	background-image: url(_images/icons/wall.png);}
span.ceiling		{	background-image: url(_images/icons/ceiling.png);}
span.ceilingwall	{	background-image: url(_images/icons/ceilingwall.png);}
span.rect			{	background-image: url(_images/icons/rect.png);}
span.evg			{	background-image: url(_images/icons/evg.png);}
span.evgd			{	background-image: url(_images/icons/evgd.png);}
span.d				{	background-image: url(_images/icons/d.png);}
span.ip				{	background-image: url(_images/icons/ip.png);}
span.eco			{	background-image: url(_images/icons/eco.png);}
span.ce				{	background-image: url(_images/icons/ce.png);}
span.warranty		{	background-image: url(_images/icons/warranty.png);}
span.sd05			{	background-image: url(_images/icons/sd05.png);}
span.sd02			{	background-image: url(_images/icons/sd02.png);}
span.sd10			{	background-image: url(_images/icons/sd10.png);}
/* we don't have this yet */
span.led			{display: none;}

span.sd05, span.sd02, span.sd10 {width: 40px;}

/*BG-CLASSES*/

body.material-index #photoleft 		{background-image: url(_images/calcyt-poeder.jpg);}

body.products-Pica #photoleft		{background-image: url(_images/bg-pica.jpg);}
body.products-Pica					{background-image: url(_images/bg-pica-big.jpg);}

body.products-Quby #photoleft		{background-image: url(_images/bg-quby.jpg);}
body.products-Quby					{background-image: url(_images/bg-quby-big.jpg);}

body.products-Biba #photoleft		{background-image: url(_images/bg-biba.jpg);}
body.products-Biba					{background-image: url(_images/bg-biba-big.jpg);}

body.products-Stripp #photoleft		{background-image: url(_images/bg-stripp.jpg);}
body.products-Stripp					{background-image: url(_images/bg-stripp-big.jpg);}

body.products-Mouse #photoleft		{background-image: url(_images/bg-mouse.jpg);}
body.products-Mouse					{background-image: url(_images/bg-mouse-big.jpg);}

body.products-Street #photoleft		{background-image: url(_images/bg-street.jpg);}
body.products-Street					{background-image: url(_images/bg-street-big.jpg);}

body.products-Maskdiv #photoleft	{background-image: url(_images/bg-mask.jpg);}
body.products-Mask					{background-image: url(_images/bg-mask-big.jpg);}

body.products-Touch-it #photoleft	{background-image: url(_images/bg-touchit.jpg);}
body.products-Touch-it				{background-image: url(_images/bg-touchit-bg.jpg);}

body.products-Flush #photoleft		{background-image: url(_images/bg-flush.jpg);}
body.products-Flush					{background-image: url(_images/bg-flush-big.jpg);}

body.products-Illusion #photoleft	{background-image: url(_images/bg-illusion.jpg);}
body.products-Illusion				{background-image: url(_images/bg-illusion-big.jpg);}

body.products-Pixodiv #photoleft	{background-image: url(_images/bg-pixo.jpg);}
body.products-Pixo					{background-image: url(_images/bg-pixo-big.jpg);}

body.products-Indox #photoleft		{background-image: url(_images/bg-indox.jpg);}
body.products-Indox					{background-image: url(_images/bg-indox-big.jpg);}

body.products-Canou #photoleft		{background-image: url(_images/bg-canou.jpg);}
body.products-Canou					{background-image: url(_images/bg-canou-big.jpg);}

body.products-Atmosdiv #photoleft	{background-image: url(_images/bg-atmos.jpg);}
body.products-Atmos					{background-image: url(_images/bg-atmos-big.jpg);}

body.products-Expression #photoleft{background-image: url(_images/bg-expression.jpg);}
body.products-Expression				{background-image: url(_images/bg-expression-big.jpg);}

body.products-Impression #photoleft{background-image: url(_images/bg-impression.jpg);}
body.products-Impression				{background-image: url(_images/bg-impression-big.jpg);}

body.products-Wave #photoleft		{background-image: url(_images/bg-wave.jpg);}
body.products-Wave					{background-image: url(_images/bg-wave-big.jpg);}

body.products-Move-out #photoleft	{background-image: url(_images/bg-moveout.jpg);}
body.products-Move-out				{background-image: url(_images/bg-moveout-big.jpg);}

body.products-Move-in #photoleft	{background-image: url(_images/bg-movein.jpg);}
body.products-Move-in				{background-image: url(_images/bg-movein-big.jpg);}

body.products-Slim #photoleft		{background-image: url(_images/bg-slim.jpg);}
body.products-Slim					{background-image: url(_images/bg-wave-slim.jpg);}

body.products-Small #photoleft		{background-image: url(_images/bg-small.jpg);}
body.products-Small					{background-image: url(_images/bg-small-big.jpg);}

body.products-Normall #photoleft	{background-image: url(_images/bg-normall.jpg);}
body.products-Normall				{background-image: url(_images/bg-normall-big.jpg);}

body.products-Big #photoleft		{background-image: url(_images/bg-big.jpg);}
body.products-Big						{background-image: url(_images/bg-big-big.jpg);}

body.products-XT #photoleft			{background-image: url(_images/bg-xt.jpg);}

body.products-Moor #photoleft		{background-image: url(_images/bg-moor.jpg);}
body.products-Moor					{background-image: url(_images/bg-moor-bg.jpg);}

body.products-Frame #photoleft		{background-image: url(_images/bg-frame.jpg);}
body.products-Frame					{background-image: url(_images/bg-frame-bg.jpg);}



div#txt ul.breadcrumbs
{
	clear: both;
	border-top: 2px #DF0D0D solid;
	margin: 20px 0 0 0;
	font-size: 9px;
	text-transform: uppercase;
	list-style-type: none;
	padding: 10px 0 0 0;
}

div#txt ul.breadcrumbs li
{
	float: left;
	margin: 0 15px 0 0;
	display: inline;
}

div#txt ul.breadcrumbs li a
{
	display: block;
	color: #000;
	
}

div#txt ul.breadcrumbs li a:hover
{
	color: #DF0D0D;
}

div#txt strong
{
	color: #DF0D0D;
}

fieldset	{
	border: 0px solid #000;
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;

	padding: 10px 0 10px 0;
	margin: 10px 0px;
	}
fieldset legend	{
	font-weight: bold;
	padding: 0px 5px 0 0;
	margin: 0px;
	}
	
fieldset select	{
width: 210px;
	margin-top: 5px;
	float: right;
	}
	
	
	
fieldset br	{
	clear: both;
	}
fieldset label {
	float: left;
	width: 150px;
	margin-top: 5px;
	font-size: 11px;
	}
fieldset label span, span.req	{
	font-weight: bold;
	padding: 0 5px;
	}
fieldset .radio	{
	float: none;
	padding-left: 150px;
	width: 250px;
	}
fieldset.betaling .radio	{
	padding-left: 0px;
	width: 500px;
	}
fieldset.betaling .radio label	{
	width: 500px;
	}
fieldset .radio label	{
	width: 200px;
	}
fieldset .radio label:hover	{
	background-color: rgba(240,240,240,0.5);
	cursor: pointer;
	}
fieldset input	{
	float: right;
	border: 1px solid #ccc;
	width: 200px;
	margin-top: 5px;
	padding: 3px;
	}
fieldset input.int	{
	width: 3em;
	text-align: right;
	}
fieldset textarea	{
	float: right;
	border: 1px solid #ccc;
	width: 200px;
	margin-top: 5px;
	height: 10em;
	padding: 3px;
	font-size: 11px;
	line-height: 18px;
	font-family: "Helvetica Neue",Helvetica,"Liberation Sans", Arial, "Trebuchet MS", Tahoma, Sans;
	}
fieldset img.fieldmodify	{
	padding-top: 7px;
	cursor: pointer;
	}
fieldset input:focus, fieldset textarea:focus	{
	-moz-box-shadow: 0 0 5px rgba(0,83,161,0.7);
	-webkit-box-shadow: 0 0 5px rgba(0,83,161,0.7);
	box-shadow: 0 0 5px rgba(0,83,161,0.7);
	float: right;
	
	}
fieldset .radio input	{
	width: auto;
	float: none;
	border: 0px;
	margin: 0px 5px 0 0;
	}
fieldset .radio label	{
	width: 300px;
	}


fieldset button
{
float: right;
margin: 10px 0 0 0;
}

.botstop	{
	display: none;
	}

/* lightbox */
	#overlay	{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		/*bottom: 0;*/
		right: 0;
		display: none;
		background: rgba(255,255,255,0.6) !important;
		background: transparent url(_images/rgba255.255.255.0.6.png);
		}
	#lightboxcontainer	{
		/*width: 640px;
		height: 380px;*/
		top: 50%;
		left: 50%;
		margin-left: -335px;
		margin-top: -300px;
		/*background: #000;*/
		padding: 15px;
		position: absolute;
		z-index:5;
		}	
	#lightboxcontainer #close	{
		position: absolute;
		top: 0px;
		right: 0px;
		height: 30px;
		width: 30px;
		background: transparent url(_images/close.png) no-repeat top right;
		-background: transparent url(_images/close-8b.png) no-repeat top right;
		z-index: 10;
		cursor: pointer;
		}
	#lightboxcontent	 {
		-moz-box-shadow: 0px 0px 5px #888;
		-webkit-box-shadow: 0px 0px 5px #888;
		box-shadow: 0px 0px 5px #888;
		border: 1px solid #888;
		padding: 0px;
		margin: 0px;
		line-height: 0px;
		font-size: 0px;
		}	
		#lightboxcontent img	{
			margin: 0px;
			padding: 0px;
			}




/*Photos Left*/



a.backlink
{
font-weight: bold;
}


p.warning
{
background: #E3000B;
color: #fff;
padding: 2px;
}



/* google maps */
#mapdata	{
	display: none;
	}
#map	{
	width: 100%;
	height: 400px;
	}

div#discover
{
background: #000;
width: 180px;
text-align: center;
padding: 2px;
margin: 25px 0 0 0;
}


div#discover a
{
	color: #fff;
	text-transform: uppercase;
	font-size: 15x;
	line-height: 20px;
	font-weight: bold;
}


div#discover a:hover
{
	color: #DBDBDB;
}

p.downloads
{
	margin: 0px; 
	padding: 0px;
	color: #999;
}

/* DROPDOWNLIST */

#txt ul.dropdownlist
{
	list-style: none;
	margin: 0;
}

ul.dropdownlist li a
{
	font-size: 12px;
	line-height: 20px;
	margin: 20px 0 20px 0;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}

#txt ul.dropdownlist li ul
{
	display: none;
	margin-bottom: 20px;
}

ul.dropdownlist li ul li a
{
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
}

/* VIDEOBOX */

div.videobox
{
	width: 410px;
	height: 300px;
	background-color: #000;
}

div.videobox video
{
	width: 410px;
	height: 300px;
}

div.options
{
	padding: 15px;
	background-color: #f0f0f0;
	margin-bottom: 15px;
}

div.options ul li a
{
	color: #000;
}