/* Global Parameters */
html, body { height: 100%; margin-top: 0; margin-left: 0; background: #FFFFFF; }
body { font-family: arial, sans-serif; font-size: 8pt; background-image:url('http://img1.phi-phi.com/images/atm/objframe/bg.gif'); background-repeat: repeat; }
b, strong { font-weight: bold; }
ul, ol, li { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; text-align: left; }
blockquote, blockquote.quotObj { margin-left: 12px; font-family: Arial, sans-serif; font-size: 8pt; }
/* Headers */
h1, h2, h3 { font-family: Times New Roman, sans-serif; font-weight: bold; text-align: left; margin: 0em; }
h2 { font-size: 11pt; color: #0038FD; }
h1.h1Cont { font-size: 14pt; color: #000000; }
h1.h1ContBlue { font-size: 14pt; color: #0038FD; }
h2.h2Cont, h2.h2Guid { }
h2.h2objfct { font-family: Arial, sans-serif; font-size: 9pt; }
h3.h3Guid { font-family: Arial, sans-serif; color: #000000; font-size: 8pt; }
/* Web Fonts */
/*
@font-face { font-family: URWPalladioSKT; src: url('http://img1.phi-phi.com/images/atm/fonts/pasktr__.ttf'); }
@font-face { font-family: pali; src: url('http://img1.phi-phi.com/images/atm/fonts/Akkhara Regular.ttf'); }
pali { font-family: pali, sans-serif; }
*/
/* Sprites */
/*
http://sixrevisions.com/web-development/five-ways-to-speed-up-page-response-times/
*/
.sprite1 { background: url('http://img1.phi-phi.com/images/atm/sprites/sprite1_091215.png'); z-index: 2; border: 0; }
#sb_sortobj { background-position: -201px 0px; width: 170px; height: 24px; margin-top: 5px; }
#sb_sortrecom { background-position: -201px -27px; width: 170px; height: 24px; margin-top: 5px; }
#sb_sortart { background-position: -201px -53px; width: 170px; height: 24px; margin-top: 5px; }
#obj_star5 { background-position: -388px -1px; width: 84px; height: 15px; }
#obj_star4 { background-position: -388px -1px; width: 66px; height: 15px; }
#obj_star3 { background-position: -388px -1px; width: 49px; height: 15px; }
#obj_star2 { background-position: -388px -1px; width: 32px; height: 15px; }
#obj_star1 { background-position: -388px -1px; width: 15px; height: 15px; }
#obj_more { background-position: -202px -83px; width: 46px; height: 15px; }
#obj_smgall { background-position: -456px -65px; width: 16px; height: 12px; }
#obj_smmap { background-position: -456px -189px; width: 15px; height: 15px; }
#obj_smspec { background-position: -456px -215px; width: 16px; height: 14px; }
#obj_desc { background-position: -356px -126px; width: 88px; height: 17px; }
#obj_descroo { background-position: -356px -147px; width: 88px; height: 17px; }
#obj_descres { background-position: -356px -169px; width: 88px; height: 17px; }
#obj_descbiz { background-position: -356px -193px; width: 88px; height: 17px; }
#obj_descspa { background-position: -356px -215px; width: 88px; height: 17px; }
#obj_descrecreation { background-position: -356px -234px; width: 46px; height: 15px; }
#obj_descloc { background-position: -446px -255px; width: 88px; height: 17px; }
#cat_art { background-position: -480px -32px; width: 114px; height: 19px; }
#country_dropdown1 { background-position: 0px 0px; width: 197px; height: 60px; }
#country_dropdown2 { background-position: 0px -60px; width: 33px; height: 40px; }
#newsletter { background-position: 0px -100px; width: 175px; height: 180px; }
#secure1 { background-position: -176px -100px; width: 165px; height: 99px; }
#secure2 { background-position: -176px -199px; width: 165px; height: 48px; }
#cat_gall { background-position: -480px -56px; width: 114px; height: 20px; }
#cat_obj { background-position: -480px -81px; width: 114px; height: 19px; }
#cat_links { background-position: -480px -157px; width: 114px; height: 19px; }
#cat_rate { background-position: -480px -182px; width: 114px; height: 19px; }
#cat_loc { background-position: -480px -208px; width: 114px; height: 19px; }
/* Fact sheet jump menu */
.jumpmenu { margin: 0; padding: 0; width: 185px; list-style: none; background: #FFFFFF; }
.jumpmenu li { padding: 0; margin: 0 0 1px 0; height: 40px; display: block; }
.jumpmenu li a { text-align: left; height: 40px; padding: 0px 25px; font: 14px Arial, Verdana, Helvetica, sans-serif; color: #FFFFFF; display: block; background: url('http://img1.phi-phi.com/images/atm/sprites/spritejumpmenu_100120.png') 0px 0px no-repeat; text-decoration: none; }
.jumpmenu li a:hover { background: url('http://img1.phi-phi.com/images/atm/sprites/spritejumpmenu_100120.png') 0px -40px no-repeat; font-weight: bold; color: #000000; }
.jumpmenu li a.active, .menu li a.active:hover { background: url('http://img1.phi-phi.com/images/atm/sprites/spritejumpmenu_100120.png') 0px -80px no-repeat; font-weight: bold; color: #FFFFFF; }
.jumpmenu li a span { line-height: 40px; }
/* Links */
a, a:hover { font-family: Verdana, sans-serif; font-size: 8pt; color: #0038FD; font-weight: normal; text-decoration: underline; }
a.aCont { color: #0038FD; }
a.aCont:hover { color: red; }
a.aCont:visited { color: purple; }
a.aGuid { }
a.aContPg, a.aContPg:visited { }
a.aContPg:hover { color: red; }
a.lTop, a.lTop:link, a.lTop:visited, a.lTop:active { color: #2052FF; }
a.lSide, a.lSide:link, a.lSide:visited, a.lSide:active { font-weight: bold; font-variant: small-caps; }
a.lTop:hover, a.lSide:hover { color: red; }
a.aNavBread { color: #F9F9F9; text-decoration: none; }
a.aNavBread:hover { text-decoration: underline; }
a.aObj { font-weight: bold; text-decoration: none; }
a.aContObj, a.aContObj:visited { font-family: Verdana, sans-serif; font-size: 9pt; color: #64BD01; font-weight: bold; text-decoration: none; }
a.aContObj:hover { color: red; text-decoration: underline; }
a.aContNew, a.aContNew:visited { font-family: Verdana, sans-serif; font-size: 9pt; color: #0038FD; font-weight: normal; text-decoration: underline; }
a.aContNew:hover { color: red; text-decoration: underline; }
a.aObjCont { margin-top: 0; font-family: Verdana, sans-serif; font-size: 9pt; color: blue; font-weight: normal; text-decoration: underline; }
/* Paragraphs */
p { font-family: Verdana, sans-serif; font-size: 8pt; color: #000000; font-weight: normal; }
p.pCont, p.pObj { color: #000000; }
p.pContPg { color: #808080; }
p.pGuidPre, p.pGuid, li.pGuid { color: #192B6B; }
p.pObjPg, p.pObjTalk { color: #4F4F5B;}
/* Images */
img { border: 0; margin: 0; border: 0; }
img.imgGuid { width: 400px; height: 360px; border: 1px solid #000000; }
/* Form Controls */
form { margin-bottom: 0; }
legend { font-family: Arial, sans-serif; font-size: 8pt; font-weight: bold; border: 1px solid #9999CC; background-color: #F29D00; margin-top: 2pt; }
fieldset { border: 1px solid #9999CC; text-align: left; background-color: #FEEDD3; }
label { display: block; font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #FFB341; font-weight: bold; text-align:right; width: 30%; padding:2pt; float:left; }
select { font-family: Arial, sans-serif; font-size: 8pt; margin: 2pt; margin-top: 0px; margin-left: 0; }
input, textarea { font-family: Arial, sans-serif; font-size: 8pt; padding:1pt; border: 1px solid #9999CC; margin: 2pt; margin-top: 0px; margin-left: 0; }
input:focus, textarea:focus { border: 2px solid #9999CC; margin: 2pt; margin-top: 0px; margin-left: 0; }
input.submit { font-weight: bold; background-color: #FBCD04; border: 1px solid Black; }
input.checkbox { padding: 0pt; border: 0px; margin: 0px; }
td.tdFrm { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #B1D662; font-weight: normal; text-align: left; }
td.tdFrmCanc { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #F58724; font-weight: normal; text-align: left; }
td.tdFrmContact { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #A0AFF1; font-weight: normal; text-align: left; }
td.tdFrmScu { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #F5C500; font-weight: normal; text-align: left; }
/* Galleries and hotel galleries */
td.tdobjgall { font-family: Arial, sans-serif; font-size: 8pt; padding: 2px; border: 1px dotted #CCC7BD; }
/* Content Css */
td.tdCont { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; background: #B1D662; font-weight: normal; text-align: left; }
div.divHr { display: table; width: 160px; height: 0px; border: 0px; border-top: 1px solid #C0C0C0; margin: 0px; padding: 0px; line-height: 1px; font-size: 1px; }
td.tdLst { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; background: #FBFBFB; font-weight: normal; text-align: left; border: 1px solid #C8C6C7; padding: 2px; }
td.tdRatTop { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; background: #F5F5F5; font-weight: bold; padding: 5px; padding-bottom: 0; border-bottom: 1px solid #64BD01; text-align: left; }
td.tdRatD { font-family: Arial, sans-serif; font-size: 8pt; color: blue; background: #F5F5F5; font-weight: bold; padding: 2px; }
td.tdRatL { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #F5F5F5; font-weight: normal; padding: 2px; }
td.tdRatLG { font-family: Arial, sans-serif; font-size: 8pt; color: #808080; background: #F5F5F5; font-weight: normal; padding: 2px; }
li.liInd { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; font-weight: bold; font-style: italic; list-style-image:url('http://img1.phi-phi.com/images/atm/index/customer-service/Tick_01.gif'); }
/* Content Syndication (old) */
.txt10 { font-family: Arial, sans-serif; font-size: 9pt; color: #000000; }
.txt10b { font-family: Arial, sans-serif; font-size: 9pt; color: #224477; }
.txt8 { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; }
.txt8b { font-family: Arial, sans-serif; font-size: 8pt; color: #224477; }
td.tdDTop { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #FBCD04; font-weight: normal; }
td.tdLTop { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #FDE882; font-weight: normal; }
td.tdDark { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #7E96BC; font-weight: normal; }
td.tdLight { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; background: #E4EAF1; font-weight: normal; }
/* Inter factsheet nav */
#nav { margin: 0; width: 100%; padding: 0; line-height: 1; }
ul#nav { position:relative; text-align: left; padding: 0; list-style: none; }
ul#nav li { position: relative; float: left; list-style: none; }
ul#nav li a { font-family: Arial, sans-serif; font-size: 8pt; font-weight: bold; display: block; padding: 2px; padding-right: 8px; }
ul#nav li ul { margin: 0; z-index:1000; display: none; position: absolute; top: 0; left: 0; padding: 2px; width: 10em; background: #FBFBFB; border: 1px solid #64BD01; }
ul#nav li>ul { top: auto; left: auto }
ul#nav li ul li { padding: 2px; }
ul#nav li ul li a { font-family: Arial, sans-serif; font-size: 8pt; color: #0038FD; font-weight: normal; width: 10em; white-space: nowrap; padding: 2px; text-decoration: none; }
ul#nav li ul li a:hover { color: red; text-decoration: underline; }
ul#nav li:hover ul, ul#nav li.over ul { display: block; }
ul#nav li:hover a, ul#nav li.over al { color: #0038FD; }
ul#nav li.over ul { position: absolute; top: 16px; }
/* Info Layer, List Action Nav (old) */
img.help { cursor: help; }
div.helppop { width: 160px; font-family: Arial, sans-serif; font-size: 8pt; color: #000000; font-weight: normal; position: absolute; display: none; padding: 3px; border: 1px solid #224477; background-color: #E4EAF1; z-index: 99; }
.ddm1 .item1, .ddm1 .item1:hover, .ddm1 .item1-active, .ddm1 .item1-active:hover { color: #000000; background: #FFB341; font-weight: bold; text-decoration: none; padding: 3px 20px 3px 20px; border: 1px solid Black; display: block; position: relative; }
.ddm1 .section { background: #FFB341; border: 1px solid Black; padding: 3px 20px 3px 20px; position: absolute; visibility: hidden; z-index: -1; white-space: nowrap; width: 500px; }
/* Rounded corners (old) */
b.rtop, b.rbottom {display:block; background: #F7F7F7; }
b.rtop b, b.rbottom b {display:block; height: 1px; overflow: hidden; background: #FDE882; }
b.r1 {margin: 0 5px; }
b.r2 {margin: 0 3px; }
b.r3 {margin: 0 2px; }
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px; height: 2px; }
/* Sidebar */
#p7TMctrl { margin: 0 0 5px 12px; text-align: left; display: none;
/*/*/display: block; /* hide from NN4*/
}
#p7TMnav div { /*/*/line-height: 1.75; /* */ }
#p7TMnav div div { /*/*/line-height: 1.5; /* */ }
#p7TMnav { text-align: left; padding: 0; }
#p7TMnav div { margin: 0 0 5px 0; }
#p7TMnav div div { margin: 0 0 0 12px; }
#p7TMnav div a { /*/*/color: green;/* */ }
#p7TMnav div div a, #p7TMnav div div a:visited { font-size: 8pt; color: blue; font-weight: normal; text-decoration: none; background-color: transparent; border: 0; }
#p7TMnav div div a:hover { font-size: 8pt; color: red; font-weight: normal; text-decoration: underline; background-color: transparent; border: 0; }
#p7TMnav div div div a { font-size: 8pt; }
/* Styles for rating system */
.ratingblock { display: block; padding-bottom: 0px; margin-bottom: 0px; }
.loading { height: 21px; background:url('http://img1.phi-phi.com/images/atm/rating/working.gif') 50% 50% no-repeat; }
.unit-rating { /* the UL */
list-style:none;
margin: 0px;
padding:0px;
height: 21px;
position: relative;
background: url('http://img1.phi-phi.com/images/atm/rating/starrating.gif') top left repeat-x;
}
.unit-rating li {
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.unit-rating li a {
outline: none;
display:block;
width: 21px;
height: 21px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.unit-rating li a:hover { background: url('http://img1.phi-phi.com/images/atm/rating/starrating.gif') left center; z-index: 2; left: 0px; }
.unit-rating a.r1-unit {left: 0px;}
.unit-rating a.r1-unit:hover {width:21px;}
.unit-rating a.r2-unit {left:21px;}
.unit-rating a.r2-unit:hover {width: 42px;}
.unit-rating a.r3-unit {left: 42px;}
.unit-rating a.r3-unit:hover {width: 63px;}
.unit-rating a.r4-unit {left: 63px;}
.unit-rating a.r4-unit:hover {width: 84px;}
.unit-rating a.r5-unit {left: 84px;}
.unit-rating a.r5-unit:hover {width: 105px;}
.unit-rating li.current-rating {
background: url('http://img1.phi-phi.com/images/atm/rating/starrating.gif') left bottom;
position: absolute;
height: 21px;
display: block;
text-indent: -9000px;
z-index: 1;
}
.voted { color:#999999; }
.thanks { color:#36AA3D; }
.static { color:#5D3126; }
/* Image mouseover */
a.imgmous_1 { display: block; width: 30px; height: 26px; margin-right: 5px; background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/hotels.png'); background-repeat: no-repeat; }
a.imgmous_1:hover { background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/hotels_2.png'); }
a.imgmous_2 { display: block; width: 30px; height: 26px; margin-right: 5px; background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/recommended.png'); background-repeat: no-repeat; }
a.imgmous_2:hover { background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/recommended_2.png'); }
a.imgmous_3 { display: block; width: 30px; height: 26px; margin-right: 5px; background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/maps.png'); background-repeat: no-repeat; }
a.imgmous_3:hover { background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/maps_2.png'); }
a.imgmous_4 { display: block; width: 30px; height: 26px; margin-right: 5px; background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/galleries.png'); background-repeat: no-repeat; }
a.imgmous_4:hover { background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/galleries_2.png'); }
a.imgmous_5 { display: block; width: 30px; height: 26px; margin-right: 5px; background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/weather.png'); background-repeat: no-repeat; }
a.imgmous_5:hover { background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/weather_2.png'); }
a.imgmous_6 { display: block; width: 30px; height: 26px; margin-right: 5px; background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/specials.png'); background-repeat: no-repeat; }
a.imgmous_6:hover { background-image: url('http://img1.phi-phi.com/images/atm/objframe/header-icons/specials_2.png'); }
/* Floating tooltip in transfer form */
div.floater { position: absolute; z-index: 100; }
a.tool { text-decoration: none; }
a.tool:hover { position: relative; }
a.tool span { display: none; }
a.tool:hover span { display: block; position: absolute; top: 10px; left: 0;
/* formatting only styles */
padding: 5px; padding: 10px; z-index: 100;
background: #f0f0f0; border: 1px dotted #000000;
opacity: 0.9;
/* end formatting */
}
.hide { display: block, hide; }