/*	
	Copyright (c) 2007.
	All rights reserved
	
	$ Revision date: 11/11/05
	
	CSS Selectors 	 

	
*/

  

/* GERMS section */
.germwarfare p {
	clear:left;
	width: 450px;
	border-bottom: 1px #999 dotted;
	}
.germwarfare p strong {
	width: 130px;
	display:block;
	float: left;
	padding: 3px 0;
	margin-right: 5px;
	}
.germwarfare p span {
	width: 290px;
	display:block;
	padding: 3px 0;
	float: left;
	}
	



/* Form stuff */    
    
#formarea {    
    padding: 20px 0 0 0;
    width: 560px;
    }    
.formleft {
    float: left;
    width: 247px;
    border-right: 1px solid #a9bcca;
    } 
.formright {
    float: left;
    width: 286px;
    margin: 0 0 0 15px;
    }     
form br {clear: both;} 
label {    
    font-size: 1.2em;
    color: #022081; 
    display: block;
    }
fieldset span {
    display: block;
    height: 18px;
    }
span input {
    background: transparent;
    padding: 0 5px;
    font-size: 1.2em;
    }

.phone label {   
    float: left;
    width: 100px;
    }    
.address label {   
    float: left;
    width: 100px;
    margin: 0 0 8px 0;
    }    
.phone span, .address span, .mobile span{    
    float: left;
    width: 130px;
    background: url("/cleanmybin/media/images/inputs/input_130.gif") top left no-repeat;
    }
.mobile label {   
    float: left;
    width: 133px;
    margin: 0 20px 8px 0;
    }    

.phone span input, .address span input, .mobile span input {
    width: 120px;
    }        
.household label {    
    float: left;
    display: block;
    width: 171px;
    }
.address input.chk { 
    float: left;
    margin: 0 5px 0 0;
    }
.address label.radio {    
    width: 50px;
    float: left;
    }
.household span {    
    float: left;
    width: 40px;
    background: url("/cleanmybin/media/images/inputs/input_40.gif") top left no-repeat;
    margin: 0 0 0 18px;
    }
.household span input {
    width: 30px;
    }       
.often input {        
    float: left;
    margin: 0 6px 0 0;
    }
.often label {   
    float: left;
    width: 88px;
    }
.oftenbuy label {
    width: 162px;
    }
.oftenbuy span {   
    margin: 5px 0 0 0;
    width: 170px;
    } 
.oftenbuy span select {    
    margin: 1px 0 0 0px;
    height: 15px;
    width: 170px;
    font-size: 1.2em;
    }
    
.brand label {
    width: 133px;
    float: left;
    }
    
.brand span {    
    float: left;
    /*background: url("/cleanmybin/media/images/inputs/input_130.gif") top left no-repeat;*/
    width: 130px;
    margin: 8px 0 0 17px;
    }
    
.brand span select {    
    margin: 1px 0 0 4px;
    
    width: 130px;
    font-size: 1.2em;
    }    
    
.where input {        
    float: left;
    margin: 0 6px 0 0;
    }
    
 .where label {   
    float: left;
    width: 88px;
    }
   
 .where label.can {   
    width:150px !important;
    }   
    
 .where span {   
    float: left;
    width: 170px;
    background: url("/cleanmybin/media/images/inputs/input_170.gif") top left no-repeat;
    }
    
.where span input {    
    width: 160px;
   } 
    
.clean input {        
    float: left;
    margin: 0 6px 0 0;
    }
    
.clean label {   
    float: left;
    width: 88px;
    }        
    
.ticks label {    
    float: left;
    width: 250px;
     margin: 5px 0 0 5px;
    }
    
.ticks input {    
    float: left;
    margin: 5px 0 0 0;
    }

.question textarea {
    width: 230px;
    height: 100px;
    float: left;
    font-size: 1.2em;
    font-family: Arial, helvetica, Tahoma, sans-serif;
    }
    
.question input {
    float: right;
    margin: 20px 100px 0 0;
    }
    
