/* RESET */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
}

table { border-collapse: collapse; border-spacing: 0; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

table, tr, td {
	margin: 0px;
	padding: 0px;
	border: none;
}

#elite_badge {
	display: block;
	cursor: pointer;
	position: absolute;
	width: 140px;
	height: 140px;
	background: url(../images/new-products-hover.png) no-repeat;
	border: none;
	top: 210px;
	left: 50%;
	margin-left: 240px;
	z-index: 4000;
}

#elite_badge:hover {
	background: url(../images/new-products.png) no-repeat;
}


div#popup_content table {margin-bottom: 20px;}
div#popup_content table td h2 {margin-bottom: 0px; text-align: center; font-weight: normal;}
div#popup_content table td p {margin: 0px; padding: 0px; text-align: center; color: #0B479D;}
div#popup_content table td {margin: 0px; padding: 0px; text-align: center;}
div#popup_content .new-products {float: left; width: 175px; height: 250px; background-color: red;}
div#popup_content table td a {text-decoration: none; font-weight: bold; color: #0B479D; margin-top: 10px;}
div#popup_content table td a:hover {text-decoration: underline;}
div#popup_content table td img {margin-top: 5px; margin-bottom: 10px;}

a:active {
	outline: none;
}

a.link {
	color: #333;
}

a.link:hover {
	text-decoration: underline;
	color: #0b479d;
}

body {
	/* height: 100%; */
}

strong {
	font-weight: bolder;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 18px;
}

h3 {

}

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

a:hover {
	text-decoration: underline;
	color: #0b479d;
}

#page {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(../images/group_bg.jpg) black no-repeat;
	background-position: center 80px;
}

div#wrapper {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 60px;
}

div#head {
	width: 900px;
	margin-top: 20px;
	height: 240px;
}

div#middle {
	width: 100%;
	height: 300px;
	z-index: 200;
}

div#ticker {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 340px;
	left: 0;
	z-index: -10;
	
}

div#content_wrapper {
	/* position: relative;
	top: -300px; */
	margin: 0 auto;
	width: 600px;
	height: 300px;
	padding: 10px;
	background: url(../images/content_bg.png) repeat;
	overflow: hidden;
	z-index: 200;
}

div#bottom {
	width: 900px;
	overflow: hidden;
}

div#footer {
	width: 900px;
}

div#footer div.padding {
	padding-top: 50px;
	padding-bottom: 20px;
}


a#group_logo {
	display: block;
	width: 300px;
	height: 121px;
	float: right;
	background: url(../images/group_logo.png) no-repeat;
}

#loading-logo-dark {
	width: 220px;
	height: 101px;
	background: url(../images/group_logo_dark.jpg) no-repeat;
	margin: 0 auto;
	margin-bottom: 20px;
}

#loading-logo-light {
	width: 220px;
	height: 101px;
	background: url(../images/group_logo_light.jpg) no-repeat;
	visibility: hidden;
	position: relative;
	top: 0;
	left: 0;
}

div#manufacturing {
	float: left;
	margin-top: 40px;
	width: 264px;
	height: 80px;
	background: url(../images/uk_manufacturing.png) no-repeat;
}


div#uk_lighting_fade {
	float: left;
	width: 293px;
	height: 46px;
	margin-top: 55px;
	/* background: url(../images/uk_bg_fade_grey.png) no-repeat; */
	background-position: 0px center;
}

div#uk_lighting_side {
	position: absolute;
	top: 65px;
	right: 50%;
	width: 1600px;
	height: 46px;
	margin-right: 450px;
	/* background: url(../images/uk_bg_grey.png) repeat-x; */
	background-position: 0px center;
	z-index: 1;
}

div#uk_text {
	width: 163px;
	height: 46px;
	/* background: url(../images/manufacturing_text.png) no-repeat; */
	background-position: 0px center;
	float: left;
}

