body
{
  font-family: arial, verdana, sans-serif;
  font-size:12px;
  color: #2c2c2c;
  background-color: #cfdae8;
  background-image: url(/images/bgTitle.jpg);
  background-repeat: repeat-x;
  padding:0;
  margin: 0 auto;
}



#wrapper
{
  margin: auto;
  width: 1007px;
  background-color: #fff;
  border-left: 1px solid #316494;
  border-right: 1px solid #316494;
  border-bottom: 1px solid #316494;
  z-index: 0;
}



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


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



#header
{
  float: left;
  width: 100%;
}


  #header img
  {
    border: none;
  }


.searchbox
{
  float: right;
  margin: 25px 15px 0 0;
  padding: 0;
}



  #searchsubmit
  {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    background-color: #316394;
    margin:0;
    padding:0px 0px 1px 0px;
    border: 1px solid #316394;
  }

  #searchfield
  {
    border: 1px #316394 solid;
    background-color: #fff;
    font-size: 10px;
    margin: 0;
    padding: 1px 0px 2px 2px;
  }
  
  #search form
  {
    margin: 0 0 5px 0;
  }

    .searchLabel
    {
      display: none;
    }


/*/////////////////  Main Menu (dropdown Menu)  /////////////////*/


#menu
{
  clear: both;
  width: 100%;
  height: 42px;
  background-image: url(/images/navTile.jpg);
  background-repeat: repeat-x;
  position: relative;
  z-index: 99;
}


  ul#nav
  {
    padding:0px;
    margin:0px;
    list-style:none;
    height: 42px;
  }

    ul#nav li
    {
      float:left;
      display:block;
      text-align:left;
    }


    ul#nav a
    {
      color:#fff;
      font-weight: bold;
      display:block;
      text-decoration:none;
      padding: 0;
      background-image: url(/images/tab.jpg);
      background-repeat: no-repeat;
    }


    ul#subnavproducts
    {
      list-style:none;
      font-size:11px;
      position:absolute;
      left:97px;
      top:42px;
      width:170px;
      margin:0px;
      padding:0px;
      visibility:hidden;
      z-index: 10;
      background-color: #336799;
    }



    ul#subnavproducts a
    {
      color:#fff;
      text-decoration:none;
      display:block;
      text-align:left;
      height: 15px;
      padding: 4px 0 4px 7px;
      background-image: url(/images/butSubBg.jpg);
      background-repeat: repeat-x;
      border-bottom: 1px solid #004280;
      margin: 0;
    }


    ul#subnavproducts a:hover
    {
      color:#fff;
      background-image: url(/images/butSubBgOv.jpg);
      background-repeat: repeat-x;
      border-bottom: 1px solid #004280;
    }



    ul#subnavlocation
    {
      list-style:none;
      font-size:11px;
      position:absolute;
      left:837px;
      top:42px;
      width:170px;
      margin:0px;
      padding:0px;
      visibility:hidden;
      z-index: 10;
      background-color: #336799;
    }



    ul#subnavlocation a
    {
      color:#fff;
      text-decoration:none;
      display:block;
      text-align:left;
      height: 15px;
      padding: 4px 0 4px 7px;
      background-image: url(/images/butSubBg.jpg);
      background-repeat: repeat-x;
      border-bottom: 1px solid #004280;
      margin: 0;
    }


    ul#subnavlocation a:hover
    {
      color:#fff;
      background-image: url(/images/butSubBgOv.jpg);
      background-repeat: repeat-x;
      border-bottom: 1px solid #004280;
    }

/*//////////////////////  End of Main Nav //////////////////////*/



#main
{
  width: 100%;
  float: left;
  background-image: url(/images/navShadow.jpg);
  background-repeat: repeat-x;
  position: relative;
}


