/**************************************

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 client'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: 600px;
	
	/*
		BACKGROUND
	*/
	background-color: #FFFFFF;
	
	/*
		TEXT & FONT
	*/
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div.weeeContentMain img {
	/*
		BORDER
	*/
	border-style: none;
		/* in general images should not have a border */
}

.weeeHeading {

}

h3.weeeHeading {
	/*
		TEXT & FONT
	*/
	font:bold 12px/17px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px 0px 0px -1px;
}

h4.weeeHeading {
	font:bold 12px/17px Tahoma, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px 0px 0px -1px;;
}

td.weeeHeading,
th.weeeHeading {
/*
	Seperate these if necessary.
*/
	/*
		TEXT & FONT
	*/
	text-decoration: none;
	font-size: smaller;
	text-align: center;
	
	/*
		MARGINS & PADDING
	*/
	padding-bottom: 0.5em;
	padding-top: 0.5em;	
	background-color: #B2D770
}

td.weeeText {

	/*
		TEXT & FONT
	*/
	text-decoration: none;
	text-align: center;

}


.weeeHidden {
	/*
		DISPLAY
	*/
	visibility: hidden;
}

.weeeCollapse {
  display: none;
}

div.weeeLeftHalf {
	/*
		SIZE
	*/
	width: 50%;
	
	/*
		POSITION
	*/
	clear: left;
	float: left;
}

div.weeeLeft200 {
	/*
		SIZE
	*/
	width: 170px;
	
	/*
		POSITION
	*/
	clear: left;
	float: left;
	
	/*
		TEXT
	*/
	text-align: left;
}

.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: 50px
}

.weeeRollMap {
	/*
		DISPLAY
	*/
	z-index: 350;

	/*
		SIZE
	*/
	height: 492px;
	width: 395px;
	margin-left: 50px
}


table.weeeTable {
	/*
		BORDERS
	*/
	border-collapse: collapse;
	margin-top: 15px;
	margin-bottom: 15px
}

table.weeeTable tbody tr td,
table.weeeTable thead tr th {
	/*
		BORDERS
	*/
	border-color: #B2D770;
	border-style: solid;
	border-width: 2px;
	
	/*
		MARGINS & PADDING
	*/
	padding: 3px;

}

.weeeText {
	
	/*
		TEXT & FONT
	*/
	font-family:Tahoma;
	font-size:12px;
	font-weight:normal;
	
	/*
		MARGINS & PADDING
	*/
		margin: 0px;
		padding: 0px;
}

.weeeText a:link, a:visited {
	color:#0093D0;
	text-decoration:none
}

.weeeText a:active,a:hover {
	color:#0093D0;
	text-decoration:none
}




p.weeeText {
	/*
		TEXT & FONT
	*/
	text-align: left;
	
	/*
		MARGINS & PADDING
	*/
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

ul.weeeText

{
	list-style-type: square;
	padding-left:20px;
}


#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;
}



/****************************************************/
/*  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 {

}