div#uk_logo {
	width: 80px;
	height: 46px;
	/* background: url(../images/uk_logo.png) no-repeat; */
	background-position: 10px center;	
	float: left;
}

div#content {
	margin: 0;
	padding: 0;
}

div#content p {
	font-size: 12px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 160%;
	color: #cccccc;
}

div#content p.intro {
	font-size: 32px;
	margin-bottom: 20px;
	line-height: 100%;
}

div#content p.intro strong {
	color: #ffffff;
}

div.content_inner {
	color: #ffffff;
	margin: 0;
	padding: 15px 30px;
	height: 215px;
	width: 540px;
	overflow: hidden;
}



div#inner_lighting {
	width: 360px;
	padding-right: 210px;
	background: url(../images/lighting/lighting_bg.png) top right no-repeat;
}

div#inner_dexeco {
	width: 350px;
	padding-right: 220px;
	background: url(../images/dexeco/eco_bg.png) top right no-repeat;
}

div#inner_dexreco {
	width: 377px;
	padding-right: 193px;
	background: url(../images/dexreco/reco_bg.png) top right no-repeat;
}

div#inner_dexsor {
	width: 350px;
	padding-right: 220px;
	background: url(../images/dexsor/sor_bg.png) top right no-repeat;
}


div#content_buttons {
	padding: 0px 30px;
	padding-bottom: 15px;
	height: 40px;
	margin: 0;
	text-align: right;
}

div#content_buttons table {
	float: right;
	width: 100%;
}

div#content_buttons table td {
	text-align: right;
	vertical-align: top;
	font-size: 12px;
	color: #cccccc;
}

div#content_buttons table td a {
	float: right;
}

div#content_buttons table td.padding {
	padding: 0 10px;
}

div#content_buttons table td.lighting_link {
	width: 114px;
}

div#content_buttons table td.dexeco_link {
	width: 129px;
}

div#content_buttons table td.dexreco_link {
	width: 144px;
}

div#content_buttons table td.dexsor_link {
	width: 122px;
}

div#content_buttons table td.group_link {
	text-align: left;
	width: 40px;
}

div#bottom div.padding {
	padding-top: 120px;
	padding-bottom: 20px;
}

div#bottom div.padding table {
	width: 100%;
}

div#bottom div.padding table td {
	text-align: center;
	vertical-align: top;
}

div#links {
	font-size: 12px;
	float: left;
	width: 350px;
	color: #999999;
}

div#links a, div#links:visited {
	color: #999999;
}

div#links a:hover {
	color: #ffffff;
}

div#copyright {
	font-size: 12px;
	float: right;
	width: 350px;
	color: #999999;
	text-align: right;
}


/*** LOADING SCREEN ***/

div#loading-page {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 6000;
}

div#loading-page.invisible {
	display: none;
}

div#loading-page table {
	width: 100%;
	height: 100%;
}

div#loading-page table td {
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #ccc;
	font-size: 20px;
}


div#loading_text {
	color: #999;
	font-size: 9px;
	text-align: center;
}

/* Background Ticker */

#TickerHorizontalA, #TickerHorizontalB, #TickerHorizontalC, #TickerHorizontalD {
	width: 100%;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#TickerHorizontalA li, #TickerHorizontalB li, #TickerHorizontalC li, #TickerHorizontalD li {
	display: block;
	float: left;
}

div#line1, div#line2, div#line3, div#line4 {
	width: 100%;
	overflow: hidden;
	display: block;
	position: relative;
}

#TickerHorizontalA, div#line1 {
	height: 25px;
}

#TickerHorizontalA li {
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	padding: 0 10px;
}

#TickerHorizontalB, div#line2 {
	height: 75px;
}

#TickerHorizontalB li {
	height: 75px;
	line-height: 75px;
	font-size: 50px;
	padding: 0 20px;
}

#TickerHorizontalC, div#line3 {
	height: 45px;
}

#TickerHorizontalC li {
	height: 45px;
	line-height: 45px;
	font-size: 28px;
	padding: 0 15px;
}

