@import url("site_common.css");

/*reset
--------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}
em, i {font-style: italic;}
strong {font-weight: bold;}
:focus {outline: 0;}
ol, ul {list-style: none;}
/* ------------------------------------------------------------------------ */

/* grid & structure
--------------------------------------------------------------------------- */
#wrapper { width:990px; margin:0 auto; }
#contentContainer { width:990px; position:relative;}

#contentContainerTop { height:10px; width:990px; background:url(../images/bg_content_top.gif) no-repeat 0 0;}
#contentContainerCenter { width:990px; background:url(../images/bg_content_center.gif) repeat-y 0 0;}
#contentContainerBottom {}
#bgMask { height:254px; width:990px; background:url(../images/content_container_top_mask.gif) no-repeat; position:absolute;}

#content {width:980px; padding:10px 10px 25px 10px; text-align:left; background:url(../images/bg_content.jpg) no-repeat 5px bottom; position:relative; z-index:1;}
/* ------------------------------------------------------------------------ */


/* typo
--------------------------------------------------------------------------- */
body{font-size: 62.5%; font-family:Arial, Helvetica, sans-serif;}

a { text-decoration:none; color:#2272aa; }
a:hover {text-decoration:underline; }

h1, h2, h3, h4 {font-weight:normal; }

h2 { font-size:2em; margin:0 0 20px 0; color:#0064ba;}

.textNormal { font-size:1.2em; line-height:18px; }
.textNormalGrey { color:#8f8f8f; font-size:1.2em; line-height:18px; }


.textBig { font-size:1.6em;}
.textSmall { font-size:10px; }
.textSmallGrey { font-size:1em; color:#8f8f8f; }

.textLarge { font-size:2em;}
.textLargeGrey { font-size:2em; color:#8f8f8f;}
.textHuge { font-size:3.6em;}
.pipeSpacer {padding:0 3px; }


/* ------------------------------------------------------------------------ */


/* common
--------------------------------------------------------------------------- */
body { background:url(../images/bg_body.gif) repeat-x 0 0;}
html, body{height:100%; }
html{height:100.5%!important;} /*displays the vertical scroll in firefox */
.clear{clear:both;}
.pipeSpacer {color:#d3d3d3; padding:0 3px;}
.goRight { float:right;}
.goLeft { float:left;}
.hiddenContent {display:none;}
.visibleContent {display:block;}
/* clearfix --------*/
.clearfix:after {content: "."; display: block; height: 0;  clear: both; visibility: hidden;}
* html .clearfix {height: 1%;} /* Hides from IE-mac */
.clearfix {zoom: 1;}  /*end tweak for ie7 */
/* clearfix --------*/
/* ------------------------------------------------------------------------ */



/* header
--------------------------------------------------------------------------- */

#header { margin:10px 0 0 0;}
#headerTop {width:990px; height:45px; background:url(../images/bg_header_top.png) no-repeat 0 0;}
#headerBottom { width:990px; height:45px; background:url(../images/bg_header_bottom.png) no-repeat 0 0; overflow:hidden;}
#headerCenter { width:980px; background-color:#fff; margin:0 5px; min-height:85px; height:auto !important; /*IE6 min-height CSS hack, together with the next line*/height:85px; overflow:hidden;}
#headerBottomMore { margin:-4px 5px 0 5px; width:980px;}


#headerTopContent { padding:6px 5px 0 250px; height:37px; overflow:hidden;}
#checkUs { float:right;}
#checkUs li { float:left; background:url(../images/checkus_sep.png) no-repeat 0 0; padding:11px 20px 9px 20px; height:20px; overflow:hidden;}
.facebook_btn { float:left; background:url(../images/checkus_sep.png) no-repeat 0 0; padding:0px 20px 0px 20px; height:20px; overflow:hidden; border:0px solid red;}


.headerPartLeft { float:left; width:246px;}
.headerPartCenter { float:left; width:385px; height:66px; padding:10px 0 10px 150px; background:url(../images/powered_by.png) no-repeat 0 center;}
.headerPartRight { float:left; width:185px; padding:0 10px 0 0; overflow:hidden;}



#logo {display:block; margin:10px 0 0 20px; }

.loginForm {width:195px; margin:15px 0 0 0; height:1%; }
.loginForm .customInput { border:0; background:#a4c7e2; margin:0 0 3px 0; float:left; width:125px; font-size:1.1em; padding:2px;}
.loginForm .customSubmit { float:right; width:59px; height:49px; border:0; padding:0; background:url(../images/login_btn.png) no-repeat; cursor:pointer; margin:-25px 5px 0 0;}

.formLinks { margin:3px 0 0 0; text-align:right;}
.formLinks a { color:#9c9b9b; font-size:1.1em;}


.navLevelOne { font-size:1.1em; padding:3px 0 0 210px;}
.navLevelOne li { float:left; padding:14px 6px 8px 6px; border-right:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-left:1px solid #cfdae1; }
.navLevelOne li a { color:#2272aa; white-space:nowrap;}
.navLevelOne .selected { background:url(../images/selected_nav_level_1.png) repeat-x 0 9px;  padding:14px 6px 10px 6px;}
.navLevelOne .first, .navLevelOne .last { border:none; }

.navLevelTwo { background:url(../images/bg_nav_leveltwo.gif) repeat-x 0 0; height:30px; padding-left:170px; white-space:nowrap;}
.navLevelTwo li { float:left; padding:9px 0 5px 0px; color:#2272aa; display:inline;}
.navLevelTwo li a { font-size:1.1em; color:#2272aa;}
.navLevelTwo li span { padding:0 10px;}
/* ------------------------------------------------------------------------ */

/* footer
--------------------------------------------------------------------------- */

#footer { margin:0 0 50px 0;}
#footerContentContainer { width:990px; background:url(../images/footer_center.png) repeat-y 0 0; text-align:center;}

#footerBottom { height:14px; width:990px; background:url(../images/footer_bottom.png) no-repeat 0 0;}
#footerContent { padding:10px 20px; font-size:1.1em;}
#footerContent span { color:#000; padding:0 5px;}
#footerContent a {color:#000; }
.contactInfo { color:#808080; margin:15px 0 0 0;}
/* ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------ */




/* index 
--------------------------------------------------------------------------- */
.bookingFlyer {width:140px; height:630px; background:url(../images/book_btn.png) no-repeat 0 0; display:block; float:left; }
.bookBtn {text-indent:-9999px; height:293px; display:block;}
.faqBtn {text-indent:-9999px; height:70px; display:block;}

.videoPlayerContent { background:url(../images/bg_main_box_index.jpg) no-repeat 0 0; height:445px;}
#videoPlayer { width:830px;  float:left; position:relative;}
#thePlayer { padding:15px 0 0 310px;}

.videoPlayerNav { position:absolute; top:255px; right:105px;}
.videoPlayerNav a { display:block; font-size:1.8em; color:#fff; background:#0064b9 url(../images/btn_tab_video.gif) repeat-x 0 0; float:left; margin:0 0 0 3px; padding:4px 8px;}
.videoPlayerNav .selected { background:#fff url(../images/btn_selected_tab_video.gif) repeat-x 0 0; color:#000;}
/* ------------------------------------------------------------------------ */


.sponsors { height:130px; background-color:#fff; margin:90px 0 40px -5px; width:980px; }
.sponsors .sponsorsMask { width:980px; height:85px; position:absolute; overflow:hidden;}
.sponsors .sponsorsMask .sponsorsScrollBody { height:85px; position:absolute; width:3000px;}
.sponsors .sponsorsMask .sponsorsScrollBody  td { height:85px; vertical-align:middle; padding:0 14px;}



/* page 
--------------------------------------------------------------------------- */

.pageContent { padding:0 0 0 15px; float:left; width:800px; }
.pageTitle { font-size:3em; color:#0064b9; margin:0 0 10px 20px; float:left;}
.pageText { font-size:1.2em; line-height:1.6em;}
.pageText ul { list-style-type:disc; list-style-position:inside; }
.pageText dl  {list-style-type:circle; list-style-position:inside;}

.pageText ol { list-style-type:decimal; list-style-position:inside;}

.pageThumb { float:right; margin:0 0 20px 20px; background-color:#d4e5f1; padding:20px;  background:url(../images/bg_photo_gallery.gif)  0 0;}
.pageGallery { float:right; clear:both; display:block;  padding:0px 20px 10px 11px; margin:-20px 0 0 0; width:311px; background:url(../images/bg_photo_gallery.gif)  0 0;}
.pageGalleryHead { background-color:#fff; font-size:1.2em; font-weight:bold; padding:5px 10px; margin:0 2px 12px 10px;}
.pageGallery .galleryThumb {float:left; width:95px; overflow:hidden; margin:0 0 10px 8px;}
.pageGallery .galleryThumb img { border:1px solid #fff;}
/* ------------------------------------------------------------------------ */


/* customForm 
--------------------------------------------------------------------------- */

.pageText .box {margin:7px 0 0 0;}
.box { border:1px solid #d6d6d6; background:#FFF url(../images/register_bg.gif) repeat-x 0 bottom; }
.box .boxHead { background-color:#f5f5f5; border-bottom:1px solid #d6d6d6; font-size:1.4em; font-weight:bold; padding:8px 20px 6px 20px;}
.box .boxHead span { font-size:1.2em; color:#c05f08;}
.box .boxHead a { font-size:0.9em; font-weight:bold;}
.box .boxHead span.pipeSpacer { color:#d1d1d1; font-size:0.8em;}
.box .boxHead .selected { color:#555;}

.box .boxContent { padding:20px;}

.registerThumb { float:left; margin:0 20px 0 0; width:300px;}

.registerBlurb { background-color:#f5f5f5; color:#000; font-size:1.4em; padding:20px; font-style:italic; text-align:center;}

.customForm { text-align:right; width:435px;  float:left; margin:0px 0 0 0;}
.customForm p { margin:0 0 15px 0;}
.customForm label { margin:0 15px 0 0; font-size:16px; font-weight:bold;}
.customForm p .form_txt { background-color:#f5f5f5; height:23px; padding:0; width:228px; border-left:1px solid #acacac; border-top:1px solid #acacac;  border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.customForm textarea { background-color:#f5f5f5; width:228px; border-left:1px solid #acacac; border-top:1px solid #acacac;  border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; vertical-align:top;}
.customForm p .submitBtnForm {}
/* ------------------------------------------------------------------------ */

.tableTemplate { width:100%; }
.tableTemplate .head { background-color:#555; color:#fff;  padding:5px 10px; text-align:center;}
.tableTemplate td { padding:10px; border-bottom:1px dotted #d1d1d1; text-align:center; vertical-align:middle;}

.td_od_row { background-color:#eaf3fb;}
.loggedIn { padding:20px; font-size:1.1em;}
.loggedIn span {color:#d1d1d1; padding:0 2px;}

.btn {display:block; width:223px; height:36px; text-align:center; font-size:20px; text-align:center; background:url(../images/btn.gif) no-repeat 0 0; padding:20px 0 0 0; font-weight:bold;}


.submitBtnForm{ display:block; width:223px; height:56px; border:0; cursor:pointer; color:#0064b9; float:right; padding:0; vertical-align:center; font-size:20px; text-align:center; background:url(../images/btn.gif) no-repeat 0 0;  font-weight:bold;}


.uploadPhotos { border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:20px 0; margin:20px 0;}
.uploadPhotos .btn { float:left; }
.uploadPhotos .uploadBtn { color:#e49c11; font-size:1.4em;}

.photoGalleryItem { width:242px; font-size:11px; padding:20px 0 10px 10px; height:80px; border-bottom:1px solid #e5e5e5; background-color:#f5f5f5;}
.photoGalleryItem .thumb { float:left; margin:0 10px 0 0;}
.photoGalleryItem input { width:80px; height:18px; border:1px solid #d1d1d1; padding:0;}

#thePlayer { }



.specialPageLeftPart {margin-bottom:20px; float:left;  overflow:hidden; width:660px;}
.specialPageLeftPart h2 { margin:0 0 20px 15px;}
.specialPageLeftPart .pageText { padding:0 20px 0 15px;}


.locationMap { background:url(../images/bg_location_map.gif) no-repeat 0 0; width:628px; padding:15px 16px; margin:0 0 20px 0; }
.resortMap { background:url(../images/bg_resort_map.gif) no-repeat 0 0; width:628px; padding:18px 16px; margin:0 0 20px 0;}


.relatedPicsGallery { width:140px; height:415px; background:url(../images/related_pics_gallery.gif) no-repeat 0 0; margin-bottom:20px; float:left;}
.picsBrowser { margin:20px 0 20px 23px; width:23px;}
.picsBrowser .picsBrowserBtn { height:30px;}
.picsBrowser a {display:block; float:left; margin-bottom:8px; width:93px; height:69px; overflow:hidden; text-align:center;}
.picsBrowser .show_photos {float:left;height:308px;overflow:hidden;position:relative;width:93px}
.picsBrowser .scroll_body {height:4000px;position:absolute;}
.photosScrollBody { height:800px; position:absolute;}
.picsBrowser .previousBtn { width:93px; height:30px; display:block; background:url(../images/btn_pics_up.gif) no-repeat 0 0; text-indent:-9999px;}
.picsBrowser .previousBtnDisabled { width:93px; height:30px; cursor:default; display:block; background:url(../images/btn_pics_up_disabled.gif) no-repeat 0 0; text-indent:-9999px;}
.picsBrowser .nextBtn { width:93px; height:30px; display:block; background:url(../images/btn_pics_down.gif) no-repeat 0 0;text-indent:-9999px;}
.picsBrowser .nextBtnDisabled { width:93px; height:30px; display:block;cursor:default; background:url(../images/btn_pics_down_disabled.gif) no-repeat 0 0;text-indent:-9999px;}


.tableTemplate .itemNo {width:20px;}
.tableTemplate .galleryName { font-size:2em; vertical-align:middle; width:300px; text-align:left;}
.tableTemplate .galleryDesc { width:200px; text-align:left!important;vertical-align:middle; width:200px;}


.bookingNav { background-color:#3399cc; padding:8px 10px; font-size:1.4em; margin:7px 0 0px 0;}
.bookingNav ul { height:15px; font-weight:bold; width:580px; margin:0 auto;}
.bookingNav ul li { float:left;}
.bookingNav ul .selected a { text-decoration:underline; }
.bookingNav ul li span { color:#fff; padding:0 10px;}
.bookingNav ul li a { color:#fff;}

.bookingBox { background-color:#fff; padding:20px;}
.bookingBoxHead { font-size:3em; color:#666666; border-bottom:1px solid #d1d1d1; padding:0 0 10px 0; margin:0 0 20px 0; text-align:center;}
.bookingBoxHead span { color:#000000;}
.bookingBoxContent { }
.bookingBoxContent form { font-size:1.2em;}
.bookingBoxContent form label { font-size:1.4em; font-weight:bold; width:200px; display:block; float:left;}
.bookingBoxContent form div { margin:0 0 15px 0;}



.person {border-bottom:1px solid #e5e5e5; padding:10px; margin:0 0 10px 0; background:#f5f5f5; line-height:14px;}
.personNo { font-size:1.6em;}

.popupContainer { font-size:1.2em; margin:50px auto; width:800px;}
.popupContainer table { background-color:#fff;}

.popupContainer table .th_class { font-weight:bold;  text-align:center; vertical-align:middle;}
.popupContainer td {border-bottom:1px solid #d1d1d1; padding:10px; text-align:center;}

.popupHead { font-size:3em; background-color:#555; color:#fff; padding:20px;}

.superWideBox { background-color:#fff; width:1120px; margin:0 auto; }

.th_class { font-weight:bold; font-size:12px; text-align:center; background-color:#3399cc; color:#fff; padding:5px 3px;border-right:1px solid #fff;}
.td_class { padding:10px 3px 10px 3px; vertical-align:middle; text-align:center;border-bottom:1px solid #e5e5e5; background-color:#f5f5f5;}
.td_class input {width:60px; font-size:11px;}
.td_separator { background-color:#f8f8f8;  }

.formLine { border-bottom:1px solid #d1d1d1; padding:20px 0; margin:0 0 10px 0;}

.extraInfo { float:right;}
.extraInfo td { border:0; vertical-align:top;}

.tableTemplate2 td { vertical-align:middle; padding:10px 5px;}


/*boxtype1 -------------*/

.boxType1 { width:800px; margin:0 0 13px 0;}
.boxType1Top { width:800px; height:10px; background:url(../images/box_type1_top.gif) no-repeat 0 0;}
.boxType1Bottom {width:800px; height:10px; background:url(../images/box_type1_bottom.gif) no-repeat 0 0;}
.boxType1Center {width:800px; background:url(../images/box_type1_center.gif) repeat-y 0 0;}
.boxType1Content { padding:5px; }
/*end boxtype1 --------*/



.boxType2 {}
.boxType2Top { height:10px; width:830px; background:url(../images/box_type2_top.gif) no-repeat 0 0; }
.boxType2Bottom {height:10px; width:830px; background:url(../images/box_type2_bottom.gif) no-repeat 0 0;}
.boxType2Center { width:830px; background:url(../images/box_type2_center.gif) repeat-y 0 0;}
.boxType2Content { padding:5px 15px;}


ul.listType1 { list-style-type:none; font-size:1.3em; color:#666; margin:0 0 30px 0;}
.listType1 li { border-bottom:1px solid #e5e5e5; height:1%; overflow:hidden; padding:10px 10px 10px 10px;}
.listType1 .listType1Head { font-weight:bold;  border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;padding:10px; color:#000; background-color:#f5f5f5; margin:0 0 10px 0;}

.listType1 .docIco { padding:20px 0 20px 45px; background:url(../images/doc_ico.gif) no-repeat 0 center;}
.listType1 .invoiceOptions { float:right; margin:0 0 0 10px; text-align:right;}
.listType1 .invoiceOptions span {font-size:0.8em; font-style:italic;}

.profileBox {}
.profileBoxTop { font-size:2em; border-bottom:1px solid #dcdcdc; margin:5px; padding:0 20px 10px 20px;}
.profileBoxContent {  background:url(../images/bg_user_profile_box.jpg) no-repeat 0 0; margin:0 5px; padding:30px 20px;}

.profileBoxPartLeft { float:left; width:240px; margin:0 10px 0 0;}
.profileBoxPartRight { float:left; width:480px;}

.userPic { background-color:#fff; padding:5px; text-align:center;}

.profileDetails { background-color:#fff; overflow:hidden; padding:20px; float:left; width:420px;} 
.anchor {width:15px; height:16px; background:url(../images/anchor.gif) no-repeat 0 0; margin:30px 0 0px 0; float:left; display:inline; }
.aboutMe { font-size:1.6em; font-style:italic; line-height:1.3em; margin:0 0 20px 0;}

.profileDetails ul li { font-size:1.4em; color:#7f7f7f; background:url(../images/bg_profile_details_list.gif) repeat-x 0 0; border-top:1px solid #e5e5e5; padding:10px 20px;}
.profileDetails ul li span { color:#000; font-weight:bold;}
.userName { margin: 0 0 10px 0; font-size:3.6em; }

.userGalleryBox { background-color:#eee; margin:0 5px; }
.userGalleryBoxTop { padding:5px 20px; font-size:1.6em; font-weight:bold; background-color:#fff; margin:0 0 14px 0; zoom:1; }
.userGalleryBoxContent {}

.userGalleryItem { width:93px; background-color:#fff; padding:10px; background:#fff url(../images/zoom_ico.gif) no-repeat right bottom; margin:0 0 14px 14px;}
.userGalleryItem a { text-decoration:none;font-size:1.1em; display:block; height:120px;}
.userGalleryItem span { background-color:#cd040e; color:#fff; padding:0 3px;}

.usersListBox { background-color:#eee; padding:20px 0;}
.usersListBoxHead { background:#0064b9; color:#fff; margin:0 20px 20px 20px; font-size:1.8em; font-weight:bold;  padding:12px 10px; font-size:1.6em;}
.usersList li { float:left; background-color:#fff; padding:20px; width:315px; float:left; margin:0 19px 19px; border:1px solid #ddd;}
.userThumb { float:left; margin:0 20px 0 0;}
.usersListName {font-size:2em;}

.paginator { font-size:1.6em; text-align:center; margin:10px 20px; background-color:#fff; padding:10px; border:1px solid #ddd;}
.paginator a { background-color:#0064b9;color:#fff; padding:0 5px; text-decoration:none; font-weight:bold;}
.paginator a:hover { background-color:#fff; color:#000;}

.msg {border:1px solid #edc586;   font-size:1.4em; font-weight:bold; color:#444; margin:0 0 15px 0; background:#fdf6eb url(../images/ico_alert.gif) no-repeat 10px center; padding:18px 20px 14px 55px; text-align:left; }



#footerContent .footerImpLinks {  font-size:1.2em; font-weight:bold; margin:10px 10px 0 0;}
#footerContent .footerImpLinks a { color:#0064b9;}