#mainStatic
{
  width: 100%;
  float: left;
  position: relative;
}


    .staticVisual
    {
      background-repeat: no-repeat;
      background-position: 0 115px;
      height: 482px;
    }
    
    
           html>body .staticVisual {height: auto !important; min-height: 482px;}   
    
    
    
        .staticProducts
        {
          background-image: url(/images/productTimber.jpg);
        }
        
        .staticDelivery
        {
          background-image: url(/images/productsDelivery.jpg);
        }
        
        .staticBuildingMaterials
        {
          background-image: url(/images/productsBuildingMaterials.jpg)
        }
        
        .staticTimber
        {
          background-image: url(/images/productsTimberTimber.jpg)
        }
        
        .staticConcrete
        {
          background-image: url(/images/productConcrete.jpg)
        }
        
        .staticDryLining
        {
          background-image: url(/images/productsDryLining.jpg)
        }
        
        .staticSeal
        {
          background-image: url(/images/productsSeals.jpg)
        }

        .staticDrainage
        {
          background-image: url(/images/productsDrainage.jpg)
        }

        .staticLandscape
        {
          background-image: url(/images/productsLandscape.jpg)
        }

        .staticIronmongry
        {
          background-image: url(/images/productsIronmongry.jpg)
        }
        
        .staticVelux
        {
          background-image: url(/images/productsVelux.jpg)
        }

        .staticGlass
        {
          background-image: url(/images/productGlass.jpg)
        }
        
        .staticFixingTools
        {
          background-image: url(/images/productsHandTools.jpg)
        }
        
        .staticPlumbingElectrical
        {
          background-image: url(/images/productsPlumbing.jpg)
        }
        
        

