﻿/*Master page______________________________________________________________________*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #e7ecf5;
	font-size: 76%;
	overflow: -moz-scrollbars-vertical;
	background:url(../images/Background_Shim.jpg) #005a96 repeat-x;
}
.wrapper_homepage
{
	float:left;
	width:980px;
	margin:0 auto;
	background:url(../images/Home_Back.jpg) #c0e2f3 no-repeat;
	padding:0px;
	text-align:left;
}

#WrapperContainer
{
	width:980px;
	margin:0 auto;
}
.top
{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:203px;
}
.topHomePage
{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:300px;
}

#logo
{
	margin:0px;
	padding:0px;
	float:left;
	margin-left:50px;
	_margin-left:25px;
	margin-top:20px;
}
#tel
{
	float:right;
	margin:0px;
	padding:0px;
	margin-right:120px;
	_margin-right:60px;
	margin-top:5px;
}
#motto
{
	float:right;
	clear:right;
	margin:0px;
	padding:0px;
	margin-top:35px;
	margin-right:130px;
	_margin-right:65px;
}


#headerh1
{
	display:none;
	float:left;
}
/*Homepage________________________________*/
#HomepageMainContent
{
	float:left;
	margin:0px;
	padding:0px;
	width:475px;
	margin-left:30px;
}
#straptext
{
	width:99%;
	float:left;
	margin:40px 0px 20px 0px;
	padding:10px 0px 10px 1%;
	color:#ffffff;
}
#straptext h1
{
	color:#ffffff;
	font-size:24px;
}
#Cleaner
{
	width:100%;
	float:left;
	margin:20px 0px 0px 0px;
	background:url(../images/Content_Shim.png) repeat-x;
	min-height:130px;
	_background:url(../images/Content_Shim.jpg) repeat-x;
}
#Cleaner img
{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:10px;
	margin-top:20px;
	border: 1px solid #ffffff;
}
.messagehomepage
{
	width:140px;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:20px;
	margin-left:17px;
	_margin-left:8px;
}
.messagehomepage p
{
	line-height:18px;
}
.messagehomepage h2
{
	font-size:17px;
}
#RightWidgets
{
	width:204px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:40px;
	_margin-left:32px;
}
#Carbon_Savings
{
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/Carbon_Savings.png);
	width:199px;
	height:187px;
	_behavior:url(./Scripts/iepngfix.htc);
	margin-bottom:10px;
}
#Carbon_Savings .carbontop
{
	color:#59c140;
	width:177px;
	margin:0px;
	padding:0px;
	float:left;
	margin-left:14px;
	_margin-left:7px;
	margin-top:36px;
}
#Carbon_Savings .carbontop h1
{
	font-size:32px;
	color:#59c140;
	float:left;
	margin:0px;
	padding:0px;
}
#Carbon_Savings .carbontop h2
{
	font-size:24px;
	color:#59c140;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:7px;
	margin-left:10px;
}
#Carbon_Savings .carbontop p
{
	margin:0px;
	
	padding:0px;
	font-weight:bold;
	float:left;
	clear:both;
	width:100%;
}
#Carbon_Savings .carbonbottom
{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:12px;
	margin-left:14px;
	_margin-left:7px;
}
#Carbon_Savings .carbonbottom p
{
	color:#1C5F0C;
	margin:0px;
	padding:0px;
	font-size:10px;
	width:171px;
	
}

#What_We_Buy
{
	float:left;
	margin:0px;
	padding:0px;
	width:201px;
	margin-bottom:10px;
}
.What_We_Buy_Top
{
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/What_Buy_Top.png);
	width:199px;
	height:46px;
	_behavior:url(./Scripts/iepngfix.htc);
}
.What_We_Buy_Bottom
{
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/What_Sell_Bottom.png);
	width:199px;
	height:42px;
	_behavior:url(./Scripts/iepngfix.htc);
}

.What_We_Sell_Top
{
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/What_Sell_Top.png);
	width:199px;
	height:46px;
	_behavior:url(./Scripts/iepngfix.htc);
}
.What_We_Sell_Bottom
{
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/What_Sell_Bottom.png);
	width:199px;
	height:42px;
	_behavior:url(./Scripts/iepngfix.htc);
}