/* Buttons */

a.menu_button {
	display: block;
	cursor: pointer;
	height: 40px;
	width: 100px;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	background: url(../images/button_menu_inactive.png) no-repeat;
	line-height: 30px;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.menu_button_active {
	color: #ffffff;
	background: url(../images/button_menu_active.png) no-repeat;
}

a.menu_button_inactive:hover {
	color: #cccccc;
	background: url(../images/button_menu_hover.png) no-repeat;
}



div.round_button, a.round_button {
	display: block;
	height: 30px;
	width: 30px;
	margin-right: 10px;
	margin-top: 10px;
	float: left;
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/round_button_inactive.png) no-repeat;
}

a.round_button {
	cursor: pointer;
}

a.round_button_active {
	color: #ffffff;
	background: url(../images/round_button_active.png) no-repeat;
}

a.round_button_inactive:hover {
	color: #cccccc;
	background: url(../images/round_button_hover.png) no-repeat;
}

div.round_button_disabled {
	background: url(../images/round_button_disabled.png) no-repeat;
}



a.logo_button {
	display: block;
	cursor: pointer;
	height: 70px;
	margin: 0 auto;
}

a.lighting_button {
	width: 163px;
	background: url(../images/lighting_logo_out.png) top no-repeat;
}

a.lighting_button:hover, a.lighting_button_hover {
	background: url(../images/lighting_logo_in.png) top no-repeat;
}

a.dexreco_button {
	width: 200px;
	background: url(../images/reco_logo_out.png) top no-repeat;
}

a.dexreco_button:hover {
	background: url(../images/reco_logo_in.png) top no-repeat;
}

a.dexeco_button {
	width: 181px;
	background: url(../images/eco_logo_out.png) top no-repeat;
}

a.dexeco_button:hover {
	background: url(../images/eco_logo_in.png) top no-repeat;
}

a.dexsor_button {
	width: 172px;
	background: url(../images/sor_logo_out.png) top no-repeat;
}

a.dexsor_button:hover {
	background: url(../images/sor_logo_in.png) top no-repeat;
}

a.small_button {
	display: block;	
}

a.small_lighting_button {
	display: block;	
	width: 114px;
	height: 40px;
	background: url(../images/lighting/lighting_logo_small.png) top no-repeat;
}

a.small_dexreco_button {
	display: block;	
	width: 144px;
	height: 40px;
	background: url(../images/dexreco/reco_logo_small.png) top no-repeat;
}

a.small_dexeco_button {
	display: block;	
	width: 129px;
	height: 40px;
	background: url(../images/dexeco/eco_logo_small.png) top no-repeat;
}

a.small_dexsor_button {
	display: block;	
	width: 122px;
	height: 40px;
	background: url(../images/dexsor/sor_logo_small.png) top no-repeat;
}


/* Bouncing Buttons */

a.imagebounce { 
	display: block;
	height: 50px;
	cursor: pointer;
	padding-top: 10px;
	text-align: center;
}

#lighting_bounce {

}

#dexeco_bounce {

}

#dexreco_bounce {

}

#dexsor_bounce {
}

div#popup_noscript {
	width: 760px;
	margin: 0 auto;
	margin-bottom: 10px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

div#popup_wrapper {
	margin: 0 auto;
	width: 820px;
	margin-bottom: 50px;
	z-index: 5000;
}

div#popup_top {
	width: 820px;
	height: 20px;
	background: url(../images/popup/popup_top.png) no-repeat;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div#popup_middle {
	width: 820px;
	background: url(../images/popup/popup_middle.png) repeat-y;
	padding: 0;
	margin: 0;
	overflow: hidden;
}



div#popup_content {
	margin: 5px 30px;
	font-size: 12px;
	color: #333333;
}



div#tour_text {
	width: 280px;
	height: 430px;
	overflow: hidden;
	float: left;
}

