﻿
@import 'https://mccormicktravel.com/css/fonts.css';
@import 'https://mccormicktravel.com/css/samstrap.css';







.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;}


img { max-width: 100%; }

form                { margin: 0; padding: 0px; }


a { color:#2790d8; }
a:hover { color:#ff6600; }

h1              { margin: 0px 0px 14px 0px;}
p               { font-size: 15px; }
li              { font-size: 15px; margin-bottom: 10px;}

.main-content           { max-width: 1300px; margin: 0 auto; padding: 20px 0px;}

.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:#d4e2f0; color:#0068ab;}
.panel-default > .panel-heading:hover {	background:#0068ab; color:white;}
.panel-default > .panel-heading a {	padding: 8px 12px; color:#0068ab; font-weight:bold;  }
.panel-default > .panel-heading a:hover {	color:#ffffff;  }

.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:#0068ab; color:white; padding: 6px 12px; }
.pan-mag p.more a:hover       { background-color:#ff6600; color:#ffffff; 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-winouter { margin-bottom: 30px; display: block; width: 100%; border: 1px #666666 solid; position: relative;   }
.mm-winouter a,
.mm-winouter a:hover { text-decoration:none; color:transparent; }
.mm-winouter img { position: relative; z-index: 5; border: 1px white solid;    }
.mm-winouter .mm-win {position: absolute;  z-index: 6; top: 0; right: 0; width: 60%; padding: 15px 25px; text-align:center;   }
.mm-winouter h3 {color:#115a61; margin: 10px 20px; text-transform:uppercase; }

.signup-outer a:hover       { text-decoration: none;}
.signup         {background-color:#ff6600; 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;}





















@media only screen and (max-width: 1150px) 

{


}







@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;}




}