﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: url("../images/fhv_web_site_gen_siteBackTile.gif") ;
    background-color:#717171;
    background-repeat:repeat-x;
    font-size: 12px;
    font-family:  Arial;
    margin: 0px;
    padding: 0px;
    color: #4e4e4e;
    line-height:18px;
}


li
{
    font-size: 12px;
    font-family:  Arial;
    margin: 0px;
    padding: 0px;
 /*   color: #EE891C;*/
}

ul{padding-left:14px;}




/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 945px;
    background-color: #ffffff;
    margin: 15px auto 0px auto;

}
/* HEADDER  
----------------------------------------------------------*/
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
}

.topCornerLeft
{
    background-image: url("../images/fhv_web_site_site-top_corner_L.gif");
    width:15px;
    height:15px;
    background-repeat:no-repeat;
    margin:0;
    float:left;
    z-index:10;
    position:absolute;
}

.topCornerRight
{
    background-image: url("../images/fhv_web_site_site-top_corner_R.gif");
    width:15px;
    height:15px;
    background-repeat:no-repeat;
    margin:0;
    float:right;
    position:absolute;
}

.headerHero
{
    height:210px;
}

.headerHero .leftPart
{
    width:265px;
    float:left;
}

.headerHero .leftPart .logo
{
    background-image:url("../images/fhv_web_site_mainLogo.gif");
    width:213px;
    height:84px;
    margin:65px auto 0;
}

.headerHero .rightPart
{
    width:679px;
    height:210px;
    margin-left:1px;
    background-image:url("../images/fhv_web_site_heroImage.jpg");
    float:right;
}

/* Menu
----------------------------------------------------------*/
.menu
{
    margin-top:1px;
    height:35px;

}

.menu .leftPart
{
    background-image:url("../images/fhv_web_site_enqForm_head.jpg");
    width:265px;
    height:35px;
    float:left;
}

.menu .rightPart
{
    margin-left:1px;
    float:right;
}

.navHome
{
    background-image:url("../images/fhv_web_site_menu_homeButOff.gif");
    width:112px;
    height:35px;
    float:left;
    margin:0;
}
.navHome:hover{background-image:url("../images/fhv_web_site_menu_homeButOn.gif");}

.navAboutus
{
    background-image:url("../images/fhv_web_site_menu_aboutButOff.gif");
    width:140px;
    height:35px;
    float:left;
    margin:0;
}
.navAboutus:hover{ background-image:url("../images/fhv_web_site_menu_aboutButOn.gif");}

.navProducts
{
    background-image:url("../images/fhv_web_site_menu_productsButOff.gif");
    width:141px;
    height:35px;
    float:left;
    margin:0;
}
.navProducts:hover{ background-image:url("../images/fhv_web_site_menu_productsButOn.gif");}

.navGallery
{
    background-image:url("../images/fhv_web_site_menu_galleryButOff.gif");
    width:124px;
    height:35px;
    float:left;
    margin:0;
}
.navGallery:hover{background-image:url("../images/fhv_web_site_menu_galleryButOn.gif");}

.navTestimonials
{
    background-image:url("../images/fhv_web_site_menu_testimonialsButOff.gif");
    width:157px;
    height:35px;
    float:left;
    margin-left:0;
    margin-right:1px;
}
.navTestimonials:hover{background-image:url("../images/fhv_web_site_menu_testimonialsButOn.gif");}

.divider
{
    background-image:url("../images/fhv_web_site_menu_divider.gif");
    width:1px;
    height:35px;
    float:left;
    margin:0;
}

/* MAIN 
----------------------------------------------------------*/
.main
{
    display:table;
    background-color:#EDEDED;
    *height:100%;
}
.main .mainLeftpart
{
    width:265px;
    vertical-align:top;
  *float:left;
   display:table-cell;
}

.main .mainLeftpart .lPartMain
{
    padding:20px 24px 20px 25px;
    _padding:20px 20px 20px 20px;
}

.main .mainRightpart
{
    *float:right;
    display:table-cell;
     background-color:#FFFFFF;
     width:680px;
}
.main .mainRightpart .rPartMain
{
     padding:0px 24px 30px 25px;
}

