/*TAG DEFINITION-------------------------------------*/

body {
	font: normal 12px/1.75em Arial, Tahoma, Helvetica, sans-serif;
	color: #343434;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}

p{
	padding: 2px 0 8px 0;
	margin: 0;
}

h1,h2,h3,h4{
	color:#020B50;
}

h1 {
	font: bold ;
	font-size: 24px;
        line-height:130%;
	margin: 0 0 20px 0;
	padding:0;
	
	
}

h2 {
	font: bold ;
	font-size: 12px;
	margin: 0;
	padding:15px 0 2px 0;
	line-height: 12px;
        color:#000b50;
}

h2 .form-mid{
	
}

input,textarea{
margin-bottom:12px;
}
input.max,textarea{
	width:240px;
}

input.third{
	width:73px;
	margin-right:7px;
}
.ext{
	width:380px;
}

	
img{
	border:none;
}
a{
	color:#F16D00;
	text-decoration: none;
	/*border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
	border-color: Black;*/
}
a:hover{	
	color:#4C5FAC;
}
 
	
ul{
	/*list-style: none;*/
	margin: 0 0 0 14px;
	padding: 0;
	border: none;
}

li{
	margin:0 0 3px 0;
}
.lispace{
	margin:8px 0 3px 0;
}


li a{
	list-style: none;
	border-style: dotted;
	
	}


td h2{
margin-bottom:3px;
}

/*TEMPLATE ------------------*/
#wrap{ 
/*border:1px solid blue;*/
}

#left{
	background-image: url(/template/background/tileL.gif);
	background-repeat: repeat-x;
	background-position: top right;
}

#right{
    background-image: url(/template/background/tileR.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

#mR{
	width:32px;
	background-image: url(/template/background/dropR.jpg);
	background-repeat: repeat-y;
	background-position: top right;
}

#mL{
	width:32px;
	background-image: url(/template/background/dropL.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}

#frame{
	width: 960px;
	margin: auto;	
	/*padding: 0 28px 0 28px;
    background-image: url(template/shadow.jpg);
	background-repeat: repeat-y;
    border:1px solid orange;*/
}

#masthead{
	height:113px;
	background-color:#020B50;
	background-image:url(template/logo.gif);
	background-repeat:no-repeat;
	padding-right:30px;
	color:#4C5FAC;
}

#badge{
	float:right;
	height:113px;
	width:104px;
	border:none;
	background-image:url(/template/badge_top.gif);
}	

#phonetext{
	float: right;
	margin: 76px 70px 0 0;
	font-size: 20px;
}


#nav{
	height:37px;
	background-color:#fff;
	background-image: url(/template/nav/gradient.jpg);
	background-repeat: repeat-x;
	padding:0 0 0 7px;
}

#navbadge{
	width:104px;
	height:37px;
	float:right;
	padding-right:30px;
}

/*NAV TABS-------------------------------------------------------*/
#nav a{ display:block; border:none; float:left;height: 37px;}
#nav a:hover{
	display: block;
	float: left;
	height: 37px;
	background-position: left 37px;
}
a#home{ width: 75px; background-image: url(template/nav/home.jpg); }
a#transport{ width: 109px; background-image: url(template/nav/transport.jpg); }
a#warehousing{ width: 95px; background-image: url(template/nav/warehousing.jpg );}
a#logistics{ width: 130px; background-image: url(template/nav/3PL.jpg);}
a#about{ width  : 75px; background-image: url(template/nav/about.jpg);}
a#contact{ width: 115px; background-image: url(template/nav/contact.jpg);}

a .alt { display: none; }

/*HOMEPAGE TABS-------------------------------------------------------*/
#hLeft a, a.wide{ display:block; border:none; height: 76px; width:265px;background-position: left 0px;}
#hLeft a:hover{height:76px; background-position: left 76px;}
 
a#enquire{ background-image: url(/template/home/enquire.gif);}
a#book{ background-image: url(/template/home/book.gif); }
a#refer{ background-image: url(/template/home/refer.gif );}
a#login{ background-image: url(/template/home/login.gif);}




/*Main HOMEPAGE-------------------------------------*/



#main {
	background-color:#fff;
