/*css document */





/* common styling*/

body {
margin : 0;
font-family: calibri, helvetica, verdana, arial, sans-serif; 
color: #333;
font-size: 0.9em; 
background:  #efefef url("shadow.jpg");
background-position:center top;
background-repeat:repeat-y;
}



img {border: 0; margin: 0;}
p {

margin-top: 13px;
margin-bottom: 13px;
}





a:link { 
text-decoration: underline; 
font-weight: bold; 
color:  #424984;  
}

a:visited { 
text-decoration: underline; 
font-weight: bold; 
color:  #424984; 
}



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





h1{
font-family: calibri, eurostile, verdana, arial, helvetica, sans-serif; 
margin: 20px 0 20px 0; 
font-size: 1.3em;
color: #333;
}



h2 {

font-family: calibri, eurostile, verdana, arial, helvetica, sans-serif; 
margin: 15px 0 12px 0px; 
font-size: 1.0em;
color: #333;
}



h3 {
font-family: calibri, eurostile, verdana, arial, helvetica, sans-serif; 
margin: 5px 0 4px 0px; 

font-size: 0.9em;

color: #333;

}

#breadcrumb{text-transform: lowercase; margin-bottom: 10px; height: 1em;}



#print {margin: 10px 0 10px 0; clear: both; float: left; width: 100%;}





	



/***************HEADERS START*****************

#header {

background: #fff url(../../images/top.jpg);

width: 960px;

margin-left: auto;

margin-right: auto;

height: 150px;

color: #444444;

}



#header2 {

width: 960px;

margin-left: auto;

margin-right: auto;

background-color:#666;

height: 25px;

border-top: 1px solid #fff;

border-bottom: 1px solid #fff;



}



/**************HEADERS END******************/











/***************SIDE  START******************/

/* These divs are floated because the menu is - and so margin top settings work*/ 

#mailing-list {float: left; margin: 20px 0 10px 0; font-size: 0.8em;}

#mailing-list input {margin: 2px 0 2px 0;}





#w3c-l img, #w3c-r img {margin: 10px 0 0 0; width: 70px; height: 25px;}

#w3c-l{float: left;}

#w3c-r{float: right;}

/***************HEADER NAV END******************/



/***************MAIN CONTENT ******************/

#main-holder {margin: 0; width: 770px; clear: both; float: left;}

div.main-right {width: 250px; float: right; display: block; border: 0px solid #FFCC00; padding-left: 10px; text-align:right;}

div.main-left {width: 490px; float: left; padding-right: 10px; border: 0px solid #679BC2; text-align:justify;}

/***************MAIN CONTENT END******************/



img.main {

border-bottom: 0 solid #921818;}



img.left-fses {

margin:15px 15px 0 0 ;

}



/***************BULLET LIST******************/

ul.bullet_points{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 15px 10px;
size: 0.7em;
}


li.bullet_points{
size: 0.7em;
background-image: url(../ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
font-weight: bold;
font-style:italic;
}
/***************BULLET LIST END******************/







/***************TABLES******************/


table.home {
border:0 solid #E0DCD1;
vertical-align:top;
width: 690px;
margin-top: 10px;
margin-bottom: 20px;
font-size: 0.9em;
background-color:#fff;
}



td.home {
background-image: url(../ims/home-matrix.jpg);
background-repeat: no-repeat;
vertical-align:top;
width: 230px;
padding: 10px 0 10px 10px;
}

td.home-border{
border-right:1px solid #E0DCD1;
background-image: url(../ims/home-matrix.jpg);
background-repeat: no-repeat;
vertical-align:top;
width: 230px;
padding: 10px 0 10px 10px;
}


table.home a:link{
font-weight:normal;
}


table.home a:visited { 
text-decoration: underline; 
font-weight: normal; 
}

table.home a:hover{
color:#666;
text-decoration:none;
font-weight:normal;
}



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

/*Main navigation////////////////////////////////////////////////*/

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



ul.mainnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/
list-style: none; width: 200px; 
margin: 32px 0 0 0; 
padding: 0 0 0 0; 
background-color: #00BA63;
font-family: eurostile, verdana, arial, helvetica, sans-serif;
font-size: 0.8em; 
font-weight: bold; 

}



ul.mainnav li a:link, ul.mainnav li a:visited {
display: block;
text-decoration: none;

/*///////// width subtracts padding from left div width ////////////*/

width: 196px;
padding: 10px 0 10px 2px;
color: #fff;
}

ul.mainnav li {
border-bottom: 1px solid #fff;
border-left: 1px solid #03B963;
border-right: 1px solid #03B963;
}

ul.mainnav li a:hover {
background-color: #E3E4ED;
color: #333;
}

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



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

/*Right navigation////////////////////////////////////////////////*/

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



ul.rightnav {

/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/

list-style: none; width: 200px; 
margin: -5px 0 0 0;
padding: 0px 0px 0px 0px; 
background-color: #E3E4ED;
font-size: 0.8em; 
font-weight: bold; 
}



ul.rightnav li a:link, ul.rightnav li a:visited {
display: block;
text-decoration: none;

/*///////// width subtracts padding from left div width ////////////*/

width: 198px;
padding: 3px 0 3px 2px;
color: #333;
}



ul.rightnav li a:hover {
background-color: #F2F2F7;
color: #333;
}





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



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

/*Bullet points//////////////////////////////////////////////////*/

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

ul.bullet_graphics{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 0 5px 0 10px;
}


ul.bullet_graphics li{
background-image: url(http://www.wastemanagementconsultant.co.uk/dev/include/ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0.2em;
padding-left: 22px;
font-weight: normal;
}



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





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

/* Images ///////////////////////////////////////////////////////*/

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



img.right {
margin: 5px 0 5px 5px; 
}
img.middle{
text-align:center;
}

img.contact-main {
margin: 0 0 0 50px; 
}

img.waste-consultancy-services-main {
margin: 0 0 0 60px; 
}




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

/* Form ///////////////////////////////////////////////////////*/

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



tr.order_form_1 td { 
padding: 4px 4px 4px 4px;  
border:0px solid #333; 
vertical-align: top;
font-weight:normal;

}



tr.order_form_2 td { 
padding: 4px 4px 4px 4px;  
border:0px solid #333; 
vertical-align: middle;
font-weight:normal;
}



input.input_box{
margin: 3px 0px 2px 4px;
padding: 2px 4px 4px 4px;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
background-color: #DFDFDF;
color: #333; 
border:1px solid #fff;
}



textarea {
padding: 4px 4px 4px 4px;  
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
width: 150px; 
background-color: #DFDFDF; 
margin-left: 3px;
border:0px solid #333;
}