@charset "utf-8";
/* CSS Document */

/**************************** GlOBAL RESET - Please do not edit this section *************************/

* {background-repeat:no-repeat; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del , dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	}

ol, ul { list-style: none; }

del { text-decoration: line-through; }

/*************** END GlOBAL RESET  *********************/

/** For max height properties **/
html, body {
	background: #e0ecbc url(http://www.eco-boxes.co.uk/images/bkg_flowers.gif) repeat left top;}
hr { display: none; }
p { font-size:1.0em; margin-bottom: 7px; margin-top: 0; color:#434343; font-family:Arial, Helvetica, sans-serif;}

/********** LINKS *****************/

/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/



h1 {
	margin: 0;
	padding: 10px 0 5px 0 ;
	font-size: 1.8em;
	font-family:Arial, Helvetica, sans-serif;
	color: #434343;
	}

h2 {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #434343;
	}
h3 {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:#434343;
	}
h4 {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #434343; 
	font-weight: bold; 
	font-size: 1.1em;
	}
h5 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #434343;
	}
h6 {
	margin:0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #434343; 
	font-size: 1.1em; 
	}



/***** CLEAR *****/

.clear {   height: 0; overflow: hidden; clear: both; }	/* for <br class="clear" /> */
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_n { clear: none; }
.clear_b { clear: both; }

/***** MAIN  *****/

body {
	padding:30px 0 30px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666;
	text-align:center;
		}
	

#wrapper {
	position: relative;
	margin:0 auto 0 auto;
	padding:0;
	width:850px;
	text-align:left;
	}

/* head
	-------------------------------------------------------*/

	#head {background: #4f771b }
	#head {width:100%; height:120px; position: relative;margin-bottom: 20px;}
    #head h1 {display:block;position: absolute; text-indent: -9999px;}
    #head #phone {font: 1.8em Helvetica, Arial, sans-serif; color: #fff; display: inline; float: right; padding:8px;  }



/* navigation 
      -------------------------------------------------*/
    #navigation-wrap {background-color: #6eb43f; text-align:left;}
	#navigation li {font: 1.5em Helvetica, Arial, sans-serif; display: inline; }
	#navigation a {color: #fff; background: #98c773;}
	#navigation a:hover {color: #fff; background-color: #86b066;}
	#navigation #pgact{ color:#000; background: #fff;}
    
    #navigation-wrap {width: 850px;overflow: hidden;}
    #navigation {margin-left: 5px; margin-bottom:0; margin-top:9px; padding-top: 6px; padding-bottom: 5px;}
    #navigation a {padding: 9px 10px; text-decoration: none; margin-right: 2px;}
    #navigation a:hover {text-decoration: none}
    
   /************ CONTENT *************************************************/


    #main {background: #6eb43f; width: 850px; overflow: hidden; }
	
              
    #horidashed {
	
	left: 0;
	bottom: 5px;
    top: 5px;
	margin:0;
	padding: 0 0 0 0;
	width: 790px;
    background-image: url(http://www.eco-boxes.co.uk/images/footer_line.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
    }


/********************************************************************************/
/***** LINK STYLES *************************************************************/
/******************************************************************************/

a {
	color: #6eb43f;
	}


a:hover {
	color:#86b066;
	}



/************ CONTENT *************************************************/


   
				
#content {background: #fff;
         text-align:left;
	margin:0 5px 5px 5px;
	padding:10px;
	min-height:400px; 
	font-size: 1em;
	}

    
#content_full {
	margin:0;
	padding:0 10px 0 13px;
	width:780px;	
	}
	#content_full a {
    color: #6eb43f;
	text-decoration: underline;
	}
 	#content_full p {
	margin-bottom:6px;
	line-height: 1.2em;
	}
    #content_full .price b {
    color: #009900;
    font-size: 1.6em;
    line-height: 1.1em;
    }
    

#content_full a:hover {
	color:#286523;
	}   
    
	#content_full .rh {
	float:right;
    padding:5px 5px ;
	}
    
    
#content_left {
	margin:0;
	padding:0 10px 0 13px;
	width:570px;	
	float:left;
	display:inline;
	overflow-x: hidden;
	}
	#content_left a {
	color: #6eb43f;
	text-decoration: underline;
	}
	#content_left p {
	margin-bottom:6px;
	line-height: 1.2em;
	}


#content_left a:hover {
	color:#286523;
	}

       
