html { width: 100%;
       overflow-x: hidden;}

body {font-family: 'trebuchet ms', helvetica, verdana, tahoma, arial, sans-serif;
      margin: 0;
      background-color: #e9e9e9;
      overflow-x: hidden;}
              


#head { background-image: URL(/images/epc_south_head_3.jpg);
        width: 1047px;
        height: 231px;
        background-repeat: no-repeat;
        margin: 0 auto; 
}

#head img {padding:0;
           margin:0;
           border: none; }

#head a.header { padding: 0; }


h1        { font-size: 22px;
            color: #b22222; 
            font-family: helvetica, tahoma, arial, sans-serif;
            font-weight: normal;  }


/*************   NAVIGATION DROP DOWN MENU  ***************/


div.chromestyle { float: left;
               margin: 0;
               margin-top: 95px;
               *margin-top: 90px;
               width: 99%;
               padding-top: 0; }







.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle ul { width: 100%;
                  padding: 0 69px;
                  padding: 0 65px!ie;
                  margin: 0;
                  text-align: left; }
 
.chromestyle ul li { display: inline;
                     text-align: right; }

.chromestyle ul li a { color: white;
                       padding-bottom: 6px;
                       margin: 0;
                       margin-left: 5px;
                       margin-left: 6px!ie;
                       text-decoration: none; 
                       font: normal 11px Verdana;}


.chromestyle ul li a:hover, .chromestyle ul li a.selected  
{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*color: #ddd;*/ }


/* ----------- Style for Drop Down Menu ----------- */


.dropmenudiv { position:absolute;
               top: 0;
               font: normal 10px Verdana;
               line-height: 18px;
               z-index: 100;
               background-color: #be0a09;
               width: 130px;
               visibility: hidden; }


.dropmenudiv a { width: 100%;
                 display: block;
                 text-indent: 3px;
                 text-align: left;
                 border-bottom: 1px solid #fff;
                 padding: 4px 20px 4px 25px;
                 text-decoration: none;
                 color: white; }


.dropmenudiv a:hover{ background:#333 url(/images/arrow2.gif) 110px 10px no-repeat;  
                      color: white;
                      border-bottom: solid 1px white;}


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





#callback { position: relative;
            top: -16px;
            top: -23px!ie;
            left: 882px;
            left: 442px!ie;
            width: 166px;
            height: 32px; }




@media all and (min-width: 0px)
{ 
#callback { padding-top: 10px;} /* Opera */

:root head~body #callback { padding-top: 1px; } /* Safari */
}


#callback a { font-size: 11px;
              color: white;
              text-decoration: none;
              font-family: verdana, arial, sans-serif; }




/****************** HOMEPAGE CONTENT  *******************************/


#home_bg { background-image:url(/images/epc_south_bg10b.png);
           background-repeat: repeat-y;
           width: 1047px; 
           text-align: center;
           margin: 0 auto; }


#cheetah { background-image:url(/images/cheetah.jpg);
         background-repeat: no-repeat;
         width: 1024px; 
         height: 515px;
         text-align: center;
         margin: 0 auto;  }

.para1, .para2, .para3 { font-family: 'trebuchet ms', tahoma, helvetica, sans-serif;
                         text-align: left;
                         line-height: 30px; 
                         color: white;
                         padding-left: 40px;
                         margin: 0;} 

.para1 { padding: 25px 0 0 40px;
         font-size: 18px; }

.para1 b { font-weight: normal;
           font-size: 24px; }


.para2 { padding: 250px 0 0 40px;
         line-height: 23px;
         font-size: 16px; }

.para3 { padding: 30px 0 0 40px;
         font-size: 24px;  }

.para3 a { color: white; }


.home_slide { text-align: center;
              margin: 0 auto;
              padding: 0;
              width: 1024px;    
              height: 400px; 
              z-index:2;  }

