/* CSS Document */
/* 
CSS Document was prepared by Olivier Agustin for use on the site avenuetransport.com
*/

body{
  margin:0px;
  padding:0px;
  z-index:0;
}

p{
  margin:0px;
  padding:0px;  
  text-align:justify;
}

p.logmessage{  
  margin-left:30px;
}

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

/* Splash page css */
body#index{
  background-image:url(../images/indexbg.gif);
  background-repeat:repeat-x;
  background-position:left top;
}

#index_banner, #index_flags{
  margin-left:auto;
  margin-right:auto;
  display:block;
  text-align:center;  
}

#index_imagetitle img{
  margin-top:2px;
}

#index_flags{
  padding-top:10px;
}

#index_title img{
  margin-top:17px;
}

#index_container{
  margin-top:10px;
  width:684px;
  margin-left:auto;
  margin-right:auto;
  display:block;  
  height:100%;
}

#index_menu{
  width:684px;
  height:33px;
  background-image:url(../images/indexmenubg.gif);
}

#index_menu ul{
  margin:0px;
  padding:0px;
  list-style:none;
}

#index_menu ul li{
  display:inline;
}

#index_sub_menu{
  background-color:#b7d280;
  border:1px solid #6f8b36;    
}

#index_sub_menu ul{
  font-family:"Trebuchet MS";
  font-size:11px;
  margin: 5px 0px 5px 0px;
}

#index_sub_menu ul li{
  display:block;
  padding: 0px 5px 0px 5px;
}

#index_sub_menu ul li a{
  color:#000000;
  text-decoration:none;
}

#index_sub_menu ul li.index_hover{
  background-color:#FFFFFF;
}

#index_images{  
  width:685px;
  float:left;
}

#index_images img{
  float:left;
  margin-right:2px;  
}

#index_content{  
  margin-top:20px;  
  height:100%;
  float:left;
}

#index_content p{
  font-family:Arial;
  font-size:13px;
  margin-bottom:10px;  
  margin-left:100px;
  margin-right:80px;
  text-align:justify;
  letter-spacing:0.05px;
}

#index_footer{
  height:30px;
  float:left;
  background-image:url(../images/index_footerbg.gif);
  background-repeat:no-repeat;
  width:684px;
}

#index_footer #access_container{
  width:136px;
  background-color:#3f5414;
  height:30px;
  float:left;
  margin-left:10px; 
}

#index_footer #access_container p{
  font-family:"Trebuchet MS";
  font-size:12px;
  font-weight:bold;
  margin-top:7px;  
  color:#a6b782;
  text-transform:uppercase;
  text-align:center;
}

#index_footer #toll{  
  color:#000000;
  display:inline;
  padding-top:8px;  
  float:right;  
  margin-right:10px;
  font-size:12px;
  height:22px;
  font-family:"Trebuchet MS";
}

#index_footer p a{
    color:#a6b782;;
	text-decoration:none;
}

/********************  END splash page CSS *******************************/

/* Inner css */

body#inner{
  background-color:#dbe2cd;
  background-image:url(../images/innerbg.gif);
  background-repeat:repeat-x;
  background-position:left top;  
}

#container{
  width:800px;
  margin-left:auto;
  margin-right:auto;
  display:block;  
}

#leftcol{
  width:240px;
  height:611px;
  float:left;
  background-image:url(../images/leftcolbg2.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;  
}

#leftcol #innerlogo{
  margin-top:41px;
  float:left;
}

#leftcol div.inner_menu{
  /*padding-top:10px;*/
  padding-top:49px;
  /* for the stupid icon */
  padding-bottom:30px;
  float:left;
}

#sub_menu{
  background-color:#b7d280;
  border:1px solid #6f8b36;
  width:150px;
}

#sub_menu ul{
  font-family:"Trebuchet MS";
  font-size:11px;
  padding:0px;
  margin: 5px 0px 5px 0px;
}

#sub_menu ul li{
  display:block;
  padding: 0px 5px 0px 5px;
  margin:0px;
}

#sub_menu ul li a{
  color:#000000;
  text-decoration:none;
}

#sub_menu ul li.index_hover{
  background-color:#FFFFFF;
}

#main{  
  height:611px;
  width:557px;  
  float:left;  
  background-image:url(../images/maintopbg.gif);
  background-repeat:repeat-x;
  background-position:left top;
}

#top_links{
  height:20px;
  width:557px;
  background-image:url(../images/toplinksbg.gif);
  background-repeat:no-repeat;
  background-position:left bottom;  
  float:left;
  text-align:right;
}

