/**************************************

This CSS document contains the style
data for the WEEE Compliance part of
the website.

The following styles need to be defined
in order to make the WEEE compliance
site fit the L&F of the rest of the 
site.
	
Standard headers, menus &c. should not
be affected by these styles as all
classes defined by this sheet have a
'weee' prefix.

CSS properties included in this file
must be specified as a minimum for all
sites built from this template.

Additional CSS properties may be
added to the classes &c. if this is 
required by the Industrial Inkjet's L&F.

**************************************/
option {
	color: #000000;
	font-size: 11px;
}
.weeeCentre {
	/*
		TEXT & FONT
	*/
	text-align: center;
}

div.weeeContentMain {
/*
	Containing element for all
	WEEE Compliance	information
	
	These styles give the base 
	for the rest of the WEEE
	compliance part of the site
*/

	/*
		SIZING
	*/
	/*height: 361px;*/
	width: 670px;

	/*
		MARGINS & PADDING
	*/
	padding-left: 20px;
	padding-right: 20px;

}

.cForm1 {
	width: 25%;
}

.cForm2 {
	width: 75%;
	clear: right;
}

.cForm1,
.cForm2 {
 line-height: 2em;
 float: left;
 margin-bottom: 0.2em;
 margin-top: 0.1em;
}

div.weeeContentMain img {
	/*
		BORDER
	*/
	border-style: none;
		/* in general images should not have a border */
}

.weeeHeading {
	/*
		TEXT & FONT
	*/
	color: #18276C;
}


h1.weeeHeading {
	/*
		TEXT & FONT
	*/
	font-size: 14px;
	font-weight: bold;	
	
	/*
		MARGINS & PADDING
	*/
	margin-top: 0px;
}

h2.weeeHeading {
	/*
		TEXT & FONT
	*/
	font-size: 12px;
	font-weight: bold;
	
	/*
		MARGINS & PADDING
	*/
	margin-top: 0px;
}

h3.weeeHeading {
	/*
		TEXT & FONT
	*/
	font-size: 11px;	
}

td.weeeHeading,
th.weeeHeading {
/*
	Seperate these if necessary.
*/
	/*
		TEXT & FONT
	*/
	text-align: center;
	text-decoration: none;
	font-size: inherit;
	font-weight: bold;
	
	/*
		MARGINS & PADDING
	*/
	padding-bottom: 0.5em;
	padding-top: 0.5em;		
}
td.weeeText {
	/*
		TEXT & FONT
	*/
	text-align: center;
}

tr.weeeCentre td.weeeHeading {
	/*
		TEXT & FONT
	*/
	text-align: left;
}

.weeeHidden {
	/*
		DISPLAY
	*/
	visibility: hidden;
}

div.weeeLeftHalf {
	/*
		SIZE
	*/
	width: 50%;
	
	/*
		POSITION
	
	clear: left;
	*/
	float: left;
}

div.weeeLeft200 {
	/*
		SIZE
	*/
	width: 200px;
	
	/*
		POSITION
	*/
	clear: left;
	float: left;
	
	/*
		TEXT
	*/
	text-align: center;
}

.weeeLogo {
	/*
		SIZE
	*/
	width: 140px;
	height: 140px;
}

.weeeTable,
.weeeInfo {
	/*
		SIZE
	*/
	width: 100%;
}

.weeeInfo {
	/*
		POSITION
	*/
	float: left;
	clear: both;
}

img.weeeMap {
	/*
		SIZE
	*/
	height: 381px;
	width: 480px;
}

.weeeRollMap {
	/*
		DISPLAY
	*/
	z-index: 350;

	/*
		SIZE
	*/
	height: 530px;
	width: 450px;
}

table.weeeTable {
	/*
		BORDERS
	*/
	border-collapse: collapse;
}

table.weeeTable tbody tr td,
table.weeeTable thead tr th {
	/*
		BORDERS
	*/
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	
	/*
		MARGINS & PADDING
	*/
	padding: 3px;
}

#weeeMapHolder {
	/*
		POSITION
	*/
	position: relative;
	
	/*
		SIZE
	*/
	height: 550px;
	width: 670px;
	
	/*
		MARGINS & PADDING

	padding-bottom: 2em;*/
}

#weeeMapHolder form {
	left: 470px;
	position: absolute;
	top: 0px;
	width: 80px;

}

#weeeMapHolder img {
	/*
		POSITION
	*/
	left: 0px;
	position: absolute;
	top: 0px;
}

#weeeMapHolder img {
	/*
		SIZE
	*/
	height: 530px;
	width: 450px;
}

#countryChoice {
	/*
		DISPLAY
	*/
	z-index: 500;
	height: 386px;
}

#tri {
	/*
		DISPLAY
	*/
	z-index: 400;
}

#eui {
	/*
		DISPLAY
	*/
	z-index: 300;
}

#weeeSubmit {
	width: auto;
	z-index: inherit;
}

body>#weeeCompliance {
	height: auto;
	padding-bottom: 2em;
}