#What_We_Sell
{
	float:left;
	margin:0px;
	padding:0px;
	width:200px;
	height:186px;
	margin-bottom:10px;
}

.What_Bullets
{
	width:199px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/What_We_BuyShim.gif) repeat-y;
}
.What_Bullets ul
{
	width:169px;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	color:#0c629b;
	margin-left:20px;
	_margin-left:8px;
	list-style:none;
}
.What_Bullets ul li
{
	padding:0px;
	background:url(../images/What_Bullets_Bullet.gif) no-repeat 0px 6px;
	padding-left:10px;
}
.What_Bullets ul li a
{
	text-decoration:none;
	color:#0c629b;
}

.What_We_Sell_Bottom a,.What_We_Buy_Bottom a
{
	margin-top:20px;
	float:left;
	margin-left:12px;
	_margin-left:6px;
}

#News
{
	float:left;
	margin:0px;
	padding:0px;
	width:715px;
	margin-left:30px;
	margin-top:20px;
	background:url(../images/News_Box_Shim.jpg) repeat-x;
	height:200px;
	margin-bottom:60px;
	_margin-bottom:30px;
}
#News .LeftNews
{
	width:270px;
	float:left;
	margin:0px;
	padding:10px;
	margin-top:10px;
}
#News .LeftNews img
{
	border:1px solid #5eb7e1;
}

#News .RightNews
{
	float:left;
	margin:0px;
	padding:10px;
	margin-top:10px;
	width:400px;
}
#News .RightNews h2
{
	font-size:14px;
}

/*Normal Pages ___________________________________________*/
.wrapper_normal
{
	width:980px;
	margin:0 auto;
	background:url(../images/Top_Follow_Pages.jpg) #ffffff no-repeat;
	padding:0px;
	min-height:250px;
	text-align:left;
	
}
.NormalBackground
{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	background:url(../images/Background_Normal_Page.jpg) no-repeat;
}
#NormalPageMainContent
{
	width:684px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:20px;
	color:#868889;
	
}
#NormalPageMainContent p
{
	line-height:17px;
}


.HalfContent
{
	width:305px;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:30px;
}
#NormalPageMainContent img
{
	margin-top:20px;
	margin-bottom:10px;
}
#NormalPageMainContent h1
{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:20px;
	color:#94c2c6;
	font-size:26px;
	border-bottom:2px solid #1f76a2;
	font-weight:normal;
	padding-bottom:10px;
	margin-top:20px;
	margin-bottom:20px;
}
#NormalPageMainContent h2
{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:20px;
	color:#94c2c6;
	font-size:20px;
	border-bottom:2px solid #1f76a2;
	font-weight:normal;
	padding-bottom:10px;
	margin-top:20px;
	margin-bottom:20px;
}
#NormalPageMainContent h3
{
	font-size:14px;
	color:#1f76a2;
	width:95%;
	line-height:20px;
	
}
#NormalPageMainContent ul
{
	width:97%;
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;
	color:#1f76a2;
}
#NormalPageMainContent ul li.dark
{
	width:100%;
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(../images/Bullet_Grey.gif) #edf4f8 no-repeat 5px 7px;
	padding-left:20px;
	
}
#NormalPageMainContent ul li.light
{
	width:100%;
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	background:url(../images/Bullet_White.gif) #ffffff no-repeat 5px 7px;
	padding-left:20px;
	
}
.LeftOfPersonnel
{
	width:400px;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:25px;
	margin-left:40px;
}
.LeftOfPersonnel p
{
	padding-bottom:7px;
	border-bottom:1px solid #c1edf8;
}
.LeftOfPersonnel b{
	color:#1f76a2;
}

.TopRightText
{
	width:220px;
	z-index:1;
	position:absolute;
	right: 0px;
	top: 0px;	
}
.TopleftText
{
	width:420px;
	z-index:1;
	position:absolute;
	left:0px;
	top: 0px;
}
.BottomleftText
{
	width:240px;
	z-index:1;
	position:absolute;
	left:0px;
	bottom: 0px;
	margin:0px;
	padding:0px;
}
.BottomrightText
{
	width:320px;
	z-index:1;
	position:absolute;
	right:0px;
	bottom: 0px;
	margin:0px;
	padding:0px;
}
.BottomrightText h3 { text-align: right; width: auto;}

