* { margin:0; padding:0;}
body { background:#000; font-family:Tahoma; font-size:100%; line-height:.875em; color:#677788; text-align:center;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:left; font-size:12px; width:auto; padding-left:30px; padding-top:10px; line-height:1.5}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}

p { margin-bottom:7px; text-align:justify;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:208px; height:18px; background:#fff; color:#000; font-size:1em; font-family:tahoma; padding-left:3px; border:1px solid #8f8f8f;}
textarea { width:208px; height:153px; background:#fff; overflow:auto; color:#000; font-size:1em; font-family:tahoma; padding-left:3px; border:1px solid #8f8f8f; margin-bottom:18px;}


/*==================list====================*/
ul { list-style:none;}

.top_nav { float:right; padding:18px 45px 0 0;}
.top_nav li { display:inline;}
.top_nav li a { background:url(images/top_nav_divider.gif) no-repeat right 3px; padding:0 8px 0 4px;}
.top_nav li a.last { background:none;}

.list1 li b { background:url(images/marker.jpg) no-repeat left 0px; padding-left:21px; color:#677788; line-height:1.91em; font-weight:normal;}
.list1 li a:hover { color:#6e9ec9;}

/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}
.img_box { padding:0 0 27px 0;}
.img_box img { float:left; margin:0 21px 0 0;}

.p1 { margin-bottom:46px;}
.p2 { margin-bottom:15px;}
.p3 { margin-bottom:14px; padding-right:25px;}

blockquote p { margin-bottom:0;}

.cont_box { padding:0 60px 0 0; margin-bottom:0;}
.cont_box span { float:right;}

/*==================txt, links, lines, titles====================*/
a {color:#fff; text-decoration:none;}
a:hover { text-decoration:underline;}

h2 { color:#677788; font-size:27px; font-weight:normal; line-height:1.1em; font-family:arial; margin-bottom:17px;}
h3 { color:#5d88b3; font-size:12px; margin-bottom:7px;}
h4 { color:#5d88b3; font-size:1em;}

.txt1 { color:#5d88b3;}

.link1 { color:#bdbdbd; font-family:arial; text-transform:uppercase; font-style:italic; font-size:1.1em; font-weight:bold;}
.link2 { text-decoration:underline;}
.link2:hover { text-decoration:none;}

/*content*/
#content { background:url(images/content_bgd.jpg) center top;}
#content .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content .extra { padding:37px 0 36px 28px;}
#content .extra img { margin-right:11px;}
#content .article { padding:0 0 51px 36px;}
#content .indent { padding:0 30px 0 0;}
#content .indent p { margin-bottom:14px;}
#content .col_3 .inner { padding:47px 0 0 0;}
#content .col_1 .cont_box { padding:0;}

/*footer*/
#footer { background:url(images/footer_bgd.gif) left top repeat-x;}
#footer .fleft { padding:38px 0 0 40px;}
#footer .fright { padding:19px 3px 0 0;}
#footer img { float:left; margin-right:42px;}
#footer a { color:#0072b1; text-decoration:underline;}
#footer a:hover { text-decoration:none;}
/*==========================================*/

.luckyclose
{
 vertical-align:top;
 background:url(images/bt.gif) no-repeat;
 width:20px;
 height:20px;
 float:right;
 margin-right:10px;
 margin-top:10px;
}
.luckyclose:hover
{
 
}





 /***************************Tooltip area starts here ******************************/
.fadecontentwrapper{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 550px;
height: 150px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid maroon;
overflow: hidden;
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: url(images/fadebg.jpg);
padding: 10px;
visibility: hidden;
width: 500px;
padding-left:10px;
text-align:justify;
font-size:12px;
font-family:Arial;
}

.fadecontenttoggler{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
border: 0px solid maroon;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color:#5d88b3;
}

.fadecontenttoggler a:hover{
color: white;
}

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: white;
}





/*************step2**************/
.fadecontentwrapper1{ /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 550px;
height: 150px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid maroon;
overflow: hidden;
}

.fadecontent1{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute;
background: url(images/fadebg.jpg);
padding: 10px;
visibility: hidden;
width: 500px;
padding-left:10px;
text-align:justify;
font-size:12px;
font-family:Arial;
}

.fadecontenttoggler1{ /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
border: 0px solid maroon;
border-top-width: 0;
overflow: hidden;
}

.fadecontenttoggler1 a{ /*style for every navigational link within toggler */
text-decoration: none;
padding: 0 5px;
float: left;
display: block;
font-weight: bold;
color:#5d88b3;
}

.fadecontenttoggler1 a:hover{
color: white;
}

.fadecontenttoggler1 a.toc1{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.fadecontenttoggler1 a.prev, .fadecontenttoggler1 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black;
}

.fadecontenttoggler1 a.prev:hover, .fadecontenttoggler1 a.next:hover{
color: white;
background: black;
}

.fadecontenttoggler1 a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: white;
background:#FF0000;
}

#honeynone, #familynone, #adventnone, #wildnone, #flightnone, #hotelnone, #railnone, #coachnone, #pilgrimnone, #hajjnone, #holynone, #carnone, #monunone, #themenone,  #housenone, #kathnone, #chinanone, #elenone, #cavenone, #bamboonone, #cruisenone, #mcienone, #visanone  { display:none; }

a 
{
 cursor: pointer;
 cursor: hand; 
}
#default2, #default1, #default3, #default4, #default5 { font-size:12px; text-align:justify; width:98% }

.col_1 p { font-size:12px;}
.fright {  }
.fright a { margin:0px 5px 0px 5px; text-decoration:none; }
.fright a:hover {  color:#0000FF; text-decoration:underline; }
.keralalist { width:100%; height:20px; border-bottom: solid 1px #999999; padding-top:10px; font-weight:bold; font-size:10px; }

#menuFg1, #menuFg2, #menuFg3, #menuFg4 { text-transform:uppercase; }