/*
// The Conveyor Belt Company
// Dark Colour // Highlight Colour */




html{
min-height: 101%;
}


*{
padding: 0px;
margin: 0px;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #ffffff;
padding: 0px;
border: 0px;
color: #666;

}

a{
text-decoration: none;
color: #000080;
}



a:hover{
color: #a5a5a5;
}

h1 {
margin: 10 5px;
font-size: 15px;
font-weight: normal;
background-color: #facf12;
text-align: left;
color: #0f1d9a;
height: 25px;
padding: 5px 0px 0px 5px;
}


h2 {
font-size: 12px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
color: #0f1d9a;
padding: 10px 0px 0px 0px;
    }   
         
h3 {
font-size: 11px;
font-variant: small-caps;
font-weight: bold;
color: #333333;
padding: 0px 0px 0px 0px;
margin: 00px 0px 10px 0px;   
    }    
    
    
h4{
margin: 0 5px;
width: 160px;
font-size: 1.1em;
font-weight: normal;
background-color: #facf12;
text-align: center;
color: #0f1d9a;
height: 25px;
padding: 5px 0px 0px 0px;
}
   


img{
border: 0px;
}

textarea.enquiry{
overflow: auto;
}




















#container{
background: #e2e2e2;
width: 100%;
}

#container-inner{
width: 900px;
text-align: left;
margin: 0px auto;
padding: 0px;
background: #3748bd;
overflow: hidden;
}



#rightcol{
float: left;
width: 723px;
background: #ffffff url(../images/content.jpg) no-repeat bottom left;
height: auto;
padding: 0px;
margin: 0px;
}

#leftcol{
float: left;
width: 177px;
font-size: 11px;
padding: 0px;
color: #ffffff;
}

#leftcol p{
padding: 10px;
}

#leftcol a{
color: #ffffff;
}

#leftcol #callback{
height: 130px;
}


#contact{
background: #3748bd;
color: #ffffff;
font-size: 11px;
line-height: 14pt;
width: 166px;
margin-top: 0px;
padding: 5px;
padding-top: 0px;

}





ol{

padding-left: 45px;

}

ul{

padding-left: 20px;
margin-left: 20px;

}

ul.nav{

padding-left: 20px;
margin-left: 20px;

}

.select{

width: 115px;

}














#banner{
width: 100%;
height: 120px;
text-align: left;
background: #ffffff url(../images/banner.jpg) repeat-x bottom left;
}

#banner-inner{
position: relative;
margin: 0 auto;
width: 900px;
height: 120px;
}

#banner-left{
position: absolute;
left: 10px;
top: 20px;
}

#banner-right{
position: absolute;
right: 10px;
text-align: right;
top: 40px;
font-size: 15px;
color: #0b1799;
}

#banner-right span{
color: #fbd312;
}



#slideshow, #slideshow img{
width: 723px;
height: 200px;
overflow: hidden;
}



#content{
margin: 20px;
margin-top: 10px;
text-align: justify;
font-size: 12px;
color: #4b4b4b;
}

#content p{
margin: 5px 0px 18px 0px;
line-height: 18px;
}

#content a{
color: #363636;
}

#content a:hover{
color: #cccccc;
}


#content ul{
margin: 10px 0px;
list-style-type: none;
}

#content li{
background: url(../images/bullet.jpg) no-repeat center left;
padding-left: 20px;
}







#footer{
clear: both;
width: 100%;
height: 120px;
background: #ffffff url(../images/footer.jpg) repeat-x bottom left;

}

#footer-inner{
clear: both;
width: 900px;
margin: 0 auto;
position: relative;
height: 57px;
line-height: 110%;
color: #0b1799;
font-size: 10px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}

#footer-left{
position: absolute;
top: 10px;
left: 0px;
text-align: left;
}

#footer-right{
position: absolute;
top: 10px;
right: 0px;
text-align: right;
}

#footer a{
color: #0b1799;
}

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












#details{
float: left;
width: 300px;
margin: 10px 50px 150px 10px;
}

#contact2{
float: left;
background: #3748bd;
width: 200px;
padding: 10px;
margin: 10px 0px 0px 10px;

}

#contact form{
margin: 0 auto;
}


#contact_form input,#contact_form textarea,#contact_form select{
float: left;
width: 190px;
margin-top: 7px;
font-family: verdana,arial,tahoma,sans-serif;
font-size: 9pt;
color: #666666;
border: 1px solid #cccccc;
padding: 3px;
}

#contact_form input:hover,#contact_form textarea:hover,#contact_form select:hover{
border-color: #999;
}

#contact_form textarea{
overflow: auto;
height: 100px;
}

#contact_form input.contact_submit{
clear: both;
float: right;
width: auto;
margin-right: 2px;
padding: 4px 6px;
border: 0;
background-color: #facf12;
color: #ffffff;
font-size: 0.8em;
font-weight: bold;
cursor: pointer;
}




#callback form{
margin: 0 auto;
margin-left: 9px;
}


#callback_form input,#callback_form textarea,#callback_form select{
float: left;
width: 148px;
margin-top: 7px;
font-family: verdana,arial,tahoma,sans-serif;
font-size: 9pt;
color: #666666;
border: 1px solid #cccccc;
padding: 3px;
}

#callback_form input:hover,#callback_form textarea:hover,#callback_form select:hover{
border-color: #999;
}

#callback_form textarea{
overflow: auto;
height: 100px;
}

#callback_form input.callback_submit{
clear: both;
float: right;
width: 35px;
margin-right: 10px;
padding: 4px 6px;
border: 0;
background-color: #facf12;
color: #ffffff;
font-size: 0.8em;
font-weight: bold;
cursor: pointer;
}









#slideshow., #slideshow img {
width: 723px;
height: 200px;
overflow: hidden;
}

.menu {
width: 900px;
height: 30px;
background: #ffffff url(../images/navigation.jpg) repeat-x top left;
position: relative;
}


.navigation{position:absolute; top: 0px; left: 170px;list-style-type: none; margin: 0px 0px 0px 0px; padding: 3px 0px 0px 0px; }
.navigation li {position:relative; float:left;}

.navigation li a {
display:block; 
font-size: 12px; 
text-decoration:none; 
color:#ffffff; 
font-family: arial;
font-weight: bold;
padding: 4px 20px 3px 20px; 
}

.navigation a:hover, .navigation a.current {color:#fff000; background-color:transparent;}
.navigation ul{list-style-type: none;visibility:hidden; position:absolute; top:22px; left:-20px; }
.navigation ul li {float:left;}

.navigation ul li a {
float:left; 
position: relative;
z-index: 999999999999999999999999999999999999999;
background:#fff000; 
padding: 4px 10px 3px 10px; 
width: 150px;
font-size: 12px; 
text-decoration:none; 
font-family: arial;
color: #000080; 
width: 150px;
}

.navigation ul a:hover, .navigation ul a.current{color:#000080;  background:#ffffff;}
.navigation  li:hover ul,.navigation a:hover ul{visibility:visible;}
.navigation:hover ul ul{visibility:hidden;}
.navigation :hover ul :hover ul{visibility:visible;}






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

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



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