html,body {
width:100%;
height:100%;
margin:0px;
padding:0px;
background:white;
font-family: "Helvetica", Arial, sans-serif;
font-size:9pt;
color:#707070;
background:transparent url('/template/img/bg.png') repeat-x 0% 0% fixed;
}
a {
color:#377feb;
text-decoration:none;
}
a:hover {
color:#f7941d;
}
hr {
clear:both;
height:1px;
border:0px;
background:#e6e6e6;
margin:10px 0 0 0;
}
td {
vertical-align:top;
}
table#body {
width:1000px;
height:100%;
padding:0px;
margin:auto;
}
table#body td.body {
vertical-align:top;
width:100%;
height:100%;
padding:0px;
margin:0px;
background:transparent url('/template/img/bg_body.png') no-repeat 50% 0% fixed;
}
table#content {
width:980px;
height:100%;
margin:auto;
background:transparent url('/template/img/bg_body_bottom.png') no-repeat 50% 100%;
}
/* TOP */
table#content td#top {
height:120px;
padding:0px;
margin:0px;
}
table#content td#top h1 {
position:absolute;
padding:0px;
margin:10px 0px 0px 270px;
font-size:10pt;
color:black;
z-index:1;
}
table#content td#top h1 a {
color:black;
}
table#content td#top a#home {
position:absolute;
padding:0px;
margin:0px 0px 0px 10px;
z-index:0;
}
table#content td#top p {
position:absolute;
padding:0px;
margin:24px 0px 0px 270px;
font-size:8pt;
color:#707070;
z-index:1;
}
table#content td#top p.currencies {
position:absolute;
margin:40px 0px 0px 270px;
color:#707070;
z-index:1;
}
table#content td#top p.currencies span.title {
font-weight:bold;
padding:0px 5px 0px 0px;
}
table#content td#top p.currencies span strong {
color:#f7941d;
}
table#content td#top p.currencies span.space {
padding:0px 5px;
}
table#content td#top ul {
position:absolute;
margin:80px 0px 0px 240px;
padding:0px;
}
table#content td#top ul li {
margin:0px;
padding:0px 5px;
font-size:7pt;
list-style:none;
float:left;
line-height:8pt;
border-left:1px solid black;
color:black;
}
table#content td#top ul li a {
font-size:8pt;
text-transform:uppercase;
color:#000000;
}
table#content td#top ul li a:hover {
color:#fbaf5d;
}
/* MIDDLE */
table#content td#middle {
clear:both;
padding:0px;
margin:0px;
}
table#content td#middle div.left {
width:230px;
float:left;
padding:0px;
margin:0px 8px 0px 7px;
}
table#content td#middle div.right {
width:230px;
float:left;
padding:0px;
margin:0px 7px 0px 8px;
}
table#content td#middle div.center {
width:490px;
float:left;
padding:0px;
margin:0px;
}
table#content td#middle div.center h2 {
font-size:10pt;
color:#000000;
margin:0px 0px 5px 0px;
border-bottom:2px solid #7da7d9;
background:transparent;
}
table#content td#middle div.center h2 a {
color:#000000;
}
table#content td#middle div.center h2 a:hover {
color:#f7941d;
}
table#content td#middle div.center div.top {
margin:0px 0px 10px 0px;
}
table#content td#middle div.center div.content {
font-size:8pt;
padding:0px;
margin:0px;
}
table#content td#middle div.center div.content h2 {
font-size:10pt;
color:#000000;
margin:0px 0px 5px 0px;
border-bottom:2px solid #0066cc;
background:transparent;
}
table#content td#middle div.center div.content h2 a {
color:#000000;
}
table#content td#middle div.center div.content h2 a:hover {
color:#0066cc;
}
/* FOOTER */
table#content td#footer {
clear:both;
height:150px;
padding:0px;
margin:0px;
}
table#content td#footer div.left {
width:230px;
float:left;
padding:0px;
margin:0px 8px 0px 7px;
}
table#content td#footer div.left img {
margin:100px 0px 0px 5px;
width:60px;
}
table#content td#footer div.right {
width:720px;
float:left;
padding:0px;
margin:0px;
text-align:right;
}
table#content td#footer div.right h4 {
clear:both;
font-size:8pt;
color:black;
padding:0px;
margin:20px 0px 0px 0px;
}
table#content td#footer div.right p.hc {
font-size:8pt;
color:black;
padding:0px;
margin:0px 0px 0px 0px;
}
table#content td#footer div.right ul {
padding:0px;
margin:0px;
}
table#content td#footer div.right ul li {
margin:0px;
padding:0px 5px;
list-style:none;
float:right;
border-left:1px solid black;
}
table#content td#footer div.right ul li.first {
padding:0px 0px 0px 5px;
}
table#content td#footer div.right ul li a {
color:black;
}
table#content td#footer div.right ul li a:hover {
color:white;
}
table#content td#footer div.right img#cd {
margin:5px 0px 0px 0px;
}
table#content td#footer div.right h5 {
font-size:9pt;
font-weight:normal;
padding:0px;
margin:15px 0px 0px 0px;
color:white;
}
table#content td#footer div.right p.pw {
font-size:8pt;
color:white;
padding:0px;
margin:0px 0px 0px 0px;
}
/* TOP CONTENT */
div.top {
margin:0px 0px 5px 0px;
padding:0px;
font-size:8pt;
}
div.top img {
margin:0px 0px 5px -3px;
padding:0px;
font-size:8pt;
}
div.top p {
margin:3px 0px 0px 0px;
padding:0px;
}
/* HOTELS LIST */
table.hotel {
padding:0px;
margin:3px 0px 10px 0px;
background:transparent;
}
table.hotel tr {
padding:10px 0px;
}
table.hotel td {
border-bottom:1px dotted #cccccc;
vertical-align:top;
}
table.hotel td.noborder {
border-bottom:none;
}
table.hotel td.image {
width:120px;
padding:5px 0px;
}
table.hotel td.image div {
width:118px;
height:101px;
padding:1px;
background:transparent url('/template/img/bg_hotels_image.gif') no-repeat 0% 0%;
margin:0px;
}
table.hotel td.image div img {
width:110px;
height:92px;
border:1px solid #ffffff;
}
table.hotel td.detail {
width:230px;
padding:5px 5px;
font-size:8pt;
}
table.hotel td.detail h3 {
font-size:10pt;
color:#377feb;
margin:0px 0px 2px 0px;
}
table.hotel td.detail .title {
color:#542000;
}
table.hotel td.detail p {
margin:0px;
}
table.hotel td.detail p.comment {
color:green;
}
table.hotel td.detail p.rate {
color:#efa63b;
font-weight:bold;
}
table.hotel td.detail p.rate small {
color:#707070;
}
table.hotel td.detail span.title {
font-weight:bold;
padding:0px 5px 0px 0px;
}
table.hotel td.button {
width:120px;
padding:5px 0px;
}
table.hotel td.button p {
font-size:8pt;
margin:3px 0px;
}
table.hotel td.button p a {
display:block;
background:#fafafa;
color:#555555;
padding:3px;
border:1px dotted #cccccc;
}
table.hotel td.button p a:hover {
background:#7da7d9;
color:#ffffff;
border:1px dotted #00257b;
}
table.hotel td.roomtype {
width:490px;
font-size:8pt;
padding:0px 0px 5px 0px;
}
table.hotel td.roomtype span.title {
font-weight:bold;
padding:0px 5px 0px 0px;
color:#542000;
}
/* SORT */
div.sort {
text-align:left;
font-size:8pt;
margin:0px 0px 5px 0px;
background:transparent;
}
div.sort span {
padding:0px 5px;
}
div.sort span.title {
font-weight:bold;
padding:0px 5px 0px 0px;
}
div.sort span strong {
color:#efa63b;
}
/* PAGING */
div.paging {
text-align:center;
margin:0px 0px 25px 0px;
}
div.paging p {
margin:0px;
}
div.paging div {
margin:5px 0px;
}
div.paging div span {
padding:0px 3px;
}
div.paging div span.cr {
font-weight:bold;
text-decoration:underline;
}
div.paging div span.prev, span.next {
font-weight:bold;
}
div.paging div span.prev {
padding:0px 10px 0px 0px;
}
div.paging div span.next {
padding:0px 0px 0px 10px;
}
/* BOX */
div.box {
clear:both;
width:230px;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
background:transparent url('/template/img/bg_box_bottom.gif') no-repeat 0% 100%;
}
div.box div.boxtop {
padding:0px;
margin:0px;
height:10px;
background:transparent url('/template/img/bg_box_top.gif') no-repeat 0% 100%;
}
div.box div.boxcontent {
margin:0px;
padding:0px 7px 5px 7px;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
background:#f3fbff;
}
div.box div.boxcontent h2 {
padding:2px 0px 10px 5px;
margin:0px;
font-size:9pt;
color: #0099FF;
background:transparent url('/template/img/bg_box_title.gif') no-repeat 0% 0%;
}
div.box div.boxcontent ul {
padding:0px;
margin:0px;
}
div.box div.boxcontent ul li {
font-size:8pt;
list-style:none;
border-bottom:1px dotted #cccccc;
padding:3px 0px 3px 12px;
background:transparent url('/template/img/list.gif') no-repeat 0% 50%;
}
div.box div.boxcontent ul li a {
color:#707070;
}
div.box div.boxcontent ul li a:hover {
color:#fbaf5d;
}
div.box div.boxcontent div.viewmap {
text-align:left;
margin-top:3px;
}
div.box div.boxcontent div.viewmap strong {
font-weight:normal;
font-size:8pt;
}
div.box div.boxcontent div.viewmap a {
color:#707070;
}
div.box div.boxcontent div.viewmap a:hover {
color:#fbaf5d;
}
div.box div.boxcontent div#map {
width:212px;
height:150px;
overflow:hidden;
border:1px solid #cccccc;
}
/* SEARCH BOX */
form.search {
padding:0px;
margin:0px;
font-size:8pt;
}
form.search input, select {
font-size:8pt;
border:1px solid #dbdbdb;
}
form.search select {
width:143px;
}
form.search input {
width:141px;
}
form.search input.button {
background:#fafafa;
color:#555555;
width:141px;
padding:3px;
font-weight:bold;
cursor:pointer;
}
form.search input.button:hover {
background:#7da7d9;
color:#ffffff;
border:1px solid #00257b;
}
form.search input.rate {
width:61px;
}
form.search td {
padding:2px 0px;
}
form.search td.title {
padding:0px 5px 0px 0px;
}
form.search span.title {
padding:0px 3px;
}
/* RECOMMEND HOTELS */
div.recommendhotel {
padding:5px 3px;
margin:0px;
font-size:8pt;
border-bottom:1px dotted #cccccc;
}
div.recommendhotel h3 {
font-size:10pt;
color:#377feb;
margin:0px 0px 2px 0px;
}
div.recommendhotel p {
padding:0px;
margin:0px;
}
div.recommendhotel div.image {
width:130px;
height:110px;
padding:1px;
background:transparent url('/template/img/bg_rec_hotels_image.gif') no-repeat 0% 0%;
margin:0px;
}
div.recommendhotel div.image img {
width:120px;
height:100px;
border:1px solid #ffffff;
}
div.recommendhotel .title {
color:#542000;
}
div.recommendhotel span.title {
font-weight:bold;
padding:0px 5px 0px 0px;
}
div.recommendhotel p.rate {
color:#efa63b;
font-weight:bold;
}
div.recommendhotel p.rate small {
color:#707070;
font-weight:normal;
}
div.noborder {
border:none;
}
/* ERR */
div.err {
padding:0px 5px;
}
div.err li {
font-weight:bold;
}
div.err span.title {
padding:0px 5px 0px 0px;
font-weight:normal;
}
/* MAP */
div#mapleft {
text-align:center;
}
div#mapleft h1 {
margin:10px auto;
}
div#mapleft div.box {
margin:auto;
text-align:left;
}
table.mapinfo {
width:300px;
margin:0px;
padding:0px;
font-size:8pt;
}
table.mapinfo td.left {
padding:0px 10px 0px 0px;
text-align:left;
vertical-align:top;
}
table.mapinfo td.right {
padding:0px;
text-align:left;
vertical-align:top;
}
table.mapinfo h1 {
font-size:10pt;
color:#377feb;
margin:0px;
padding:0px;
}
table.mapinfo p {
padding:0px;
margin:0px;
}
/* LINK */
span.contact_us {
margin-left:5px;
padding-left:5px;
border-left:1px solid #d1d3d4;
}
span.contact_us a {
color:white;
}
span.contact_us a:hover {
color:white;
text-decoration:underline;
}
/* REVIEW */
table.review {
width:100%;
padding:0px;
margin:3px 0px 10px 0px;
background:transparent;
}
table.review tr {
padding:10px 0px;
}
table.review td {
vertical-align:top;
}
table.review td img.rate {
border:0px;
}
table.review td p.reservation {
padding:0px;
margin:5px 0px;
color:#377feb;
}
table.review td p.reservation span.update {
color:#707070;
}
table.review td p.guestname {
padding:0px;
margin:0px;
}
table.review td p.guestname strong {
color:#efa63b;
}
table.review td p.visitdate, p.rate {
padding:0px;
margin:0px;
}
table.review td span.label {
font-weight:bold;
padding:0px 5px 0px 0px;
}
table.review td div.story_top {
padding:0px;
margin:0px;
width:490px;
height:19px;
background:transparent url('/template/img/bg_story_top.gif') no-repeat 0% 0%;
}
table.review td div.story {
padding:0px 5px;
margin:0px;
font-style:italic;
border-left:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
background:white;
}
table.review td div.story_bottom {
padding:0px;
margin:0px 0px 5px 0px;
width:490px;
height:10px;
background:transparent url('/template/img/bg_story_bottom.gif') no-repeat 0% 0%;
}
div.reviewhotelinfo {
border-bottom:1px dotted #cccccc;
}
table.review table td.image {
width:120px;
padding:5px 0px;
}
table.review table td.image div {
width:118px;
height:101px;
padding:1px;
background:transparent url('/template/img/bg_hotels_image.gif') no-repeat 0% 0%;
margin:0px;
}
table.review table td.image div img {
width:110px;
height:92px;
border:1px solid #ffffff;
}
table.review table td.detail {
padding:5px 5px;
font-size:8pt;
}
table.review table td.detail h3 {
font-size:10pt;
color:#377feb;
margin:0px 0px 2px 0px;
}
table.review table td p.hotelname {
padding:0px;
margin:0px;
color:#377feb;
}
/* REVIEWS BOX */
div.box div.boxcontent div.review {
margin:0px 0px 5px 0px;
padding:0px 0px 5px 0px;
font-size:8pt;
border-bottom:1px dotted #cccccc;
}
div.box div.boxcontent div.last {
border-bottom:0px;
}
div.box div.boxcontent div.review h3 {
font-size:9pt;
color:#377feb;
margin:0px 0px 2px 0px;
}
div.box div.boxcontent div.review p.guestname {
padding:0px;
margin:0px;
}
div.box div.boxcontent div.review p.visitdate, p.rate {
padding:0px;
margin:0px;
}
div.box div.boxcontent div.review p.visitdate {
margin:0px 0px 5px 0px;
}
div.box div.boxcontent div.review span.label {
font-weight:bold;
padding:0px 5px 0px 0px;
}
div.box div.boxcontent div.more_reviews {
font-size:8pt;
text-align:right;
}