/* -- default style sheet*/
html, body
{
margin: 0;
padding: 0;
}
body
{
font-weight: 400;
font-size: 12px;
font-family: arial, helvetica, sans-serif;
font-variant: normal;
font-style: normal;
text-align: left;
line-height: 1.2em;
margin: 0px;
padding: 0px;
background-color: #ebebeb;
color: #4d4d4d;
}
h1
{
font-weight: normal;
font-size: 22px;
font-variant: normal;
background-color: transparent;
color: #444444;
margin: 5px 0px 10px 0px;
padding-bottom: 2px;
}
h2
{
font-size: 14px;
font-weight: normal;
font-variant: normal;
font-style: normal;
background-color: transparent;
color: #444444;
margin: 8px 0px;
}
h3
{
display: block;
font-size: 12px;
font-weight: bold;
font-variant: normal;
font-style: normal;
text-align: left;
margin: 20px 0px 17px 0px;
background-color: transparent;
}
h4
{
display: inline;
font-size: 12px;
font-weight: 400;
font-variant: normal;
font-style: italic;
text-align: left;
background-color: transparent;
}
h3.leftCol
{
margin: 3px 0px 5px;
}
h1.boldIL
{
font-weight: 400;
display: inline;
line-height: 28px;
color: #444444;
}
h1.normIL
{
font-weight: 400;
display: inline;
line-height: 28px;
color: #929292;
}
h1.pageHeadDarkIL
{
font-size: 15px;
font-weight: bold;
color: #444444;
display: inline;
}
h1.pageHeadLightIL
{
font-size: 15px;
font-weight: 400;
color: #444444;
display: inline;
}
h2.pageHeading
{
font-size: 15px;
line-height: 18px;
font-weight: normal;
color: #a7a6a7;
margin: 0px 0px 7px;
margin: 18px 0px 0px 0px;
}
h2.boldIL
{
font-weight: 400;
display: inline;
line-height: 20px;
color: #444444;
}
h2.normIL
{
font-weight: 400;
display: inline;
line-height: 20px;
color: #929292;
}
h2.itemHead
{
font-size: 20px;
font-weight: 400;
display: inline;
color: #444444;
line-height: 24px;
}
.secHead
{
font-size: 14px;
font-weight: 400;
color: #5c5c5c;
height: 18px;
padding: 5px 10px 3px;
background-image: url('/graphics/phuket-yacht-charter-bluebg.jpg');
background-position: 0px 0px;
background-repeat: no-repeat;
}
img
{
border: 0;
}
/* -- Positioning elements */
#page
{
width: 960px;
position: relative;
margin: 0px auto;
background-color: #ffffff;
overflow: hidden;
}
#head
{
height: 85px;
white-space: nowrap;
padding: 20px 15px 0px 20px;
}
#logo
{
padding: 0px 38px 0px 30px;
float: left;
}
#DateTime
{
text-align: right;
padding: 0px 5px 0px 0px;
margin-top: -8px;
}
#topNav
{
height: 45px;
background-color: #b5a594;
z-index: 100;
}
#imageLinks
{
padding: 20px 15px 0px 0px;
float: right;
}
#subHeading img
{
z-index: 1;
}
#pgTitle
{
text-align: center;
margin: 10px 0px;
}
#features
{
text-align: center;
margin: 25px 0px;
}
#pageBody
{
margin: 0px 40px;
padding: 10px 0px;
overflow: hidden;
clear: both;
border-top: 2px solid #666666;
}
#footer
{
padding: 0px;
background-color: #ffffff;
clear: both;
font-size: 12px;
z-index: 15;
position: relative;
}
#footForm
{
float: right;
padding: 0px;
margin: 0px;
}
#footNav
{
float: left;
}
#siteMap
{
padding: 10px 33px 23px 40px;
width: 887px;
color: #ffffff;
background-color: #5e90b9;
clear: both;
float: left;
overflow: auto;
z-index: 5;
}
#subFoot
{
padding: 10px 40px;
background-color: #ffffff;
overflow: auto;
clear: both;
}
#subRight
{
float: right;
padding-top: 5px;
}
#subLeft
{
float: left;
}
#addLink
{
float: right;
padding: 0px 60px 0px 0px;
white-space: nowrap;
}
#linkHeader
{
float: left;
margin: 0px 0px 0px 10px;
}
#searchForm
{
float: right;
padding: 0px 0px 0px 30px;
}
.childAge
{
border: 1px solid #4d4d4d;
width: 24px;
}
/*
end positions
begin calendar table
*/
#calendar
{
padding: 0px 0px 0px 2px;
}
.month
{
float: left;
width: 204px;
margin: 0px 20px 15px 0px;
border-collapse: collapse;
background-color: #ffffff;
color: #3f3f3f;
}
.rowEnd
{
float: left;
width: 204px;
margin: 0px 0px 15px 0px;
border-collapse: collapse;
background-color: #ffffff;
color: #3f3f3f;
}
td.date
{
width: 28px;
height: 28px;
text-align: center;
vertical-align: middle;
border: 1px solid #61a9e4;
padding: 0;
}
td.bookedPM
{
background-image: url('/graphics/night-phuket-yacht-charter.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
}
td.bookedAM
{
background-image: url('/graphics/day-phuket-yacht-charter.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
}
td.allDay
{
background-image: url('/graphics/day-night-phuket-charter.gif');
background-position: 0px 0px;
background-repeat: no-repeat;
}
td.past
{
color: #BBBBBB;
}
td.monthName
{
vertical-align: middle;
border: 1px solid #61a9e4;
background-color: #5e90b9;
color: #ffffff;
text-align: left;
height: 18px;
padding-left: 6px;
}
td.dayName
{
text-align: center;
vertical-align: middle;
height: 18px;
border: 1px solid #61a9e4;
background-color: #DDDDDD;
}
.selectMonth
{
border-collapse: collapse;
background-color: #ffffff;
color: #3f3f3f;
margin-top: 10px;
}
#startWrap
{
float: left;
width: 204px;
margin: 0px 10px 15px 0px;
}
#endWrap
{
float: left;
width: 204px;
margin: 0px 0px 15px 0px;
}
.currMo
{
vertical-align: middle;
border: 1px solid #61a9e4;
background-color: #5e90b9;
color: #ffffff;
height: 18px;
padding-left: 6px;
text-align: center;
border-right: none;
border-left: none;
}
.prevMo
{
border: 1px solid #61a9e4;
background-color: #5e90b9;
color: #ffffff;
border-right: none;
line-height: 0;
}
.nextMo
{
background-color: #5e90b9;
color: #ffffff;
border: 1px solid #61a9e4;
border-left: none;
line-height: 0;
}
.prevNextMonth
{
vertical-align: top;
}
/*
Begin special formats
*/
.column
{
float: left;
width: 425px;
text-align: justify;
}
#leftCol
{
padding-right: 15px;
}
#rightCol
{
padding-left: 15px;
}
.section
{
padding: 0px 0px 10px 0px;
margin: 0px 0px 15px 0px;
overflow: auto;
}
.last
{
padding: 0px 0px 10px 0px;
}
.go
{
vertical-align: bottom;
width: 20px;
height: 20px;
margin-top: 0px;
}
.formInput
{
width: 94px;
height: 16px;
border: 1px solid #a6a6a6;
margin: 0px;
}
.oneLineForm
{
margin: 0px;
margin-top: 10px;
height: 16px;
white-space: nowrap;
}
.linkColumns
{
position: relative;
width: 420px;
float: left;
padding: 0px 10px 10px 10px;
padding-bottom: 5550px;
margin-bottom: -5550px;
}
.sitemap_img
{
margin-bottom: -3px;
}
fieldset
{
border: 0;
margin: 0;
padding: 0;
}
#curr_file
{
font-size: 12px;
}
.link-img
{
margin-bottom: 0px;
}
.top_img_left
{
background-color: #ffffff;
border: 0;
float: left;
padding-top: .3em;
padding-right: 1.2em;
padding-bottom: 1em;
font-size: 10px;
text-align: left;
}
.top_img_right
{
background-color: #ffffff;
border: 0;
float: right;
padding-top: .3em;
margin-top: -7px;
padding-left: 1.2em;
padding: 1em;
font-size: 10px;
text-align: left;
}
.img_left
{
background-color: #ffffff;
border: 0;
float: left;
padding-top: 1em;
padding-right: 1.2em;
padding-bottom: 1em;
font-size: 10px;
text-align: left;
}
.img_right
{
background-color: #ffffff;
border: 0;
float: right;
padding-top: 1em;
padding-left: 1.2em;
padding: 1em;
font-size: 10px;
text-align: left;
}
.imgLeft
{
float: left;
padding: 3px 10px 3px 0px;
}
.imgRight
{
float: right;
padding: 3px 0px 3px 10px;
}
.imgPara
{
text-align: center;
margin: 0px 0px 12px 0px;
}
.textPara
{
margin: 0px 0px 12px 0px;
}
.caption
{
text-align: left;
font-size: 11px;
font-style: italic;
line-height: 1.2em;
}
.galleryCap
{
text-align: right;
font-size: 11px;
font-style: italic;
line-height: 1.2em;
}
.galleryRow
{
height: 99px;
}
.normalThumb
{
padding: 0px 7px 7px 0px;
float: left;
}
.lastThumb
{
padding: 0px 0px 7px 0px;
float: left;
}
.thumbNail
{
border: 1px solid #ffffff;
}
.vidRow
{
height: 169;
}
#overLay
{
z-index: 3072;
}
#imgDisplay
{
z-index: 4096;
}
#pgIcons
{
padding: 0px;
height: 50px;
}
#pgIcons img
{
float: left;
}
.videoRow
{
height: 169px;
clear: both;
}
.videoThumb
{
float: left;
padding: 0px 11px 11px 0px;
position: relative;
}
.videoLast
{
float: left;
padding: 0px 0px 11px 0px;
position: relative;
}
#videoShow
{
z-index: 1;
}
.review
{
border-bottom: 1px solid #666666;
}
.reviewRemain
{
display: none;
}
.reviewImages
{
float: right;
width: 210px;
text-align: right;
}
.revImage
{
width: 60px;
padding: 0px 0px 0px 10px;
float: right;
}
.starRate
{
display: -moz-inline-block;
display: inline-block;
padding: 0px 0px 3px 0px;
line-height: 10px;
}
.starRate img
{
margin-bottom: -1px;
}
.galleryThumbs
{
float: right;
width: 72px;
padding: 0px 4px;
}
.galleryPager
{
text-align: right;
padding: 5px;
}
.eventDisplay td
{
vertical-align: top;
text-align: center;
width: 90px;
padding: 0px 5px 5px 0px;
}
.warn
{
color: #e02407;
}
.confirmed
{
color: #009900;
}
.newsHead
{
padding: 0px 0px 10px;
margin: 0px 0px 10px;
border-bottom: 2px dotted #4d4d4d;
}
/*forms*/
.formPrompt
{
float: left;
width: 120px;
font-weight: bold;
height: 14px;
padding: 8px 0px;
}
.formField
{
float: left;
width: 305px;
height: 20px;
padding: 5px 0px;
}
.formField input
{
width: 300px;
}
.formData
{
float: left;
width: 305px;
height: 20px;
padding: 5px 0px;
}
.formTextData
{
float: left;
width: 305px;
height: 14px;
padding: 8px 0px;
}
.formTicData
{
float: left;
width: 305px;
height: 14px;
line-height: 13px;
padding: 5px 0px 11px;
}
.formTicData input
{
vertical-align: bottom;
}
#specialReq
{
width: 420px;
height: 90;
}
/*captcha*/
#captchaImg
{
float: left;
width: 125px;
padding: 0px 10px 0px 0px;
}
#captchaInput
{
float: left;
padding: 3px 10px 4px;
}
#captchaSubmit
{
float: left;
padding: 12px 10px 10px;
}
.stdList
{
margin-bottom: 0px;
}
.required
{
border: 1px solid #a6a6a6;
}
.notRequired
{
border: 1px solid #a6a6a6;
}
/*
Menu List formats
*/
ul#topRoot
{
padding-left: 0px;
margin: 0px;
height: 45px;
list-style: none;
background-color: #5e90b9;
color: #ffffff;
float: left;
z-index: 100;
}
li.topList_1
{
position: relative;
margin: 0px;
padding: 3px 15px 0px 6px;
border-left: 1px #ffffff solid;
height: 42px;
float: left;
text-align: left;
}
li.topList_2
{
position: relative;
width: 160px;
padding: 0px;
margin: 0px;
float: left;
text-align: left;
}
li.topList_3
{
position: relative;
width: 160px;
padding: 0px;
margin: 0px;
float: left;
text-align: left;
}
li.topList_4
{
position: relative;
width: 160px;
padding: 0px;
margin: 0px;
float: left;
text-align: left;
}
ul.topMenu_1
{
position: absolute;
top: 45px;
left: 0px;
width: 160px;
list-style: none;
display: none;
margin: 0px;
padding: 0px;
border: 1px solid #858485;
border-bottom: none;
background-color: #ffffff;
}
ul.topMenu_2
{
position: absolute;
top: -1px;
left: 160px;
width: 160px;
list-style: none;
display: none;
padding: 0px;
margin: 0px;
border: 1px solid #858485;
border-bottom: none;
background-color: #ffffff;
}
ul.topMenu_3
{
position: absolute;
top: 0px;
left: 160px;
width: 160px;
list-style: none;
display: none;
padding: 0px;
margin: 0px;
border: 1px solid #858485;
border-bottom: none;
background-color: #ffffff;
}
ul.topMenu_4
{
position: absolute;
top: 0px;
left: 160px;
width: 160px;
list-style: none;
display: none;
padding: 0px;
margin: 0px;
border: 1px solid #858485;
border-bottom: none;
background-color: #ffffff;
}
li.topList_1:hover ul.topMenu_1
{
display: block;
}
li.topList_2:hover ul.topMenu_2
{
display: block;
}
li.topList_3:hover ul.topMenu_3
{
display: block;
}
li.topList_4:hover ul.topMenu_4
{
display: block;
}
li.topFile
{
position: relative;
margin: 0px;
padding: 3px 15px 0px 6px;
height: 42px;
float: left;
}
li.topFile_1
{
position: relative;
margin: 0px;
padding: 3px 15px 0px 6px;
height: 42px;
float: left;
border-left: 1px #ffffff solid;
background-color: #b5a594;
}
/*
-- links
*/
a img
{
vertical-align: bottom;
}
a:link
{
color: #4d4d4d;
text-decoration: none;
white-space: normal;
}
a:visited
{
color: #4d4d4d;
text-decoration: none;
}
a:active
{
color: #4d4d4d;
text-decoration: none;
}
a:hover
{
color: #4d4d4d;
text-decoration: underline;
}
a.swapLink:link
{
color: transparent;
padding: 0px;
margin: 0px;
text-decoration: none;
}
a.swapLink:visited
{
color: transparent;
padding: 0px;
margin: 0px;
text-decoration: none;
}
a.swapLink:active
{
color: transparent;
padding: 0px;
margin: 0px;
text-decoration: none;
}
a.swapLink:hover
{
color: transparent;
padding: 0px;
margin: 0px;
text-decoration: none;
}
a.inline:link
{
color: #0000ff;
text-decoration: none;
}
a.inline:visited
{
color: #0000ff;
text-decoration: none;
}
a.inline:active
{
color: #0000ff;
text-decoration: none;
}
a.inline:hover
{
color: #0000ff;
text-decoration: underline;
}
a.rem_fav:link
{
font-size: 10px;
color: #c41342;
}
a.rem_fav:visited
{
font-size: 10px;
color: #c41342;
}
a.rem_fav:active
{
font-size: 10px;
color: #c41342;
}
a.rem_fav:hover
{
font-size: 10px;
color: #c41342;
}
a.menu_bar:link
{
color: #ffffff;
}
a.menu_bar:visited
{
color: #ffffff;
text-decoration: none;
}
a.menu_bar:active
{
color: #ffffff;
text-decoration: none;
}
a.menu_bar:hover
{
color: #ffffff;
text-decoration: none;
}
a.topMenu:link
{
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 0px 2px;
}
a.topMenu:visited
{
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 0px 2px;
}
a.topMenu:active
{
display: block;
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 0px 2px;
}
a.topMenu:hover
{
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 0px 2px;
}
a.topMenuList:link
{
display: block;
font-size: 12px;
color: #858485;
border-bottom: 1px solid #858485;
text-decoration: none;
padding: 2px 6px;
}
a.topMenuList:visited
{
display: block;
font-size: 12px;
color: #858485;
border-bottom: 1px solid #858485;
text-decoration: none;
padding: 2px 6px;
}
a.topMenuList:active
{
display: block;
font-size: 12px;
color: #858485;
border-bottom: 1px solid #858485;
text-decoration: none;
padding: 2px 6px;
}
a.topMenuList:hover
{
display: block;
font-size: 12px;
color: #ffffff;
border-bottom: 1px solid #858485;
background-color: #5e90b9;
text-decoration: none;
padding: 2px 6px;
}
a.topMenuFile:link
{
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 4px;
padding: 0px 0px 2px;
}
a.topMenuFile:visited
{
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 4px;
padding: 0px 0px 2px;
}
a.topMenuFile:active
{
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 4px;
padding: 0px 0px 2px;
}
a.topMenuFile:hover
{
display: block;
font-size: 12px;
color: #ffffff;
text-decoration: none;
padding: 0px 4px;
padding: 0px 0px 2px;
}
a.menu-file:link
{
display: block;
font-size: 12px;
color: #858485;
border-bottom: 1px solid #858485;
text-decoration: none;
padding: 2px 6px;
}
a.menu-file:visited
{
display: block;
font-size: 12px;
color: #858485;
border-bottom: 1px solid #858485;
text-decoration: none;
padding: 2px 6px;
}
a.menu-file:active
{
display: block;
font-size: 12px;
color: #858485;
border-bottom: 1px solid #858485;
text-decoration: none;
padding: 2px 6px;
}
a.menu-file:hover
{
display: block;
font-size: 12px;
color: #ffffff;
border-bottom: 1px solid #858485;
background-color: #5e90b9;
text-decoration: none;
padding: 2px 6px;
}
/*end of links*/