/* Global Nav (Travel 6.0) */
/***************************/

/* breadcrumb styles */
#brdcrmb {
    font: normal 77% verdana, arial, helvetica;
    margin: 0;
    width: 750px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    margin-top : 10px;
    border-left: 1px solid #fff;
    margin-bottom: 10px;
}
#brdcrmb a {color: #3f5771;}
#frntpg #brdcrmb, #glblnav #brdcrmb {margin: 0 0 10px; width: 750px; }

/* search bar styles */
#frntpg .srchbr, #glblnav .srchbr, .srchbr {
    text-align: center;
    background-color: #d7e1e8;
    border-top: 4px solid #b6cde1;
    padding: 5px;
    margin: 0 0 10px;
}
#frntpg .srchbr label, #glblnav .srchbr label,  .srchbr label {
    font: bold 122% arial, verdana;
    color: #182e62;
    margin: 0 5px 0 0;
}
#frntpg .srchbr form, #glblnav .srchbr form, .srchbr form {
    margin: 0;
    padding: 0;
    margin: 0 auto 0;
}
#frntpg .ygbt, #glblnav .ygbt, .srchbr .ygbt {
    margin: 0 0 2px 5px;
    font: normal 77% verdana,arial;
    width: 100px;
    color: #505050;
}

.srchbr .fclnk {
    margin: 0 0 0 20px;
    font: normal 77% verdana,arial;
    color: #182E62;
}


#frntpg h1 {
    font: bold 122% arial, verdana, helvetica;
    margin: 0;
    padding:0;
    width: 460px;
    float: left;
}
#frntpg, #glblnav { text-align: left;
    width: 750px;
    padding:0;
    margin-right: auto;
    margin-left: auto;
}

#glblnav #tbbdnav {width: 750px;
    background:url(http://us.i1.yimg.com/us.yimg.com/i/us/tr/b/navhr.gif) bottom repeat-x;
}
#glblnav #tabs h2 {display: block;
    overflow: hidden;
    float: left;
    width: 135px;
    font: bold 100% verdana, arial, helvetica;
    color: #3f5771;
    text-align: right;
    margin: 0;
    padding:9px 0 0;
}
#glblnav #tabs h2.long {display: block;
    overflow: hidden;
    float: left; 
    width:135px;
    font: bold 100% verdana, arial, helvetica;
    color: #3f5771;
    text-align: right;
    margin: 0 0 3px;
    padding:0;
}

/* global nav LSM tabs */

#tabs {
    position: relative;
    font: bold 77% verdana, arial;
    height:20pt;
    background:#b6cde1 url(http://us.i1.yimg.com/us.yimg.com/i/us/tr/b/navhr.gif) repeat-x bottom left;
    padding-top:1px;
}
#tabs h3 {display:none;}
#tabs em {font-style:normal;}
#main {
    width: 615px;
    float: right;
    padding-top: 3px;
}
html>body #main {
    width: 615px;
    float: right;
    padding-top: 5px;
}

#main a {margin:1px 3px 0 0;}
#main span, #main em, #main a {
    display:inline-block;
    float:left;
    cursor: pointer; 
}
/* hide macIE \*/
#main span, #main em, #main a {
    display:block;
}
/* end hide */

#main em {
    cursor: pointer; 
    padding:3px 5px 6px; 
}
html>body #main em {
    cursor: pointer; 
    margin-top: 0; 
    padding:3px 5px 45px;
}


/* link color and behavior*/
#main .sep {
    display:none;
}
#main a { 
    color: #3f5771; 
    text-decoration:none;
}
#main a:hover {
    background-color:#b6cde1; 
    color: #3f5771;
    text-decoration:underline;
}

#main a {background:#b6cde1 url(http://us.i1.yimg.com/us.yimg.com/i/us/tr/b/nav_sel_left_01.gif) top left no-repeat;}
#main a span {background: url(http://us.i1.yimg.com/us.yimg.com/i/us/tr/b/nav_sel_right_01.gif) top right no-repeat;}
#main a em {
    padding-bottom:5px; 
    padding-top: 3px; 
    background-color:#fff; 
    margin: 1px 2px 0; 
    /*border-bottom: 1px solid #fff; */
}
html>body #main a em {
    padding-bottom:4px; 
    padding-top: 2px;
    background-color: #fff; 
    margin: 1px 4px 0; 
}
#main a.selected span {background: url(http://us.i1.yimg.com/us.yimg.com/i/us/tr/b/nav_corner_ne.gif) no-repeat right top;}
#main a.selected {background:#bacfe3 url(http://us.i1.yimg.com/us.yimg.com/i/us/tr/fc/nav_corner_nw.gif) no-repeat left top;}
#main a.selected em {background-color:#bacfe3; }
html>body #main a.selected em {background-color: #bacfe3; }

