body            { background-color:#f5ebce; margin: 20px 0px; background-image:url('//www.kahalatravel.com/images/global/bg.jpg'); background-position:center center; }

#wrapper            { max-width: 1300px; margin: 0 auto; background-color:white; }



.clear-fix { clear:both;}


.trans-three    { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.trans-four     { -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.trans-five     { -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.trans-six      { -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; transition: all .6s ease 0s;}



form                { margin: 0; padding: 0px; }


a { color:#638d82; }
a:hover { color:#ff6600; }

h1              { margin: 0px 0px 14px 0px;}
p               { font-size: 15px; }




.disclaimer            { padding: 16px 20px;}
.disclaimer p           { font-size: 12px; font-weight: 300; margin: 0px; line-height: 135%;  }




/* Accordion - right column */

.panel-default > .panel-heading {	padding: 0; background:#80a3b7; color:#ffffff;}
.panel-default > .panel-heading:hover {	background:#0068ab; color:white;}
.panel-default > .panel-heading a {	padding: 8px 12px; color:#ffffff; font-weight:bold;  }
.panel-default > .panel-heading a:hover {	color:#ffffff; background-color:#fbb480;  }

.pan-mag img            { float:right; max-width:110px; margin: 0px 0px 10px 10px;}
.pan-mag p.more         { text-align:right; font-size: 13px; }
.pan-mag p.more a       { background-color:#fbb480; color:black; padding: 6px 12px; }
.pan-mag p.more a:hover       { background-color:#80a3b7; color:white; text-decoration:none; }


/* right column win a vacation */
.vacwin { position: relative; z-index: 3; overflow:hidden; margin: 15px 0; }
.vacwin > img {  width: 100%;    }
.win-text { position:absolute; z-index: 4; bottom: 00px; right: 0px }
.vacwin > .win-text p { margin-right: -200px; font-size: 16px; font-weight:bold; text-align:right;  }
.vacwin:hover > .win-text p { text-align:right; margin-right: 20px; }
.vacwin > .win-text h3 { background:rgba(0,0,0,0.5); padding: 10px 20px;  font-size: 20px; margin: 0px 0 10px 0; font-weight:bold; color:white;   }
.vacwin:hover > .win-text  { width: 100%; }
.win-text a.click { background-color:black; color:white; display:inline-block; padding: 7px 16px; box-shadow: 2px 2px 3px #666666; }
.win-text a.click:hover { background-color:#ff6600; text-decoration:none; color:black; }


.mm-watouter { margin-bottom: 30px; display: block; width: 100%; border: 3px #80a3b7 solid; position: relative;   }
.mm-watouter a,
.mm-watouter a:hover { text-decoration:none; color:transparent; }
.mm-watouter img { position: relative; z-index: 5; border: 1px white solid;    }
.mm-watouter h3 {color:#115a61; margin: 10px 20px; text-transform:uppercase; }

.mm-watouter .mm-win {padding: 10px 20px; margin-top: 15px;  }
.mm-watouter .mm-win h3 {font-weight: 900; margin: 10px 0; font-size: 16px; }

.signup-outer a:hover       { text-decoration: none;}
.signup         {background-color:#7cc0af; padding: 18px 20px; text-decoration:none; border: 0px; }
.signup:hover         { border: 7px #2790d8 solid; }

.signup .fa             { float:right; margin: 0 0 10px 20px; font-size: 50px; color:white; }
.signup p.title        {margin: 0 0 8px 0; font-size: 28px; font-style:italic; font-weight:bold; color:white; }
.signup p               { color:white; margin: 0px 0 10px 0; }
.signup p.more                {text-align:right; margin:0; font-size: 13px; }
.signup p.more span               { background-color:#2790d8; color:white; padding: 5px 12px; }
.signup p.more span:hover               { background-color:#ffffff; color:#2790d8; }


























.google-map > iframe { width: 100%; height: 200px; }

.captcha-code { float:left; max-width: 150px; text-align:center; background-color:#333333; color:white; padding: 8px 22px; margin-right: 10px; font-weight:bold; font-size: 18px; }
.captcha-field { float:left; max-width: 200px;}
#flagarea .fa { color:white; font-size: 20px; background-color:#990000; width: 24px; height: 24px; line-height: 100%;  }
.sky-form .button { background-color:#ff6600; color:white;}





.main-content               { background-color:white; margin: 0 auto 20px auto; padding: 14px;}

.main-content h3 { font-weight: bold; font-size: 19px; margin: 40px 0 10px 0; }



.main-content .submenu  { margin-bottom: 25px; }
.main-content .submenu ul { list-style-type:none; margin: 0; padding: 0;}
.main-content .submenu li { font-size: 16px; font-weight: bold;}
.main-content .submenu li a { display: block; border-top: 1px #cacaca solid; padding: 8px 15px;}
.main-content .submenu li a:hover { text-decoration:none; background:rgba(245, 235, 206, 0.33);}



.main-content blockquote p { letter-spacing:normal; font-style:italic; }





@media only screen and (max-width: 1150px) 

{
body            { margin: 0px; }


}







@media only screen and (max-width: 1000px) 

{


}





@media only screen and (max-width: 900px) 

{


}









@media only screen and (max-width: 650px) 

{

h1              { font-size: 30px;}


}









@media print {
   * { 
     text-shadow: none !important;
     color: #000 !important; 
     background: transparent !important;
     box-shadow: none !important;
-webkit-print-color-adjust: exact; 
 print-color-adjust: exact;

   }


#wrapper            { width: 100%;}                
.header .logo-area { width: 100%; float:none; }
.header .logo-area img { width: 200px; }



.toll-free          { float:right; width: auto;}


.advx .cruises .col30           { width: 0;}
.advx .cruises .col70           { width: 100%}



.footaddress-outer,
.advx .modify,               
.pre-header,
.offerid, 
.tom { display:none;}




}