.ImageProcess {
	display: block;
	float: left;
	position:relative;
	z-index: 10;
}

/*Materials_______________________________*/
.RecycleItem
{
	width:160px;
	float:left;
	margin:0px;
	padding:0px;
	margin-right:10px;
}
.RecycleItem img
{
	margin:0px;
	padding:0px;
	float:left;
	border:1px solid #3F91C9;
	margin-left:17px;
}
.RecycleItem p
{
	width:100%;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	margin:0px;
	padding:0px;
	color:#1f76a2;
	text-decoration:none;
}
.RecycleItem p a
{
	color:#1f76a2;
	text-decoration:none;
}
.MaterialText
{
	width:95%;
	float:left;
	clear:both;
}
.Images img
{
	float:left;
	margin-right:10px;
	width:200px;
	
}
.about_left {
        display: block;
        float: left;
        width: 205px;
        margin: 10px 0px 0px 10px;
        _margin: 10px 0px 0px 5px;
        padding: 0px; 
           
}
.boarditem
{
	width:100%;
	float:left;
	clear:both;
	border-bottom:1px solid #3260AE;
	margin-bottom:20px;
	padding-bottom:20px;
}

.about_left img { display: block; float: left; margin: 0px 20px 0px 0px;padding:0px; }
.about_left strong { display: block; float: left;margin-top:10px; }

.about_right {
        display: block;
        float: left;
        width: 425px;
        margin: 30px 0px 0px 20px;
        _margin: 10px 0px 0px 10px;
        padding: 0px; 
           
}

.about_right p { margin: 16px 0px 10px 0px; line-height: 1.2em; }


/*Licence Page____________________________*/
.licence
{
	width:80%;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}
.licence img
{
	float:left;
	margin-right:10px;
}

.licence h4
{
	color:#2953a6;
	float:left;
	font-size:15px;
	margin:0px;
	padding:0px;
	margin-top:30px;
	width:80%;
}
.licence a
{
	color:#2953a6;
	float:left;
	font-size:15px;
	margin:0px;
	padding:0px;
	width:80%;
}

#NormalPageMainContent ul li.grey
{
	width:100%;
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	color:#525252;
}
/*Career page_____________________________*/
.careerh4
{
	font-size:19px;
	float:left;
	color:#09419d;
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-top:20px;
}
.careerssection
{
	float:left;
	width:671px;
	clear:both;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
}
.careerstop
{
	float:left;
	width:671px;
	height:23px;
	clear:both;
	margin:0px;
	padding:0px;
	background:url(../images/Careers_Top.jpg) no-repeat;
}
.careersbottom
{
	float:left;
	width:671px;
	height:23px;
	clear:both;
	margin:0px;
	padding:0px;
	background:url(../images/Careers_Bottom.jpg) no-repeat;
}
.job{
	width:595px;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	border-bottom:1px solid #acccdd;
	padding-bottom:15px;
	margin-left:40px;
	_margin-left:20px;
	margin-bottom:10px;
}
.job a.jobtitle
{
	font-weight:bold;
	color:#09419d;
	font-size:16px;
	text-decoration:none;
	width:80%;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:22px;
}
.job a.ApplyButton
{
	float:right;
	margin:0px;
	padding:0px;
}
/*Equipment page__________________________*/
.HalfContentEquipment
{
	width:45%;
	margin-right:2%;
	float:left;
}
.HalfContentEquipment ul
{
	width:50%;
	border:1px solid black;
	float:left;
}
.careerssection img
{
	float:left;
}
.EnquireButton
{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:90px;
}
/*contact page____________________________*/
.HalfContentContactLeft
{
	width:40%;
	float:left;
	margin:0px;
	padding:0px;
}
.HalfContentContactRight
{
	width:60%;
	float:left;
	margin:0px;
	padding:0px;
}

