HTML { border:0px; padding:0px; margin: 0px auto; outline-width: 0px; font-size: 12px; width: 100%; height: 100%; font-family: arial, helvetica, sans-serif; }
BODY { border: 0px; padding: 0px; margin: 0px auto; width: 100%; height: 100%; font-size: 12px; font-family: arial, helvetica, sans-serif; background: url(../images/wrapper-bg.gif) #f9f9f9 repeat-x center top; color: #333; text-align: center; LINE-HEIGHT: 1.4em; }
LABEL { font-size:12px;}
TABLE { font-size:12px; }
TEXTAREA { font-size:12px; }
SELECT { FONT-SIZE: 11px; border:1px solid #cfcfcf; padding:2px; }
P { PADDING-BOTTOM: 5px; LINE-HEIGHT: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px}
TT { border-bottom: 0px; border-left: 0px; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-size: 12px; border-top: 0px; border-right: 0px; padding-top: 0px }
DL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px }
DT { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px }
DD { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px }
OL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; }
UL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none; }
UL.facilities { list-style: url(../images/bullet.gif) inside; }
LI { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px }
FORM { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px }
A { color: #000; text-decoration:none; outline-width: medium; }
A:hover { TEXT-DECORATION: underline; }
A:focus { outline-style: dotted; outline-width: 1px; }
A:active { outline-width: medium; }
INPUT[type=text],
INPUT[type=password] { width:120px; }
INPUT,
INPUT[type=text],
INPUT[type=password],
TEXTAREA { BORDER: #cfcfcf 1px solid; BACKGROUND-COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #444; PADDING: 1px; }
INPUT.button { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #fff; BORDER:1px solid #8a2529 padding:1px; background-color:#8a2529; OVERFLOW: hidden; CURSOR: pointer; }
INPUT.form_button,
INPUT.mgrid_button { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #fff; BORDER:1px solid #8a2529 padding:1px; background-color:#8a2529; OVERFLOW: hidden; CURSOR: pointer; }
INPUT.form_button_middle { FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; COLOR: #fff; BORDER:1px solid #8a2529 padding:1px; background-color:#8a2529; OVERFLOW: hidden; CURSOR: pointer; }
H1.center_box_heading { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN: 0px; PADDING: 10px 0px 14px 0px; OUTLINE-WIDTH: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; MARGIN-BOTTOM: 10px; BACKGROUND: url(../images/divider-dotted.gif) repeat-x left bottom; COLOR: #8a2529; FONT-SIZE: 18px; FONT-WEIGHT: bold; }
H1.center_box_heading TABLE { margin-bottom:-5px; PADDING: 0px; FONT-SIZE: 18px; FONT-WEIGHT: bold; color: #8a2529; }
H1.center_box_heading A { font-size:12px; }
H2.center_box_heading TABLE { margin-bottom:-5px; PADDING: 0px; FONT-SIZE: 18px; FONT-WEIGHT: bold; color: #8a2529; }
H2 { border-bottom: 0px; border-left: 0px; margin: 0px; padding-top: 10px; padding-left: 0px; outline-width: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-bottom: 14px; margin-bottom: 10px; background: url(../images/divider-dotted.gif) repeat-x left bottom; color: #8a2529; font-size: 18px; font-weight: bold; }
H4 { border-bottom: 0px; border-left: 0px; margin: 0px; padding-left: 0px; outline-width: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px; padding-bottom: 2px; font-size: 18px; font-weight: normal; color: #8a2529; }
H4 A { text-decoration:underline; }
#wrapper { TEXT-ALIGN: center; MARGIN: 0px auto; MIN-HEIGHT: 100%; WIDTH: 975px; }
#main { MARGIN: 10px auto; WIDTH: 975px; }
#main:after { DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "." }
#header { position: relative; margin: 0px auto; width: 975px; height: 85px; padding-left:7px; }
#header H1 { padding-top:7px; display: block; color: #000; font-size: 34px; font-weight: bold; margin-top:0px; font-family: arial, helvetica, sans-serif; }
#header H1 A { color: #2f9dbf; text-decoration:none; }
#header H1 A:hover { color: #3fadcf; text-decoration:none; }
#col_a { WIDTH: 260px; }
#col_b { WIDTH: 705px; PADDING-TOP: 0px; }
DIV.content-holder { BORDER: #e2e2e2 1px solid; PADDING:0px 12px 15px 12px; MARGIN: 0px auto; BACKGROUND: url(../images/box-bg.gif) #efefef repeat-x; }
.center_box_content { width:680px; }
.pages_contents { width:680px; }
/* --- TOP NAVIGATION ------------------------------------------------------- */
DIV.languages { Z-INDEX: 10; TOP: 0px; }
DIV.currencies { Z-INDEX: 10; TOP: 54px; }
DIV.phones { Z-INDEX: 10; top:8px; }
DIV#menu-bg { POSITION: absolute; WIDTH: 5px; HEIGHT: 48px; TOP: 0px }
DIV.menu { z-index: 10; position: relative; margin: 0px auto; width: 975px; display: block; height: 48px}
UL.nav { width: 955px; font-family: arial, helvetica, sans-serif; height: 48px; font-size: 14px}
UL.nav LI { position: relative; padding-bottom: 0px; margin: 0px; padding-left: 8px; padding-right: 8px; background: url(../images/divider-v.gif) no-repeat; height: 48px; padding-top: 0px; width:90px; text-align:center; font-size: 14px}
UL.nav LI.no_border { BACKGROUND: none transparent scroll repeat 0% 0%}
UL.nav LI A { padding-bottom: 15px; padding-left: 5px; padding-right: 5px; display: block; color: #000; text-decoration: none; padding-top: 15px}
UL.nav LI A:hover { color: #666}
UL.nav LI A.over { color: #2f9dbf}
UL.nav LI SPAN.subhover { BACKGROUND-POSITION: CENTER -22PX; CURSOR: POINTER}
UL.nav LI UL.subnav { border-bottom: #fff 1px solid; position: absolute; border-left: #fff 1px solid; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 190px; padding-right: 0px; display: none; background: #efefef; float: left; border-top: #fff 1px solid; top: 48px; list-style-image: none; border-right: #fff 1px solid; padding-top: 0px; left: 0px}
UL.nav LI UL.subnav LI { border-bottom: #fff 1px solid; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 190px; padding-right: 0px; height: auto; clear: both; border-top: #ccc 1px solid; padding-top: 0px}
UL.nav LI UL.subnav LI.sub-inner EM { position: absolute; font-style: normal; bottom: 10px; display: block; font-size: 16px; right: 5px; font-weight: normal}
UL.nav LI UL.subnav LI.sub-inner UL { display: none}
UL.nav LI UL.subnav LI.sub-inner UL LI { height: auto}
UL.nav LI UL.subnav LI.sub-inner UL LI A { display: block}
/* --- LEFT COLUMN ---------------------------------------------------------- */
DIV.left_box_container { Z-INDEX: 0; BORDER-BOTTOM: #e2e2e2 1px solid; POSITION: relative; BORDER-LEFT: #e2e2e2 1px solid; PADDING-BOTTOM: 15px; MARGIN: 0px auto 17px; PADDING-LEFT: 5px; WIDTH: 240px; PADDING-RIGHT: 5px; DISPLAY: block; BACKGROUND: url(../images/box-bg.gif) #fcfcfc repeat-x; BORDER-TOP: #e2e2e2 1px solid; BORDER-RIGHT: #e2e2e2 1px solid; PADDING-TOP: 15px; }
DIV.left_box_container DIV.shadow { POSITION: absolute; WIDTH: 235px; BOTTOM: -17px; padding-left:10px; padding-right:10px; DISPLAY: block; BACKGROUND: url(../images/box-shadow.png) no-repeat; HEIGHT: 17px; }
DIV.left_box_container H3 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 10px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 12px; BORDER-TOP: 0px; BORDER-RIGHT: 10px; PADDING-TOP: 0px; PADDING-BOTTOM: 10px; MARGIN-BOTTOM: 10px; BACKGROUND: url(../images/divider-dotted.gif) repeat-x left bottom; COLOR: #8a2529; FONT-SIZE: 17px; FONT-WEIGHT: bold; }
DIV.left_box_container DIV.side_box_content { margin:0 10px; }
/* --- RESERVATION DETAILS -------------------------------------------------- */
#reservation-form INPUT[type='text'] {
BORDER-BOTTOM: #cfcfcf 11px solid; BORDER-LEFT: #e2e2e2 1px solid; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 3px; WIDTH: 120px; PADDING-RIGHT: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #666; BORDER-TOP: #e2e2e2 1px solid; BORDER-RIGHT: #cfcfcf 1px solid; PADDING-TOP: 3px
}
TABLE.tblReservationDetails { border:1px solid #d1d2d3 }
TABLE.tblReservationDetails THEAD TR { background-color:#e1e2e3;font-weight:bold;font-size:13px; }
TABLE.tblReservationDetails TR TD SPAN { background-color:#e1e2e3; }
/* --- Hotel Description ---------------------- */
TABLE.tblHotelDescription{ border:0px; }
TABLE.tblHotelDescription TR TD { padding-bottom:10px;}
/* --- EXTRAS DETAILS ------------------------------------------------------- */
TABLE.tblExtrasDetails { border:1px solid #d1d2d3 }
TABLE.tblExtrasDetails THEAD TR { background-color:#e1e2e3;font-weight:bold;font-size:13px; }
TABLE.tblExtrasDetails TR TD SPAN { background-color:#e1e2e3; }
/* --- LINKS ---------------------------------------------------------------- */
HR { height:1px; padding:0px; margin:3px 0px 6px 0px; border-top:1px solid #cbd3db; color:#cbd3db; }
.line-hor { background:#d1d2d3; height:1px; overflow:hidden; font-size:0; line-height:0; margin:21px 0 16px 0; }
.line-ver { background-image:url(../images/line-ver.gif); background-repeat:repeat-y; width:100%;}
SPAN.yes { color:green; FONT-SIZE: 12px;}
SPAN.no { color:darkred; FONT-SIZE: 12px;}
SPAN.gray { color:gray; FONT-SIZE: 12px;}
SPAN.lightgray { color:lightgray; FONT-SIZE: 12px;}
SPAN.red { font-weight:normal; color:#c30000; FONT-SIZE: 12px;}
SPAN.green { font-weight:normal; color:#308330; FONT-SIZE: 12px;}
SPAN.darkred { color:darkred; }
SPAN.required { color:#c13a3a; }
.help { cursor:help; }
/* --- TERMS & CONDITIONS --------------------------------------------------- */
#light { display:none; }
.black_overlay { display:none; position:absolute; top:0%; left:0%; width:100%; height:1900px; background-color:black; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); }
.white_content { position:absolute; top:120px; left:7%; width:80%; height:65%; padding:16px; border:16px solid darkorange; border-top:0px; background-color:white; z-index:1002; overflow:auto; }
.white_content UL LI { margin-left: 10px; }
.white_header { position:absolute; top:40px; left:7%; width:80%; height:10%; padding:16px; border:16px solid darkorange; border-bottom:0px; background-color:white; z-index:1002; overflow:auto; }
.white_header DIV.title_left { float:left; width:70%; }
.white_header DIV.title_right { float:right; width:30%; text-align:right; }
/* --- RESERVATION TABS ----------------------------------------------------- */
.reservation_tabs { font-size:14px; margin:10px 0px 10px 0px; width:100%; }
.reservation_tab { font-size:14px; font-weight:bold; text-align:center; width:25%; height: 30px; border:1px solid #8a2529; color:#ccc; }
.reservation_tab A { color:#c1c2c3; }
.reservation_tab_active { font-size:14px; font-weight:bold; text-align:center; width:25%; height: 30px; border:1px solid #8a2529; color:#8a2529; background-color:#d3edf5; }
/* --- RESERVATION CART ----------------------------------------------------- */
TABLE.reservation_cart { border:0px; }
TABLE.reservation_cart TR.header { background-color:#d4eef6; font-weight:bold; font-size:13px; }
TABLE.reservation_cart TR.header TH { font-weight:bold; border-bottom:1px solid #c0dae2; border-top:1px solid #c0dae2; }
TABLE.reservation_cart TR.header TH.left { border-left:1px solid #c0dae2; }
TABLE.reservation_cart TR.header TH.right { border-right:1px solid #c0dae2; padding-right:4px; }
TABLE.reservation_cart TR TD { padding:2px 3px; }
TABLE.reservation_cart TR.footer { }
TABLE.reservation_cart TR.footer TD.td { font-weight:bold;border-bottom:1px solid #c0dae2; border-top:1px solid #c0dae2; }
TABLE.reservation_cart TR.footer TD.left { background-color:#d4eef6; border-left:1px solid #c0dae2; padding-left:4px; }
TABLE.reservation_cart TR.footer TD.right { background-color:#d4eef6; border-right:1px solid #c0dae2; padding-right:4px; }
.reservation_cart .discount_coupon { width:170px; }
.reservation_cart .extras_ddl { width:44px; }
/* --- EDIT ACOUNT FORM ----------------------------------------------------- */
#frmEditAccount INPUT[type=text]{ width:210px; }
#frmEditAccount INPUT[type=password]{ width:190px; }
/* --- BANNERS -------------------------------------------------------------- */
.banners-box-slideshow { z-index:-1; margin:2px 1px 10px 1px; border:0px solid #d9d9d9; height:240px; background-color:#fcfcfc; }
.banners-box-slideshow IMG { z-index:-1; border:0px; height:240px; width:100%; }
.banners-box-random { z-index:-1; margin-bottom:10px; }
.banners-box-random IMG { z-index:-1; border:0px; height:240px; }
DIV.slideshow-caption { z-index:-1; text-align:center; position:absolute; margin:-49px 2px 0px 2px; width:702px; height:39px; padding:0px 10px 0px 9px; background:#444444; color:white; font-family:sans-serif; border-radius:3px; display:none; }
/* --- MESSAGE BOXES -------------------------------------------------------- */
.message_sign { width:26px; text-align:center; padding-left:auto; padding-right:auto; }
TD.message_text { padding-left:0px; padding-right:0px;}
TD.message_text_single { padding-left:10px; padding-right:10px;}
.success_message_box { font-size:12px; width:100%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color: #000000; background-color:#f1fff1; border:1px solid #3ac13a; }
.important_message_box { font-size:12px; width:100%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color: #000000; background-color:#fff1f1; border:1px solid #c13a3a; }
.message_box { font-size:12px; width:100%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color: #000000; background-color:#fffff1; border:1px solid #c1c13a; }
.no_margin_line { margin:0px; }
.no_margin { margin:0px; }
.mandatory_star { color:#a33200; font-weight:bold; margin:0 1px 0 1px;}
.message_box, .important_message_box, .success_message_box{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* --- ROOM DESCRIPTION ----------------------------------------------------- */
TABLE.room_description { margin:5px 5px 5px 5px; width:100%; }
TABLE.room_prices { border:1px solid #d1d2d3; width:99%; }
TABLE.room_prices TR.header { background-color:#d1d2d3;font-weight:bold;font-size:13px;text-align:center; }
TABLE.room_prices TR.header TH { border-top:1px solid #d1d2d3; border-bottom:1px solid #d1d2d3; }
IMG.room_icon { border:2px solid #d1d2d3; margin-bottom:5px; }
/* --- CONTACT US ----------------------------------------------------------- */
#frmContactUs input[type=text] { width:210px; }
#frmContactUs input[type=submit] { padding-left:4px; padding-right:4px; }
#frmContactUs IMG#captcha_image { border:1px solid #d1d2d3;}
TABLE.tblContactUs TR TD { padding:1px; }
/* --- FOOTER ----------------------------------------------------------- */
#footertop { padding-bottom: 0px; line-height: 90px; margin: 0px auto; padding-left: 0px; width: 100%; padding-right: 0px; height: 90px; font-size: 90px; padding-top: 0px; }
#footer { position: relative; text-align: center; margin: -90px 0px; width: 100%; bottom: 0px; background: url(../images/footer-bg.gif) repeat-x center top; height: 90px; }
FORM#frmLogout { font-size: 11px; font-weight: normal; }
#links { position: relative; text-align: center; margin: 0px auto; width: 975px; height: 90px; color: #666; }
#links-content { position: relative; margin: 0px auto; height: 70px; color: #333; top: 20px; }
#links-content SPAN { position: relative; font-size: 12px; }
#links-content A { color: #666; font-size: 11px; font-weight: normal; text-decoration: none; }
#links-content A.transform { font-size: 12px; }
#links-content A:hover { text-decoration: underline; }
FORM#frmRegistration INPUT[type=text] { width:190px; }
FIELDSET.popular_search { margin-bottom:15px; padding:6px 13px; display:none; border:1px solid #cccccc; }
FIELDSET.popular_search LEGEND { }
.pages_contents { margin-bottom:5px; }
.pages_contents DIV { margin:5px auto; }
/* --- NEWS ---------------------- */
.category-news { }
.center_box_heading_news { vertical-align:top; margin:1em -0.1em 0em -0.1em; padding:0px 5px 5px 5px; font-weight:bold; font-size:12px; }
.center_box_contents_news { vertical-align:top; margin:1em -0.1em 0em -0.1em; padding:0px 5px 5px 5px; font-weight:normal; font-size:12px; }
.center_box_contents_news A { padding-right:4px; padding-left:4px; font-size:12px; }
.center_box_bottom_news { vertical-align:top; margin:1em -0.1em 0em -0.1em; padding:0px 5px 5px 5px; font-weight:normal; font-size:12px; }
/* --- GALLERY -------------------- */
.gallery_table IMG { margin-bottom:3px; }
/* --- NEWSLETTER SUBSCRIBE ----------------------------------------------- */
FORM.newsletter_subscribe { margin:0px; padding:0px; }
FORM.newsletter_subscribe INPUT[type=text] { margin-bottom:4px; margin-right:4px; }
FORM.newsletter_subscribe INPUT[type=submit] { margin-bottom:4px; }
FORM.newsletter_subscribe FIELDSET,
DIV.item{
padding:5px 10px 10px 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border:1px solid #cccccc;
}
.max_occupation { width:39px; }
.star_rating { width:134px; }
/* --- ROOMS PAGE -------------------- */
DIV.hotel_selector { margin:8px 2px 10px 2px;}
.hotel_selector INPUT, .hotel_selector SELECT { margin:0 3px;}
/* --- SEARCH AVAILABILITY PAGE ------ */
.tbl_hotel_description { }
.tbl_hotel_description img.hotel_icon { border:1px solid #ccc;width:120px;height:110px;margin:0 5px; }
.tbl_hotel_description DIV.hotel_name { margin-bottom:4px; }
.tbl_hotel_description DIV.hotel_location { margin-bottom:3px; }
.tbl_hotel_description DIV.hotel_description { }
.rooms_description { color:#777; margin:0 5px;}
.meal_plans_description { color:#777; margin:0 5px;}
.guests_description { color:#777; margin:0 5px;}