#top_links p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin-right:10px;
  color:#d6e9af;
  display:inline;
}

#top_links p a{
  color:#d6e9af;
  text-decoration:none;
}

#top_links p a:hover{
  color:#FFFFFF;  
}

#spacer{
  height:591px;
  width:3px;
  float:left;
  background-image:url(../images/leftspacer2.gif);
  background-repeat:no-repeat;
  background-position:left bottom;
}

#main_content{
  height:591px;
  width:554px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
}

#main_content #main_content_header{
  background-image:url(../images/h1bg.gif);
  background-repeat:repeat-x;
  background-position:left top;
  margin:0px;
  padding:0px 0px 5px 18px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  text-transform:uppercase;
  float:left;
  width:438px;
}

#main_content #main_content_header h1{
  margin:0px;
  padding:5px 0px 0px 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
}

#main_contents{
  float:left;
  width: /*381px;  395px;*/ 437px;
  height:515px;
  background-image:url(../images/contentsbg.jpg);
  background-repeat:no-repeat;
  background-position:left bottom;
  /*padding-left:62px;*/
  padding-left:20px;
}

#main_contents h2{
  font-size:12px;
  font-weight:bold;
  margin:0px 10px 0px 0px;
  padding:5px 0px 0px 0px;
}

#main_contents p{
  margin-right:10px;
  margin-left:10px;
  font-size:12px;
  text-align:justify;
  font-family:Arial;
  letter-spacing:0.05px;
}

#footer{
  float:left;
  width:554px;
  height:22px;
  /* ie hack for ie only */
  #height:18px;
  #padding-top:4px;
  /* ie hack */
  background-color:#6f8b36;
  text-align:center;
}

#footer p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#d6e9af;  
  margin-right:10px;
  display:inline;
}

/* ff hack vs ie */
*:lang(en) #footer p{
  margin-top:4px !important;
}

#footer p a{
  color:#d6e9af;
  text-decoration:none;
}

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

/* Form Css */

#main_contents h3{
  background-image:url(../images/h3bg.gif);
  margin:0px;
  padding:5px 0px 4px 10px;
  font-size:14px;
  text-transform:uppercase;
  width:/*369px;*/384px;
}

.form_container{
  width:/*379px;*/394px;
  height:515px;
  background-color:#d7e3bf;
  margin-left:15px;
}

.form{
  background-image:url(../images/formbg.gif);
  background-position:top left;
  background-repeat:repeat-x;
  background-color:#d7e3bf;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  width:/*359px;*/374px;
  clear:both;
}

h2.formhead {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;  
}

.form p{
  display:inline;
}

.form input.quote_box, .form select, input.address_box{
  width:100px;
  border:none;
  height:15px;
  margin-top:1px;
  margin-bottom:1px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
}

input.address_box{
  width:307px;
}

.form select{
  width:200px;
}

input.quote_buton{
  border:0px;
  background-image:url(../images/quote_submit_button_bg.gif);
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  width:/*389px;*/394px;
  text-align:right;
  color:#59643c;
  /* IE hack */
  #margin-top:-5px;
  padding-top:6px;/*+5 for older setting*/
  padding-bottom:10px;
  padding-right:10px;
}

#message_pop{
  background-color:#b7d280;
  border:1px solid #6f8b36;
  width:250px;  
}

#message_pop p{
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:30px 0px 30px 0px;
}

#message_pop p a{
  color:#000000;
  text-decoration:none;
}

#message_pop p a:hover{ 
  text-decoration:underline;
}

#message_pop img.closer{
  float:right;
  clear:both;
  margin:3px 3px 0px 0px; 
  border:0px;
  cursor:pointer;
}

p.contact a{
  color:#000000;
  text-decoration:none;  
}

p.contact a:hover{ 
  text-decoration:underline;  
}

/* application forms */
.app_forms{
  margin-top:10px;
}

.app_forms p{  
  line-height:25px;
}
.app_forms a{
  text-decoration:none;
  color:#000000;
}

img#img_rates{
  border: 2px solid #666666;
  display:block;
  margin: 0px auto 0px auto;
  padding: 3px;
  clear:both;
  filter:alpha(opacity=80);
  -moz-opacity:.80;
  opacity:.80;
}

/* Languages */

#flags{  
  width:100px;
  clear:both;
  margin-top:10px;
}

#index_flags img, #flags img{
  margin-right:5px;
  border:1px solid black;
}