@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);

/*----------------------General-----------------*/
*{ margin:0px; padding:0px;}
body {color: #666; font-family:'PT Sans', sans-serif; font-size: 12px; margin:0px; padding:0px; }
a { border:none; text-decoration: none;}
img{ border:none; padding:0; margin:0;}
a:hover {color: #000;}
ol, ul { list-style: none; padding:0px; margin:0px;}
.clear{ clear:both;}
/*----------------------General-----------------*/

#wrap {margin: 0 auto;}
.inner {margin: 0 auto;max-width: 1000px; padding: 0 10px; }
.relative {position: relative;}
.right {float: right;}
.left { float: left;}


/* HEADER */
/*#wrap > header { background-color: #fff; padding-bottom: 20px; padding-top:20px; }
.logo {display: inline-block; font-size: 0; padding-top:15px; }
#navigation { position: absolute; right: 40px; bottom: 0px;  }
#menu-toggle { display: none; float: right; }*/

/* HEADER > MENU */
/*#main-menu {float: right; padding:10px 0 0 0; }
#main-menu > li {display: inline-block; margin-left: 30px; padding: 2px 0; text-transform: uppercase; font-size:12px; color:#161616;}
#main-menu > li.parent { background-image: url(../images/plus-gray.png); background-size: 7px 7px; background-repeat: no-repeat;background-position: left center;}
#main-menu > li.parent > a {padding-left: 14px;}
#main-menu > li > a {color: #161616; font-size: 12px; line-height: 14px; padding: 30px 0; text-decoration:none;}
#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a {color: #23dbdb; }*/
	
/* HEADER > MENU > DROPDOWN */
/*#main-menu li {position: relative;}

ul.sub-menu { /* level 2 */
	display: none; left: 0px; top: 28px; padding-top: 10px; position: absolute; width: 180px; z-index: 9999; float:left; }
	
ul.sub-menu ul.sub-menu { /* level 3+ */
	margin-top: -1px; padding-top: 0; left: 149px; top: 0px;}
ul.sub-menu > li > a {background-color: #333; border: 1px solid #444; border-top: none; color: #f3f3f3; display: block; font-size: 12px; line-height: 15px; padding: 10px 12px;}
ul.sub-menu > li > a:hover {background-color: #2a2a2a; color: #fff;}
ul.sub-menu > li:first-child { border-top: 3px solid #23dbdb; }
ul.sub-menu ul.sub-menu > li:first-child { border-top: 1px solid #444; }
ul.sub-menu > li:last-child > a { border-radius: 0 0 2px 2px;}
ul.sub-menu > li > a.parent { background-image: url(../images/arrow.png); background-size: 5px 9px; background-repeat: no-repeat; background-position: 95% center;}
#main-menu li:hover > ul.sub-menu {
	display: block; /* show the submenu */
}
/*ul.sub-menu li ul{  background:#333;}
ul.sub-menu li ul li{ background:#333; padding:5px 0 5px 10px;   }
ul.sub-menu li ul li a{ color:#bbb; text-transform: none; font-size:12px; background:url(../images/arrow.png) no-repeat left 4px; padding:0 0 0 10px;}
ul.sub-menu li ul li a:hover{ color:#096;}

#sign_in{ margin:20px 0 0 48px ; width:355px; float:right; }
#sign_in input[type="text"]{ float:left; width:120px; height:22px; color:#000; border:1px solid #d9e0e2; background:#f0f3f4;  margin:0 5px 0 0; padding:0 5px;}
#sign_in input[type="button"]{ float:left; background:#0c962a; width:77px; height:24px; border:none; color:#fff; text-transform:uppercase; font: normal 12px 'Lato', sans-serif; cursor:pointer;}
#sign_in input[type="button"]:hover{ background:#087f22; transition: all .3s ease-in-out;}
#sign_in p{ float:right; }
#sign_in p a{ color:#4a4a4a;}
#sign_in p a:hover{ text-decoration:underline; color:#0c962a;}*/

/*@media all and (max-width: 700px) {

	#navigation { position: static; margin-top: 20px; }
    #menu-toggle { display: block; }
    #main-menu { display: none; float: none; }
    #main-menu li { display: block; margin: 0; padding: 0;}
    #main-menu > li { margin-top: -1px;}
    #main-menu > li:first-child { margin-top: 0;}
    #main-menu > li > a { background-color: #333; border: 1px solid #444; color: #bbb; display: block; font-size: 12px; padding: 12px !important; padding: 0; }
    #main-menu li > a:hover { background-color: #444;} 
    #main-menu > li.parent { background: none !important; padding: 0;}
    #main-menu > li:hover > a,
	#main-menu > li.current-menu-item > a { border: 1px solid #444 !important; color: #fff !important;}
    ul.sub-menu { display: block; margin-top: -1px; margin-left: 20px; position: static; padding: 0; width: inherit;}
	ul.sub-menu > li:first-child { border-top: 1px solid #444 !important; }
    ul.sub-menu > li > a.parent { background: #333 !important; }

}	*/	

/*---------------------------------------------------------------------------------------------------------------------------------------------------*/		
/*----------------------Main containter-----------------*/

#wrapper{ width:100%; margin:0px auto;}
#banner{ width:100%; margin:0px auto; height:475px; position:relative; overflow:hidden; }
.componentDiv{position:relative; width:100%; height:475px; overflow:hidden;}
.piccontainer{position:absolute; width:100%;height:475px; background:#CCCCCC; overflow:hidden; top:0px; left:0px;}
.plate{position:absolute; top:0px; left:0px; width:1722px; height:475px; overflow:hidden; margin:0px auto;}
.plate a img{ cursor:pointer;}
/*.plate img{height:490px; width:20%;}*/
.dot{}
.dotcontainer{/*position:absolute;right:10px;bottom:20px;*/ background:url(../images/descriptionbg.png) repeat; height:64px; width:200px; bottom:0px; position:absolute; left:1150px; }
.dotcontainer ul{margin:0px;list-style-type:none;float:right; margin:12px 47px 0 0; }
.dotcontainer ul li{float:left;margin-right:5px;cursor:pointer;}

#reservation{ background:#e7e8e9; width:100%;}
#reservation_pannel{ width:1000px; height:33px; margin:0px auto; padding:25px 0;}
#reservation_pannel h1{ font:bold 20px 'Lato', sans-serif; text-transform:uppercase; color:#555555; line-height:36px; width:147px; float:left; padding:0px 435px;}
#reservation_section{ float:left; margin:0 0 0 0px; width:850px;}
#reservation_section select{ width:117px; height:30px; border:1px solid #727272; background:#e7e8e9; margin:0 0px 0 8px; float:left; color:#aea9a9;}
#reservation_section input[type="text"]{ width:117px; height:28px; border:1px solid #727272; background:#e7e8e9; float:left; margin:0 0px 0 8px; padding:0 5px; font-size:12px; color:#3a3b3c; }
#reservation_section input[type="submit"]{ border: 1px solid #0c962a; width:160px; height:30px; background:#e7e8e9; text-transform: uppercase; color:#0d9029; font: normal 13px 'Lato', sans-serif; margin:0 0 0 8px; cursor:pointer; float:left; }
#reservation_section input[type="submit"]:hover{ background:#0c962a; color:#fff; transition: all .3s ease-in-out;}
#select_destination select{ width:135px; height:30px; border:1px solid #727272; background:#e7e8e9; margin:0 0px 0 10px; float:left; color:#aea9a9;}

/*New Design form ClubITC 2.0*/

#content {
    margin: 0px auto;
    max-width: 990px;
    padding: 78px 0;
}

.box {
    width: 297px;
    float: left;
    margin: 0 1.66%;
    background-color: #fff;
    box-shadow: 0px 0px 3px 0px #ccc;
}
    .box h3 {
        font: normal 18px 'Lato', sans-serif;
        color: #393939;
        text-transform: capitalize;
        padding: 0 10px 14px 10px;
        font-weight: bold;
    }


    .box img {
        margin: 0 0 17px 0;
        width: 297px;
        height: 260px;
    }

    .box p {
        font: normal 13px 'PT Sans Caption', sans-serif;
        color: #5f5f5f;
        padding: 0 10px;
    }

    .box input[type="button"] {
        border: 0px solid #29b948;
        background: #fff;
        color: #ab0000;
        margin: 21px 10px;
        display: block;
        text-align: center;
        font: normal 13px 'Lato', sans-serif;
        text-transform: uppercase;
        float: left;
        font-weight: bold;
    }

        .box input[type="button"]:hover {
            cursor: pointer;
            color: #967d3e;
            transition: all .3s ease-in-out;
            outline: navajowhite;
        }

.new-wrap-area {
    background-color: #f5f5f5; overflow:hidden;
}

/*#content{ width:990px; margin:80px auto; padding:0 0 0 10px;}
.box{ width:300px; float: left; margin:0 1%; }
.box h3{ font: normal 16px 'Lato', sans-serif; color:#393939; text-transform:uppercase; text-align:center; background:url(../images/border.jpg) no-repeat center bottom; padding:0 0 14px 0;}
.box img{ margin:33px 0 ; width:270px; height:226px;}
.box p{ font: normal 13px 'PT Sans Caption', sans-serif; text-align:center; color:#5f5f5f;}
.box input[type="button"]{ border: 2px solid #29b948; background:#fff; width:130px; height:34px; color:#1a9d37; margin:10px auto; display:block; text-align:center; font:normal 14px 'Lato', sans-serif; text-transform:uppercase; }
.box input[type="button"]:hover{ background:#0c962a; cursor:pointer; color:#fff; transition: all .3s ease-in-out;}*/


/*#footer{ background:#f3f3f3; width:100%;}
#footer_wrapper{ width:1000px; margin:0px auto; padding:3% 0;}
.footer_logo{ float:left; width:15%; margin:0 2%;}
.footer_logo img{margin:0px auto; display:block;}
#footer_nav{ margin:0px auto; width:1000px; }
#footer_nav ul{ margin:20px 0 0 60px; }
#footer_nav ul li{ float:left; font-size:14px;}
#footer_nav ul li a{ color:#595959; padding:0 14px;}
#footer_nav ul li a:hover{ color:#090;}
#copyright{ background:#373737; padding:10px 0; text-align:center; color:#888888;}*/


#footer{ background:#f3f3f3; width:100%;}
#footer_wrapper{ width:1000px; margin:0px auto; padding:3% 0;}
.footer_logo{width:100%;margin:auto; padding:10px 0px;}
.footer_logo img{ padding: 0;margin: 0 27px;outline:none;border: 0;}
#footer_nav{ margin:0px auto; width:1000px; }
    #footer_nav ul {
        margin: 25px 0 0 253px;
    }
#footer_nav ul li{ float:left; font-size:14px;}
#footer_nav ul li a{ color:#595959; padding:0 14px;}
#footer_nav ul li a:hover{ color:#090;}
#copyright{ background:#373737; padding:10px 0; text-align:center; color:#888888;}




#header {
    height: 100px;
    width: 100%;
    background:#F8F8F8;
}
#header #logo {
    float: left;
    margin-top: 16px;
    margin-left:20px;
}
.swflogo {
    float: left;
    margin-top: 16px;
    padding-left: 10px;
}
#hearedRight {
    float: right;
    /*width: 492px;*/
    /*width: 551px;*/
    width:545px;
}

