/**************************************

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 Minicom L&F.

**************************************/

.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
	
	width: 500px;
	*/
	/*
		BACKGROUND
	*/
	background-color: #FFFFFF;
	
	/*
		TEXT & FONT
	*/
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

div.weeeContentMain img {
	/*
		BORDER
	*/
	border-style: none;
		/* in general images should not have a border */
}

th.weeeHeading {

FONT-SIZE: 18px; COLOR: #ffffff; 
background-color: #2779b5;
}


h1.weeeHeading {
	FONT-SIZE: 18px;
	COLOR: #2779b5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top:0.4em;
}

h2.weeeHeading {
	/*
		TEXT & FONT
	*/
FONT-SIZE: 18px;
	COLOR: #2779b5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h3.weeeHeading {
	/*
		TEXT & FONT
	*/
	COLOR: #2779b5; font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
}

td.weeeHeading,
th.weeeHeading {
/*
	Seperate these if necessary.
*/
	/*
		TEXT & FONT
	*/
	text-decoration: none;
	font-size: smaller;
	
	/*
		MARGINS & PADDING
	*/
	padding-bottom: 0.5em;
	padding-top: 0.5em;		
}


.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;
}

div.weeeRight {

	padding: 30px; 

}

.weeeLogo {
	/*
		SIZE
	*/
	width: 140px;
	height: 140px;
}

.weeeTable,
.weeeInfo {
	/*
		SIZE
	
	width: 100%;
	*/
}

.weeeInfo {
	/*
		POSITION
	*/
	float: left;
	clear: both;
}

img.weeeMap {
	/*
		SIZE
	*/
height: 492px;
	width: 395px;
}

.weeeRollMap {
	/*
		DISPLAY
	*/
	z-index: 350;

	/*
		SIZE
	*/
height: 492px;
	width: 395px;
}

tr.weeeRecyclerHR {

	background-color: #cccccc;

}

table.weeeTable {
	/*
		BORDERS
	*/
	border-collapse: collapse;
}

table.weeeTable tbody tr td,
table.weeeTable thead tr th {
	/*
		BORDERS
	*/
	border-color: #2779b5;
	border-style: solid;
	border-width: 1px;
	
	/*
		MARGINS & PADDING
	*/
	padding: 3px;
}

td.weeeText {

text-align: center;

}

.weeeText a {
	/*
		TEXT & FONT
	*/
FONT-SIZE: 12px; COLOR: #2277ae; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

.weeeText a:hover {
	/*
		TEXT & FONT
	*/
FONT-SIZE: 12px; COLOR: #2277ae; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}

.weeeText a:visited {

FONT-SIZE: 12px; COLOR: #2277ae; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline;
}

p.weeeText {
	/*
		TEXT & FONT
	*/
	text-align: justify;
	
	/*
		MARGINS & PADDING
	*/
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

ul.weeeText {

	font-weight: 700;
	/*
		MARGINS & PADDING
	*/
	margin-left: 1em;
	padding-left: 3px;
}

#weeeMapHolder {
	/*
		POSITION
	*/
	position: relative;
	
	/*
		SIZE
	*/
	height: 492px;
	
	/*
		MARGINS & PADDING
	*/
	margin-bottom: 2em;
}

#weeeMapHolder form,
#weeeMapHolder img {
	/*
		POSITION
	*/
	left: 0px;
	position: absolute;
	top: 0px;

}

#countryChoice {
	/*
		DISPLAY
	*/
	z-index: 500;
}

#tri {
	/*
		DISPLAY
	*/
	z-index: 400;
}

#eui {
	/*
		DISPLAY
	*/
	z-index: 300;
}



/****************************************************/
/*  THE STYLES BELOW THIS LINE MUST BE THE LAST     */
/*  FOUR ON THE STYLE SHEET.  THEY CONTROL THE      */
/*  STYLES TO BE APPLIED IN THE CASE OF CHEQUER-    */
/*  BOARD EFFECT TABLES.                            */
/*  LEAVE DECLARATIONS OF CLASS HERE, EVEN IF THEY  */
/*  ARE NOT REQUIRED FOR THE SITE.  THE SELECTORS   */
/*  NEED NOT CONTAIN ANY PROPERTIES OR VALUES.      */
/*  SPECIFY AS MANY OR AS FEW OF THESE AS REQD.     */
/*  BACKGROUND-COLOUR AND COLOR SHOULD BE THE ONLY  */
/*  PROPERTIES DEFINED IN THESE SELECTORS.          */

td.lightRowLightCol {

}

td.lightRowDarkCol {

}

td.darkRowLightCol {

}

td.darkRowDarkCol {

}