margin-top:40px;
        
}
.home{
	padding-top:12px;
}

#main_left {
	float:left;
	width: 390px;
	margin:0 0 40px 0;
	/*border:1px solid red;*/
	}

#main_left.contact{width:340px;margin-top:15px;}

		
#main_left p{
	padding:2px 0 6px 0;
}

#main .indent{margin-left:30px;width:312px;}

#main_left h2,#main_left h3,#main_left h4{
font-size:18px;
color:#666;
font-style: italic;
font-weight: normal;
line-height:150%;
}

#main_left h2{
margin-bottom:20px;
}

#main_left h3{
font-size:14px;
}

#main_left h4{
font-size:17px;
font-style: italic;
color:#000B50;
}

#main_right {
	/*border:1px solid lime;*/
	float: right;
	margin:0 65px 0 0;
	width: 470px; 
	
}

#main_right h1{color:#F16D00;}

#main_right.contact{width:508px;margin:0 27px 0 0;}

#main_right img{
	margin: 16px 0 8px 0 ;
}

#footer, .clear{
	clear:both;
}

#footer{
	color: #fff;
	height: 122px;
	background-color: #020B50;
	background-image: url(/template/footer_logo.gif);
	background-repeat: no-repeat;
	padding: 37px 0 0 253px;
	margin-top:0px;
	line-height: 130%;
}

#footer a{
	
}




/*--------- CONTENT DIVS ----------*/

#strap{
	height:255px;
	background-color:#000421;
	color:#fff;
	background-image: url(/template/badge_base.gif);
	background-position: top right;
	background-repeat: no-repeat;
        
	
}

#flash{
       /*height:255px;
       background-color:#999;*/

}

.herotext{
	padding:40px 0 0 44px;
}


#flash{
	margin-bottom:35px;
}


#hero{
height:500px;
background-image: url(/template/home/hero_gradient.jpg);
background-repeat: repeat-x;
}

#hLeft{
margin-top:75px;
float:left;
}

#hLeft img{
margin-bottom:20px;
}
#hRight{
float:right;
padding:0 32px 0 0;
}


#form-top{
	background-image: url(/template/form/form_top.jpg);
	background-repeat: no-repeat;	
	height:15px;
}

.form-mid{
	padding:0 0 20px 30px;
	background-image: url(/template/form/form_mid.jpg);
	background-repeat: repeat-y;
        
	
}

.form-mid td{
       font-size:12px;
}
#main_right .form-mid h1{
       color:#020B50;
       margin:0;
}
#main_right .title h1{
margin-top:10px;
}

.form-white{
        height:1px;
	background-image: url(/template/form/form_white.jpg);
	background-repeat: repeat-none;
	
}

#form-action{
	background-image: url(/template/form/form_mid.jpg);
	background-repeat: repeat-y;
	
}

#form-action img{
	margin:0;
	padding:0;
}



#form-action input{margin:0;padding:0;}


#form-base{
	background-image: url(/template/form/form_base.jpg);
	background-repeat: no-repeat;	
	height:10px;
}

#box0,#box1,#box2,#box3{
display:none;
}

.button {
    border: none;
    width: 503px;
    height: 69px;
    
}

.button:hover {
   background-position: left -69px;
}

.refer{background: url(/template/form/refer_submit.gif) no-repeat top left;}


.enquire{background: url(/template/form/enquire_submit.gif) no-repeat top left;}


.book{background: url(/template/form/book_submit.gif) no-repeat top left;}

.post_form_detail{
padding:0 0 0 30px;
}

table.ref td a{line-height:240%;text-indent:6px;}
.ico{display:none;}

/*SIDEBAR BUTTONS-------------------------------------------------*/
a.sidebutton{ display:block; border:none; height: 76px; width:332px;background-position: left 0px;}
a:hover.sidebutton{height:76px; background-position: left 76px;}
 
a#benefits.sidebutton{ background-image: url(/template/sidebar/benefits.gif);}
a#enquire.sidebutton{ background-image: url(/template/sidebar/enquire.gif);}
a#login.sidebutton{ background-image: url(/template/sidebar/login.gif);}
a#book.sidebutton{ background-image: url(/template/sidebar/book.gif); }