/*
// Howie Transports Ltd.
// Dark Colour // Highlight Colour */




html{
min-height: 101%;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.7em;

padding: 0px;
border: 0px;
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
color: #666;
background-image: url(../images/background.png);
background-color: #8ea0FE;
background-repeat: repeat-x;
}

a{
text-decoration: none;
color: #666666;
}
a:hover{
color: #a5a5a5;
}

h1{
font-family: arial;
text-align: center;
font-size: 1.2em;
font-weight: bold;
  color: #363636;
padding-top: 0px;
margin: 0px 0px 15px 0px;
font-size:1.2em;
letter-spacing: 1px;
text-align: left;
}

h3{
font-family: arial;
text-align: center;
font-size: 1.2em;
font-weight: bold;
  color: #363636;
padding-top: 0px;
margin: 0px 0px 15px 0px;
font-size:1.4em;
letter-spacing: 1px;
text-align: center;
}


h2{
font-size: 1.1em;
font-weight: lighter;
letter-spacing: 1px;
color: #1C3FFF;
margin: 0px;
margin-top: 15px;
margin-bottom: -5px;
}
   
img{
border: none;
}


img.gallery{
border: 2px solid #8d9FFE;
margin-left: 10px;
width: 430px;
}

#address{
border: 2px solid #8d9FFE;
border-bottom: 0px solid #8d9FFE;
margin-left: 9px;
width: 198px;
text-align: center;
}


#text{

width: 100px;


}

#company{


position: absolute;
bottom: 60px;
left: 230px;
text-align: center;
}

#office{


position: absolute;
bottom: 20px;
left: 5px;
text-align: center;
}















#container{
width: 900px;
text-align: left;
margin: 0px;
background: #ffffff;
overflow: hidden;
}



#rightcol{
float: left;
width: 460px;
height: auto;


}

#leftcol{

float: left;
width: 220px;
height: auto;


}

#quote{

float: left;
width: 220px;
height: auto;


}

#callback{


width: 195px;
height: 300px;
border: 2px solid #1c3eff;
border-bottom: 2px solid #1c3eff;
margin-left: 10px;
margin-bottom; 0px;


}

#contact{


width: 195px;
height: 400px;
border: 2px solid #1c3eff;
border-bottom: 2px solid #1c3eff;
margin-left: 10px;
margin-bottom; 0px;


}

.text{
width: 100px;

}

.textarea{
width: 170px;
height: 50px;
overflow: auto;

}



#callbacktext{


padding-left: 20px;


}



.select{


width: 150px;


}





#banner{

              width: 900px;
              border-bottom: 1px solid #ffffff;
              height: 115px;
               background-image: url(../images/banner.jpg);
               background-repeat: no-repeat;
       
            
     
}

#innerbanner{

              position: relative;
              width: 900px;
          
}

#logo{

              position: absolute;
              left: 10px;
              top: 10px;
          
}

#numbers{

              position: absolute;
              right: 10px;
              top: 50px;
              color: #ffffff;
              font-size: 15pt;
          
}




#imgholder{
width: 400px;
height: 400px;
}



#content{
width: 100px;
text-align: justify;
padding: 10px;

font-size: 11px;
line-height: 14pt;
color: #363636;
/*
background-image: url(../images/contback.jpg);
background-position: top right;
background-repeat: no-repeat;
*/
}

#content p{
padding: 3px;
padding-right: 30px;
margin: 2px;
}

#content a{
color: #cccccc;
}






#footer{
position: relative;
z-index: 500;
clear: both;
background: #1C3Eff; 
margin-top: -5px;
width: 896px;
height: 30px;
color: #cccccc;
font-size: 10px;
padding: 2px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}










#footl{
position: absolute;
left: 10px;
top: 10px;
line-height: 120%;
text-align: left;
}

#footr{
position: absolute;
right: 10px;
top: 15px;
}

#footer a{
color: #cccccc; 
}

#footer a:hover{
color: #ffffff; 
}

.table{
background: #1d3eff;
padding: 5px;
color: #ffffff;
width: 200px;
text-align: center;
}












#contleft{
float: left;
width: 320px;
margin-left: 40px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 30px;
text-align: center;
}

#contright{
float: left;
width: 320px;
margin-top: 10px;
margin-bottom: 10px;
}










                            