div#tour_buttons {
	width: 280px;
	height: 40px;
	margin-top: 20px;
	overflow: hidden;
	float: left;
}

div#popup_content h1 {
	line-height: 100%;
	margin-bottom: 20px;
	color: #0b479d;
}

div#popup_content h2 {
	line-height: 100%;
	margin-bottom: 20px;
	color: #0b479d;
	text-transform: uppercase;
	font-weight: bold;
}

div#popup_content p, div#popup_content ul {
	margin-bottom: 10px;
	padding: 0;
	font-size: 12px;
	color: #000000;
	line-height: 160%;
}
div#popup_content ul {
	margin-left: 18px;
}

div#popup_content p.quote {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	line-height: 120%;
	font-size: 130%;
	color: #0b479d;
	font-weight: bolder;
}


div#popup_bottom {
	width: 820px;
	height: 20px;
	background: url(../images/popup/popup_bottom.png) no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}


div#popup_close {
	/* visibility: hidden; */
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	background: url(../images/popup/close_button_out.png) no-repeat;
	cursor: pointer;
}

div#popup_close.hover {
	background: url(../images/popup/close_button_in.png) no-repeat;
}

div#popup_overlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}


div.group_logo_small {
	width: 99px;
	height: 40px;
	background: url(../images/group/group_logo_small.png) no-repeat;
}


.noscript {
	padding: 5px 10px;
	width: 100%;
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 12px;
	background: url(../images/noscript-bg.png) 0 100% repeat;
}

div.buttontips {
	z-index: 10000;
}

div.buttontips div.tip-top {
	width: 200px;
	height: 20px;
	overflow: hidden;
	background: url(../images/tip/tip2_bg_top.png) no-repeat;
}

div.buttontips div.tip-middle {
	width: 200px;
	margin: 0;
	padding: 0;
	height: auto;
	background: url(../images/tip/tip2_bg.png) repeat;
	overflow: hidden;
	color: #fff;
}


div.buttontips div.tip-bottom {
	width: 200px;
	height: 20px;
	overflow: hidden;
	background: url(../images/tip/tip2_bg_bottom.png) no-repeat;
}

div.buttontips div.tip-top-right {
	width: 200px;
	background: url(../images/tip/tip2_bg_tr.png) repeat;
}

div.buttontips div.tip-top-left {
	width: 200px;
	background: url(../images/tip/tip2_bg_tl.png) repeat;
}

div.buttontips div.tip-bottom-right {
	width: 200px;
	background: url(../images/tip/tip2_bg_br.png) repeat;
}

div.buttontips div.tip-bottom-left {
	width: 200px;
	background: url(../images/tip/tip2_bg_bl.png) repeat;
}


div.buttontips div.tip-middle p {
	margin: 0 10px;
	padding: 0;
		
}

div.buttontips div.tip-middle ul {
	margin: 0 20px;
	padding: 0;
}

p.map, ul.map {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

p.tip {
	color: #cccccc;
	font-size: 11px;
}

div#tour_image1 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/site_map.jpg) no-repeat;
}

div#tour_image2 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/page2.jpg) no-repeat;
}

div#tour_image3 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/page3.jpg) no-repeat;
}

div#tour_image4 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/page4.jpg) no-repeat;
}

div#tour_image5 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/page5.jpg) no-repeat;
}

div#tour_image6 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/page6.jpg) no-repeat;
}

div#tour_image7 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/page7.jpg) no-repeat;
}

div#tour_image8 {
	float: right;
	width: 460px;
	height: 490px;
	margin-left: 20px;
	background: url(../images/group/tour/page8.jpg) no-repeat;
}


div.building {
	position: relative;
	width: 53px;
	height: 30px;
	position: relative;
}

div#hid {
	position: relative;
	top: 10px;
	left: 370px;
	background: url(../images/group/tour/hid_out.png) no-repeat;
	cursor: pointer;
}