/* FOOTER
----------------------------------------------------------*/
.footer
{
    background-color:#F1B12D;
    width:100%; 
    height:26px;
    margin-bottom:20px;
    *margin-bottom:0;
}

.footer .footerLeft
{
    background-image:url("../images/fhv_web_site_gen_footerEnd_L.gif");
    width:21px;
    height:26px;
    float:left;
    margin:0;
}

.footer .footerRight
{
    background-image:url("../images/fhv_web_site_gen_footerEnd_R.gif");
    background-position:0 -1px;
    width:22px;
    height:26px;
    float:right;
    margin:0;
}

.footer .footerCopyright
{
    margin-top:8px;
    float:left;
    background-image:url("../images/fhv_web_site_gen_footer_copyright.gif");
    width:138px;
    height:8px;
    display:inline-block;
}
.footer .footerDesign,.footer .footerCF
{
    color:#ffffff;
    font-size:10px;
    font-weight:bold;
    line-height:28px;
    float:right;
}
.footer .footerDesign{margin-right:8px;}

.footer .footerCFLogo
{
    background-image:url("../images/fhv_web_site_gen_footer_CF-logo.gif");
    width:17px;
    height:19px;
    display:inline-block;
    margin-top:4px;
    margin-right:2px;
    float:right;
}

/* COMMON
----------------------------------------------------------*/
.gap3
{
    height:3px;
    display:block;
    _display:inline;
}
.gap10
{
    height:10px;
    display:block;
     _display:inline;
}
.gap15
{
    height:15px;
    display:block;
}
.gap20
{
    height:20px;
    display:block;
}
.gap30
{
    height:30px;
    display:block;
}
.gap40
{
    height:40px;
    display:block;
}

.gap50
{
    height:40px;
    display:block;
}

h1
{
    color:#F99122;
    font-size:18px;
    font-weight:bold;    
}

h1
{
    color:#F99122;
    font-size:14px;
    font-weight:bold;    
}

.contactBar
{
    background-image:url("../images/fhv_web_site_gen_contactBar.gif");
    width:620px;
    height:62px;
    display:block;
}

.line-yellow
{
    background-color:#EE991F;
    height: 1px;
    width: 620px;
    display:block;
}

/* ENQUIRY
----------------------------------------------------------*/
input,textarea,select
{
    border:1px solid #CCCCCC;
    width:215px;
    color:#4E4E4E;
}


.btnSubmit
{
    background-image:url("../images/fhv_web_site_gen_sendEnqBut_off.gif");
    width:217px;
    height:26px;
    cursor:pointer;
    cursor:hand;
    display:block;
}

.btnSubmit:hover{background-image:url("../images/fhv_web_site_gen_sendEnqBut_on.gif");}

.hotline
{
    background-image:url("../images/fhv_web_site_gen_phoneNumber.gif");
    width:148px;
    height:20px;
    display:block;
    margin-left:33px;
}

.TitleName
{
    background-image:url("../images/fhv_web_site_enqForm_name.gif");
    width:34px;
    height:7px;
    display:block;
    
    background-repeat:no-repeat;
}

.TitlePhone
{
    background-image:url("../images/fhv_web_site_enqForm_phone.gif");
    width:38px;
    height:13px;
    display:block;
    background-repeat:no-repeat;
}

.TitleEmail
{
    background-image:url("../images/fhv_web_site_enqForm_email.gif");
    width:33px;
    height:10px;
    display:block;
    background-repeat:no-repeat;
}

.TitleEnquiryType
{
    background-image:url("../images/fhv_web_site_enqForm_natureOfYourEnquiry.gif");
    width:133px;
    height:13px;
    display:block;
    background-repeat:no-repeat;
}

.TitleComments
{
    background-image:url("../images/fhv_web_site_enqForm_comments.gif");
    width:64px;
    height:9px;
    display:block;
    background-repeat:no-repeat;
}

.Font11Black
{
    font-size:11px;
    color:#000000;
    font-family:Arial;
}

.Font12Black
{
    font-size:12px;
    color:#000000;
    font-family:Arial;
}