#images              {
                                
                                float: left;
                                width: 220px;
                                position: relative;
                                margin-bottom: 20px;
                            
                            
                            }

#heading             {
                                
                                
                                position: absolute;
                                top: 0px;
                                left: 0;
                                background-image: url(../images/trans.png);
                                width: 100%;
                              
                                
                            
                            
                            }
                            
                            

#text               {
                                
                                
                                width: 458px;
                                text-align: justify;
                                margin: 0px;
                                padding: 0px;
                            
                            }
                            
#location              {
                                
                                 
                                width: 880px;
                                margin-left: 10px;
                                
                         
                            
                            }                            
                            

#cover              {
                                
                                 background: #F7F5F1;
                                width: 450px;
                       
                            
                            }                            
                            
#innertext               {
                                
                                padding-left: 15px;
                                padding-right: 15px;
                                padding-bottom: 0px;
                                 
                            
                            }                            



#outernavigation                 {
                                width: 900px;
                                margin-left: auto;
                                margin-right: auto;
                                margin-top: -13px;
                                margin-bottom: 10px; 
                                text-align: center;
                                background-image: url(../images/border.png);
                                background-repeat: no-repeat;
  
                               
                                height: 40px;
                                z-index: 99;
                                border-color: #000000;
                                border-style: solid;
                                border-width: 0px;
                                border-right: 1px solid #ffffff;
                                overflow: hidden;
                            
                            }
                            

                            
                            
                         
                            
                            
#innernavigation                {
                                 
                                position: relative;
                                top: 0px;
                                
                                height: 31px;
                                margin-left: -41px; 
                                  float: left;
                                width: 950px;
                                 margin-top: -1px;
                                margin-bottom: 2px;
                      
                            }
                            
#back                {
                                
                                
                                 
                                width: 100%;
                                
                                 border-left: 1px solid #ffffff;  
                                padding: 0px;
                                margin-top: 11px;
                      
                            }  
                            
                            
 .titl               {
                                
                                
                                width: 180;
                                height: 20px;
                                padding-top: 4px;
                                background: #8D9FFE;
                                color: #FFFFFF;
                                text-align: center;
                      
                            }                                                     
                             


 .titl2               {
                                
                                
                                width: 180;
                                height: 20px;
                                padding-top: 4px;
                                background: #1C3EFF;
                                color: #FFFFFF;
                                text-align: center;
                      
                            }
                            
  .titl3               {
                                
                                
                                width: 220px;
                                height: 20px;
                                padding-top: 4px;
                                background: #8D9FFE;
                                color: #FFFFFF;
                                text-align: center;
                      
                            }                              
                                                                                 
                            
#innernavigation ul                {
                                
                                
                                margin-top: 0px;
                              
                            }                            
    

#innernavigation li              {
                                list-style: none;  
                               
                                
                                
                                width: 160px;
                                height: 41px;
                                float: left;
                                padding: 0px;
                                              
                                
                                
                                
                                } 
                                
                                 
                                                                                            
 
                                 
                                
#innernavigation li a:hover            {
                                   color: #ffffff;
                                   background-image: url(../images/tabcurrent.png);
                                background-repeat: no-repeat;

                               
                                }
                                
#innernavigation li a.current           {
                                   color: #ffffff;
                                    background-image: url(../images/tabcurrent.png);
                                background-repeat: no-repeat;
                                   

                               
                                }
                                
#innernavigation li a.location           {
                                   color: #FFFFFF;
                                   
                                border-left: 1px solid #ffffff;
                                border-right: 1px solid #ffffff;
                                font-weight: bold;
                                font-size: 1.0em;
                                display: block;
                                padding-top: 6px;
                           
                                
                                   }

#innernavigation li a.locationcurrent           {
                                   color: #ffffff;
                                   background-image: url(../images/tabcurrent.png);
                                background-repeat: no-repeat;
                                border-left: 1px solid #ffffff;
                                border-right: 1px solid #ffffff;
                                font-weight: bold;
                                font-size: 1.0em;
                                display: block;
                                padding-top: 6px;
                              
                                
                                   }                               
                                                                     

    

                                                                                        
    
#innernavigation li a            {
                                color: #FFFFFF;
                                 background-image: url(../images/tab.png);
                                background-repeat: no-repeat;
                                border-left: 1px solid #ffffff;
                                border-top: 1px solid #ffffff;
                                   
                                font-weight: bold;
                                font-size: 1.0em;
                                display: block;
                                padding-top: 6px;
                                height: 27px; 
                                  overflow: visable;
                                
                                                       
                             }
                             
