/* Main layout styles */

#wrapper{ max-width:1004px;min-width:700px;margin:0 auto;min-height:100%;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;}

#leaderboard{background:#6588a8;color: #ffffff;text-align:right;}
#welcome{font:12px Arial, sans-serif;color: #000000;text-align:left;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;float:left;}
#login{background:#ffffff;font:12px Arial, sans-serif;color: #000000;text-align:right;padding-right: 30px;padding-top: 5px;padding-bottom: 5px;}
#logo{padding-left:20px;text-align:left;position:absolute;top:150px;width:298px;z-index:1001;}
#header{border:0;padding:0;margin:0;text-align:center;}

#searchbar {background:#cbc6c6;float:left;width:100%;border:0;padding:0;margin:0;}
#searchbar li {display:inline;margin:0;border-left:1px solid #534741;color:#000;background:#cbc6c6;padding:5px 1px 5px 15px;float:left;width:30%;text-decoration:none;font:14px Arial, Helvetica, sans-serif;}

#breadcrumb {background-color:#ffffff;width:100%;}
.crumbs{padding-left: 20px;background-color:#ffffff;}

#borderaccomleft{padding-left:0;margin:0;float:left;width:1%;background:#ffffff; border:0px solid;height:100%;}
#borderaccomright{padding-left:0;margin:0;float:left;width:1%;background:#ffffff; border:0px solid;height:100%;}
#colaccomleft{padding-left:0;margin:0;float:left;width:300px;background:#ffffff; border:0px solid;height:100%;}
#colaccommiddle{padding-left:0;margin:0;float:left;width:40%;background:#ffffff; border:0px solid;height:100%;}
#colaccomright{padding-left:0;margin:0;float:left;width:200px;background:#ffffff; border:0px solid;height:100%;}
#marginaccomleft{padding-left:0;margin:0;float:left;width:3%;background:#ffffff; border:0px solid;height:100%;}
#marginaccomright{padding-left:0;margin:0;float:left;width:3%;background:#ffffff; border:0px solid;height:100%;}

#destinationsnavbar{padding-top:10px;margin-left:10px;height:auto;z-index:2;}
#bottomline{background:#ffffff;color: #ffffff;text-align:left;float:left;width:100%;padding-top:20px;}
#bottomtext{background:#6588a8;color: #ffffff;text-align:left;padding-left:20px;font-size: 11px;line-height: 14px;}
#bottomtext a {color: #ffffff;}

#login form{text-align:right;margin:0px;padding: 0px;position:relative;}
#login input[type="text"] {border: 1px solid #534741;background-color: #cbc6c6;margin:0px;font-size:80%;}
#login input[type="password"] {border: 1px solid #534741;background-color: #cbc6c6;margin:0px;font-size:80%;}
#login input[type="submit"]{border: 1px solid #534741;background-color: #cbc6c6;color: #000000;font-size:80%;margin:0px;}

/*image class */
.imgmiddle{vertical-align:middle;}
.accomImage{float:right;background:#92b9dd;border: 1px solid #bab1b1;text-align:center;padding-top:10px;margin-left:5px;}
.margin10left{margin-left:10px;}
.padding5left{padding-left: 5px;}
.accomScrapBookLink{text-decoration:none;color:#ffffff;font: 11px sans-serif;font-weight:bold;}
.commentBoxDrops{background:#ffffff;border: 1px dashed #bab1b1;width:200px;float:right;margin-top:10px;}
.loginText{border: 1px solid #534741;background-color: #cbc6c6;margin:0px;font-size:80%;}
.loginSubmit{border: 1px solid #534741;background-color: #cbc6c6;color: #000000;font-size:80%;margin:0px;}

.feedbackbox{background:#F3F4EC;border: 1px solid #bab1b1;padding-top:1em;padding-bottom:1em;padding-left:1em;padding-right:1em;overflow:auto;}

.foodbackDrops{#bab1b1;padding-top:1em;padding-bottom:1em;padding-left:1em;padding-right:1em;width:90%;}

.messageboard{width: 100%;border: 1px #CCCCCC solid;display: table;color: #000000;border-collapse: collapse;text-align: left;}
td.caption4 {background-color: #6586A5;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;padding-top: 2px;font-weight: bold;color: #FFFFFF;line-height: 15px;font: 12px sans-serif;}
.tbCel2{background: #E4ECEE;padding-bottom: 2px;padding-left: 5px;padding-right: 5px;padding-top: 2px;margin-left: 2.5em;border-bottom: 1px solid #CCCCCC;}

.small{font:11px Arial, sans-serif;}
.smallest{font:9px Arial, sans-serif;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.simpleborder{border: 1px solid #534741;}
.borderwrap{background:#ffffff;width:100%;}
.forumsmall{font:11px Georgia, serif;}


.titledate {background:#6586a5;padding:0;border: 0px solid #bab1b1;font:13px sans-serif;color:#ffffff;width:22px;}

.title {background:#6586a5;padding:0.2em;border: 0px solid #bab1b1;font:15px sans-serif;color:#ffffff;font-weight:bold;text-align:center;}
.descriptionbooking {background:#6586a5;padding:0.2em;border: 0px solid #bab1b1;font:13px sans-serif;color:#ffffff;}
.message{background:#ffffff;padding-top:0.3em;padding-bottom:0.3em;border: 1px solid #e4ecee;font:13px sans-serif;color:#FF0000;}
.listing {background:#ffffff;padding-top:0.3em;padding-bottom:0.3em;border: 0px solid #bab1b1;font:10px sans-serif;}
.availability {background:#ffffff;padding-top:0.3em;padding-bottom:0.3em;border: 0px solid #bab1b1;font:9px sans-serif;}
.requestAgain{background:#e4ecee;padding-top:0.3em;padding-bottom:0.3em;border: 0px solid #bab1b1;font:12px sans-serif;}
.header {font:15px sans-serif;font-weight:bold;text-align:center;}

.more {
	display: none;
	/*border-top: 1px solid #666;
	border-bottom: 1px solid #666; */
}
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('http://www.travelfish.org/images/down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('http://www.travelfish.org/images/up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }

	/* Accommodation */
.listing0{	background: #b3c9dd;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
	margin-bottom: .5em;
}
.listing1{	background: #E4ECEE;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	margin-left: .5em;
	border: 1px solid #CCCCCC;
	margin-bottom: .5em;
	width:95%;
	overflow:auto;
}

.listing2{	background: #cce6ec;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	margin-left: .5em;
	border: 1px solid #CCCCCC;
	margin-bottom: .5em;
	width:95%;
	overflow:auto;
}
.accomlogin{
	border: 1px #FF6600 solid;
	background: #FFFFCC;
	text-align: left;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
}

.accom{
	width: 100%;
	border: 0px #CCCCCC solid;
	display: table;
	background: #ffffff;
	border-collapse: collapse;
	text-align: left;

}
.accomrow{
	font:11px Arial, sans-serif;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	margin-left: 2.5em;
}

.bookingButton{float:left;text-align:center;text-decoration: none;margin-left:5px;display: block;border: 1px solid #534741;font: 11px sans-serif;}

#navigation {background:#ffffff;float:left;width:100%;border:0;padding:0;margin:0;}
#navigation li {display:inline;padding:0;margin:0;}
#navigation a:link,#navigation a:visited {color:#000;background:#ffffff;padding:5px 7px 3px 7px;float:left;width:auto;text-decoration:none;font-weight:bold;font:14px Arial, Helvetica, sans-serif;border-right:1px solid #534741;}
#navigation a:hover {color:#fff;background:#cbc6c6;}
#navigation a-home {color:#fff;background:#727454;}



#home #navigation-home a,
#cambodia #navigation-cambodia a,
#laos #navigation-laos a,
#malaysia #navigation-malaysia a,
#singapore #navigation-singapore a,
#thailand #navigation-thailand a,
#vietnam #navigation-vietnam a, 
#islands #navigation-islands a, 
#stories #navigation-stories a, 
#forum #navigation-forum a, 
#shop #navigation-shop a, 
#members #navigation-members a {
background:#cbc6c6;
color:#fff;
text-shadow:none;
}

#home #navigation-home a:hover,
#cambodia #navigation-cambodia a:hover,
#laos #navigation-laos a:hover,
#malaysia #navigation-malaysia a:hover,
#singapore #navigation-singapore a:hover,
#thailand #navigation-thailand a:hover,
#vietnam #navigation-vietnam a:hover, 
#islands #navigation-islands a:hover, 
#stories #navigation-stories a:hover, 
#forum #navigation-forum a:hover, 
#shop #navigation-shop a:hover, 
#members #navigation-members a:hover{
background:#cbc6c6;
}


h1{margin-bottom:0;font-size: 36px;font-weight:normal;line-height: 36px;margin-top:0px;}
h2{margin-bottom:0;font-size: 22px;font-weight:normal;line-height: 28px;margin-top:0px;margin-bottom:0.3em;margin-top:0.3em;}


	#navjump, #navjump ul { /* all lists */
		padding: 0px;
		margin: 0px;
		list-style: none;
		float : left;
		width : 280px;
	}
	
	#navjump li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 200px;
	}
	#navjump li.wide { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 300px;
	}
	
	#navjump li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 202px;
		margin-top : -2.2em;
		width: 607px;
		background-color : #92b9dd;
	}

	#navjump li.wide ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 302px;
		margin-top : -2.2em;
		width: 607px;
		background-color : #92b9dd;
	}

	#navjump li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#navjump li a {
		font:12px Georgia, serif;
		width : 200px;
		display : block;
		color : #ffffff;
		font-weight : normal;
		text-decoration : none;
		background-color : #92b9dd;
		border : 1px solid #678097;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#navjump li.wide a.wide {
		font:14px Georgia, serif;
		width : 300px;
		display : block;
		color : #ffffff;
		font-weight : normal;
		text-decoration : none;
		background-color : #92b9dd;
		border : 1px solid #678097;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#navjump li a:hover {
		color : white;
		background-color : black;
	}
	
	#navjump li:hover ul ul, #navjump li:hover ul ul ul, #navjump li.sfhover ul ul, #navjump li.sfhover ul ul ul {
		left: -999em;
	}
	
	#navjump li:hover ul, #navjump li li:hover ul, #navjump li li li:hover ul, #navjump li.sfhover ul, #navjump li li.sfhover ul, #navjump li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

#navjump li:hover, #navjump li.hover {  
     position: static;  
}  
/*icons*/
ul.iconlist{float:left;list-style: none;margin: 0;padding: 0;}

li.delicious{float:left;display:inline;background-image: url(http://www.travelfish.org/images/bookmarks/delicious.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 0px 10px;margin: 0;width:80px;}

li.facebook{float:left;display:inline;background-image: url(http://www.travelfish.org/images/bookmarks/facebook.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 0px 10px;margin: 0;width:80px;}

li.stumbleupon{float:left;display:inline;background-image: url(http://www.travelfish.org/images/bookmarks/stumbleupon.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 0px 10px;margin: 0;width:80px;}

li.twitter{float:left;display:inline;background-image: url(http://www.travelfish.org/images/bookmarks/twitter.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 0px 10px;margin: 0;width:80px;}

li.google{float:left;display:inline;background-image: url(http://www.travelfish.org/images/bookmarks/google.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 0px 10px;margin: 0;width:80px;}

li.myspace{float:left;display:inline;background-image: url(http://www.travelfish.org/images/bookmarks/myspace.gif);background-repeat: no-repeat;background-position: 0 50%;padding: 3px 0 0px 10px;margin: 0;width:80px;}

.accomsearchbox{
	border: 1px #FF6600 solid;
	background: #FFFFFF;
	text-align: left;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	width:290px;
	margin-left:10px;
}