body            { background-color:#cecece; margin: 15px; }

body, p, h1, h2, h3, h4, h5, li, .formfield, .formbutton, table { font-family: 'Source Sans Pro'; }


.wrapper {}

img { max-width: 100% !important; }

form                { margin: 0; padding: 0px; }
div         {box-sizing: border-box;}


h1              { margin: 0px 0px 14px 0px; font-size: 42px; font-weight: 700; }
p, li                { font-size: 16px; margin-bottom: 18px; }

h3 { font-weight: bold; }


p.lead { font-weight: bold; line-height: 120%; border-bottom: 1px #cacaca solid; padding-bottom: 14px; color:#606b82;  }

a { color:#606b82; }
a:hover { color:#2d2d2d; }

.nopadding { padding: 0; }
.clear-fix { clear:both;}

.crate-outer        { max-width: 1600px; margin: 0 auto; }
.crate              { max-width: 1300px; margin: 0 auto; }

.tr { clear:both; width: 100%; }
.th { float:left; }
.td { float:left; }


.trans-one          { -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease; }
.trans-two          { -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; }
.trans-three        { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.trans-four         { -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; }
.trans-five         { -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }


.wrapper        { }


.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;}
.sky-form .button { background-color:#ff6600; color:white;}




.content-outer {  }
.content-inner { background:#ffffff; }
.content { padding: 50px 0; }




.contact-info h3 { }
.contact-info h3 span { margin: 0; font-style:italic; font-weight: normal; }
.contact-info p     { font-size: 15px; clear:both; border-top: 1px #02a4b9 solid; padding: 8px 0;   }
.contact-info .fa     { float:right; color:#02a4b9; }
.contact-info span     { font-size: 12px; margin-left: 10px; }



.menu h3 { padding: 0px 15px; font-size: 17px; text-transform: uppercase; }
.menu ul { list-style-type:none; margin: 0px 0 30px 0; padding: 0px; }
.menu li { font-size: 15px; margin: 0 0 1px 0; }
.menu li a { display: block; padding: 6px 15px; background:#1b4b8b; color:white; }
.menu li a:hover { background:#02a4b9; text-decoration:none; }






.search-outer { padding: 15px 30px; background:#d9d9d9;  }
.search-outer h1 { color:#1b4b8b; font-size: 20px; display: inline-block; padding-bottom: 17px; font-weight: 900; letter-spacing: -1px; background-image:url('https://cruiseonsale.com/images/home/swoosh.png'); background-repeat:no-repeat; background-position:bottom right;  }
.search-outer h1 span.srclg { font-size: 40px; }

.search .drop { margin: 0 0 10px 0; }

.search .formfield { font-size: 18px; width: 100%; }
.search .formdates { width: auto; }
.search button { background:#02a4b9; color:white; font-size: 24px; padding: 0; border: 0; font-weight:bold; margin-bottom: 14px; }
.search button span { padding: 3px 20px; display: inline-block; }
.search button .fa { position:relative; float:right; border-left: 1px white solid; width: 40px; height: 40px; font-size: 20px; line-height: 40px }
.search .advanced { font-size: 14px; margin: 0; }





/* ---------- WIN A FREE VACATION ----------*/

.mm-winouter { margin-bottom: 30px; display: block; width: 100%; border: 7px #606b82 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 .mm-win h3 {color:white; text-shadow: 0 0 3px black; text-transform:uppercase; }
.mm-winouter .mm-win p span {background:#2d2d2d; color:white; padding: 3px 9px; display: inline-block;  }
.mm-winouter .mm-win p span:hover {background:#f25953;  }


.mm-winouter { margin-bottom: 30px; display: block; width: 100%; border: 7px #02a4b9 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:#02a4b9; margin: 10px 20px; text-transform:uppercase; }

.accordion { margin-bottom: 30px; }

.panel { border: 0px; box-shadow:none; padding: 0px; margin: 0 0 3px 0; border-radius: 0; }

.panel .pan-head a { background:#02a4b9; padding: 10px 18px; color:white; display: block; font-size: 18px; }
.panel .pan-head a:hover { background:#1b4b8b; text-decoration:none;  }
.panel .pan-body { padding: 20px 30px;  }
.panel .pan-body .more { margin: 0; font-size: 14px; text-align:right; }
.panel .pan-body .more a { background:#1b4b8b; padding: 3px 9px; color:white; display: inline-block; font-weight: bold; }
.panel .pan-body .more a:hover { background:#02a4b9; text-decoration:none; }


.panel .magazine img { width: 100%; margin-bottom: 15px; }
.panel .insure img,
.panel .shorex img { margin-bottom: 15px; }

.panel .ptg img { float:left; max-width: 70px; max-height: 70px; margin: 0 15px 15px 0; }



/* ---------- SUBSCRIBE ----------*/

.mm-signupouter { margin-bottom: 30px; padding: 10px 25px; display: block; width: 100%; border: 7px #02a4b9 solid;  }
.mm-signupouter a,
.mm-signupouter a:hover { text-decoration:none; color:transparent; }

.mm-signupouter .fa { position: absolute; font-size: 50px; width: 50px; height: 50px; line-height: 50px; color:#02a4b9; }

.mm-signup  { padding: 0px 0px 0px 70px; }

.mm-signup p.title,
.mm-signup p { color:#1b4b8b; }

.mm-signup p.title { font-weight: bold; font-style:italic; font-size: 28px; margin: 0 0 3px 0; }
.mm-signup p       { font-size: 15px; margin: 0 0 5px 0; line-height: 120%; }
.mm-signup p.more { font-weight: bold; text-align:right; }
.mm-signup p.more span { background: #1b4b8b; padding: 3px 9px; display: inline-block; color:white; }
.mm-signup p.more span:hover { background: #02a4b9; }



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

{


}