#innernavigation li a.noselected            {
                                color: #FFFFFF;
                                 background: #1c3eff; 
                                border-left: 1px solid #ffffff;
                                border-top: 1px solid #ffffff;
                                   
                                font-weight: bold;
                                font-size: 1.0em;
                                display: block;
                                padding-top: 6px;
                                height: 25px; 
                                  overflow: visable;
                                
                                                       
                             }                             
                             

#line{
position: absolute;
top: 126px;
height: 20px;
overflow: hidden;
width: 900px;
background: #1c3eff;


      


}    

    
    
    
    
    
    

    
    
  
    
    
    

    
    
.sideNavigation                {
                                
                                border-top: 2px solid #8d9FFE;
                                border-left: 2px solid #8d9FFE;
                                border-right: 2px solid #8d9FFE;
                                font-size: 0.9em;
                                margin-right: auto;
                                margin-left: auto;
                                width: 198px;
                                height: auto;
                                padding: 0px;
                      
                            } 

                            .innersideNavigation                {
                                position: relative;
                      
                            } 
                                                  
                            
.sideNavigation ul                {
                                
                                
                                margin: 0px;
                                margin-left: 10px;
                                padding: 0px;
                             
                              
                            }                            
    

.sideNavigation li              {
                                list-style: none;
                                width: 180px;
                                height: 30px;
                                padding-top: 5px;
                                margin-bottom: 20px;
                                background-image: url(../images/button.png);
                                background-repeat: no-repeat;
                                
                                
                                }   
                                
.sideNavigation li.faq                            {
                                list-style: none;
                                width: 180px;
                                height: 30px;
                                padding-top: 5px;
                                margin-bottom: 0px;
                                background-image: url(../images/button.png);
                                background-repeat: no-repeat;
                                
                                
                                } 
                              
                                
 
 .sideNavigation li  a            {
                                    padding-left: 65px;
                                    height: 20px;
                                

 
                                
                                
                                } 
                                
                                

                                                  
                            
.sideNavigation ul                {
                                
                                
                                margin: 0px;
                                margin-left: 10px;
                                padding: 0px;
                             
                              
                            }                            
    

.sideNavigation li              {
                                list-style: none;
                                width: 180px;
                                height: 30px;
                                padding-top: 5px;
                                margin-bottom: 20px;
                                background-image: url(../images/button.png);
                                background-repeat: no-repeat;
                                
                                
                                }   
                                
.sideNavigation li.faq                            {
                                list-style: none;
                                width: 180px;
                                height: 30px;
                                padding-top: 5px;
                                margin-bottom: 0px;
                                background-image: url(../images/button.png);
                                background-repeat: no-repeat;
                                
                                
                                } 
                              
                                
 
 .sideNavigation li  a            {
                                    padding-left: 65px;
                                    height: 20px;
                                

 
                                
                                
                                }                                    
                                
                                
                                
                                
                                
                                
                                
                                
                                   
                                
#menuIcon                        {
                               
                                position: relative;
                               margin-top: -28px;
                               margin-left: -60px;
                                height: 30px;
                                 }
                                 
 #menuIcon2                        {
                               
                                position: relative;
                               margin-top: -30px;
                               margin-left: -45px;
                                height: 30px;
                                 }                                