.home_cont { position: absolute;
             left: 70px;
             top: 285px;
             width: 320px;
             font-size: 14px;
             line-height: 20px;
             letter-spacing: 1px;
             text-align: right;
             padding: 0 14px 14px 0;
             border-right: 1px solid #ccc;
             border-bottom: 1px solid #ccc;}




/******************  END HOMEPAGE CONTENT **********************/








/************************** CALL BACK FORM POP UP  *********************/


/* ---------- global settings needed for thickbox -------------- */


*{padding: 0; margin: 0;}



/* ---------- thickbox specific link and font settings ---------- */



#TB_window { font: 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	     color: #333333; }

#TB_secondLine { font: 10px Arial, Helvetica, sans-serif;
	         color:#666666; }

#TB_window a:link {color: #666666;
                   text-decoration: none;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #b22222;
                    text-decoration: underline;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}


/* ----------- thickbox settings -------------------------- */


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 6px solid #d1d1d1;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 30px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#fff;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	/*padding:2px 15px 15px 15px;*/
	overflow:hidden;
	text-align:left;
	line-height:1.4em; }

#TB_ajaxContent.TB_modal{
	padding: 15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px; }





/************************ FAQ  *************************/


#my_menu { height:100%;  
           background-image:url(/images/faq3.jpg); 
           background-repeat: no-repeat;
           margin:0 0 0 11px; 
           padding: 45px 120px 20px 294px; 
           font-family: helvetica, 'trebuchet ms', verdana, arial, sans-serif;
           text-align: left;
           width: 680px; }


#faq_info { font-size: 14px;
            color: gray;
            margin-top: -20px;
            display: block; }


div.sdmenu { padding-bottom: 10px;
             color: #fff; }

div.sdmenu div { overflow: hidden; }


div.sdmenu div.collapsed { height: 28px;
                           background: white; }

div.sdmenu div span { display: block;
                      font-size: 18px;
	              color: #b22222;  
                      background-color: white;
	              cursor: pointer;
                      font-family: helvetica, 'trebuchet ms', tahoma, verdana, arial, sans-serif;}

div.sdmenu div span b { color: #b22222; }


div.sdmenu div.collapsed span { background: white; 
                                color: gray;  }

div.sdmenu div a { padding: 8px 0 16px 24px;
                   background-image: URL(/images/arrow6.gif);
                   background-position: 0 10px;
                   background-repeat: no-repeat;
	           background-color: #fff;
	           display: block;
                   font-family: arial, 'trebuchet ms', tahoma, verdana, sans-serif;
                   line-height: 20px;
	           color: #474747;
                   font-size: 14px; 
                   cursor: text;
                   text-decoration: none; }



#faq_form { text-align: left;
            margin: 20px 0 20px -10px; }



#faq_form a { color: #b22222;
           text-decoration: none;
           display: block; 
           padding-top: 20px;  
           background: url(/images/btn3.png) no-repeat;
           width: 156px;
           height: 55px;
           text-align: center;
           font-size: 12px;
           border: 0;}
         
#faq_form a:hover {  color: black;
           text-decoration: none;
           display: block; 
           padding-top: 20px;  
           background: url(/images/btn3_over.png) no-repeat;
           width: 156px;
           height: 55px;
           text-align: center;
           font-size: 12px;
           border: 0;}


/* ENQUIRY FORM */



#outer_enqu_form { 
                   height:auto;  
                   background-image:url(/images/enquiry1.jpg);                          
                   background-repeat: no-repeat;
                   margin:0 0 0 11px; 
                   padding: 45px 120px 40px 274px; 
                   text-align: left;
                   font-size: 12px; }

#outer_enqu_form p { padding: 15px 0 20px 15px; 
                     font-size: 14px;
                     color: #545454;}

#outer_enqu_form p span { font-size: 12px; }

#enqu_head { font-size: 18px;
             color: #474747; }