#PLhearedRight {
    float: right;
    width: 356px;
}
.extTop {
    height: 30px;
    margin-top:10px;
    text-align: right;
    margin-right:50px;
}
    .extTop a {
        color: #303030;
        /*font-size: 12px;
    margin-left: 15px;*/
        font-size: 14px;
        margin-left: 26px;
    }
.extTop a img {
    margin-right: 5px;
    vertical-align: middle;
}
.clubMenu {
    color: #303030;
    margin-top: 10px;
    width: 100%;
}
.clubMenu ul li {
    float: left;
}
    .clubMenu ul li a {
        color: #303030;
        font-family: arial;
        /*font-size: 15px;*/
        font-size: 16px;
        font-weight: normal;
        margin-left: 15px;
        text-decoration: none;
    }
.clubMenu ul li a b {
    background: url("../images/green-arrow-down.gif") no-repeat scroll right center transparent;
    font-weight: normal;
    padding: 0 12px;
}
.clubMenu .menuhover b, .clubMenu ul li a:hover b {
    background: url("../images/black-arrow-down.gif") no-repeat scroll right center transparent;
}
.clubMenu ul li a b.nobg {
    background: none repeat scroll 0 0 transparent !important;
    padding-right: 0 !important;
}
ul.menu {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.menu * {
    margin: 0;
    padding: 0;
}
ul.menu a {
    color: #000000;
    display: block;
    text-decoration: none;
}
ul.menu a span {
    position: relative;
}
ul.menu li {
    float: left;
    margin-right: 0;
    position: relative;
}
ul.menu ul {
    display: none;
    font-family: tahoma;
    left: 6px;
    list-style: none outside none;
    opacity: 0;
    position: absolute;
    top: 30px;
}
ul.menu .menulink {
    font-weight: normal;
    padding: 0;
    position: relative;
    z-index: 5001;
}
    ul.menu .menulink span {
        height: 32px;
        line-height: 32px;
        padding-bottom: 8px;
        /*padding-right: 5px;*/
        padding-right: 12px;
        padding-top: 8px;
    }
i.lock {
    font-size: 16px;
    font-style: normal;
}
    ul.menu .menulink span b {
        /*padding-bottom: 9px;*/
        padding-bottom: 2px;
        padding-left: 8px;
        padding-right: 16px;
    }
ul.menu .menuhover {
    background: url("../images/topnav-hlc.gif") no-repeat scroll left top transparent;
}
ul.menu .menuhover span {
    background: url("../images/topnav-hrc.gif") no-repeat scroll right top transparent;
}
ul.menu ul table, .acitc .menubox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../images/tpmenu-bg.gif") repeat-x scroll left top #FAFAFA;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    color: #747474;
    float: left;
    font-size: 12px !important;
    padding-bottom: 10px; width:100px; 
}
ul.menu ul table td {
    padding: 3px 0;
    vertical-align: top;
}