div#storage {	
position: relative;
	top: 0px;
	left: 240px;
	background: url(../images/group/tour/storage_out.png) no-repeat;
	cursor: pointer;
}



div#transport {	
	position: relative;
	top: 20px;
	left: 245px;
	background: url(../images/group/tour/transport_out.png) no-repeat;
	cursor: pointer;
}



div#goods {	
	position: relative;
	top: 50px;
	left: 345px;
	background: url(../images/group/tour/goods_out.png) no-repeat;
	cursor: pointer;
}

div#assembly {	
	position: relative;
	top: 70px;
	left: 350px;
	background: url(../images/group/tour/assembly_out.png) no-repeat;
	cursor: pointer;
}

div#automated {	
	position: relative;
	top: 83px;
	left: 365px;
	background: url(../images/group/tour/automated_out.png) no-repeat;
	cursor: pointer;
}



div#conference {	
	position: relative;
	top: 60px;
	left: 210px;
	background: url(../images/group/tour/conference_out.png) no-repeat;
	cursor: pointer;
}



div#metal {	
	position: relative;
	top: 43px;
	left: 215px;
	background: url(../images/group/tour/metal_out.png) no-repeat;
	cursor: pointer;
}



div#production {
	position: relative;	
	top: 20px;
	left: 230px;
	background: url(../images/group/tour/production_out.png) no-repeat;
	cursor: pointer;
}



div#administration {
	position: relative;	
	top: 0px;
	left: 245px;
	background: url(../images/group/tour/administration_out.png) no-repeat;
	cursor: pointer;
}



div#louvre {
	position: relative;	
	top: 20px;
	left: 65px;
	background: url(../images/group/tour/louvre_out.png) no-repeat;
	cursor: pointer;
}



div#dual {	
	position: relative;
	top: 60px;
	left: 375px;
	background: url(../images/group/tour/dual_out.png) no-repeat;
	cursor: pointer;
}



div#showroom {
	position: relative;
	top: 5px;
	left: 85px;
	background: url(../images/group/tour/showroom_out.png) no-repeat;
	cursor: pointer;
}



div#research {
	position: relative;
	top: 10px;
	left: 215px;
	background: url(../images/group/tour/research_out.png) no-repeat;
	cursor: pointer;
}



hr {
	color: #000;
	margin-bottom: 10px;
	margin-top: 20px;
	height: 1px;
	border: none;
	border-top: 1px dashed;
}

.popup_button {
	margin-top: 50px;
}


/* CONTACT PAGE */

form {
	
}

table#contact_form {
	width: 70%;
	margin-top: 20px;
	margin-bottom: 20px;
}

table#contact_form td {
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 50%;
}

table#contact_form td.left {
	padding-right: 15px;
}

table#contact_form td.right{
	padding-left: 15px;
}

table#contact_form td.input {

}

table#contact_form td.topalign {
	vertical-align: top;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	width: 100%;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
}

textarea {
	height: 92px;
	padding: 2px;
}

select {
	height: 22px;
}

div.telephone, div.email {
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	padding: 0;
	margin: 0;
}

.contact_button {

}


/* SCROLLING WINDOWS */


.scrollbar-vert {
	background-color: white;
	width: 20px;
	float: left;
}
			
.scrollhandle-vert {
	height: 42px;
	width: 20px;
	background: #333333;
}
			
.scrollbar-horiz {
	background-color: #d2e8ff;
	height: 20px;
	/* width: 300px; */
	float:left;
}

.handle-horiz {
	height: 20px;
	width: 42px;
	background: red;
}

div#reg {
	font-size: 12px;
	color: #999999;
	text-align: center;
	padding-bottom: 20px;
}		

.job h3 {
	margin:0;
	padding:0;
	margin-bottom: 5px;
	font-weight: bold;
	color: #0b479d;
}

.job img {
	margin-right: 10px;
	border: none;
}

.clr {clear:both;}

.job span {
	display: block;
}

span.small {
	font-size: 10px;
}