/* Blue Bar (Titlebar, Travel 4.0) */
/***********************************/

/* float clear fix */
.ygcl { clear:both; padding:0; margin:0; font-size:0.1em; line-height: 0.1em;}

/*  global travel head */
#travelBar {
  width: 750px;
  background-color:#407EB2;
  text-align: left;
  line-height:1em;
  margin: 0px 0 10px;
}

#travelBar h1 {
  font: bold 110% Arial, verdana, Helvetica, sans-serif;
  background-color:#407EB2;
  color: white;
  margin: 5px 10px; padding:0;
  float: right;
  }

#travelBar input {
  vertical-align: middle;
}

#travelBar label {
  font: bold 100% Arial, verdana, Helvetica, sans-serif;
  color: white;
  margin: 0 10px 0; padding:0;
 }

#travelBar fieldset {
  float: left;
  text-align: left;
  margin: 2px;
  border: none;
  padding: 0;
  width: 400px;
}

#travelBar form {
  margin: 0; padding:0;
}

#travelBar #button {
  margin: 0 0 0 5px;
  padding: 0;
  vertical-align: middle;
}


/** TRAVEL 3.0 **/
/****************/

/* LSM: Titlebar */
#titlebar h1 {line-height:1em; font-size:18px; font-weight:bold; padding:6px; margin:0px; border:1px none white;}
#titlebar h1 {background-color:#407EB2; color:white;}

/* LSM -- TOOLS, Left Hand Column (LHC) */            
#tools ul {
 list-style-type: none;
 padding: 0;
 margin-left: 1em;
}
            
li .weather {
 background-image: url(http://us.i1.yimg.com/us.yimg.com/i/ws/ic/weather1.gif);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 padding: 3px 0 3px 25px;
}

li .maps {
 background-image: url(http://us.i1.yimg.com/us.yimg.com/i/hk/i16/map.gif);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 padding: 3px 0 3px 25px;
}

li .driving {
 background-image: url(http://us.i1.yimg.com/us.yimg.com/i/us/tr/b/tr_drv24_1.gif);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 padding: 3px 0 3px 25px;
}
/* LSM -- End TOOLS */

/* LSM: Category List */

#catlist0 ul
{
 list-style-type: none;
 padding: 0;
 margin-left: .5em;
}

#catlist0 ul.catlist1
{
 list-style-type: none;
 padding: 0;
 margin-left: -1.32em;
}

#catlist0 li {
 font-weight: bold;
 padding: 3px 0 3px 15px;
}

#catlist0 li.selected {
 background-image: url(http://us.i1.yimg.com/us.yimg.com/i/sr/ar.gif);
 background-repeat: no-repeat;
 background-position: 0px .4em;
 padding: 3px 0 3px 15px;
}

#catlist0 li.subselected {
 font-weight: bold;
 background-repeat: no-repeat;
 background-position: 0px .4em;
 padding: 3px 0 3px 15px;
}

#catlist0 ul.catlist1 li {
 font-weight: bold;
 padding: 3px 0 3px 30px;
}

#catlist0 ul.catlist1 li.selected {
 font-weight: bold;
 background-image: url(http://us.i1.yimg.com/us.yimg.com/i/sr/ar.gif);
 background-repeat: no-repeat;
 background-position: 0px .4em;
 padding: 3px 0 3px 30px;
}
  
#catlist0 li ul {
 list-style-type: none;
 font-size: 90%;
 margin-left: 0;
} 

#catlist0 li ul li{
 font-weight: normal;
 margin-left: 0;
}

/* LSM: End Category List */

/* auto sug box related css: */
.srchbr {position:relative;text-align:center;z-index:100; font: 12px Arial;}
.trvsblabel label {font: bold 122% arial, verdana; color: #182e62; margin-right:5px;}
.trvsbinput {position:relative;padding:0;}
.srchbox {position:relative;width:25em;height:1.5em;padding:0;margin:0;font: 12px Arial;}
.trv_ac_container {position:absolute;left:0;top:2em;display:inline;}
.trv_ac_container .yui-ac-content {position:absolute;width:25em;left:0;top:0;border:1px solid #404040;background:#FFFFFF;overflow:hidden;text-align:left;z-index:9050;}

.trv_ac_container .yui-ac-shadow {position:absolute;left:0;top:0;margin:.3em;background:#a0a0a0;z-index:9049;}

.trv_ac_container ul {padding:5px 0px 2px 0px;width:100%;margin:0 1px; }
.trv_ac_container .yui-ac-trvimg {vertical-align:middle;}
.trv_ac_container li {padding:0 1px;margin:0;cursor:pointer;white-space:nowrap;margin: 0 1px;height:1.5em;}
.trv_ac_container li.yui-ac-highlight {background:#ecf5f0;}
.trvsbbtn {position:relative;}