/* CSS for discoverborneo.com (v2) */

@import url(css/960.css);
@import url(css/reset.css);
@import url(css/text.css);
@import url(css/forms.css);

#topright {
position:absolute; text-transform:uppercase;
right:0; top:0; padding:2px 8px;
display:block; color:#ce0000; font-weight:bold;
font-size:10px; background:#ffffff;
text-decoration:none;}

html { margin:0; padding:0; }
body {  font:normal 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; background:#2d2f1a; color:#eee6c1; line-height:18px; padding-bottom:0; }
p, blockquote { margin:0 10px; padding:0 0 10px 0; }
img[align="left"], img.align_left { float:left; margin-right:10px; }
img[align="right"], img.align_right { float:right; margin-left:10px; }

/* anchor */
a:link, a:visited, a:active { color: #988f61; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; color:#ffff80; }

#header { height:86px; background:#0d1006; }
#index { width:auto; }
#pages { width:auto; }
#boombox { background:#1E2011; }

#rainbow { background:transparent; width:960px; height:45px; margin-bottom:10px; position:relative; }
#rainbow h4.tab { position:absolute; top:15px; left:10px; float:left; height:30px; margin:0; font-weight:normal; background:#1e2011; font-size:12px; }

/* FOOTER */
#footer { padding:20px 0 0 0; background:#15160B; text-align:center; font-size:12px; margin:0; }
#footer p a { color:#ffff99; }
#footer p a:hover { color:#ffffff; }

/* LOGO */
#logo h1 { margin:0; padding:0; }
#logo a { display:block; margin:0; padding:0; width:290px; height:86px; background:url(images/discoverborneo.jpg) no-repeat top left; }
#logo a span { display:none; }

/* NAVIGATION */
#navigation { xwidth:500px; padding:0; }
#navigation p { text-align:right; font-size:11px; padding-top:35px; }
#navigation p a { padding:0 5px; }


	#tabs { margin:0; padding:0 1px; line-height:normal; background:#15160B url(nav_bg.gif) repeat-x center center; xborder-top:1px solid #1E2011; }
    #tabs ul { margin:0; padding:0; list-style:none; }
   	#tabs li { display:inline; margin:0; padding:0; }

    #tabs a {
    	font-size:11px; margin:0;
		float:left; display:block;
		border-right:1px solid #1E2011;
      	padding:0 0 0 15px;
      	text-decoration:none;
    }
    
	#tabs a span {
		float:left; display:block;
		padding:8px 15px 8px 0;
		color:#FFF4BF; text-transform:uppercase;
      }

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
   	#tabs a span {float:none;}
    	/* End IE5-Mac hack */
    	#tabs a:hover, #tabs a.active, #tabs a.active:hover  { background:#1E2011; }
    	#tabs a:hover span, #tabs a.active span, #tabs a.active:hover span { color:#FFE97A; }


