/* CSS for YachtAsia.com */

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

@import url("stylesheet-tabs.css");

body { font-family:Arial, Helvetica, Verdana; background: #ffffff url(images/gradient_bg_grey.gif) repeat-x top; color:#333333; padding:0; }

h2, h3, h4, h5, h6 { text-shadow: 0 1px 0 #ffffff; margin:0 0 6px 0; padding:0; border-bottom:1px solid #bababa; color:#385B85; background:url(images/heading_tab.gif) no-repeat bottom right; }

p { margin:0 0 12px 0; }
a { color:#5688c1; }
a:hover { color:#3c628f; text-decoration:none; }
a:active { outline:none; }
:focus {  -moz-outline-style:none; }

.container_16 { position:relative; }

#sky { background:url(images/holder_grey.gif) no-repeat top center; padding-top:12px; margin:0 auto; }

#header { }
#header, #top_links { padding:10px 0; }
#header h1 { margin:0; padding:0; } 
#header h1 a { text-decoration:none; display:block; padding:10px; width:718px; height:70px; background:url(images/title_yachtsasia.gif) no-repeat center center; text-indent:-9999px; }

#top_links { padding-top:20px; }
#top_links p { margin:0; text-align:right; padding:0 5px 0 0; color:#999999; }
#top_links p a { padding:3px 6px; }
#top_links p a:hover { text-decoration:none; }

#earth { background:#343434; /*1f2b3b*/ padding:0; }
#earth #footer { padding:15px 0 10px 0; color:#ffffff; }
#footer .description p { margin:0; font-size:.9em; }
.description a.visit { color:#808080; margin:0; padding:3px 5px; font-size:10px; text-decoration:none; }
.description h5 { color:#edf6ff; text-transform:uppercase; font-size:16px; text-shadow:0 1px 0 #222222; }

#footer .thumbnail_destination {  background:#3c3c3c; padding:15px 0 0 10px; }
#footer .thumbnail_destination a { display:block; width:130px; text-decoration:none; float:left; margin:0 0 0 5px; color:#ffffff; }
#footer .thumbnail_destination a img { border:1px solid #353535; width:128px; height:104px; }
#footer .thumbnail_destination a:hover img { border:1px solid #cccccc; }
#footer .thumbnail_destination a strong { font-size:11px; display:block; font-weight:normal; text-transform:uppercase; color:#ffffff; text-align:center; padding:8px 0; margin:0; }

#footer .thumbnail_destination a:hover strong { color:#9dfff7; }

#footer .destination_list { padding:0 10px; }
#footer .destination_list span { display:block; width:100px; float:left; } 
#footer .destination_list strong { text-transform:uppercase; color:#ffffff; background:#1d1d1d url(images/black_tag.gif) no-repeat center right; padding:4px 10px 4px 5px; font-size:12px; }
#footer .destination_list ul { list-style:none; padding:0; margin:0; }
#footer .destination_list li { padding:6px 0; margin:0; color:#808080; }
#footer .destination_list li a { text-decoration:none; color:#ffffff; }
#footer .destination_list li a:hover { text-decoration:underline; color:#9dfff7; }

#earth1 { background:#242323; padding:0; }
#earth1 #foot_menu { font-size:.9em; padding:10px 0; text-align:center; }
#earth1 a { color:#ffffff; text-decoration:none; }
#earth1 a:hover { color:#9dfff7; text-decoration:underline; }
#earth2 { background:#1d1d1d; padding:0; }
#earth2 #copyright { font-size:.9em; padding:10px 0; text-align:center; }
#earth1 #foot_menu p, #earth2 #copyright p { margin:0; color:#ffffff; }


#nav { height:37px; background:#3d6694 url(images/nav_bg.gif) repeat-x center; margin-bottom:18px; }
#nav ul { float:left; height:35px; list-style:none; padding:0 0 0 6px; }
#nav ul li { float:left; margin:0; position:relative; padding:0; line-height:38px; }
#nav ul li a { float:left; margin:0; padding:0 10px; font-size:1em; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#ffffff; text-shadow:0 1px 2px #333333; }
#nav ul li a:hover,
#nav ul li a.active,
#nav ul li a.active:hover { color:#fefefe; text-decoration:underline; }

div#expand_list { position:absolute; padding-top:10px; padding:0 10px; top:216px; z-index:10; background:#C4E1FF; }

p.toggle { text-align:center; }
p.toggle a { display:block; line-height:40px; width:180px; height:40px; background:url(images/dummy_toggle.gif) no-repeat top center; text-decoration:none; color:#ffffff; text-align:center; font-weight:bold; }

div.first { margin-left:0; }
div.last { margin-right:0; }

#highlight_photo { height:423px; background:url(images/bg_photo_shadow.gif) no-repeat top center; }
#highlight_photo img { margin:16px 24px 0 24px; width:560px; height:361px; }

/*
#special_deals { width:220px; height:166px; margin:8px auto 0 auto; background:url(images/bg_special_shadow.gif) no-repeat top center; }
#special_deals a { text-decoration:none; }
#special_deals a img { margin:6px 10px 0 10px; width:220px; height:134px; }
*/

#content_area {  margin-right:0; padding-left:20px; }
#sidebar_area { margin:0; padding-left:10px; }

#page { padding:0 20px 0 0; margin-left:20px; }
#page p { text-align: justify; }

#page blockquote { 
margin:0 0 12px 0; padding:10px;
background:#EEEEEA; text-align:justify; color:#444444;
font-style:italic; border:1px solid #bababa;
-moz-border-radius: 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; -webkit-border-radius: 8px; }
#page blockquote p { margin:0; }
#page p a { font-weight:bold; }

#boat_photos { float:left; margin:0; width:370px; padding:0 0 20px 0; }
#boat_text { float:left; margin:0; width:210px; padding:30px 0 0 20px; }


.boat_list {  }
.boat_list ul { list-style:none; }
.boat_list li { margin:0; padding:0; }
.boat_list li a { display:block; padding:2px 0 2px 21px; text-decoration:none; border-bottom:1px solid #cccccc; background:url(images/icon_star.png) no-repeat; background-position:5px 6px; }
.boat_list li a:hover { background-color:none; }
.boat_list h5 { background:url(images/icon_jump_16.gif) no-repeat; background-position:0 6px; padding-left:21px; }

td.default_ul ul { margin:0; padding:0; }
td.default_ul ul li { list-style:square; padding:0; margin:0 0 0 15px;  }

.widget {
width:200px;
padding:10px; padding-bottom:0; margin:0 43px 20px 0;
background:#f3f8fb url(images/widget_bg.gif) repeat-x top;
font-size:11px; border:1px solid #bababa;
-moz-border-radius: 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; -webkit-border-radius: 8px;
}

.widget h3 { text-shadow: 0 1px 0 #ffffff; margin:0 0 6px 0; background:url(images/icon_page.gif) no-repeat left center;  padding:0 0 3px 23px; font-size:1em; border-bottom:1px solid #bababa; color:#385B85; }
.widget h3 a.visit { font-size:11px; padding-left:10px; text-transform:uppercase; }
.widget img.header { margin:0 0 6px 0; }
.widget ul, .widget ol { margin:0 0 10px 0; padding:0; }
.widget li { margin-bottom:1px; padding-bottom:1px; }
.widget p { margin:0 0 12px 0; padding:0 10px; text-align: justify; }

img.img_left { margin:0 10px 0 0; float:left; }
img.img_right { margin:0 0 0 10px; float:right; }

.widget .thumbnail_gallery { margin:0 14px 10px 14px; }
.widget .thumbnail_gallery a { float:left; margin:5px; display:block; padding:0; border:1px solid #cccccc; }
.widget .thumbnail_gallery a img { margin:0; }
.widget .thumbnail_gallery a:hover { border-color:#385B85; }

/* LISTING */
.widget ul, .widget ul.sub { list-style:none; }
.widget ul li, .widget ul.sub li { margin:0; padding:0; }

/* Load default listing first... */
.widget ul li a { display:block; margin:0; text-decoration:none; padding:5px 0 5px 27px; border-bottom:1px solid #cccccc; background:url(images/icon_arrowright_small.gif) no-repeat; background-position:5px 7px; }
.widget ul li a:hover { background-color:#EEEEEA; }
.widget ul li a.active { font-weight:bold; background-color:#5688c1; color:#ffffff; }

/* ..then only load the one with styles! */
.widget ul.sub li a { display:block; margin:0; text-decoration:none; padding:5px 0 5px 25px; border-bottom:1px solid #cccccc; background:url(images/icon_page.gif) no-repeat; background-position:5px 7px; }
.widget ul.sub li a:hover { background-color:#EEEEEA; }
.widget ul.sub li a.active { font-weight:bold; background-color:#5688c1; color:#ffffff; }

.widget ul.news { list-style:none; }
ul.news li { margin:0; padding:0; }
ul.news li a.entry { display:block; padding:5px 5px 5px 20px; text-decoration:none; border-bottom:1px solid #cccccc; background:url(images/icon_clipboard.gif) no-repeat; background-position:0 8px; }
ul.news li a.entry:hover { background-color:none; }
ul.news li a.entry span.title { font-weight:bold; font-size:13px; color:#5688c1; }
ul.news li a.entry:hover span.title{ text-decoration:underline; }
ul.news li a.entry p { margin:0; padding:0; text-align: left; color:#333333; }
ul.news li a.entry span { font-size:9px; font-weight:bold; color:#385B85; }

.widget table.specs { margin:0; width:100%; font-size:1.1em; }
table.specs th, table.specs td { border-bottom:1px solid #cccccc; text-align:left; padding:5px 0; }
table.specs th { width:100px; padding-right:10px; color:#222222; }


img.big { display:block; margin:0 0 6px 0; }
img.small_left, img.small_right { float:left;}
img.small_left { margin:0 6px 6px 0; }
img.small_right { margin:0 0 6px 0; }


.booking_form fieldset { background:#F0F0F0; }
.booking_form label { float:left; display:block; font-weight:bold; padding-right:15px; text-transform:uppercase; }
.booking_form label.radio, .booking_form label.check { width:270px; font-weight:normal; margin:0 10px 10px 0; padding:0; text-transform:none; }
.booking_form span { display:block; font-weight:bold; text-transform:uppercase; padding-bottom:5px; border-bottom:1px solid #cccccc; margin-bottom:5px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contact_form h2 { background:none; border:none; margin:0; }
.contact_form fieldset { background:#EEEEEA; padding:0 20px 10px 20px; }
.contact_form label { display:block; margin:0; }
.contact_form p, .booking_form p { margin:0; padding:10px 0; }

.contact_form input,
.contact_form textarea,
.booking_form textarea { font-family:Arial, Helvetica, Verdana; background:#ffffff; border:1px solid #5E8CB9; padding:10px 5px; font-size:1em; width:540px; }

.booking_form input.field { font-family:Arial, Helvetica, Verdana; background:#ffffff; border:1px solid #5E8CB9; padding:10px 5px; font-size:1em; width:540px; }

.contact_form textarea, .booking_form textarea { height:150px; }

.contact_form input:focus,
.contact_form textarea:focus,
.booking_form input:focus,
.booking_form textarea:focus { background:#ffffcc; }

.contact_form input.submit,
.booking_form input.submit { width:130px; text-transform:uppercase; color:#ffffff; background:#375A84; font-weight:bold; font-size:.9em; }

.booking_form input.submit { padding:10px 5px; }

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { xdisplay:none; padding: .8em; margin-bottom: .9em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.trigger { padding:10px; cursor:hand; cursor:pointer; text-align:right; margin:0; font-size:12px; font-weight:bold; text-decoration:underline; color:#5B8AB7; text-transform:uppercase; }

div.panes div .show_all { padding:0; margin:0; border:none; }


.tabbed_left, .tabbed_right { background:url(images/tabbed_corner.gif) no-repeat top right; background-position:0 25px;  padding-right:20px; }
.tabbed_left h4, .tabbed_right h4 { background:none; border:none; padding-bottom:10px; }
.tabbed_left { margin:0 0 20px 40px;}
.tabbed_right { margin:0 40px 20px 0; }

/* root element for tabs  */
ul.tabs { 
list-style:none; margin:0 !important; 
padding:0; border-bottom:1px solid #c0c0c0;	height:30px;
}

/* single tab */
ul.tabs li { 
float:left; text-indent:0;
padding:0; margin:0 !important;
list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
background: url(images/tabs.gif) no-repeat -420px 0;
font-size:12px; display:block; text-transform: uppercase;
height: 30px; line-height:33px;
width: 134px; text-align:center;	
text-decoration:none; color:#333333;
padding:0px; margin:0px;	font-weight:bold;
position:relative; top:1px;
}

ul.tabs a:active { outline:none;  }
ul.tabs a:hover { background-position: -420px -31px; color:#fff; }

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
background-position: -420px -62px;
cursor:default !important; 
color:#0e457d !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w4 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane { display:none; }
div.panes div {
display:none; padding:7px 0;
border:1px solid #c0c0c0;
border-top:0; font-size:13px;
background-color:#efefef;
}


table.boats { width:368px; padding:0; margin:0 15px; }

.boats td.thumbnail { width:160px; padding:7px 15px 7px 0; }
.boats td.thumbnail a img { border:1px solid #617381; margin:0 !important; }
.boats td.thumbnail a:hover img { border:1px solid #5688c1; }

.boats td.details { font-size:11px; padding-left:16px; background:url(images/boats_list_divider.gif) no-repeat left center; vertical-align:middle; }
.boats td.details a { display:block; margin:0; padding:0; text-decoration:none; color:#333333; line-height:20px; }
.boats td.details a:hover { color:#5688c1; }

h3.icon_notification { padding-left:25px; background:url(images/icon_notification.gif) no-repeat left center; }
h3.icon_folder { padding-left:26px; background:url(images/icon_folder.gif) no-repeat; background-position:0 2px; }
h3.icon_calendar { padding-left:25px; background:url(images/icon_calendar.gif) no-repeat left center; }
h3.icon_arrowdown { padding-left:25px; background:url(images/icon_arrowdown.gif) no-repeat; background-position:0 2px; }
h3.icon_photo { padding-left:28px; background:url(images/icon_photo.gif) no-repeat; background-position:0 3px; }
h3.icon_refresh { padding-left:24px; background:url(images/icon_refresh.gif) no-repeat left center; }

h5.icon_destinations { padding-left:21px; background:url(images/icon_destinations.gif) no-repeat; background-position:0 3px; }
h2.icon_keyboard_big { padding-left:42px; background:url(images/icon_keyboard_big.gif) no-repeat; background-position:0 2px; }


#page p.read_more { text-align:right; }




a.country { color:#555555; background:none !important; padding:0 important; margin:0 !important; text-transform:uppercase; font-weight:bold; }
a.country:hover { color:#999999; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p.gallery { padding-top:20px; }
.gallery a { float:left; display:block; width:110px; border:1px solid #bababa; margin:0 8px 6px 0; }
.gallery a img { width:110px; height:110px; border:none; }
.gallery a:hover { border-color:#5B8AB7; }

p.breadcrumb { padding-left:30px; font-size:12px; color:#555555; margin:0 0 10px 0; }


#page img.dest_thumbnail { float: left; margin: 0 20px 20px 0; }