/* HOME
----------------------------------------------------------*/
.home-h1
{
    background-image:url("../images/fhv_web_site_home_heading1.gif");
    width:333px;
    height:17px;
    display:block;
}
.home-h2
{
    background-image:url("../images/fhv_web_site_home_heading2.gif");
    width:418px;
    height:14px;
    display:block;
}
/* ABOUT US
----------------------------------------------------------*/
.aboutus-h1
{
    background-image:url("../images/fhv_web_site_aboutUs_heading1.gif");
    width:98px;
    height:17px;
    display:block;
}
.aboutus-h2
{
    background-image:url("../images/fhv_web_site_aboutUs_heading2.gif");
    width:166px;
    height:14px;
    display:block;
}

/* PRODUCTS
----------------------------------------------------------*/
.products-h1
{
    background-image:url("../images/fhv_web_site_products_heading1.gif");
    width:144px;
    height:17px;
    display:block;
}

.product_h2_temporary
{
    background-image:url("../images/fhv_web_site_products_subhead1.gif");
    width:174px;
    height:18px;
    display:block;
    margin-bottom:13px;
}

.product_h2_chainwire
{
    background-image:url("../images/fhv_web_site_products_subhead6.gif");
    width:176px;
    height:18px;
    display:block;
    margin-bottom:13px;
}

.product_h2_permanent
{
    background-image:url("../images/fhv_web_site_products_subhead7.gif");
    width:259px;
    height:18px;
    display:block;
    margin-bottom:13px;
}

.product_h2_hoarding
{
    background-image:url("../images/fhv_web_site_products_subhead3.gif");
    width:160px;
    height:18px;
    display:block;
    margin-bottom:13px;
}

.product_h2_pickets
{
    background-image:url("../images/fhv_web_site_products_subhead4.gif");
    width:149px;
    height:18px;
    display:block;
    margin-bottom:13px;
}

.product_h2_crossover
{
    background-image:url("../images/fhv_web_site_products_subhead5.gif");
    width:198px;
    height:14px;
    display:block;
    margin-bottom:13px;
}

.product_txt
{
    font-size: 12px;
    font-family:  Arial;
    margin: 0px;
    padding: 0px;
    color: #4e4e4e;
    line-height:16px;
}

/* GALLERY
----------------------------------------------------------*/
.gallery-h1
{
    background-image:url("../images/fhv_web_site_gallery_heading1.gif");
    width:77px;
    height:22px;
    display:block;
}

.galleryContainer
{
    width:620px;
    display:block;
    overflow:hidden;
}
.galleryList
{
    width:650px;
    display:block;
}

.gelleryImage
{
    border:0;
    width:187px;
    padding:0;
    margin-left:0;
    margin-right:26px;
    margin-bottom:30px;
    display:inline-block;
    cursor:hand;
    cursor:pointer;
}


.contentWrap
{
    width:505px;
    height:375px;
    background-color:#717171;
    _z-index:10000;
}

.contentWrap .largeImage
{
  /*  background-image:url("../images/fhv_web_site_gallery_imagePlacementLarge.jpg");*/
    width:465px;
    height:310px;
    margin-left:20px;
    _margin-left:10px;
    margin-top:20px;
    float:left;
   
}

.contentWrap  .contentTxt
{
    color:white;
    font-family:Arial;
    font-size:12px;
    margin-left:20px;
     _margin-left:10px;
    margin-top:12px;
    float:left;
}

.lBtn
{
    background-image:url("../images/fhv_web_site_gallery_PrevBut_off.png");
    width:120px;
    height:39px;
    float:left;
    cursor:hand;
    cursor:pointer;
    margin-top:20px;
    opacity:0.45;
    filter: alpha(opacity=45);
}
.lBtn:hover{
    background-image:url("../images/fhv_web_site_gallery_PrevBut_on.png");
    opacity:1;
    filter: alpha(opacity=100);
}


.rBtn
{
    width:66px;
    height:39px;
    float:right;
    cursor:hand;
    cursor:pointer;
    background-image:url("../images/fhv_web_site_gallery_NextBut_off.png");
    margin-top:20px;
    opacity:0.45;
    filter: alpha(opacity=45);
}
.rBtn:hover{
    background-image:url("../images/fhv_web_site_gallery_NextBut_on.png");
    opacity:1;
    filter: alpha(opacity=100);
}

/* TESTIMONIALS
----------------------------------------------------------*/
.testimonials-h1
{
    background-image:url("../images/fhv_web_site_testimonials_heading1.gif");
    width:136px;
    height:17px;
    display:block;
}

