/* $CVS: bookings/bookings_public/src/main/webapp/css/base.css,v 1.4 2007/08/03 02:14:12 douglasm Exp $ */
* { margin:0; padding:0;}
html { width:100%; font-family:Arial, Helvetica, sans-serif; }
body { font-size:75%;  background:url(http://static.lonelyplanet.com/static-ui/style/header_bg.gif) top left repeat-x; line-height:1.6em; color:#333; }
#lp_outer_container {position:relative; background:#ffffff; width:992px; margin:0 auto 20px auto; overflow:hidden; }

#bs_content_wrapper{clear:both; background:#ffffff url(bg_container.gif) top left repeat-y; margin:0; padding-left:10px}
#bs_content_container{width:644px; float:left; margin:0 5px 0 0; padding:20px 0 0 15px}
#bs_content_container_rhs{float:left; width:310px}

#mainNav {line-height:1.4em}

/* Clear fix - see http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix { display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* End of Clear fix - http://www.webtoolkit.info/css-clearfix.html */

a{color:#0066CC;}
a:link {text-decoration: none; color:#0066CC;}
a:visited { text-decoration: none; color:#0066CC}
a:hover, a:active {text-decoration: underline; color:#0066CC;}

a.rss{background:url(../images/bg_rss.gif) top left no-repeat; padding-left:19px}

.clear{clear:both}

/****************************** global additions from core.ss *****************************/

.hidden { height:1px !important; left:0px !important; overflow:hidden !important; position:absolute !important; left:-9999px !important; width:1px !important; line-height:1px !important; float:left; }

ol, ul {list-style: none;}

/* Title */
#pageTitleWrap {width:100%; color:#fff; clear:left; margin-top:3.1em;  display:block; border-bottom:14px solid #04899c; background-color:#039bb2}
#pageTitle {margin:0 auto; width:978px; padding-top:5px; }
#pageTitle h1 {font-size:2.5em; font-weight:normal; margin-left:10px; line-height:1.1; position:relative; top:6px; display:inline;} 
#pageTitle h1 span{display:block; font-size:.4em;}
#pageTitle ul {float:right; right:0; font-size:1.2em; width:460px;}
#pageTitle li {display:inline; margin-left:17px;}
#pageTitle a {color:#fff; font-style:italic; padding-left:15px; font-family:Georgia, serif;}
#pageTitle a:hover, #pageTitle a:focus, #pageTitle a:active {text-decoration:none;}

/* Search */
#logo form input#search {font-size:0.9em}

/* Breadcrumb */
#breadcrumbWrap {width:100%; background:#d6ccc0; float:left; position:absolute; left:0; top:153px}
* html #breadcrumbWrap {top: 296px!important;}
#breadcrumbWrap #breadcrumb {margin:0 auto; width:965px; font-size:1.35em; font-weight:bold; }
#breadcrumb { line-height: 1.4; z-index:0; position:relative; }
#breadcrumb a {color:#333; display: block; overflow: hidden; padding:7px 20px 6px 10px!important; background:url(../images/breadcrumb-bg-new.gif) no-repeat right 7px;}
#breadcrumb a:hover {color:#8E8E8E; background-color:#f5eee6; background-position:right -475px;}
#breadcrumb li { float: left; position: relative; margin-right:3px;  }
* html #breadcrumb li * { position: relative; }
#breadcrumb li, #breadcrumb ul { margin: 0; padding: 0; }
#breadcrumb li:hover, #breadcrumb li.over {background-color:#f5eee6; background-position:right -475px;}
#breadcrumb ul.onScreen {left:0;}

#breadcrumb li li { float: none; position: static; width: 100%; background:none; font-weight:normal; margin-right:0;}
#breadcrumb li li li {font-size:1.4em; line-height:1.52;}
#breadcrumb li li a, #breadcrumb li li a:hover, #breadcrumb li li a:active { background: none; height: auto; padding:0; text-indent: 0; width: 76%; margin:5px 0 0 10px;}
#breadcrumb li ul {background: #f5eee6; left: -9999px; line-height: 1.5; position: absolute; z-index:9; font-size:0.7em; width:150px; /*padding-top:3px;*/ padding-bottom:50px;}
#breadcrumb li.oneCol ul {line-height: 1.3; width:150px;}
#breadcrumb li.oneCol .col {float: left; width:150px;}
#breadcrumb li.oneCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;}
#breadcrumb li.twoCol ul {line-height: 1.3; width:300px;}
#breadcrumb li.twoCol .col {float: left; width:150px;}
#breadcrumb li.twoCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;}
#breadcrumb li.threeCol ul {line-height: 1.3; width:450px;}
#breadcrumb li.threeCol .col {float: left; width:150px;}
#breadcrumb li.threeCol .col ul {border: 0; position: static; width: 100%; padding-bottom:10px;}
#breadcrumb li .col {float:left; overflow:hidden;}
/*#breadcrumb li.seeAll {border-top:1px solid #c5beb8; background:url(arrow-blue.gif) no-repeat left 18px; margin-top:11px; width:130px; margin-left:10px; margin-bottom:15px; padding-top:9px;}*/
#breadcrumb li.seeAll {border-top:1px solid #c5beb8; background:url(http://static.lonelyplanet.com/static-ui/style/arrow-blue.gif) no-repeat left 18px; margin-top:11px; width:130px; margin-left:10px; margin-bottom:15px; padding-top:9px; position:absolute; bottom:0;}
#breadcrumb li.twoCol li.seeAll {width:280px;}
#breadcrumb li.threeCol li.seeAll {width:430px;}
#breadcrumb strong {text-transform:uppercase; color:#645d57; margin-left:10px;}
#breadcrumb li.last a {background:none; padding-right:13px;}
#breadcrumb li.last a:hover {color:#8E8E8E; background-color:#f5eee6;}
#breadcrumb li span {display:block; padding-bottom:6px; padding-right:2px;}
* html #breadcrumb li span {padding-bottom:12px;}
#breadcrumb li span a {float:left;}
#breadcrumb li img {display:inline; margin-top:10px; cursor:pointer; margin-right:10px;}
#breadcrumb ul.wrapper {padding-top:7px; border-right:2px solid #969696; border-bottom:2px solid #969696;}

/* User login */
.user {background:#d6ccc0; width:280px; font-weight:bold; float:right;}
.user img {float:right;}
.user span {/*padding-right:27px;*/ height:27px; float:left;}
.user span img {float:left;}
.user span.lpAuthor {background:#003471;}
.user span.silverMember {background:#B8B8B8;}
.user span.goldMember {background:#fc0;}
.user p {margin:5px 0 0 9px; float:left; display:inline; width:167px;}

/* User login */
#infoSources a, #footer a {color:#333}
#infoSources a:hover, #footer a:hover {color:#8E8E8E;}
#footer fieldset {border:none}