body{ font-family:Arial, sans-serif; margin: 0;  padding: 0; background: #fff !important; color:#808080;}
/*Header & Footer css*/
.ihContainer{ width:100%; margin:0 auto;}
header { background: #aacad8 !important; max-width:100% !important;}
.ihHeader {
    float: left;
    width: 100%;
    height: 125px;
    margin: 0px;
    padding: 0px;
    background: url(/images/Islandhopper/islandhopper_header.png) repeat-x left top;
    border-top: 2px solid #1f9bdb;
    border-bottom: 2px solid #5edf8f;
}
.ihlogoimg1{ border:0px; float:left;}
.ihlogoimg2{ border:0px; float:right;}
.ihNav{background:rgb(117,176,210); background-image: -moz-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
 min-height: 38px; float:left; width:100%; list-style-type:none; margin:0px; padding:0px; border-bottom: 2px solid #d0d0d0; position:relative;}
.ihNav li {float: left;padding: 10px 17px;color: #ffffff;margin:0px;font-size: 14px;list-style-type:none; position:relative;}
.ihNav li:after{content:"|";position:absolute;right:0px;color:#fff;height:30px;width:1px;font-size: 14px;}
.ihNav li:last-child:after,.ihNav li.ihCreditBal::after{display:none;}
.ihNav li a {color: #ffffff; text-decoration:none;}
.ihNav li a:hover { color:#003366;}
.ihCreditBal{ position: absolute !important; top: -43px; right: 0px;}
.ihFooter{background:rgb(117,176,210); float:left; width:100%; margin:0px; padding:10px;font-size: 13px; background-image: -moz-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
 color:#fff;}
.login_lft_col{ width:33%;}
.login_con{ border:0px !important;}
/*Main Container*/
.ihMainContainer{ background:#ebf2fe; padding:10px; float:left; width:100%;}
.images_rounded { border: 1px solid #c2c2c2; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.maxWidth{ max-width:100%;}
.GAdsPanel{ width:100%; float:left; overflow:hidden;    text-align: center; margin-bottom:10px;}
.ihWelTxt{ text-align:center; color:red; line-height:20px; padding:10px 30%; font-size:14px; margin:0px;}
.ihLgntabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%;}
.ihLgntabs li { float: left; border-left: none;  margin: 0 11px 0 0; overflow: hidden; position: relative;}
    .ihLgntabs li a {
        text-decoration: none;
        color: #08396a;
        font-size: 14px;
        padding: 14px 20px 14px 45px;
        float: left;
        outline: none;
        margin-bottom: 0px;
        margin-right: 7px;
        border-radius: 5px 5px 0px 0px;
        border: 1px solid #d4d4d4;
        font-weight: bold;
        background: url(/images/Islandhopper/agent_icons.png) no-repeat;
        border-bottom: 0px;
        margin-bottom: 0px;
        background-color: #d4d4d4;
    }
.ihLgntabs li a.active,.ihLgntabs li a:hover{background-color:#fff;}
.ihLgntabs li a.agent { background-position:12px 8px;}
.ihLgntabs li a.guest { background-position:14px -35px;}
.ihLgntabs li.active, .ihLgntabs li.active a:hover {background-color: #fff; border-bottom: 1px solid #fff;}
.ihLoginPanel { padding-right:10px;}
.ihLogiBox{background:#fff;border: 1px solid #d4d4d4;border-radius: 0px 7px 7px 7px;padding:17px 10px;float: left;margin-top: -1px;}
.ihLogiBox input[type="text"],.ihLogiBox input[type="password"]{box-shadow: 0 0px 0px 0 #ccc;border: 1px solid #d3d3d3;padding: 8px; font-size: 13px;    background: #f8f8f8;  border-radius: 5px 5px 5px 5px; color: #747474;}
.usertxt{ padding-top:10px; color:#000;}
.submitButton{background: #015383; color: #fff; margin-left:10px; font-size: 15px; padding:5px 8px; border-radius:5px; border: 1px solid #015383; cursor: pointer; text-align: center;}
.submitButton:hover{ background:rgb(117,176,210); background-image: -moz-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(117,176,210) 0%, rgb(95,166,218) 52%, rgb(80,161,226) 100%);}
.ihLogiBox a{color: #003366;}
.ihLogiBox a:hover{ text-decoration:none;}
.staticPanel{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#fff; border: 1px solid #d4d4d4; color: #000000; font-size: 13px; padding:0px; float:left; width:100%;}
.staticPanel h1{background:#ccddff; margin:0px; padding:10px; border-radius:4px 4px 0 0; width:100%; font-size:17px;}
.staticPanelInner{ padding:10px;}
.staticPanel h2{ font-size:15px;}
.staticPanel address{ font-size:14px; font-style:normal; line-height:25px;}
.staticPanel address a:hover{ text-decoration:none;}

/*Responsive css*/

@media screen and (max-width: 767px){
/*nav bar*/
.navclose {position: fixed; z-index: 100; right: 15px;top: 20px;}
.tbocaret {width: 35px;height: 30px;cursor: pointer;position: absolute;top: 8px; border:1px solid #ffffff99; left: 13px;background:#1ed5a0;padding: 2px 7px;border-radius: 5px;display:block !important;}
.tbocaret span {background:#ffffff; height:2px; display: block;margin-top:5px; margin-bottom:4px;}
.navclose span:first-child { transform: rotate(50deg); transition: .2s ease; margin-top: 13px;}
.navclose span:nth-child(2) {display: none;}
.navclose span:last-child { transform: rotate(-50deg);  transition: .2s ease; margin-top: -6px;}
/*nav bar end*/
.ihNav{display:none;}
.ihNav li{float:left; width:100%;}
.ihNav li:after{display:none;}
.ihNav li{ border-bottom:1px solid #ffffff3b}
.ihNav li:last-child{ border-bottom:0px;}
.ihNav li a{display:block;}
.ihCreditBal{ position: relative !important; top:0px; right: 0px;}
.ihlogoimg1{ margin-left: 70px;}
 .ihLoginPanel{ margin-bottom:10px; padding-right:0px;} 
 .ihlogoimg2,.ihlogoimg1{ height:78px;}
 .ihHeader{background-size: contain;height: 82px;}
 .ihWelTxt{padding:10px;}
 .ihFooter div{ padding:5px 0; text-align:center; width: 100%;}
 .login_lft_col { width: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  
     .login_lft_col { width: 100%;}
  }

 @media screen and (min-width: 991px) and (max-width: 1180px) {



 }
 @media screen and (max-width:480px){
 .ihlogoimg2,.ihlogoimg1{ height:50px;}
 .ihHeader{background-size: contain;height:55px;}

 }