/*  create by lihao */

/* GLOBAL STYLES */
* {border:0;line-height:1.5em;list-style:none;margin:0;padding:0;  }

html, body {color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px; background:#000;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;margin:1em 0;}
h1 { font-size:24px; margin: 0.5em 0; float: left; clear:both;font-family: 'Droid Serif', serif; }
h2 { font-size:18px; float: left; clear: both;font-family: 'Droid Serif', serif;  }
h3 { font-size:16px; float:left; clear:both;font-family: 'Droid Serif', serif; }
h4 { font-size:14px;}
h5 { font-size:13px;}
h6 { font-size:12px;}
a {color:#333;text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin:1em 0;}
header,footer,section,article,aside,nav,address {display:block;}
.clear {clear:both;display:block;height:	0;overflow:hidden;width:100%;}
.hidden {display:none;} 
a:hover {  text-decoration:none;}
ul, li { list-style:none; }
.item {float:left;}
.floatleftClass { float:left;}
.floatrightClass { float:right;}
.button { padding:5px 10px; margin: 0; background:#e1e1e1; border-radius:3px; color:#333; font-size:12px; float:left; }


/* general style*/

#FullScreenImagesHolder, #FullScreenImagesHolder #banner,#FullScreenImagesHolder #banner a { float: left;height: 92%; margin-top: 42px;overflow: hidden;width: 100%;}
#FullScreenImagesHolder #banner {top: -60px !important;}
#FullScreenImagesHolder { position:absolute; z-index:1;}


.floatBannerHolder {float:left;  height:335px; position: absolute; z-index: 3; left:-315px; top:50%; margin:-227px 0 0; }
.floatBanner { float:left;}
..floatBanner a.floatBanner img {float:left; width:290px; height:335px; }
.floatBannerTrigger  {float:left; width:25px; height:159px; background:url(../images/close.png) left top no-repeat; cursor: pointer; }


.wrapper { float:left; width:100%;}
    .sitefloat { width:1200px; margin:0 auto; position:relative;}
    .TopSitePanelsHolderBG {float:left; width:100%; height:146px;   position:absolute; z-index:2;
                            background:url(../images/topPanelBG.png) left top repeat-x; }
    .wedding .TopSitePanelsHolderBG {background:url(../images/topPanelBG-lite.png) left top repeat-x; }                       
    .TopSitePanelsHolder { float:left; width:100%;  position:absolute; z-index:4; }
    .homepage .TopSitePanelsHolder { top:-150px;}
        .logo { position:relative; width:194px; margin:0 auto;}
        .logo a {float:left; width:100%; height:97px; background:url(../images/logo.png) left top no-repeat; text-indent:-9999px;}
        .wedding .logo a {background:url(../images/logo-dark.png) left top no-repeat; }
            
            nav, nav ul, nav ul li,nav ul li a {float:left;}
                nav ul, nav ul li { display:inline}
                nav ul li a {font-family: 'Arimo', sans-serif;}
                .pnav {position:absolute; z-index:3; top:20px; padding:0; float:left; border-top:1px solid #6a6c6f; border-bottom:1px solid #6a6c6f;}
                .wedding .pnav {  border-top:1px solid #FCF7EB; border-bottom:1px solid #FCF7EB; }
                .navLeft { left:28px;}
                .navRight { left:58.5%; }
                .pnav ul li { background: url(../images/nav_divide.png) right center no-repeat;  position:relative; }
                .pnav ul li a { padding:5px 15px; color:#fff; font-family: 'Droid Serif', serif;  text-transform:capitalize; font-size:13px;}
                .wedding .pnav ul li a {  color:#898784; }
                .pnav ul li .destinations { padding:0 100px 0 0;}
                .pnav ul li .last { padding:0;}
                .pnav ul li a:hover,.pnav ul li.active a {color:#ccc}
                .wedding .pnav ul li a:hover,.wedding .pnav ul li.on a {color:#333}

                .pnav ul li ul { display:none; position:absolute;top:28px; left:0px; z-index:200; padding: 8px 0 0; 
                                background-image: url(../images/arrow_down_80.png);   background-position:35px 0;  background-repeat:no-repeat; }
                .pnav ul li ul ul { background: none;top:-10px; width:180px; overflow:hidden;  }
                .navLeft ul li ul ul {left: 200px; }
                .navRight ul li ul ul {left: -180px; }
                .pnav ul li:hover>ul{ display:block;}
                .pnav ul li ul li{ float:left; background:none; padding:0;  }
                .pnav ul li ul li a{ float:left; background:#3C3F2E!important; font-size:12px!important; width:180px; display:block; color:#fff!important; padding:8px 10px!important;}
                .wedding .pnav ul li ul li a {background:#79735E!important;;}
                .pnav ul li ul li a:hover{ float:left; background:#222!important; color:#fff;}

			.FooterSiteMap ul li ul { display: none;}

            .BottomSiteHolder {float:left;  position:fixed;width:100%; bottom:0; height:254px; z-index:2; /* background:#0E0E0C; */ background: url(../images/bottomGradientBG.png) left top repeat-x; }
            .wedding .BottomSiteHolder { background: url(../images/bottomGradientBG_wedding_sec.png) left top repeat-x;}
            .BottomSiteHolder .sitefloat { height:250px; }
            .ContentHolder,.ContentHolder h1, .ContentHolder h2, .ContentHolder h3,.ContentPanel {float:left; color:#fff;font-family: 'Droid Serif', sans-serif  }
            .wedding .ContentHolder,.wedding .ContentHolder h1,.wedding .ContentHolder h2,.wedding .ContentHolder h3,.wedding .ContentPanel { color:#222;}
                .ContentPanelHolder {float:left; clear:both;  position:relative;  background:url(../images/Dark90.png) left top repeat; overflow: hidden;}
                .wedding .ContentPanelHolder { background:url(../images/lite90.png) left top repeat;}
                .homepage .ContentPanelHolder { display: none; }   
                    .homepage .ContentTrigger { position:absolute; top:8px; right:10px; background-image:url(../images/closeOpenIcon.png); z-index:3; cursor:pointer}
                    .ContentClosed {float:left; width:22px; height:23px;   background-position:0 0; }
                    .ContentOpenned {float:left; width:22px; height:23px;   background-position:0 -23px;}
                    .ContentHolder h1 { cursor:pointer; }
                    .ContentHolder a { color:#ccc!important;}
                    .wedding  .ContentHolder a { color:#79735e!important;}
                    .ContentHolder h1,.ContentHolder h2,.ContentHolder h3 { width:100%; font-weight:normal;}
                    .ContentHolder h1 { padding:0; margin:15px 0; font-size:20px; font-weight:lighter; }       
                    .ContentHolder h2 {padding:0; margin: 0; font-size:14px;font-weight:lighter;}
                    .ContentHolder {  position:absolute; left:50%; margin:0 0 0 -570px; float:left;
                                        bottom:120px; z-index:3;  }
                    .ContentHolder p { float:left; color:#fff; margin:10px 0;}
                    .wedding .ContentHolder p { color:#222;}
                    .homepage .ContentHolder {width:548px;}
                    .ContentPanel {  width:500px; padding:0 25px; height:55px;  overflow:hidden}  


                    /*----- jScrollPane-----*/
                    .jspContainer {overflow: hidden;position: relative;}
                    .jspPane { position: absolute; left:0; }
                    .jspVerticalBar {position: absolute; top: 28px; right: 6px;  height: 100%;background: none;}
                    .jspVerticalBar {width: 18px; }
                    .jspHorizontalBar { position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;}
                    .jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;}
                    .jspCap {display: none;}
                    .jspHorizontalBar .jspCap {float: left;}
                    .jspTrack {background: #1f1f1f;position:relative; width:12px; padding:0 0 0 2px; }
                    .wedding .jspTrack { background:none;}
                    .jspDrag {background: #333;position: relative;top: 0;left: 0;cursor: pointer;}
                    .jspDrag { height: 92px!important; width: 10px!important;position: relative; top: 0; left: 0;cursor: pointer; background:url(../images/dragBar.png) left top no-repeat; }
                    .wedding .jspDrag { background:url(../images/dragBar-lite.png) left top no-repeat;}
                    .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag {float: left;height: 100%;}
                    .jspArrow {background: none;text-indent: -20000px;display: block;cursor: pointer;}
                    .jspArrow.jspDisabled {cursor: default;}
                    .jspVerticalBar .jspArrow {height: 4px;}
                    .jspHorizontalBar .jspArrow {width: 16px;float: left;height: 100%;}
                    .jspVerticalBar .jspArrow:focus {outline: none;}
                    .jspCorner {background: #eeeef4;float: left;height: 100%;}
                        /* Yuk! CSS Hack for IE6 3 pixel bug :( */
                        * html .jspCorner {margin: 0 -3px 0 0;}
                    /*----- /jScrollPane-----*/ 


            .searchboxHolder {float:right; padding:0 15px 0 0;position: absolute;right:21px;  z-index: 2; }
                /*.homepage */.searchboxHolder {top:80px;}
                .searchbox {float:left; width:370px; height:54px; background:#1D1A0F; position: relative; }
                .wedding .searchbox {background:#fff;}
                .homepage .searchbox { display: none;}

/*                .PromoTrigger {  float: left;height: 29px;position:absolute; ;width: 164px;z-index: 100;}
                .PromoClosed  {background:url(../images/ClosePromoCode_h.png) left top no-repeat; }
                .PromoClosed  {background:url(../images/Promo_code_open..png) left top no-repeat; }
                .wedding .PromoClosed  {background:url(../images/ClosePromoCode_h.png) left bottom no-repeat; }
                .wedding .PromoClosed  {background:url(../images/Promo_code_open.png) left bottom no-repeat; }
*/
                .bke_drop {  position:absolute; top:0; margin:10px 0 0; padding:5px 20px;z-index: -1; width:100px; right:40px ; display: none; }
                .PromoHolder {float:left; width:200px; height: 60px; position:absolute; z-index:-1; right: 10px ; top:-29px;}

                .PromoTrigger { float:left; width:164px;  height: 29px;  margin:0 0 0 20px; cursor:pointer;}
                .PromoClosed { background:url(../images/Promo_code_open.png) left top no-repeat; }
                .PromoOpened {background:url(../images/ClosePromoCode_h.png) left top no-repeat; }
                .PromoCodeHolder { float:left; clear: both; width:200px; height: 40px; background:#1D1A0F;display: none;}
                .wedding .PromoClosed  {background:url(../images/OpenPromoCode_wedding.png) left bottom no-repeat; }
                .wedding .PromoOpened {background:url(../images/ClosePromoCode_wedding.png) left top no-repeat; }
                .wedding .PromoCodeHolder { background:#F4EDDA;}

                #bke_searchbox_wrapper,#bke_searchbox_wrapper .field-wrapper,#bke_searchbox_wrapper .label, #bke_searchbox_wrapper .submit-wrapper {float:left; } 
                #bke_searchbox_wrapper {padding:18px 0 0 10px;}
                #arrival-date { width:100px; margin:-5px 0 0;}
                .bke_dropdown {margin: -5px 7px 0 0; padding: 5px;}
                #bke_searchbox_wrapper .label { padding:0 3px; color:#fff;}
                .wedding #bke_searchbox_wrapper .label {color:#000;}
                .submit-wrapper { margin:-10px 0 0;}
                .submit-wrapper input,.newsletter .btn-submit input {padding:10px 15px; margin:0; background:#302f14;  color:#fff; 
                                                                    font-size:12px; float:left;  cursor:pointer; text-transform: uppercase; }
                .wedding .submit-wrapper input,.wedding .newsletter .btn-submit input  { background:#EEE4C4; color:#000;  }                                                 
                .hasDatepicker {background: url("../images/new-cal.gif") no-repeat scroll 98% 0 #FFFFFF !important;
                                 border: 0 none; cursor: pointer;padding: 6px 5px !important;}
            
                .OffersPanelHolder {float:left; width:100%; position:absolute; bottom:130px;}
                .homepage .OffersPanelHolder { bottom:-120px;}
                .secondary .OffersPanelHolder {bottom:130px;}
                .OffersPanel { width:1150px; margin:0 auto;}
                .OffersPanelHolder ul {float:left; }
                .OffersPanelHolder ul li { float:left; position:relative; z-index:1; padding:0; }
                .OffersPanelHolder ul li img { float:left;  position:absolute; top: 0; left:0  }
                .OffersPanelHolder ul li .OfferContent {float:left;  width:209px; height:115px;  /*background:#2f2e26;*/ padding:0px; top:70px; left:0;  position:absolute;  z-index:2; color:#fff;}
                .OffersPanelHolder ul li .OfferContent h3 {color:#fff; float:left; width:90%; padding:8px 5%; margin:0; font-size:15px; background:#15140c; height:30px; overflow:hidden; font-weight: normal; text-transform:capitalize; text-align:center; opacity:0.8; } 
                .OffersPanelHolder ul li .OfferContent h3 a {color:#fff;}
                .OffersPanelHolder ul li .OfferContent a {}  
                .OfferDes {float:left; width:100%; height:50px; overflow:hidden;}
                .OffersPanelHolder .button {float: right; margin:0 10px; }
                .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
                .jcarousel-skin-tango .jcarousel-container-horizontal {}
                .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;}
                .jcarousel-skin-tango .jcarousel-clip-horizontal {}
                .jcarousel-skin-tango .jcarousel-item {width:209px;height:114px;  margin-left:10px; margin-right:10px; }
                .jcarousel-item a img {}
                .jcarousel-skin-tango .jcarousel-item-horizontal {}
                .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {}
                .jcarousel-skin-tango .jcarousel-item-vertical {}
                .jcarousel-skin-tango .jcarousel-item-placeholder {}
                .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 53px; right: -15px;width:12px;
                     height: 20px; cursor: pointer;  display:none!important;}
                .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 53px;left: -15px;
                    width:12px;height:20px;cursor: pointer;display:none!important;}
                          

                footer { float:left; width:100%; height:105px; position:absolute;  left:0; bottom:0; background:url(../images/bottomGradient.png) center top no-repeat ;}
                .wedding footer { background:url(../images/bottomGradient-lite.png) center top no-repeat ;}
                footer > .floatleftClass { width:100%} 
                address { float:left; color:#ccc; clear:both;  font-style:normal; line-height:25px;}
				.copyright {float:left; color:#ccc; margin-right:10px;}
                .wedding address { color:#555}
                footer  section, footer  section a {  color: #ccc;line-height:25px;}
                .wedding footer  section, .wedding footer  section a {  color: #555;}
                .SocialIconsHolder  { width:240px; margin:0 auto; }
                    .SocialIconsHolder ul, .SocialIconsHolder ul li, .SocialIconsHolder ul li img {float:left;}
                    .SocialIconsHolder ul li {padding:8px 5px;}
                .FooterSiteMap li { padding:0 5px;}
                .FooterSiteMap  a {  color:#555;}
                .FDBLogo {width:150px;  height:38px; float: right; margin: 0 145px 0 0 !important; background:url(../images/FDBHotelsLogo.png) left top no-repeat; }  
                .wedding .FDBLogo {background:url(../images/FDBHotelsLogo-lite.png) left top no-repeat; }
                .NetAffinity  { float:right; width:66px; height:31px; background:url(../images/netaffinityLogo.png) left top no-repeat; }
                .guaranteediris {float: right; height: 57px; margin: -7px 1px 0; width: 53px;background:url(../images/guaranteed_irish.png) left top no-repeat;}
                .loyaltyIcon {  float:right; width:120px; height:31px; background: url(../images/loyaltyHov.png) left top no-repeat;  margin:0 20px 0 0; }
                .vouchersIcon  { float:right; width:120px; height:31px; background: url(../images/vouchersHov.png) left top no-repeat;  margin:0; }
				.rosetteIcon  { float:right; width:65px; height:30px; background: url(../images/rosette.png) left top no-repeat; margin:0 20px 0 0; }
				.aaIcon  { float:right; width:30px; height:30px; background: url(../images/aa.png) left top no-repeat; margin:0 20px 0 0; }
                .wedding .loyaltyIcon {  background: url(../images/loyaltyHov_wedding.png) left top no-repeat;  }
                .wedding .vouchersIcon  {background: url(../images/vouchersHov_wedding.png) left top no-repeat; }
					 .good-food  { float:right; width:39px; height:39px; background: url(../images/good-food.gif) left top no-repeat; margin:0 20px 0 0; }

/* Tab Icons - Sprite generated by http://draeton.github.io/stitches/ */
.tab-extras {
  float: left;
  position: relative;
  top: 4px;
}
.tab-extras a,
body.wedding .tab-extras a{
font-size: 11px;
font-family: Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #fff !important;
margin-left: 15px;
}
.tab-extras-inner {
  background: url("/static_files/images/bg-tab-default.png") repeat scroll left top transparent;
  display: inline-block;
  float: left;
  padding: 3px 0 4px 16px;
}
body.wedding .tab-extras-inner {
  background-image: url("/static_files/images/bg-tab-default-w.png");
  }
.tab-extras span {
  background: url("/static_files/images/bg-tab-default.png") repeat scroll right top;
  display: inline-block;
  float: left;
  height: 25px;
  width: 34px;
}
body.wedding .tab-extras span {
  background-image: url("/static_files/images/bg-tab-default-w.png");
}

.tab-icon {
  background-image: url("/static_files/images/sprite-tab-icons.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: text-top;
}

.tab-icon-3dfloor {
    width: 14px;
    height: 12px;
    background-position: -5px -5px;
}

body.wedding .tab-icon-3dfloor {
    width: 14px;
    height: 12px;
    background-position: -29px -5px;
}

.tab-icon-video {
    width: 13px;
    height: 13px;
    background-position: -53px -5px;
}

body.wedding .tab-icon-video {
    width: 13px;
    height: 13px;
    background-position: -76px -5px;
}