/* Start of CMSMS style sheet 'wvm_css' */
@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	margin: 0px;
	background-image:url(uploads/images/bk.jpg);
	font-family: verdana;
	font-size: 11px;
	color: #000;
}

h1 {
	color: #00693c;
	font-size:12px;
}

a { text-decoration:none; color: #000;}
a:hover {color: #002395;font-weight: bold; }

#sidetext a { text-decoration:none; color: #000; }
#sidetext a:hover {color: #002395; font-weight: bold;}

div#bold { font-weight: bold; color: #00693c; padding-top: 10px; font-size: 12px;}
div#overall {
	width: 798px;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

li { text-indent: 20px; }

div#contentbk {
	width: 798px;
	background-image:url(uploads/images/contentbk.png);
	padding-top: 11px;
	padding-bottom: 11px;
}

div#whitebk {
	width: 776px;
	background-image:url(uploads/images/content.png);
}	


div#header {
	width: 776px;
	height: 55px;
	background-image:url(uploads/images/header.png);
}
	div#header a { text-decoration:none; color: #fff;}
	div#headermenu { 
		padding-right: 10px;
		text-align: right;
	}

div#topmenu {	
	text-align: right;
	padding-right: 10px;
	color: #FFFFFF;
}

div#copper {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/7_05.jpg);
}
div#metals1 {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/11_05.jpg);
}
div#metals2 {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/12_05.jpg);
}
div#sunny {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/13_05.jpg);
}

div#cans {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/3_05.jpg);
}

div#cable {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/1_05.jpg);
}

div#cars {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/4_05.jpg);
}

div#alu {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/8_05.jpg);
}
div#lead {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/5_05.jpg);
}
div#steel {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/10_05.jpg);
}
div#wire {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/7_05.jpg);
}
div#wheels {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/9_05.jpg);
}
div#tyres {
	width: 776px;
	height: 179px;
	background-image:url(uploads/images/tyres.jpg);
}

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


div#wrapper { clear: both; width: 517px; text-align: justify;}
div#servleft { width: 338px; float: left; padding-right: 15px;}
div#servright { width: 142px; height: 214px; float: left; background-image:url(uploads/images/img2.jpg);}
div#servpic { width: 160px; height: 106px; float: left; background-image:url(uploads/images/img1.jpg); }
div#servtxt { width: 338px; float: left; padding-right: 15px; }

div#homeleft { width: 280px; float: left; padding-right: 5px;}
div#homeright { width: 206px; height: 155px; float: left; background-image:url(uploads/images/scrap.jpg);}

div#autoleft { width: 280px; float: left; padding-right: 5px;}
div#autoright { width: 206px; height: 155px; float: left; background-image:url(uploads/images/car1.jpg);}
div#autotxt { width: 339px; float: left; padding-right: 5px;}
div#autopic { width: 169px; height: 104px; float: left; background-image:url(uploads/images/car2.jpg);}

div#weeeleft { width: 368px; float: left; padding-right: 15px;}
div#weeeright { width: 112px; height: 138px; float: left; background-image:url(uploads/images/bin.jpg);}

/* MENU SYSTEM ******************************************************************************************/

div#menu {
	width: 776px;
	height: 57px;
	background-image:url(uploads/images/menu.png);
	position: relative;
}	

#menu a {
	position: absolute;
	height: 57px;
	text-indent: -1000em;
}


	#menu .services a { width: 243px; top: 0px; left: 0px; background-image:url(uploads/images/services.png);}	
	#menu .services a:hover { background-image:url(uploads/images/servicesover.png); }
	
	#menu .foam a { width: 76px; top: 0px; left: 245px; background-image:url(uploads/images/foam.png);}	
	#menu .foam a:hover { background-image:url(uploads/images/foamover.png); }
		
	#menu .auto a { width: 131px; top: 0px; left: 323px; background-image:url(uploads/images/auto.png);}	
	#menu .auto a:hover { background-image:url(uploads/images/autoover.png); }
	
	#menu .weee a { width: 65px; top: 0px; left: 456px; background-image:url(uploads/images/weee.png);}	
	#menu .weee a:hover { background-image:url(uploads/images/weeeover.png); }

	#menu .links a { width: 66px; top: 0px; left: 523px; background-image:url(uploads/images/links.png);}	
	#menu .links a:hover { background-image:url(uploads/images/linksover.png); }
	
	#menu .group a { width: 185px; top: 0px; left: 591px; background-image:url(uploads/images/group.png);}	
	#menu .group a:hover { background-image:url(uploads/images/groupover.png); }
			
	#menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	


/*******************************************************************************************************/
div#menub {
	width: 776px;
	height: 64px;
	background-image:url(uploads/images/menub.png);
}	