.menuIcon3                        {
                               
                                position: relative;
                               margin-top: -30px;
                               margin-left: -57px;
                                height: 30px;
                                 }
                                 
 #menuIcon4                        {
                               
                                position: relative;
                               margin-top: -30px;
                               margin-left: -50px;
                                height: 30px;
                                 }
                                 
 #menuIcon5                        {
                               
                                position: absolute;
                                top: 20px;
                                left: 130px;
                               
                                 }                                
 

 
  #menuIcon8                        {
                               
                                position: absolute;
                                top: 225px;
                                left: 25px;
                               
                                 } 
 
 
    #menuText8                        {
                               
                                position: absolute;
                                top: 238px;
                                left: 80px;
                                color: #000000;
                               
                                 } 
 
     
  #menuIcon9                        {
                               
                                position: absolute;
                                top: 165px;
                                left: 25px;
                               
                                 } 
 
 
    #menuText9                        {
                               
                                position: absolute;
                                top: 185px;
                                left: 80px;
                                color: #000000;
                               
                                 } 
 
    #menuIcon10                        {
                               
                                position: absolute;
                                top: 115px;
                                left: 20px;
                               
                                 } 
 
 
    #menuText10                        {
                               
                                position: absolute;
                                top: 130px;
                                left: 80px;
                                color: #000000;
                               
                                 } 
 
 
       #menuIcon11                        {
                               
                                position: absolute;
                                top: 60px;
                                left: 30px;
                               
                                 } 
 
 
    #menuText11                        {
                               
                                position: absolute;
                                top: 75px;
                                left: 80px;
                                color: #000000;
                               
                                 } 
 
   #menuIcon12                        {
                               
                                position: absolute;
                                top: 5px;
                                left: 20px;
                               
                                 } 
 
 
    #menuText12                        {
                               
                                position: absolute;
                                top: 20px;
                                left: 80px;
                                color: #000000;
                               
                                 } 
                                 
                               
                                 
 .menuText                        {
                               
                                    color: #000000;

                                 }
 
 
 #quo                        {
                               
                                    color: #000000;
                                    position: absolute;
                                    left: 50px;
                                    top: 30px;

                                 } 
 
 
 
 
 
 
 
 
 
 
                                  
                                

                                
                                                                
                                                                
                                                                                                                      

                                
                                
                                
#quoteIcon           {
                                position: relative;
                                top: -15px;
                                left: 115px;
                                padding: 0px;
                                margin: 0px;
                                 
 
                                
                                
                                }                                 
                                                                                                                      
 #quoteText          {
                                position: relative;
                                top: -45px;
                                left: 60px;
                                color: #666666;
                                padding: 0px;
                                margin: 0px;
                            
                                
 
                                
                                
                                }                                
                                
                                
                                
                                
                                
                                
                                
                                
                                 
                                
.sideNavigation li a:hover            {
                                   color: #000000;

                               
                                }
                                
.sideNavigation li a.current           {
                                   color: #cccccc;
                                   

                               
                                }
                                
.sideNavigation li a.location           {
                                   
                                   border-right: 1px solid #000000;
                                   

                               
                                }  
                                
 .sideNavigation li a.locationcurrent           {
                                   
                                   border-right: 1px solid #ffffff;
                                   border-right: 1px solid #ffffff;
                                   color: #000000;
                                   

                               
                                }                                
                                                               
                                                                
 .sideNavigation li a.location:hover           {
                                   
                                   border-right: 1px solid #ffffff;
                                   

                               
                                }                                     

    

                                                                                        
    
.sideNavigation li a            {
                                color: #FFFFFF;
                                display: block;
                                padding-top: 0px;
                                  height: 25px;
                                
                                                       
                             }


#pdf                {
                               padding: 0px;
                               padding-left: 0px;
                               
                                font-size: 0.9em;
                                
                      
                            } 

                            
                          
                            
                            
#right               {
                               border-bottom: 2px solid #8D9FFE;
                                
                      
                            }                             








.infobar{
width: 370px;
padding: 5px;
color: white;
background: #ffffff;
}

#contright.infobar{
margin-bottom: 5px;
}



.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
background: white;
}




#navigation
{
width: 190px;
margin-left: 10px;

}


#navigation ul
{
margin: 0px;
padding: 0px;

}


#navigation li
{
list-style: none;
margin-bottom: 10px;
padding-bottom: 0px;
width: 200px;
height: auto;
display block;
border-bottom: 1px solid #1c3eff;
}

#navigation li a
{
font-weight: bold;
font-size: 9pt;
color: #666666;


}

#navigation li a:hover
{
color: #1C3EFF;


}

#navigation li a.current
{

color: #1C3EFF;


}

#search
{
margin-left: 10px;
border: 3px solid #1c3eff;
border-top: 0px solid #1c3eff;
border-bottom: 0px solid #1c3eff;
width: 189px;
font-size: 9pt;
color: #1c3eff;
height: 20px;
padding: 0px 0px 0px 5px;

}


.select2
{
width: 112px;
font-size: 8pt;
color: #1c3eff;
border: 1px solid #1c3eff;

}


.submit
{
padding: 3px;
color: #ffffff;
border: 0;
background: #1c3eff;
cursor: pointer;

}

.submit:hover
{

color: #cccccc;


}