#visual
{
  float: left;
  background-image: url(/images/loading.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 433px;
  height: 482px;
  z-index: -5;
}

          html>body #visual {height: auto !important; min-height: 482px;}



#staticImage
{
  float: left;
  width: 433px;
  height: 100px;
}



#content
{
  float: left;
  width: 343px;
  margin: 0;
  padding: 10px 0 0 13px;
  text-align: justify;
}

  
  #content h1, #contentWide h1
  {
    color: #316394;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0 0 7px 0;
  }


  #content h2, #contentWide h2
  {
    color: #2c2c2c;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0 0 0 0;
  }
  
  #content p, #contentWide p
  {
    margin: 0;
    padding: 7px 0 7px 0;
  }


#contentWide
{
  float: left;
  width: 548px;
  margin: 0;
  padding: 10px 13px 0 13px;
  text-align: justify;
  background-image: url(/images/navShadow.jpg);
  background-repeat: repeat-x;
}


      
      #content img, #contentWide img
      {
        border: none;
      }

      .productIcons
      {
        text-align: left;
      }
      
      .productIcons a
      {
        display: block;
        float: left;
        width: 129px;
        text-align: center;
        margin: 0 8px 8px 0;
        font-size: 11px;
        height: 83px;
      }

      
      .Materials
      {
        background-image: url(/images/productIconBuilding.jpg);
        background-repeat: no-repeat;
      }

      .Drainage
      {
        background-image: url(/images/productIconDrainage.jpg);
        background-repeat: no-repeat;   
      }

      .DryLining
      {
        background-image: url(/images/productIconDryLining.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Fixing
      {
        background-image: url(/images/productIconFixing.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Timber
      {
        background-image: url(/images/productIconTimber.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Landscaping
      {
        background-image: url(/images/productIconLandscaping.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Plumbing
      {
        background-image: url(/images/productIconPlumbing.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Glass
      {
        background-image: url(/images/productIconGlass.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Ironmongery
      {
        background-image: url(/images/productIconIronmongry.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Concrete
      {
        background-image: url(/images/productIconReadyMixed.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Admixtures
      {
        background-image: url(/images/productIconAdmixed.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Velux
      {
        background-image: url(/images/productIconVelux.jpg);
        background-repeat: no-repeat;
      }
     
     


      .Materials:hover
      {
        background-image: url(/images/productIconBuilding_ov.jpg);
        background-repeat: no-repeat;
      }

      .Drainage:hover
      {
        background-image: url(/images/productIconDrainage_ov.jpg);
        background-repeat: no-repeat;   
      }

      .DryLining:hover
      {
        background-image: url(/images/productIconDryLining_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Fixing:hover
      {
        background-image: url(/images/productIconFixing_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Timber:hover
      {
        background-image: url(/images/productIconTimber_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Landscaping:hover
      {
        background-image: url(/images/productIconLandscaping_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Plumbing:hover
      {
        background-image: url(/images/productIconPlumbing_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Glass:hover
      {
        background-image: url(/images/productIconGlass_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Ironmongery:hover
      {
        background-image: url(/images/productIconIronmongry_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Concrete:hover
      {
        background-image: url(/images/productIconReadyMixed_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Admixtures:hover
      {
        background-image: url(/images/productIconAdmixed_ov.jpg);
        background-repeat: no-repeat;
      }
      
      
      .Velux:hover
      {
        background-image: url(/images/productIconVelux_ov.jpg);
        background-repeat: no-repeat;
      } 
      
      



#news
{
  background-image: url(/images/latestNews.jpg);
  background-repeat: no-repeat;
  width: 192px;
  height: 158px;
  padding: 30px 0 0 0;
  margin: 0;
}

  #news p
  {
  margin: 0;
  padding: 7px;
  }

#features
{
  float: right;
  width: 200px;
  margin: 10px 3px 0 0;
}

  .features
  {
  float: left;
  border: none;
  }
  
  /*

  #news ul
  {
    color: #2c2c2c;
    list-style-position: outside;
    list-style:none;
    padding:0px;
    margin: 30px 0 0 10px;
  }


  #news li
  {
    margin:0px;
    padding: 7px 0px 0px 0px;
  }


  #news li a
  {
    color: #2c2c2c;
    font-weight: bold;
    text-decoration: none;
  }
  

  #news li a:hover
  {
    color: #316394;
    font-weight: bold;
    text-decoration: none;
  }

*/
/*Enews*/
.mainenewsimage img{margin-bottom:5px;}
.enewsarticlepage{padding:0px; margin:0px; border:0px; border-collapse:collapse; border-spacing: 0px;}
.enewsarticlepageimage{vertical-align:top;padding-right:10px;padding-top:6px; margin-bottom: 5px;}
.enewsarticlepageimage img{margin-bottom: 5px;}
.enewsimage{padding-bottom:30px;vertical-align:top;padding-right:10px;}
.enewsarticlepagearticle{padding:0px; margin:0px; }
.enewsarticle{padding-bottom:30px;}
.enewsarticle .enewsdate{color:black;}
.enewsitem{}
.enews{margin: -20px 0 0 0;}
/*
.search{width:440px;}
.search td{padding-bottom:4px;}
.search td a{font-weight:bold;text-decoration:none;}
.small{font-size:0.7em;}
.ourteam td{vertical-align:top; margin-right:5px;}
.list {padding:0px; margin:0px; margin-left:15px;}
.list li{padding:0px; margin:0px; margin-bottom:5px;}
.list a {font-weight:bold; text-decoration:underline;}
.press{font-style:italic;color:#6E6E6E; font-weight:normal;}
End*/

#footer
{
  clear: both;
  width: 100%;
  background-image: url(/images/footerTile.jpg);
  background-repeat: repeat-x;
  padding: 3px 0 1px 0;
}

  #footer p
  {
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 10px;
  }
  
  #footer a
  {
    color: #fff;
    text-decoration: none;
  }
  
  #footer a:hover
  {
    color: #fff;
    text-decoration: underline;
  }
  
  #footer img
  {
    border: none;
  }


#map{width:545px;height:375px;margin: 7px 0 0 0;}


#content form
{
  font-size: 12px;
}

  #contactform input
  {
    border:1px solid #316394;
    width:200px;
    margin: 0 0 0 15px;
  }

  #contactform th
  {
    /*vertical-align: text-top;*/
  }


  #contactform textarea
  {
    border:1px solid #316394;
    width:200px;
    margin: 0 0 0 15px;
  }

  #contactsubmit 
  {
    border: 1px solid #316394;
    font-size: 11px;
    background-color: #316394;
    font-weight:bold;
    color:white;
    padding: 5px;
    margin: 10px 5px 0 0;
  }

  .captcha
  {
    border:1px solid #316394;
    top:4px;
  }
  
  
  .legal
  {
    font-size: 10px;
    margin: 15px 0 0 0;
  }