.SubmitContact
{
	background:url(../images/Submit_Contact.gif) no-repeat;
	width:74px;
	height:26px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:140px;
}
.contactform p
{
	margin-bottom:10px;
	float:left;
}
.contactform label
{
	width:110px;
	float:left;
	color:#1f76a2;
}
.contactform input
{
	width:210px;
	float:left;
}
.contactform select
{
	float:left;
	color:#1F76A2;
	border:1px solid #1F76A2;
	font-size:11px;
}
.contactform textarea
{
	width:210px;
	height:120px;
	float:left;
}
/*Left Navigation_________________________*/
#LeftNav
{
	width:218px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:12px;
	_margin-left:6px;
}
#LeftNav h2
{
	width:155px;
	float:left;
	clear:both;
	padding:5px 0px 5px 35px;
	margin:0px;
	background:url(../images/Title_Shim.jpg) #05409C repeat-x;
	font-size:12px;
	font-weight:bold;
	border:1px solid #0a419d;
	margin-bottom:7px;
}
#LeftNav ul
{
	width:218px;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	list-style:none;
}
#LeftNav ul li.MainMenu
{
	background:url(../images/Nav_Shim.jpg) #1D57AB repeat-x;
	width:177px;
	float:left;
	clear:both;
	padding:2px 0px 5px 15px;
	margin:0px;
}
#LeftNav ul li.MainMenu a
{
	background:url(../images/Bullet.gif) no-repeat 0px 4px;
	margin:0px;
	padding:0px;
	float:left;
	padding-left:8px;
	text-decoration:none;
	color:#ffffff;
	
}
#LeftNav ul li ul
{
	padding-top:2px;
	padding-bottom:2px;
	margin-bottom:3px;
}

#LeftNav ul li ul li.SubMenu
{
	background:#19478a;
	width:177px;
	float:left;
	clear:both;
	padding:2px 0px 2px 15px;
	margin:0px;
	padding-top:4px;
	padding-bottom:4px;
}
#LeftNav ul li ul li.SubMenu a
{
	background:url(../images/Bullet.gif) no-repeat 0px 5px;
	margin:0px;
	padding:0px;
	float:left;
	padding-left:12px;
	text-decoration:none;
	color:#ffffff;
	margin-left:10px;
	
}
#conatctNav
{
	margin:0px;
	padding:0px;
	margin-top:30px;
	float:left;
}
#conatctNav p
{
	margin:0px;
	padding:0px;
	width:185px;
	margin-left:10px;
	margin-bottom:5px;
	float:left;
	_float:none;
}
#conatctNav label
{
	float:left;
	clear:both;
	width:70px;
	margin:0px;
	padding:0px;
}
#conatctNav input
{
	float:left;
	margin:0px;
	padding:0px;
	width:110px;
}
#conatctNav select
{
	float:left;
	color:#1F76A2;
	border:1px solid #1F76A2;
	font-size:11px;
}
#conatctNav textarea
{
	float:left;
	margin:0px;
	padding:0px;
	width:110px;
	height:60px;
}
#conatctNav h3
{
	font-size:12px;
	color:#05409C;
	margin-left:20px;
}


/*Left Nav Homepage________________________*/
#LeftNavHomepage
{
	float:left;
	width:230px;
	background:url(../images/LeftNavBorder.png) no-repeat 220px 0px;
	height:721px;
	_background:url(../images/LeftNavBorder.jpg) no-repeat 220px 0px;
}
/*Left Nav Normal Pages____________________*/
#LeftNavNormalPage
{
	float:left;
	width:230px;
	height:721px;	
}

/*Footer___________________________________*/
#Footer
{
	float:left;
	margin:0px;
	padding:0px;
	width:980px;
	height:167px;
	background:url(../images/Footer.jpg) no-repeat;
	margin-top:50px;
}
#Footer p
{
	float:left;
	margin-left:40px;
	_margin-left:5px;
	margin-top:40px;
}

#footer_content
{
    display: block;
    float: right;
    width: 250px;
    margin: 72px 35px 0px 0px;
    padding: 0px;
    font-size: 18px;    
}

#footer_content p 
{
    float: right;
    margin: 0px; 
    width:280px;   
}

#footer_content p span 
{
    color: #39a4d7;
    width:50px;
    float:left;
    clear:both;
}

#footer_content p a 
{
    color: #ffffff;
    text-decoration: none;
    
}

#footer_content a:hover 
{
    text-decoration: underline;    
}