div#content {
	width: 776px;
	height: 100%;
}

div#footer {
	clear: both;
	width: 776px;
	height: 16px;
	background-image:url(uploads/images/footer.png);
	color: #fff;
}	
	div#footleft { width:25%; text-align:left; float: left; text-indent: 11px;}
	div#footright { width:23.5%; text-align:right; float: left; padding-right: 11px;} 
	div#footcenter { width:50%; text-align:center; float: left;} 
/* 2 DIV ****************************************************************************************/
div#twowrap { width: 776px; background-image:url(uploads/images/content.png); padding-top: 20px; padding-bottom: 20px; height: 100%;}
div#left{ width: 219px; float: left; }
div#right{ width: 557px; float: right; }

/* 2 DIV % % ****************************************************************************************/
div#twopercentage { width: 517px; padding: 20px; }
div#leftpercentage { width: 30%; float: left; }
div#rightpercentage { width: 70%; float: right; }

div#halfleft { width: 50%; float: left; text-align: left;}
div#halfright { width: 50%; float: right; text-align: left;}
div#twolinetxt { min-height: 30px; }

/* 3 DIV ****************************************************************************************/
div#threewrap { width: 776px; padding-top: 20px; padding-bottom: 20px; min-height: 520px;}
div#l{ width: 219px; float: left; }
div#r{ width: 219px; float: right; }
div#m{ width: 338px;}

/* SIDE CONTENT MENU ****************************************************************************/
div#sidemenu {
	width: 172px;
	height: 26px;
	background-image:url(uploads/images/sidemenu.png);
}

div#sidemenutype {
	width: 172px;
	height: 26px;
	background-image:url(uploads/images/types.png);
}

div#sidebar { 
	width: 172px;
	height: 7px;
	background-image:url(uploads/images/sidebar.png);
}

div#sidecontent { 
	width: 172px;
	height: 100%;
	background-image:url(uploads/images/sidecontent.png);
	padding-bottom: 5px;
}

div#sidebottom { 
	width: 172px;
	height: 8px;
	background-image:url(uploads/images/sidebottom.png);
}

div#sidetext { 
	text-transform:uppercase;
	text-align:left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}

/* large content *********************************************************************/	
div#contenttop { 
	width: 517px;
	height: 8px;
	background-image:url(uploads/images/contenttop.png);
}

div#contentmid { 
	width: 517px;
	min-height: 200px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid320 { 
	width: 517px;
	min-height: 320px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid420 { 
	width: 517px;
	min-height: 420px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid520 { 
	width: 517px;
	min-height: 520px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentbot { 
	width: 517px;
	height: 8px;
	background-image:url(uploads/images/contentbottom.png);
}

div#contenttext { 
	clear: both;
	text-align:justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}	

/* small content *********************************************************************/

div#sct { 
	width: 300px;
	height: 8px;
	background-image:url(uploads/images/sct.png);
}

div#scm { 
	width: 300px;
	height: 100%;
	background-image:url(uploads/images/scm.png);
}

div#scb { 
	width: 300px;
	height: 8px;
	background-image:url(uploads/images/scb.png);
}

div#sctext { 
	text-align:justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}	

div#map {
	width: 517px;
	height: 294px;
	background-image:url(uploads/images/map.png);
}

div#whitespace { height: 20px; background-color:#FFFFFF; }

/************ FORM ***********************************/
div#form { clear:both; width: 350px; text-align: left; }
div#formleft { float: left; width: 150px; padding-top:3px; }
div#formright { float: left; width: 200px; }
label#error { color: #00693c; }
input[type=text], select { color: #00693c; font-size: 12px; width: 180px; }
textarea {color: #00693c; font-size: 12px; }

div#bold { font-weight: bold; color: #00693c; padding-top: 10px; font-size: 12px;}
div#clear { clear:both; }
/* img {border: 2px solid #00693c;} */
/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 400px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #00693c;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #00693c;
			border-bottom: 1px solid #00693c;
			cursor: pointer;
			margin: 0 0 0 0;
			font-size:10px;
		}
		
		.accordion_toggle_active {
			color: #00693c;
			border-bottom: 1px solid #002395;
		}
		
		.accordion_content {
			color: #002395;
			overflow: hidden;
			width: 480px;
		}
			
			.accordion_content h2 {
				margin: 15px 15px 5px 10px;
				color: #002395;
				font-size: 10px;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		
	
	
	div#wholecontainer {
		text-align: left;
		padding-left: 20px;
	}

div#texttop { clear: both; width: 490px; }
	.lefttext { width: 200px; float: left; }
	.imgmid { width: 180px; float: left; }
	.imgright { width: 110px; float: left; }
/* End of 'wvm_css' */