
/* ==================== layout ==================== */

body { padding: 0; margin: 0; background: #fff;}


#callout { display: block; width: 180px; background: #fff; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; margin-top: 10px; padding: 0; text-align: left; }
#footer { display: block; background: #fff; margin: 0; padding: 0; float: left; }
#contact_box_us { display: block; width: 200px; margin: 0; padding: 0; text-align: left; background: #fff url('/img.d/common/photo_contact_us.jpg') no-repeat bottom; }
#contact_box_asia { display: block; width: 200px; margin: 0; padding: 0; text-align: left; background: #fff url('/img.d/common/photo_contact_asia.jpg') no-repeat bottom; }


/* ==================== visual formatting ==================== */

body td {font: 12px "Tahoma", "Lucida Grande", "Verdana", "Helvetica", sans-serif; color: #000; line-height: 16px; }

p {margin-top: 6px; margin-bottom: 14px; }

UL.bulletlist {list-style-image: url('http://www.allroadfaq.com/common/menu/images/bullet_square.gif'); margin-left: 15px; padding: 0 }
UL.bulletlist li {line-height: 14px; margin-bottom: 6px; margin-top: 4px; }

.go_back {display: block; width: 80px; margin: 8px; padding: 0; background: #ccc; border: 1px solid #0069A5; }
.go_back a:hover {background: red; }
.nolink {color: red; font-weight: bold; }
.line {border-bottom: 1px solid #DFDFD8; margin-bottom: 8px; }
.spacer {margin: 4px}

.banner_title { font: 18px/1em "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: normal; color: #fff; margin: 0 20px 0 40px; }
.title { font: 18px/1em "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: normal; color: #666; margin-bottom: 24px; }
.header {font: 16px "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: bold; color: #000; margin-bottom: 6px; line-height: 18px; }
.header_grey {font: 16px "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: bold; color: #666; margin-bottom: 2px; line-height: 18px; }
.header2 {font: 14px "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; font-weight: bold; color: #000; margin-bottom: 2px; line-height: 18px; }

.callout_hdr {font-size: 11px; color: #fff; font-weight: bold; background: #666657 url('http://www.allroadfaq.com/images/common/callout_bg_gray.gif') repeat-x top; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; margin: 0; line-height: 12px; border-bottom: 1px solid #666657 }
.callout_hdr_blue {font-size: 11px; color: #fff; font-weight: bold; background: #0069a5 url('http://www.allroadfaq.com/images/common/callout_bg_blue.gif') repeat-x top; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; margin: 0; line-height: 12px; border-bottom: 1px solid #0069a5 }
.callout_hdr_orange {font-size: 11px; color: #fff; font-weight: bold; background: #b84d2e url('http://www.allroadfaq.com/images/common/callout_bg_orange.gif') repeat-x top; padding-left: 8px; padding-top: 4px; padding-bottom: 4px; padding-right: 4px; margin: 0; line-height: 12px; border-bottom: 1px solid #b84d2e }
.callout_text {font-size: 10px; color: #4a4a3f; line-height: 12px; margin: 10px; }
.callout_text_larger {font-size: 11px; color: #4a4a3f; line-height: 14px; margin: 0 6px 0 6px; }
.callout_text_largest {font-size: 13px; color: #4a4a3f; line-height: 14px; margin: 0 6px 0 6px; }
.callout_text_item {font-size: 12px; color: #4a4a3f; text-decoration: none; line-height: 18px; margin: 0 6px 0 6px; }
.callout_hdr_larger {font-size: 11px; font-weight: bold; color: #000; line-height: 14px; margin: 0 6px 0 6px; }

.quote {font-size: 12px; font-weight: bold; color: white; line-height: 15px; margin: 8px; }
.quote_attribute {text-align: right; font-size: 11px; color: #d1d1cb; line-height: 12px; margin: 8px; }
.quote_attribute a:visited {color: #74cde8; text-decoration: underline;}
.quote_attribute a:hover {color: #74cde8; text-decoration: none;}
.quote_attribute a:active {color: #74cde8; text-decoration: underline;}
.quote_attribute a:link {color: #74cde8; text-decoration: underline;}

.contact_me {font-size: 11px; color: #4A4A3F; line-height: 13px; margin-left: 10px; margin-bottom: 8px; font-weight: bold; }
.button {font-size: 10px; color: #fff; font-weight: normal; border-right: 1px solid #003A5A; border-bottom: 1px solid #003A5A; border-left: 1px solid #21AEFF; border-top: 1px solid #21AEFF; background: url('/img.d/common/button_background.gif') repeat-x; padding: 3px;}


.footertext {color: #7C7C7C; font-size: 10px; margin-left: 15px; }
.caption {font-size: 10px; margin: 10px; line-height: 12px; }

a:link { color: #0071B3; text-decoration: underline; }
a:visited { color: #0071B3; text-decoration: underline; }
a:active { color: #FF0000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }

.footertext a:link { color: #006BB6; font-weight: normal; text-decoration: none; }
.footertext a:visited { color: #497DA2; font-weight: normal; text-decoration: none; }
.footertext a:active { color: #37ADFF; font-weight: normal; text-decoration: none; }
.footertext a:hover { color: #37ADFF; font-weight: normal; text-decoration: none; }

.a-to-z {margin: 0}

.a-to-z a:link { color: #003A5A; font-weight: bold; text-decoration: none; }
.a-to-z a:visited { color: #003A5A; font-weight: bold; text-decoration: none; }
.a-to-z a:active { color: #37ADFF; font-weight: bold; text-decoration: none; }
.a-to-z a:hover { color: #37ADFF; font-weight: bold; text-decoration: none; }
.a-to-z-prefix { FONT-WEIGHT: bold; COLOR: #999 }

a img {border: 0px none; margin: 0; padding: 0; }


/* ==================== tabbed navigation ==================== */

#tabcontainer {display: block; width: 640px; height: 36px; margin-left: 40px; padding: 0; background: #afafa9; }

#tablist
{
padding-top: 16px;
padding-left: 0px; 
padding-right: 0px; 
margin: 0;
font: 12px Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight: bold; 
}

#tablist li
{
list-style: none;
margin: 0;
display: inline;
line-height: 15px;
}

#tablist li a
{
border-left:1px solid #afafa9; border-right:1px solid #afafa9; border-top:1px solid #afafa9; margin-left: 0px;
margin-right: -4px;
border-bottom: medium none;
background: url('http://www.allroadfaq.com/images/common/menu/tab_bg.gif') repeat-x;
text-decoration: none; padding-left:12px; padding-right:12px; padding-top:6px; padding-bottom:6px
}

#tablist li a:link { color: #000; font-weight: normal; }
#tablist li a:visited { color: #000; font-weight: normal; }

#tablist li a:hover
{
color: #000;
background: #fff;
border-color: #afafa9;
font-weight: normal; 
}

#tablist li a#current
{
background: white;
border-top: 3px solid white;
border-left: 1px solid white;
}

/* ==================== button ==================== */

#button_container {display: block; margin: 0; text-align: right; }

#button
{
padding: 0; 
margin: 0;
font: 24px Tahoma, "Lucida Grande", Verdana, sans-serif; font-weight: normal; 
}

#button li
{
list-style: none;
margin: 0;
display: inline;
line-height: 15px;
}

#button li a
{
padding-top: 3px; 
padding-bottom: 3px; 
padding-left: 10px; 
padding-right: 10px; 
margin: 0; 
border: 1px solid #0069A5; 
background: #DFDFD8;
}

#button li a:link { color: #0069A5; font-weight: bold; }
#button li a:visited { color: #0069A5; font-weight: bold; }

#button li a:hover
{
color: #0069A5;
font-weight: bold;
background: #fff;
}



/* ==================== top menu ==================== */

.country {padding: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; margin-left: 0; font-size: 12px; color: #00418c}
.menubar {list-style-type: none; margin: 0; padding: 0; } 
.topitem {font-weight: normal; font-size: 12px; float: left; display: block; height: 24px;  } 
.topitem a, .topitem a:visited {font-weight: normal; color: #fff; padding-left:15px; padding-right:14px; padding-top:4px; padding-bottom:5px; display: block; text-decoration: none; }
.topitem a:hover {font-weight: normal; color: #ee3224; background: #afaea9 url('http://www.allroadfaq.com/images/common/menu/menu_selected_bg.gif') repeat-x left; display: block; text-decoration: underline; padding-left:15px; padding-right:14px; padding-top:4px; padding-bottom:5px } 
.home a, .home a:visited {font-weight: normal; background: url('http://www.allroadfaq.com/images/common/menu/top_corner_grey.gif') no-repeat top left; display: block; } 
.home a:hover {font-weight: normal; background: url('http://www.allroadfaq.com/images/common/menu/home_bg.gif') no-repeat top left; display: block;  }
.selected  {font-weight: normal; background: #afaea9 url('http://www.allroadfaq.com/images/common/menu/menu_selected_bg.gif') repeat-x left; }

.lastitem {font-weight: normal; float: left; display: block; height: 24px;  } 
.lastitem a, .lastitem a:visited {font-weight: normal; color: #fff; padding-left:15px; padding-right:24px; padding-top:4px; padding-bottom:5px; display: block; text-decoration: none; }
.lastitem a:hover {font-weight: normal; color: #fff; background: #afaea9 url('http://www.allroadfaq.com/images/common/menu/menu_selected_bg.gif') repeat-x left; display: block; text-decoration: none; padding-left:15px; padding-right:24px; padding-top:4px; padding-bottom:5px } 


/* ==================== flyout menu ==================== */

ul.submenu {list-style-type: none; position: absolute; margin: 0; padding: 0; display: none; width: 200px;  } 
ul.submenu li {padding: 0; margin: 0; font-size: 11px;} 
ul.submenu li a, ul.submenu li a:visited {padding: 3px 3px 3px 16px; color: #000; border: 1px solid #ebebeb; text-decoration: none; margin: 0;} 
ul.submenu li a:hover {padding: 3px 3px 3px 16px; text-decoration: none; background: #fff; color: #000; border: 1px solid #ee3224; } 
li:hover ul, li.over ul {margin: 0; padding: 4px; display: block; background: #EBEBEB;} 

#dmenu li>ul {top: auto; left: auto;}