.acitc {
    left: -36px !important;
}
.acitc .menubox .divider {
    background: url("../images/dotter-vr.gif") repeat-y scroll center top transparent;
    float: left;
    height: 158px;
    margin: 10px 0;
    width: 20px;
}
.acitc .menubox {
    padding-top: 10px;
    /*width: 510px;*/
    width:215px;
}
.acitc .menubox h3 a {
    color: #333333;
    font-size: 14px !important;
    font-weight: normal !important;
}
.acitc .menubox h3 {
    color: #333333;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 5px 0 !important;
}
.acitc .menubox h4 a {
    background: url("../images/black-arrow-right.gif") no-repeat scroll right center transparent;
    color: #148F50;
    font-size: 12px;
    margin-left: 0;
    padding: 5px 15px 5px 0;
    text-decoration: none;
}
.acitc .linkbox {
    float: left;
    padding-right: 10px;
}
.acitc .menuboxbot {
    /*width: 512px;*/
    width:216px;
}
.acitc .cc {
    /*width: 492px;*/
    width:196px;
}
    .acitc .menubox h3 a:hover {
        color: green;
    }
.rwrds table {
    width: 200px;
}
.rwrds .cc {
    width: 180px;
}
.rwrds .menuboxbot {
    width: 200px;
}
.promtions table {
    width: 120px;
}
.promtions .cc {
    width: 100px;
}
.promtions .menuboxbot {
    width: 120px;
}
.jnow table {
    width: 150px;
}
.jnow .cc {
    width: 130px;
}
.jnow .menuboxbot {
    width: 150px;
}
.signin table {
    width: 224px;
}
.signin .cc {
    width: 204px;
}
.signin .menuboxbot {
    width: 224px;
}
.signin {
    left: -40px !important;
}
.signin td {
    color: #747474;
    padding: 4px 5px !important;
}
.signin td a {
    color: #747474;
    font-size: 11px !important;
    margin-left: 10px !important;
    text-decoration: underline !important;
}


.SubmitButton {
  background: url("../images/button-bg.gif") no-repeat scroll 0 0 transparent;
  border: 0 none;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  height: 26px;
  text-align: center;
  width: 83px;
}



/*----------------------Report-----------------*/

.report_table { margin:0px 0px 0px 45px; width:900px; height: 500px;}

.report_table table tr td{ padding:10px; text-align:center;}
.report_table table tr th{ background:#0c962a; padding:5px 5px; color:#fff; font-weight:normal;}

/*----------------------newlyadded 17-12-2020-----------------*/

a.menulink.tir-sign2:hover {
    background: transparent;
}

a.menulink.tir-sign2 span:hover {
    background: transparent;
}