.table_top_div
{
    width:620px;
    height:15px;
    display:block;
}

.table_top_div .topleft_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_TopLCnr.gif");
    width:15px;
    height:15px;
    float:left;
}

.table_top_div .topmiddle_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_TopVtile.gif");
    width:590px;
    height:15px;
    float:left;
}

.table_top_div .topright_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_TopRCnr.gif");
    width:15px;
    height:15px;
    float:left;
}

.table_top_div .topleft_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_TopLCnr.gif");
    width:15px;
    height:15px;
    float:left;
}

.table_top_div .topmiddle_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_TopVtile.gif");
    width:590px;
    height:15px;
    float:left;
}

.table_top_div .topright_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_TopRCnr.gif");
    width:15px;
    height:15px;
    float:left;
}

.table_middle_div
{
    width:620px;
    display:block;
}

.table_middle_div .middleleft_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_LHtile.gif");
    background-repeat:repeat-y;
    width:15px;

}

.table_middle_div .middleleft_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_LHtile.gif");
    background-repeat:repeat-y;
    width:15px;

}

.table_middle_div .mmiddle
{
    width:590px;
    padding:5px;
}

.table_middle_div .middleright_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_RHtile.gif");
    background-repeat:repeat-y;
    width:15px;
}
.table_middle_div .middleright_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_RHtile.gif");
    background-repeat:repeat-y;
    width:15px;
}

.table_bottom_div
{
    width:620px;
    height:33px;
    display:block;
}

.table_bottom_div .bleft_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_BotLCnr.gif");
    width:110px;
    height:33px;
    float:left;
}

.table_bottom_div .bmiddle_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_BotVtile.gif");
    width:485px;
    height:33px;
    float:left;
    background-repeat:repeat-x;
    color:#624207;
    padding-top:10px;
    padding-left:10px;
    font-weight:bold;
}

.table_bottom_div .bright_yellow
{
    background-image:url("../images/fhv_web_site_testimon_Ybubble_BotRCnr.gif");
    width:15px;
    height:33px;
    float:left;
}

.table_bottom_div .bleft_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_BotLCnr.gif");
    width:110px;
    height:33px;
    float:left;
}

.table_bottom_div .bmiddle_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_BotVtile.gif");
    width:485px;
    height:33px;
    float:left;
    background-repeat:repeat-x;
    color:#363636;
    padding-top:10px;
    padding-left:10px;
    font-weight:bold;
}

.table_bottom_div .bright_grey
{
    background-image:url("../images/fhv_web_site_testimon_Gbubble_BotRCnr.gif");
    width:15px;
    height:33px;
    float:left;
}

/* PAGER
----------------------------------------------------------*/
.PagerDiv
{
    width:620px;
    height:23px;
    text-align:center;
}

.PagerDiv .PagerPrev,.PagerDiv .PagerPrev_disabled
{
    background-image:url("../images/fhv_web_site_testimon_pager_prevBut_off.gif");
    width:23px;
    height:23px;
    display:inline-block;
    margin:0;
}

.PagerDiv .PagerPrev:hover
{
    background-image:url("../images/fhv_web_site_testimon_pager_prevBut_on.gif");
}

.PagerDiv .PagerNext,.PagerDiv .PagerNext_disabled
{
    margin-left:10px;
    background-image:url("../images/fhv_web_site_testimon_pager_nextBut_off.gif");
    width:23px;
    height:23px;
    display:inline-block;
}
.PagerDiv .PagerNext_disabled,.PagerDiv .PagerPrev_disabled
{
    opacity:0.45;
    filter: alpha(opacity=45);
}

.PagerDiv .PagerNext:hover
{
    background-image:url("../images/fhv_web_site_testimon_pager_nextBut_on.gif");
}

.PagerDiv  .PagerNum,.PagerDiv  .PagerNumCur
{
    color:#959595;
    font-family:Arial;
    font-size:12px;
    text-decoration:underline;
    margin-left:10px;
    margin-right:0;
    line-height:24px;
    vertical-align:top;
    /*vertical-align:middle;*/
   
    *display:inline-block;
}
.PagerDiv  .PagerNumCur
{
    color:#101010;
    text-decoration:none;
}