/* WIDGET */
h2.label { font-weight:normal; font-size:13px; margin:0 0 10px 0; padding:0 8px 4px 0; float:left; background:#1E2011 url(images/widget_label.gif) no-repeat bottom right; }
.widget { margin-left:0; margin-right:0; }
.widget table { margin:0 10px 0 0; }
.widget table td { vertical-align:middle; padding-left:10px; }
#photo { background:#16190b; width:960px; height:300px; margin-bottom:10px; }
#photo_highlight { padding:0; margin:0 0 10px 0; }
#intro { background:#15160B; margin:0 0 10px 0; padding:0; }
#intro p { padding:0; margin:0 10px 10px 10px; text-align:justify; } 
#intro p.choices { padding:0 0 10px 0; font-size:10px; }
#intro p.choices a { display:block; float:left; margin:0 10px 0 0; padding:5px; width:118px; text-decoration:none; background:#1E2011; text-align:center; } 
#intro p.choices a.last { margin-right:0; }
#intro p.choices a strong { font-size:12px; }

.box { background:#15160B url(images/widget_footer.gif) no-repeat bottom center; margin-bottom:10px; padding-bottom:0; }
.started { margin-left:0; }

/* CONTENT */
.pai { background:#15160B url(images/pai_footer.gif) no-repeat bottom center; color:#DEE6C1; margin:0 0 10px 0; padding:0; clear:both; text-align:justify;  }
.pai ol, .pai ul { margin:0 10px 16px 10px; padding:0 0 0 20px; }
.pai li { margin:0 10px 6px 0; padding:0; }
.pai p { padding:0 0 18px 0; font-size:12px; }
.pai p a { text-decoration: underline; padding:0 0 18px 0; font-size:12px; }
.pai p a:hover { text-decoration: none; padding:0 0 18px 0; font-size:12px; }
.pai p strong.label { text-decoration: underline; font-weight: bold; padding:0 0 18px 0; font-size:12px; }
.pai h5 { text-decoration: none; font-style: normal; font-weight: normal; text-transform: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #d9c36a;  margin-left:10px; margin-bottom: 10px;}

.pai div.content_title { background:#2d361a; margin:0 0 10px 0; }
.pai div.content_title span { display:block;  padding:6px 10px; font:italic 24px  Georgia, "Times New Roman", Times, serif; color:#ffff99; }
.pai div.content_title1 span { padding-bottom: 7px; padding-left: 20px; padding-right: 10px; padding-top: 12px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; color:#ffff99; display:block;  }
.pai div.content_title1 { margin: 0px; }

.pai dl { margin-left: 10px; margin-bottom: 16px; margin-right: 10px; margin-top: 0; }
.pai dl dt { text-decoration: underline; list-style-type: none; border-left-width: 0px; font-family: Georgia, "Times New Roman", Times, serif; color: #a19358; font-style: italic; font-size: 15px; margin:0 10px; }
.pai dl dd { color: #eee7cc; margin-left: 10px; margin-bottom: 16px; margin-right: 10px; margin-top: 0; }

.button_area a { float:right; }
.button_area a#button_planner span { display:none; }
.button_area a#button_planner { display:block; width:117px; height:34px; background:url(images/button_planner.gif) no-repeat top left; margin-right:4px; margin-bottom:4px; }
.button_area a#button_planner:hover { background-position:100% -37px; }

.more_tours { display:block; padding:0 10px; margin:30px 0 20px 0; }
.more_tours a { display:inline; float:left; height:30px; background:url(images/link_left.gif) no-repeat top left; margin:6px 10px 0 0; padding-left:10px; text-decoration:none; cursor:pointer; cursor:hand; }
.more_tours a span { background:url(images/link_right.gif) no-repeat top right; padding-right:10px; display:block; float:left; color:#ffffff; height:26px; padding-top:4px; }
.more_tours a:hover, .more_tours a.current, .more_tours a.current:hover { background-position:0 -36px; text-decoration:none; }
.more_tours a:hover span, .more_tours a.current span, .more_tours a.current:hover span { background-position:100% -36px; color:#ffffcc; }
.more_tours a.current span { font-weight:bold; }

ul#custom { list-style:none; margin:0; padding-bottom:10px; }
ul#custom li { margin-bottom:7px; margin-left:10px; margin-right:10px; padding-left:20px; }
ul#custom li a {  }
ul#custom li a:hover { text-decoration:underline; }
ul#custom li a.on { color:#eee6c1; text-decoration:underline; }

ul.blog li { background:url(images/icon_entry.png) no-repeat top left; }
/* ul.link li { background:url(images/icon_link.gif) no-repeat top left; } */
ul.link li { background:url(images/icon_rafflesia.gif) no-repeat top left; }

.listing { padding-left: 0; padding-bottom: 10px; padding-right: 0; padding-top: 10px; margin:0 10px; }
.listing p { float:left; margin:0 9px 10px 9px; padding:0; text-align:left; }
.listing p a { padding: 0px; display: block; width:150px; height:100px; border:1px solid #FFFFFF; margin:0; }
.listing p a img { border:none; margin: 0px; padding:0; }
.listing p a:hover { margin: 0px; padding: 0px; border-color:#1E2011; }
.listing p span { font-size:11px; color:#fff0a4; }
.listing ul.text_based { margin:0 10px; padding:0; list-style:none; }
.listing ul.text_based li { float:left; width:210px; padding:0; margin:0 10px 0 0; }
.listing ul.text_based li a { display:block; margin-bottom:10px; }

table.listing_popular td { vertical-align:top; }
table.listing_popular tr td { padding:10px 5px 10px 10px; }
table.listing_popular tr td td { padding:10px 10px 10px 5px; }
table.listing_popular td.left a img { border:3px solid #FFFFFF; }
table.listing_popular td.left a:hover img { border-color:#35371F; }
table.listing_popular td.right h4 { margin:0; padding:15px 0 0 0; }
table.listing_popular td.right h4 a { color:#ffe97a; font-size:14px; }
table.listing_popular td.right h4 a:hover { text-decoration:underline; }
table.listing_popular td.right p { color:#e0d8b5; margin:0; padding:0; }

table.subscribe { width:210px;margin:0 10px; }
table.subscribe td { padding:0; vertical-align:top; }
table.subscribe td label { }
table.subscribe input[type="text"] { margin-left:10px; width:160px; }

.home_link { background-image:none; }
.home_link a { display:block; text-decoration:none;  }
table.itinerary { margin:0 20px; background:#f0efd0; color:#181A0C; }
table.itinerary td { padding:5px 10px; border-bottom:1px solid #1E2011; }
table.itinerary td.day { border-right-style: dotted; border-right-width: 1px; text-align: left; color: #532613; font-style: normal; font-weight: normal; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; width:100px; }

.sitemap { padding-bottom:10px;  }
.sitemap dl { font:normal 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;   }
.sitemap dl dt { border-bottom:1px solid #35371F; margin:0 0 5px 0; padding:0 0 5px 10px; text-decoration:none; color:#efefef; }
.sitemap dl dt, .sitemap dl dt a { font:normal 18px Georgia, "Times New Roman"; color:#ffcc66; text-decoration:none; }
.sitemap dl dt a:hover { color:#FFFF99; }

.sitemap dl dd { color:#fefefe; }
.sitemap dl dd h6 { margin:10px 0 6px 0; color:#ffffff; } 
.sitemap dl dd p { padding:0; margin:0; line-height:24px; }

.sitemap dl dd p.tiles a, .sitemap dl dd p.tiles label { display:block; position:relative; color:#7E7750; background:#1b1c0e; line-height:18px; padding:5px; width:200px; height:40px; margin:0 10px 10px 0;  float:left;  text-decoration:none; vertical-align:top; font-style:normal; outline:none; }
.sitemap dl dd p.tiles a:hover, .sitemap dl dd p.tiles label:hover { color:#ffffff; background:#0D1006; font-weight:normal; }
.sitemap dl dd p.tiles a img, .sitemap dl dd p.tiles label img { float:left; margin:0; }
.sitemap dl dd p.tiles a span, .sitemap dl dd p.tiles label span { display:block; float:right; width:130px; height:40px;  }
.sitemap dl dd p.tiles input.checkbox { margin:0; padding:0; border:none; position:absolute; bottom:5px; right:5px; outline:none; }

.sitemap dl dd table.borang { width:660px; margin-top:10px; }
.sitemap dl dd table.borang td { padding:5px 5px 7px 5px; border-top:1px solid #1b1c0e; vertical-align:top; }
.sitemap dl dd table.borang td.label { text-align:right; width:140px; padding-right:10px; padding-top:8px; color:#988F61; }
.sitemap dl dd table.borang td div { padding:3px 0; clear:left; }
.sitemap dl dd table.borang td span { display:block; padding:3px 0 0 0; }
.sitemap dl dd table.borang td div span { display:block; float:left; width:60px; padding-top:3px; }
.sitemap dl dd table.borang td div input[type=text] { float:left; width:30px; margin-right:5px; }

.side_thumbnail { margin:0 5px; }
.side_thumbnail a { display:block; margin:0 auto; position:relative; padding:5px; text-decoration:none; }
.side_thumbnail a.viewing { background:#ce0000 url(images/indicator.gif) no-repeat center left; }
.side_thumbnail a:hover { background:#0D1006 url(images/indicator.gif) no-repeat center left; }
.side_thumbnail a img { float:left; }
.side_thumbnail a span { position:absolute; top:5px; left:75px; display:block; width:145px; padding-top:2px; line-height:18px; color:#7E7750; }
.side_thumbnail a:hover span { color:#ffffff; }

/* recaptcha */
#recaptcha_widget { background:#0D1006; padding:0; width:450px; }
#recaptcha_widget #recaptcha_image img { margin:0; }
#recaptcha_widget input#recaptcha_response_field { width:200px; }
#recaptcha_widget table { margin:0; }
#recaptcha_widget table td { padding:10px 0 10px 10px; border:none; }
#recaptcha_widget table td div.note { width:300px; font-size:11px; }
#recaptcha_widget table td.help { font-size:11px; vertical-align:top; line-height:10px; }
#recaptcha_widget table td.help div a { display:block; color:#FFFF99; text-decoration:none; }
#recaptcha_widget table td.help div a:hover { text-decoration:underline; color:orange; }

.contact_status { background:#0D1006; padding:10px; }
.contact_status p.sent { color:#fff0a4; }
.contact_status p.failed_sent { color:#ce0000; }

p.call { text-align:center; margin:0; }
p.call a, p.call a:hover { height:30px; width:500px; display:block; background:url(images/call_left.gif) no-repeat top left; margin:0 auto; padding:0 0 0 10px; text-decoration:none; }
p.call a span, p.call a:hover span { background:url(images/call_right.gif) no-repeat top right; padding-right:10px; display:block; margin:0; color:#ffffff; height:26px; padding-top:4px; }
p.call a:hover span { font-weight:bold; }

.quotes { float:right; width:200px;  margin:0 10px 10px 10px; background:url(images/quote_tl.gif) no-repeat top left; font-size:11px; text-align:center; }
.quotes blockquote { text-align:center; padding:10px; line-height:28px; margin:0; background:url(images/quote_br.gif) no-repeat bottom right; font-style:italic; font-size:22px; font-family:Georgia, "Times New Roman", Helvetica; color:#FFFF99; }
.quotes img { margin:5px 0 0 0; text-align:center; border:2px solid #ffffff; }

/* PACKAGES */
.packages { margin:0 10px; padding:5px 0; width:680px; }
.packages h1 { color:#D9CA6B; font:normal 54px "Gauntlet Classic", Georgia, "Times New Roman"; text-align:center; margin:0; padding:15px 0 0 0; }
.packages #pagination { }
.packages #pagination div, .packages .body div { margin:0; }
.packages #pagination a { display:block; }

.packages .testimonial { width:550px; margin:10px auto; background:url(../images/quote_tl.gif) no-repeat top left; text-align:center; font-weight:normal; line-height:32px; }
.packages .testimonial blockquote { font:italic 22px Georgia, "Times New Roman", Helvetica; text-align:center; padding:10px 30px; margin:0; background:url(../images/quote_br.gif) no-repeat bottom right; color:#FFFF99; }
.packages .testimonial blockquote span { display:block; margin:5px 0 0 0; font:normal 14px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; }
.packages .photo { margin:10px auto; }

.packages h2, .packages h3 { font:normal 18px Georgia, "Times New Roman"; text-align:center; margin:0; padding:0 0 10px 0; }
.packages h2 {color:#FFD43D; }
.packages h3 {color:#8FA459; }		

.packages .body { margin:20px 0; }
.packages .body .itinerary { text-align:justify; }
.packages .body .itinerary p { margin:0; padding:0 0 5px; border-bottom:1px solid #1E2011; }
.packages .body .itinerary p span { font-size:12px; display:block; float:left; margin:5px 0 0 0; }
.packages .body .itinerary p span.day { width:80px; font-weight:bold; color:#FFFF99; }
.packages .body .itinerary p span.activity { width:200px; text-align:left; }
.packages .body .description { font-size:12px; margin:0 0 0 10px; width:389px; border-left:1px solid #2D2F1A; }		

.package_listing { padding-left: 0; padding-bottom: 10px; padding-right: 0; padding-top: 10px; margin:0 10px; }
.package_listing p { float:left; margin:0 8px 16px 9px; padding:0; text-align:left; }
.package_listing p a { padding: 0px; display: block; width:150px; height:100px; border:1px solid #FFFFFF; margin:0; }
.package_listing p a img { border:none; margin: 0px; padding:0; }
.package_listing p a:hover { margin: 0px; padding: 0px; border-color:#1E2011; }
.package_listing p span { font-size:11px; color:#fff0a4; }

/* Link Directory */
.link_directory { padding:0; margin:0 auto; }
.link_directory h2 {  font:normal 18px Georgia, "Times New Roman"; color:#ffcc66; text-decoration:none; margin:0 10px 10px 10px; padding:0; }
.link_directory table { margin:0; }
.link_directory ul, .link_directory li,
.link_directory ul#reciprocal, .link_directory ul#reciprocal li { margin:0; padding:0; list-style:none; text-align:left; }
.link_directory ul li a { display:block; text-decoration:none; background:#1b1c0e; color:#ffffff; margin:0 0 10px 0; padding:5px; height:55px; font-size:11px; }
.link_directory ul li a:hover { background:#0D1006; }
.link_directory ul li a span { font-weight:bold; color:#FFFF99; font-size:12px; }
.link_directory ul li a img { border:none; }
.link_directory ul { padding:0 0 0 10px; }
.link_directory li { float:left; width:220px; margin-right:10px; }
.link_directory ul#reciprocal { padding:0 0 0 10px; }
.link_directory ul#reciprocal li { float:none; width:680px; margin-right:10px; }
.link_directory ul#reciprocal li a { display:block; text-decoration:none; background:#1b1c0e; color:#ffffff; margin:0 0 10px 0; padding:5px; font-size:11px; height: auto; }
.link_directory ul#reciprocal li a:hover { background:#0D1006; }
.link_directory ul#reciprocal li a span { font-weight:bold; color:#FFFF99; font-size:12px; }
.link_directory ul#reciprocal li a img { border:none; }

div.msg_sent { margin:20px; width:500px; font:italic 13px Georgia, "Times New Roman", Times, serif; line-height:19px; }
.msg_sent em { color:#878F4A; }

/* Try Something New*/
div.trysomethingnew_listing { margin:10px 10px 0 10px; padding:0 0 1px 0; }
.trysomethingnew_listing a { display:block; background:#1b1c0e; width:680px; padding:0; margin:0 0 10px 0; text-decoration:none; }
.trysomethingnew_listing a:hover { background:#0D1006; }
.trysomethingnew_listing a img { margin:10px 10px 0 10px; text-decoration:none; border:none; }
.trysomethingnew_listing a span { display:block; position:relative; margin:6px 10px 0 10px; padding:0 0 6px; }
.trysomethingnew_listing a span em { position:absolute; display:block; top:0; right:0; font-size:9px; font-style:normal; text-transform:uppercase; }

#trysomethingnew_button a { display:block; text-decoration:none; }
#trysomethingnew_button a img { border:none; }


/* Slideshow */
#slideshow { margin:0 auto 10px; width:700px; height:219px; background:#15160B; }
#slideshow p { padding:0; margin:0; text-align:center; }
#slideshow p img { margin:90px 0 0 0; }


/* ------------- GLOBAL ------------- */
img.outline { border:1px solid #ffffff; }
p.hello { background:url(images/title_hello.gif) no-repeat top left; margin-top:18px; }

/* alignment */
.align_center { text-align:center; }
.align_right { text-align:right; }
.align_left { text-align:left; }

/* color pack */
.white { color:#ffffff; }
.yellow { color:#ffe97a; }
tr.odd td { background:#212312; }

/* popular */
#popular_intro { margin:0; padding:0 10px 0 0; height:190px; text-align:left; }
.popular_left { margin:0 0 10px 0; padding-left:10px; text-align:right; }
.popular_middle { margin:0 10px 10px 10px; text-align:center; }
.popular_right { margin:0 0 10px 0; padding-right:10px; text-align:left; }

/* padding */
.pr_10 { padding-right:10px; }
.pl_10 { padding-left:10px; }

/* height */
.h_170 { height:170px; }