#enqu_form table {font-family: 'trebuchet ms', tahoma, verdana, Sans-Serif;
                  font-size: 12px;  
                  color: #545454;
                  text-align: left;  
                  width: 700px;
                  margin-left: 10px;
                  background: url(/images/grad9.png);  
                  background-repeat: repeat-y; }
                  


#enqu_form td { padding: 2px 0 2px 25px;  }

#enqu_form .postcode { width: 80px; }


#enqu_form input, #enqu_form select, #enqu_form textarea 
{  background-color: #fff;
   border: solid 1px #d1d1d1; 
   font-size: 13px;
   padding: 2px; }


#enqu_form textarea { overflow: auto;
                      font-family: 'trebuchet ms', tahoma, verdana, Sans-Serif;}

#enqu_form input, #enqu_form textarea { width: 220px; 
                                        background: url(/images/gradinput1.png);  
                                        background-repeat: repeat-y;  }

#enqu_form select { width: 130px;
                    font-size: 13px;
                    background: url(/images/gradinput1.png);  
                    background-repeat: repeat-y; } 
            
#enqu_form option { padding: 4px 0 4px 4px; }

#enqu_form .bottom { background: url(/images/grad8bottom.png) no-repeat;  
                     padding: 0 0 0 15px;
                     width: 500px;
                     height: 10px; }


#enqu_form .subhead1 { font-family: helvetica, 'trebuchet ms', sans-serif;
                       font-size: 18px;  
                       color: #b22222;
                       padding: 20px 0 6px 25px;
                       background: url(/images/grad8top.png) no-repeat; }


#enqu_form .subhead2 { font-family: helvetica, 'trebuchet ms', sans-serif;
                       font-size: 14px;  
                       font-weight: bold;
                       color: gray;
                       padding: 12px 0 6px 25px; }


#enqu_form_input table { width: 400px;
                         text-align: left;
                         background: white;
                         margin-left: -14px; 
                         padding: 15px 20px 0 0; }

#enqu_form .buttons { background: url(/images/btn.png) no-repeat;
                      text-align: center; 
                      width: 156px;
                      height: 55px;
                      border: 0;
                      color: #b22222;
                      font-size: 13px;
                      cursor: pointer;
                      font-weight: bold; }


.error { background: url(/images/arrow4.gif) no-repeat;
         padding-left: 10px; 
         color: #b22222;
         font-size: 12px;
         display: none;  }



/****************  END ENQUIRY FORM *********************/




/***************** CALL BACK PAGE ********************/

#callback_page {background: white;
                padding-top: 10px; }


#callback_page .callbacktop { background: url(/images/callback_top.png);  
                              background-repeat: no-repeat;
                              height: 124px; }

#callback_page table {font-family: 'trebuchet ms', tahoma, verdana, Sans-Serif;
                  font-size: 12px;  
                  color: #545454;
                  text-align: left;  
                  width: 511px;
                  margin-left: 10px;
                  background: url(/images/callbackbg.png);  
                  background-repeat: repeat-y; }
                  

#callback_page td { padding: 2px 0 2px 25px;
                    vertical-align: top;
                    text-align: left;  }


#callback_page input, #callback_page select, #callback_page textarea 
{  background: url(/images/gradinput1.png);  
   background-repeat: repeat-y;
   border: solid 1px #d1d1d1; 
   font-size: 13px;
   padding: 2px; }


#callback_page textarea { overflow: auto;
                          font-family: 'trebuchet ms', tahoma, verdana, Sans-Serif;}

#callback_page input, #callback_page textarea { width: 220px; }

#callback_page .bottom { background: url(/images/callbackbottom.png) no-repeat;  
                         padding:0 0 0 0;
                         width: 511px;
                         height: 10px; }

#callback_page  #buttons  { text-align: left;
                            padding: 8px 0 0 10px; }


#callback_input table td { text-align: left; }