#content_right {
	margin:11px 0 0 0;
	padding:0 0 0 10px;
	width:210px;
	float:right;
	display:inline;
	background:transparent url(../images/divide_vert.gif) top left repeat-y;
	}
        
  #tabs {
    float:left;
	margin: 0px;
	padding: 0px;
	width:95px;
	height:85px;
	}
	#tabs #one a, #two a, #three a, #four a, #five a{
			background: url(images/buynow.gif) 0px 0px no-repeat;
            position:relative;
            float:right;
            min-height:70px;
            height:auto !important;
            height:70px;
            min-width:95px;
            width:auto !important;
            width:95px;
            font-size: 1.2em;
            font-weight: bold;
            }
    #tabs #one a:hover {
			background-position:0px -70px;
			}
        
    #tabs #two a:hover {
			background-position:0px -70px;
			}
            
    #tabs #three a:hover {
			background-position:0px -70px;
			}
    #tabs #four a:hover {
			background-position:0px -70px;
			} 
    #tabs #five a:hover {
			background-position:0px -70px;
			}   
            
	/***** FORM STYLES *****/
    
 div#search {margin-top: 30px; position: relative; margin-left: 225px; margin-right: auto; width: 555px;}
  
  #search_form #term_field {border: 1px solid #B8B7B7; width: 200px; height: 33px; padding: 4px 0 0 4px; color: #bb0000; font-weight: normal; font-size: 25px; background: #ffffff; float: left;}

#search_form #submit {padding:0px; margin: 0 0 0 1px; font: 0/0 "HelveticaNeue-Roman",Helvetica,Arial,Sans-serif; color: #fff; border-style: none; height: 39px; width: 98px; background: #009900 url(images/button_go.gif) no-repeat 0px 0px; text-align: center; cursor: pointer;}

#search_form #submit:hover {background: url(images/button_go.gif) 0px 39px;}

#warn { 
      width:700px;
      color: #ff0000; 
      font-weight: normal; 
      font-size: 25px;
}

/***** details form STYLES *****/          
                

div #detform {margin-top: 30px; position: relative; margin-left: 10px; margin-right: 10px; width: 700px;}

form #detform {margin: 55px 0 0 0; padding: 0; width: 750px;}

#detform table td {border: 1px solid #B8B7B7;  background:#BFDCA7; }
#detform table .rhform {float:right; border: 0px;  background:#ffffff; }

#detform table .fb_field {border: 1px solid #B8B7B7;  height: 16px; padding: 2px; color: #333333; font-weight: normal; font-size: 14px; background: #ffffff; }

#detform table .fb_field_err {border: 1px solid #B8B7B7;  height: 16px; padding: 2px; color: #ffffff; font-weight: normal; font-size: 14px; background: #bb0000; float: left;}

#detform table .fb_select {background: #ffffff; }
    /***** FOOTER STYLES *****/
    
#footer {
	position: relative;
	left: 0;
	bottom: 5px;
	margin:0;
	padding: 0 0 0 0;
	width: 780px;
    	}
	#footer .footer_inner {
		margin:0;
		padding:5px;
		width: 770px;
		}
		#footer .footer_inner p { 
           color:#ccc;
			font-size:0.9em;
			text-align:center;
			}
       
			#footer .footer_inner p a {
				margin:0;
				padding:0;
				border:0;
				color:#286523;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				}
                
                #footer .footer_inner p var {
				color:#000;
				}
                
                #footer .footer_inner p a:hover {
				
				color:#000;
				text-decoration:underline;
				font-family:Arial, Helvetica, sans-serif;
				}

/********************************************************************************/
/***** LINE STYLES *************************************************************/
/******************************************************************************/

   
    #sub_links {
	position: relative;
	left: 0;
	bottom: 2px;
	margin:0;
	padding: 4px 0 0 0;
	width: 780px;
	height: 10px;
      background-image: url(images/footer_line.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
	
    }
    
/********************************************************************************/
/***** OFFICE STYLES *************************************************************/
/******************************************************************************/
    .border {
      border: 1px 1px 1px 1px solid #aaa;
      font-size: 0.80em;
      color:#000;
          }
          
     .border a{
              color:#999;
               }
     .border a:hover{
              color:#000;
               }
     
     .descrip1  {
     
     background: #ffccff;
     
     } 
        .descrip2  {
     
     background: #ffc2ff;
     
     } 
     
             .label  {
     
     background: #ffffff;
     
     }