/*Magenta news_____________________________*/

.magentanews pre, .magentanews tt, .magentanews code, .magentanews samp, .magentanews kbd, .magentanews xmp, .magentanews listing, .magentanews plaintext 
{ 
	color: #1e6fa4;
	font-family: Arial; 
}
.magentanews h2       
{ 
	 color: #1e6fa4;
	font-size: 15px; 
}
.magentanews a:link   
{ 
  color: #1e6fa4; 
  text-decoration: none; 
}
.magentanews a:visited
{ 
	color: #1e6fa4; 
	text-decoration: none;
}
.magentanews a:hover  
{ 
	
	text-decoration: underline; 
}
.magentanews .article 
{ 
	color: #1e6fa4;
	padding-bottom: 10px; 
}
.magentanews .date    
{ 
	font-size: 18px; 
	color: #54b1dd; 
}
.magentanews .source  
{ 
	font-size: 18px; 
	color: #1e6fa4; 
}
.magentanews .title   
{ 
	font-size: 15px; 
	font-family: arial; 
	color: #1e6ea4; 
	font-weight: bold;  
	text-decoration: none;
}
.magentanews .ingress 
{ 
	font-size: 13px; 
	color: #1e6ea4;  
	text-decoration: none; 
}
.magentanews .match   
{ 
	font-size: 13px;
	color: #1e6fa4;   
}
.magentanews .title a:link   
{ 
	font-size: 15px; 
	font-family: arial; 
	color: #1e6ea4; 
	font-weight: bold;  
	text-decoration: none;
}
.magentanews .title a:visited 
{ 
	color: #1e6fa4; 
	text-decoration: none;
}
.magentanews .title a:hover  
{ 
	color: #1e6fa4; 
	text-decoration: underline; 
}


/*Generic__________________________________*/
p
{
	margin-top:0px;
}
img
{
	border:none;
}
.hide
{
	display:none;
}
.show
{
	display:block;
}
.clear
{
	clear:both;
}
.blue
{
	color:#1f76a2;
}
input
{
	border: 1px solid #5eb7e1;
	height:17px;
	color:#2a55a7;
	font-size:11px;
}
textarea
{
	border: 1px solid #5eb7e1;
	height:17px;
	color:#2a55a7;
	font-size:11px;
	font-family:Arial;
	overflow:auto;
}
.Submit
{
	background:url(../images/Submit.png) no-repeat;
	width:66px;
	height:26px;
	float:left;
	margin:0px;
	padding:0px;
	_behavior:url(./Scripts/iepngfix.htc);
}
.title
{
	font-size:17px;
	color:#0c629b;
}
/*highslide__________________________*/

.highslide {
	cursor: url(../images/zoom/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-wrapper {

}
.highslide-image {
	border: 3px solid black;
	padding:2px;
	background:#000000;
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: #ffffff;
    
    padding-left: 22px;
    background-image: url(../images/zoom/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
	background: url(../images/zoom/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.closewindow
{
	width:95%;
	float:left;
	margin:0px;
	padding:0pc;
}
.closewindow a
{
	color:#1F76A2;
	text-decoration:none;
	float:right;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-right:5px;
	
}
.Information h2
{
	color:#1F76A2;
	font-size:13px;
}
.Information p
{
	color:#868889;
	float:left;
	text-align:left;
	width:90%;
	margin-left:5%;
	_margin-left:1%;
}
.LeftInfo
{
	width:90px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:15px;
	margin-bottom:10px;
	clear:both;
}
.RightInfo
{
	width:120px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:10px;
	text-align:left;
	margin-bottom:10px;
}
.RightInfo h5
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#1F76A2;
	margin-bottom:5px;
}
.Pop
{
	float:left;
	margin:0px;
	padding:0px;
	width:267px;
}
.PopShim
{
	background:url(../images/Pop_Shim.gif) repeat-y;
	margin:0px;
	padding:0px;
	width:267px;
	float:left;
	clear:both;
}
.PopBottom
{
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	width:267px;
	height:19px;
	background:url(../images/Pop_Bottom.gif) no-repeat;
}
.PopTop
{
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	width:267px;
	height:23px;
	background:url(../images/Pop_Top.gif) no-repeat;
}