#callback_page .error { background: url(/images/arrow7.gif) no-repeat;
                        padding-left: 14px; 
                        color: #b22222;
                        font-size: 12px;
                        display: none;  }



/***************** END CALL BACK PAGE ********************/




/***************** CONTACT  *******************/



#epc_address { height:auto;  
               background-image:url(/images/contact.jpg); 
               background-repeat: no-repeat;
               margin:0 0 0 11px; 
               padding: 45px 120px 40px 294px; 
               text-align: left;
               width: auto; }

#epc_address .subhead2 { padding-top: 16px; }

#epc_address p { 
                 font-size: 12px; }

#epc_address h2 { font-size: 16px;
                  color: #474747;
                  font-family: 'trebuchet ms', tahoma, arial, sans-serif;
                  padding: 20px 0 0 0;}




.staff td {font-size: 11px;
           vertical-align: top;
           padding: 10px 0 15px 0;
           line-height: 18px;   }

td img { border: solid 10px #e6e6e6;
         padding: 1px;
         margin-right: 10px;}


/**************** END CONTACT  ******************/



#links { height:400px;  
         background-image:url(/images/links.jpg);                                         background-repeat: no-repeat;
         margin:0 0 0 11px; 
         padding: 45px 120px 40px 294px; 
         text-align: left;
         width: auto;
         font-size: 12px; 
         line-height: 30px;
         color: #474747; } 



#sub_content_about_comm, #sub_content_about_resi, #sub_content_tandc
                        { height:auto;                                                                     background-repeat:                           no-repeat;
                          margin:0 0 0 11px;
                          color: #474747; }


#sub_content_about_comm { background-image:url(/images/about_comm_epc3.jpg); }

#sub_content_about_resi { background-image:url(/images/about_resi_epc3.jpg); }

#sub_content_tandc { background-image:url(/images/tandc3.jpg); }



#sub_content_about_resi, #sub_content_about_comm, #sub_content_tandc , #news p
                          { padding: 45px 120px 40px 290px; 
                            text-align: left;
                            font-size: 13px;}

#sub_content_about_resi h1, #sub_content_about_comm h1, #outer_enqu_form h1, #epc_address h1, #sub_content_tandc h1, #faq_head, #links b, #sitemap b, #thankyou b, #news b
                            { font-size: 22px;
                              color: #b22222; 
                              font-family: helvetica, tahoma, arial, sans-serif;
                              font-weight: normal;  }


#outer_enqu_form b { padding-left: 15px; }



#sub_content_tandc { font-size: 13px; 
                       line-height: 20px;
                       color: #474747; }




/**************** FOOTER  *********************/


#footer { background-image: URL(/images/epc_south_bg10b.png);
          background-repeat: repeat-y;
          width: 1047px; 
          height: 160px; 
          text-align: center;
          margin: 0 auto;   
          font-size: 11px; }


#footer_table_wrap { text-align: left; 
                     padding-top: 20px;
                     width: 1024px;
                     border-top: 30px solid #d1d1d1; 
                     margin-left: 11px;
                     margin-left: 0!ie;}

#footer_table_wrap table { margin-left: 30px; }


#footer_table_wrap td { padding: 3px 10px; 
                        white-space: nowrap; }



#sub_content_about_comm a, #epc_address a, .staff a, #sub_content_about_resi a, #links a, #news a 
 { color: #b22222;
   font-weight: normal; 
   padding: 0 2px; } 





#sub_content_about_comm a:hover, #epc_address a:hover, .staff a:hover, #sub_content_about_resi a:hover, #links a:hover, #news a:hover
 { color: #fff;
   background: #b8160b;
   padding: 0 2px;
   font-weight: normal; 
   text-decoration: none;  }


#footer a     { color: #b22222;
                padding: 0 3px;
                font-weight: normal;  }



#footer a:hover { color: #666;
                  text-decoration: underline;  }


#footer a:active, #footer a.selected { color: #666;
                                       text-decoration: none; }