span.error {
    /*border: 2px solid #f00;*/
	 background: url("/cleanmybin/media/images/inputs/input_error.gif") top left no-repeat;
    }

.errorblock {
    width: 100%;
    text-align: center;
    background-color: #900;
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 5px 0;
	color: #fff;
    border: 1px solid #900;
    }
p.error  {  
    color: #900 !important;
    margin: -5px 0 0 100px !important;
	font-size: 11px !important;
	line-height: 12px !important;
    width: 170px;
   }
    
.recycletipsarea h3 {
	font-size: 1.4em;
	line-height: 1.3em;
	color: #273b79;
    }
    
#recyclehome {   
    float: left;
    width: 353px;
    }
    
#recyclehome img {
    float: left;
    }
#recyclehome h3, #recyclehome h3.sIFR replaced {    
    margin: 20px 0 10px 0;
    float: left;
   width: 200px;}
        
    
#recyclehome p {    
    float: left;
   width: 200px;
    }
            
#contactcouncil {   
    float: left;
    width: 197px;
    margin: 20px 0 0 0;
    }
    
#contactcouncil img {
    float: right;
    }
#contactcouncil h3, #contactcouncil h3.sIFR replaced {    
    margin: 0 0 10px 0px;
    float: left;
    width: 270px;
    }
        
    
#contactcouncil p {    
    margin: 0 0 0 0px;
    float: left;
    width: 270px;
    }
    
#sort {   
    margin: -30px 30px 0 0;
    float: right;
    width: 238px;
    }
    
#sort img {
    float: left;
    }
    
#sort h3, #sort h3.sIFR replaced {    
    width: 300px;
    float: left;
    display: block;
    margin: 0 0 35px 0;
   }
        
    
#sort p {    
    
    width: 90px;
    float: left;
   } 
    
#putout {   
    margin: 30px 40px 0 0;
    float: right;
    width: 252px;
    }
    
#putout img {
    float: left;
    }
    
#putout h3, #putout h3.sIFR replaced {    
    width: 250px;
    float: left;
   }
        
    
#putout p {    
    width: 100px;
    float: left;
   } 
        
img.map {   
   float: left;
   margin: 20px 0 20px 0;
    }
    
img.ecoli, img.salmonella  {   
   float: left;
   margin: 70px 0 0 40px;
   }    
div.lady {
 
 float: right;
 width: 120px;
    }
 
div.lady p { 
    font-size: 0.9em !important;
    }

.expertbutton {
    float: left;
    margin: 0 20px 0 0;
    }
    
#flashcontentgerms {
	float: right;
	text-align:right;
    margin: 70px 0 0 0;
	width: 270px;
	}    
    
 #flashcontentsalmonella {
	float: right;
    text-align:right;
    margin: 70px 0 0 0;
	width: 270px;
	} 
	


    
table {    
    width: 550px;
    font-size: 1.2em;
    }

td, th {    
   text-align: left;
   border-bottom: 1px #999 dotted;
   
   }
  
td {
   padding: 5px 0;
    } 
    
/* ----- Flash alternative homepage ----*/

#recycler p, #cleanmybin p, #helsinki p, #germs p, #experts p { 
    color: #6b89a1;
    font-size: 1.4em;
    width: 130px;
    float: left;
    margin: 10px 0 0 0;
    }
    
#recycler a.ball, #cleanmybin a.ball {
    padding: 0 0 0 0px;
    float: right;
    }
#helsinki a.ball, #germs a.ball, #experts a.ball {
    padding: 0 10px 0 0;
    float: left;
    }    
 #recycler, #cleanmybin {
    width: 260px;   
    margin: 0 0 20px 0;
    float: left;
    }   
    
 #helsinki {
    width: 250px;   
    margin: -60px 0 20px 0;
    float: left;
    }      
 #germs {
    width: 250px;   
    margin: -60px 0 20px 0;
    float: left;
    }      
  
    

    
 #experts {
    width: 250px;   
    margin: -10px 0 20px 0;
    float: left;
    
    }