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

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 Tait's 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: 100%;
	
	/*
		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 */
}

.weeeHeading {


}


h1.weeeHeading {
	/*
		TEXT & FONT
	*/
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #09c; PADDING-TOP: 0px
	
}

h2.weeeHeading {
	/*
		TEXT & FONT
	*/
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; MARGIN: 8px 0px 0px; COLOR: #f60; PADDING-TOP: 0px

}

h3.weeeHeading {
	/*
		TEXT & FONT
	*/
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 8px 0px 0px; PADDING-TOP: 5px

}

IMG.weeeright {
	MARGIN-LEFT: 10px; MARGIN-BOTTOM: 10px; MARGIN-TOP: 30px; FLOAT: right;
}

td.weeeHeading,
th.weeeHeading,
td.weeeText {
/*
	Seperate these if necessary.
*/
	/*
		TEXT & FONT
	*/
	text-decoration: none;

	
	/*
		MARGINS & PADDING
	*/


	text-align: center;		
}

.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: 492px;
	width: 395px;
	margin-left: 100px;
}

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

	/*
		SIZE
	*/
	height: 492px;
	width: 395px;
	margin-left: 100px;
}


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

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

th.weeeHeading {

color: #666666;
background: url(../img/WEEE_navigation_bar.gif)


}

td.weeeText {

text-align: center;

}
#content td.weeeText {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; VERTICAL-ALIGN: top; PADDING-TOP: 7px
}

.weeeText {
	/*
		BACKGROUND
	*/
	background-color: #FFFFFF;
	
	/*
		TEXT & FONT
	*/
	
	/*
		MARGINS & PADDING
	*/
		margin: 0px;
		padding: 0px;
}

.weeeText a {
	/*
		TEXT & FONT
	*/
	COLOR: #36c
}

.weeeText A:visited {
	COLOR: #36c
}

.weeeText A:hover {
	COLOR: #36c; TEXT-DECORATION: underline
}

.weeeText A:active {
	COLOR: #36c; TEXT-DECORATION: underline
	}

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

ul.weeeText {
	/*
		MARGINS & PADDING
	*/
	PADDING-RIGHT: 0px; PADDING-LEFT: 1.5em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

#weeeMapHolder {
	/*
		POSITION
	*/
	position: relative;
	
	/*
		SIZE
	*/
	height: 400px;
	
	/*
		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;
}

.highlight_box_border {
	
}
#content .highlight_box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px
}
.highlight_box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px
}
#content .highlight_box H2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
.highlight_box H2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 5px
}
#content .highlight_box H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 8px
}
.highlight_box H3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 8px
}
#content .highlight_box P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px
}
.highlight_box P {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px
}
DIV.column1 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.column2 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.column1 .highlight_box UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.column2 .highlight_box UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV.column1 .highlight_box LI {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
DIV.column2 .highlight_box LI {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}


/****************************************************/
/*  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 {

}