#footer .function a:link, #footer .function a:visited { color: #b22222;
                             font-weight: normal;
                             text-decoration: underline; }

#footer .function a:hover { color: #666;
                   text-decoration: underline; }


#footer .function a:active { color: #666;
                             font-weight: normal; }

td.function { margin-left: 500px;
              text-align: right; }


#bottom_img img { padding: 0;
                  margin-top: 0; 
                  margin-top: -20px!ie; 
                  }






/**************** DISCLAIMER *********************/


#disclaimer { text-align: center;
              margin: 0 auto;  
              width: 1047px;
              background-image: none; 
              font-size: 10px;
              color: #363636;  }

#disclaimer p {  padding: 5px 0 10px 12px;
                 text-align: left;}



/**************** END DISCLAIMER *********************/







/**************** SITEMAP *********************/



#sitemap { background-image:url(/images/sitemap.png);                                                              background-repeat: no-repeat;
           margin:0 0 0 11px; 
           padding: 45px 120px 40px 294px; 
           text-align: left;
           width: auto;
           height: auto;
           font-size: 13px; 
           line-height: 30px;
           color: #474747; } 


#sitemap a { color: #b22222;
             margin: 0 0 0 24px;
             padding: 8px 0 0 24px;
             background-image: URL(/images/arrow6.gif);
             background-position: 0 10px;
             background-repeat: no-repeat;
             font-size: 12px;}


#sitemap a:hover { margin: 0 0 0 24px;
             padding: 8px 0 0 24px;
             background-color: #fff;
             color: #474747;
             background-image: URL(/images/arrow8.gif);
             background-position: 0 10px;
             background-repeat: no-repeat;
             font-size: 12px;
             text-decoration: underline; }



#sitemap p { padding: 15px 0 0 0;
             font-size: 14px;}








/*****************    News   ****************/



#news { height:auto;  
               background-image:url(/images/news_6.jpg); 
               background-repeat: no-repeat;
               margin:0 0 0 11px; 
               font-size: 12px;
               padding: 45px 120px 40px 294px; 
               text-align: left;
               width: auto; }




#news h2, #news h2 a { font-size: 18px;
           color: #b22222; 
           /*color: #474747;*/
           font-weight: normal;
           font-family: 'trebuchet ms', tahoma, arial, sans-serif;
           padding: 0;
           text-decoration: none;
           cursor: text; }




#news p { padding: 10px 0 10px 0;  
          border-top: dotted 1px #ccc;
          border-bottom: dotted 1px #ccc; }



#news .date { font-size: 11px;
              color: #878787; }


#news img { margin-left: -12px; }


#news ul { 
           border: none;
           padding: 12px 12px 12px 20px;
           background: #eaeaea;}

#news li { padding-left: 12px; }



/*****************    Map   ****************/



div#set_of_links { 
                   padding:6px 0 14px 10px;	
                   background-color:#fff; }


div#set_of_links a:link { color: #474747;
                     font-size: 20px; 
                     text-decoration: underline;
                     padding-left: 10px;}


div#set_of_links a:hover { 
                     color: #b22222;
                     font-size: 20px;
                     text-decoration: none; }



div#set_of_links a span { display:none; }


div#set_of_links a:hover span {	display:block;
                                position:absolute;	
                                top:65px;	
                                left:20px;
                                width: 678px;
                                height: 432px;}


#comm_map  {  position:absolute;	
              top:60px;	
              left:20px;
              width: 678px;
              height: 432px;
              z-index:110; }


.site_1 {background:url('/images/epcsouthmapcomm.png') no-repeat top left;
         z-index:1000;}

.site_2 {background:url('/images/epcsouthmapresi.png') no-repeat top left;
         z-index:1000;}


#thankyou { text-align: left;
            padding: 50px 0 0 280px;
            height: 280px; }




.sup { font-size: 9px;
       vertical-align: top;}