/* Compiled Less CSS File */
/* Generated from "custom.css" */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,900);

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);
body {
	background: #E9E9EA url("/images/backgrounds/bg-hilton-head-savings2c.jpg");
	font: 14px/19px 'PT Sans', Arial, sans-serif;
	color: #242A31;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
 }
.blue-header {
  border: 3px solid #1c596e;
  color: #1c596e;
  text-transform: uppercase;
  /*text-align: center;*/
  text-align: left;
  padding: 15px 15px 15px 30px;
  font-weight: 900;
  font-size: 22px;
}
.red-header {
 /* border: 3px solid #1c596e; */
  color: #1c596e;
  color: red;
  text-transform: uppercase;
  text-align: center;
  padding: 5px;
  font-weight: 900;
  font-size: 20px;
}
.red-span {
  font-weight: 900;
  color:red;
}
span.red {
  color:red;
}
.box {
  position: relative;
  border: 0;
  border-radius: 0;
  margin-bottom: 35px;
}
.box.blank {
  padding: 0px 15px;
  margin-top: 20px;
}
.box h1 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-top: 10px;
  margin-bottom: 35px;
  margin-left: 65px;
  font-family: 'Roboto', sans-serif;
}
.box-header .icon {
  height: 60px;
  width: 60px;
  position: absolute;
  top: 6px;
  left: -25px;
}
.box-header {
  position: absolute;
  border-bottom: 1px solid #f4ebc0;
  top: 0px;
  right: 0px;
  left: 30px;
  height: 55px;
}
.box-hotels {
  background: #0487AA;
  /* Old browsers */

  background: -moz-linear-gradient(top, #0487AA 1%, #2378AD 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #0487AA 1%, #2378AD 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #0487AA 1%, #2378AD 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0487AA', endColorstr='#2378AD', GradientType=0);
  /* IE6-9 */

  border-bottom: 1px solid #41473d;
}
.box-hotels ul {
  padding-left: 25px;
}
.box-hotels li {
  list-style: disc;
  color: #f4ebc0;
}
.box-hotels li a {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.boxed {
  position: relative;
  display: grid;
}
.boxed p {
  margin: 12px 0 10px 0;
}
.box-shadow {
  -webkit-box-shadow: 0px 20px 44px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 20px 44px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 20px 44px -15px rgba(0, 0, 0, 0.75);
}
.box-tan {
  background: #e6dedb;
  /* Old browsers */

  background: -moz-linear-gradient(top, #e6dedb 0%, #d9d4d0 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #e6dedb 0%, #d9d4d0 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #e6dedb 0%, #d9d4d0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6dedb', endColorstr='#d9d4d0', GradientType=0);
  /* IE6-9 */

  padding: 15px;
  margin-bottom: 50px;
  border-bottom: 1px solid #555;
}
.box-tan .box-header {
  border-color: #c79c6f;
}
.box-tan h1 {
  font-size: 18px;
  color: #90857f;
}
.box-blue {
  cursor: pointer;
  background: #186B9E;
  /* Old browsers */

  background: -moz-linear-gradient(top, #186B9E 0%, #2397C4 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #186B9E 0%, #2397C4 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #186B9E 0%, #2397C4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#186B9E', endColorstr='#2397C4', GradientType=0);
  /* IE6-9 */

  text-align: center;
  border-bottom: 1px solid #2397C4;
}
.box-blue img {
  width: 100%;
}
.box-blue h1 {
  padding: 0px 0px 15px 0px;
  color: #FFF;
  margin: 0;
}
.box-blue .img-border {
  border-color: #00353d;
}
.box-price {
  box-sizing: border-box;
  margin-right: 2%;
  background-color: #f3f4ee;
  background-image: url(/images/background-patterns/palm.png);
  background-repeat: no-repeat;
  background-position: top left;
  border: 1px solid #bec0c1;
  border-top: 0;
  border-bottom-color: #555;
}
.box-price .header {
  padding: 20px 0px 5px 0px;
  border-bottom: 1px solid #e19839;
}
.box-price .header .retail {
  color: #e19839;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}
.box-price h1 {
  text-align: center;
  color: #1d5b6c;
  font-size: 25px;
  line-height: 25px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 0px 0px 5px 0px;
}
.box-price .full {
  width: 80%;
  display: block;
  margin: 10px auto;
}
.box-price .price {
  font-size: 65px;
  font-weight: 900;
  color: #1d5b6c;
  padding: 10px 0 15px 0;
  text-align: center;
  line-height: 1em;
}
.box-price .special {
  font-weight: 300;
  font-size: 1.25em;
  line-height: 1.25;
  color: #000;
  text-align: center;
}
.box-price .btn-hv.orange {
  padding: 8px 16px;
}
.box-guarantee {
  background: #f3c587;
  /* Old browsers */

  background: -moz-linear-gradient(top, #f3c587 0%, #deb46a 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #f3c587 0%, #deb46a 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #f3c587 0%, #deb46a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c587', endColorstr='#deb46a', GradientType=0);
  /* IE6-9 */

  border-top-right-radius: 50px;
  border-bottom: 1px solid #333;
}
.box-guarantee h1 {
  margin: 0 0 15px 0;
  padding: 15px 10% 15px 0px;
  border-bottom: 1px solid #333;
  font-size: 22px;
}
.box-guarantee .emblem {
  width: 20%;
  position: relative;
  float: left;
}
.box-guarantee .emblem img {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 160%;
}
.box-guarantee p {
  color: #000;
  margin-right: 15px;
}
.book-now {
  position: absolute;
  top: 20px;
  right: 20px;
}
.entry-image img,
.entry-slider img {
  padding: 0px;
}
.entry-slider .flex-control-nav {
  position: relative;
  display: block;
  text-align: center;
  margin: -30px auto 60px auto;
  bottom: auto;
  left: auto;
}
.flex-control-nav li {
  display: inline-block;
  float: none;
}
.flip {
  -ms-transform: rotate(180deg);
  /* IE 9 */

  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */

  transform: rotate(180deg);
}
.header-bg {
  background: #0487AA;
  /* Old browsers */

  background: -moz-linear-gradient(top, #0487AA 1%, #2378AD 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #0487AA 1%, #2378AD 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #0487AA 1%, #2378AD 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0487AA', endColorstr='#2378AD', GradientType=0);
  /* IE6-9 */

  box-shadow: 0 4px 50px #000;
  border-bottom: 1px solid #12232b;
}
.hotel-name {
  max-width: 467px;
}
.hotel-header {
  text-align: center;
  color: #FFF;
  background-color: #1B5B77;
  padding: 15px 0px;
  font-size: 26px;
  font-weight: bold;
}
.index-flexslider.img-border {
  margin: 0;
}
.boxed {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
 border: 3px solid #1c596e;
 
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 20px;

}
.btn-hv {
  border: 3px solid #90857f;
  padding: 8px 16px;
  text-align: center;
  text-transform: uppercase;
  background-color: transparent;
  font-weight: 900;
  color: #90857f;
  font-size: 16px;
}
.btn-hv:hover {
  background-color: #FFF;
}
.btn-hv.orange {
  border-color: #e19839;
  color: #e19839;
  padding: 10px 35px;
  margin: 15px 0px;
}
.btn-hv.green-bg {
  font-weight: 700;
  font-size: 14px;
  border: 2px solid #8ea958;
  background-color: #8ea958;
  color: #FFF;
  padding: 6px 25px;
  height: 34px;
width: 150px;
}
.btn-hv.orange-bg {
  font-weight: 900;
  font-size: 16px;
  border: 3px solid #e19839;
  background-color: #e19839;
  color: #FFF;
  padding: 8px 16px;
  margin-bottom: 20px;
}
.card-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.68);
  overflow-y: scroll;
}
.card-modal .card-modal-info {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 600px;
  margin-top: 10%;
  border: 3px solid #1d5b6c;
  z-index: 101;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
}
.card-modal p {
  margin-left:20px;
  margin-right:20px;
}
.vip-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.77);
  overflow-y: scroll;
}
.vip-modal .vip-modal-info {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 600px;
  margin-top: 10%;
  border: 3px solid #1d5b6c;
  z-index: 101;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
}
.vip-modal p {
  margin-left:20px;
  margin-right:20px;
}
.hotel-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.95);
  overflow-y: scroll;
}
.hotel-modal .hotel-modal-info {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 600px;
  margin-top: 10%;
  border: 3px solid #1d5b6c;
  z-index: 101;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
}
.hotel-promo {
  cursor: pointer;
}
.gift-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.68);
  overflow-y: scroll;
}
.gift-modal .gift-modal-info {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 610px;
  margin-top: 10%;
  border: 3px solid #1d5b6c;
  z-index: 101;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
}
.gift-promo {
  cursor: pointer;
}
.date-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.68);
  overflow-y: scroll;
}
.date-modal .date-modal-info {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 500px;
  margin-top: 10%;
  border: 3px solid #1d5b6c;
  z-index: 101;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
}
a { cursor: pointer; }
ol li { font-size: 14px; }
ul li { font-size: 14px; }

.desc h2 {
  text-align: center;
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  font-weight: 700;
  color: #555;
  margin: 15px 0px;
  text-align: left;
}
.full {
  width: 100%;
}
.green-header h1 {
  margin: 15px 15px 15px 65px;
  color: #FFF;
}
.green-header .box-header {
  border: 0;
  top: 7.5px;
}
img.dest {
  width: 40%;
  border: 4px solid #555;
  margin: 0px -4px;
}
img.pull-right {
  float: right;
  margin: 0px 0px 2% 4%;
}
img.pull-left {
  float: left;
  margin: 2% 4% 2% 0px;
}
.img-border {
  border: 4px solid #555;
  margin: 0px -4px;
}
.phone {
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 42px;
  font-weight: 700;
}
div.container1 {
height:40px;
}
.hotel-main-image{
	float: right; 
	margin: 10px 0px 12px 10px;
	width: 100%;
	max-width: 175px;
}
.no-scroll {
  overflow: hidden;
}
.number {
  font-size: 46px;
  color: #8fae51;
  font-weight: 700;
  margin-bottom: 40px;
}
.star {
  width: 20px;
  height: 20px;
  margin-right: 2px;
}
.robo-header {
  text-align: center;
  font-family: 'Roboto Slab', serif;
  font-size: 18px;
  font-weight: 700;
  color: #555;
  margin: 15px 0px;
}
.testimonial {
  padding: 15px 25px;
}
.testimonial .quote {
  font-family: 'Roboto Slab', serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #555;
}
.testimonial .credit {
  font-weight: 300;
  font-size: 14px;
  color: #555;
}
.two-thirds p {
  color: #000;
}
.white-header {
  background-color: #FFF;
  background-image: url("/images/background-patterns/palm-sm.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.white-header h1 {
  margin: 15px 15px 15px 65px;
  color: #1d5b6c;
}
.white-header .box-header {
  border: 0;
  top: 7.5px;
}
@media (max-width: 480px){
	.hotel-main-image{
		max-width: 125px;	
	}
.btn-hv.orange-bg {
  font-weight: 700;
  font-size: 12px;
  border: 2px solid #e19839;
  background-color: #e19839;
  color: #FFF;
  padding: 6px 25px;
  height: 34px;
}
}
@media (max-width: 959px) {
  .book-now {
    position: relative;
    top: auto;
    right: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .box h1 {
    font-size: 16px;
  }
  .box-tan h1 {
    font-size: 14px;
  }
  .phone {
    font-size: 12px;
  }
  .number {
    font-size: 36px;
  }
}
div#terms p {
  font-size: 13px;
}
div.terms p {
  font-size: 13px;
}
.boxed.terms{
margin-bottom:10px !important;
}
span.plus {
  font-weight:bold;
  color: #e19839;
  font-size:larger;
  font-style: italic;
  padding-right: 5px;
}
ul { margin-right:10px; }
ul li {font-size:11px;}
/* from check-dates */
span.book {
padding:2px;
    display:block;
    text-align:center;
    font-weight:bold;
    margin-bottom:0;
}
p.head {
margin-bottom: 0;
    font-size: 17px;
    color:#000;
    text-align:left;
    font-weight:bold;
}
p.headpkg {
margin-bottom: 0;
    font-size: 17px;
    color:#000;
    text-align:left;
    font-weight:bold;
    padding-top: 5px;
    border-top: 1.2px solid #ccc;
}
div.outer {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
    background-color: #ffffff;
    border: 3px solid #1c596e;
    margin-top: 0px;
    margin-bottom: 20px;
	padding-top: 2px;
}
img.alignright {
    float: right;
    border: 2px solid #1c596e;
}
.boxed {
    width:auto;
    margin:0 auto;
    position: relative;
    border:0;
    border-top: 0px solid #1c596e;
border: 1px solid #DCDCDD;
//background:#DCDCDD;
}
#form {
    display: inline-block;
}
#date {
    display: inline-block;
    border: 2px solid #8ea958;
width: 120px;
  height: 13px;
}
p.arrive { margin:10px 0 0 0; }
p.format {
margin-top:-10px;
margin-bottom:5px;
}
.card-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.58);
  overflow-y: scroll;
}
.card-modal .card-modal-info {
  display: block;
  margin: auto;
  width: 90%;
  max-width: 600px;
  margin-top: 10%;
  border: 3px solid #1d5b6c;
  z-index: 101;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
  background-color: #ffffff;
}
.card-promo {
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Roboto Condensed', sans-serif;
  color: #307c93;
}
.vip-promo {
  cursor: pointer;
  color: #307c93;
}
/* from booking-info */
p.items {
    margin-bottom:0;
    font-size:15px;
}
span.items {
    font-style: italic;
}
        #myform .error{
                color: #F00;
                margin-left: 10px;
                min-width:250px;
                background:#fff;
        }
        #myform .errorField{
                background-color: #FAA;
                border: 1px solid #F00;
        }
        .dbs-label{
                float: left;
                width: 35%;
                margin-bottom: 5px;
                font-size: 1.2em;
        }
        .dbs-field{
                width: 65%;
                float: left;
                margin-bottom: 5px;
        }
        input, select, textarea {
                width: 95%;
        }
select,
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"] {
border: 2px solid #8ea958;
padding: 8px 12px;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus { border: 2px solid #3DA0BF; }
input:focus { border: 1.5px solid #3DA0BF; }
        #big-error{
text-align: center;
                color: #F00;
                font-size: 18px;
                font-weight: bold;
        }

        @media only screen and (max-width: 767px) {
                #left-panel{
                        display: none;
                }
                .dbs-label{
                        width: 100%;
                }
                .dbs-field{
                        width: 100%;
                }

        }
/* pickgifts on Step 3 */
div.pickgifts { }
div.pickgifts span {
  padding-left: 5px;
  font-size:14px;
  line-height:20px;
}
div.pickgifts input.radio {
    width:auto;
}
div.pickgifts p.red {
    font-size: 14px;
    font-weight: bold;
    color:red;
}
/* Credit card form */
.dbs-label {
line-height: 20px;
font-weight:bold;
font-size: 14px;
}
.dbs-field input {
max-width: 248px;
width: 100%;
margin-bottom: 0;
}
.dbs-field select {
display: inline-block;
width: auto;
margin-bottom: 0;
}
.btn-hv.green-bg.home {
width:auto;
}
.spacer {
    height: 5px;
}
.tnc-list ul {
	list-style-type: disc;
	margin: 0 0 10px 0;
}
.tnc-list li {
	word-wrap: break-word;
	text-align: left;
	padding-left: 5px;
	margin-left: 20px;
	font-size: 13px;
}
.tnc-list h3 {
    font-weight: 400;
    font-color: #6e0c30;
    font-size: 1.333em;
    line-height: 1.375em;
    font-family: 'Montserrat', sans-serif;
    margin: 20px 0 10px 0;
}
.tnc-list strong {
	font-weight: 600;
	color: #000;
}
.list-single-main-item {
    background: #fff;
    margin-bottom: 20px;
}
.fl-wrap {
    float: left;
    width: 100%;
    position: relative;
}
.list-single-main-item-title h3 {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
	margin: 20px 0;    
}
.list-single-main-item p {
    text-align: left;
    color: #3C4360;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
    padding-top: 10px;
    font-weight: 500;    
}
.list-single-hdr p {
    text-align: left;
    color: #3C4360;
    font-size: 16px;
    font-weight: 700;    
    padding-top: 10px;
}
.list-help li {
    list-style: disc;
	font: inherit;
    line-height: 1.5;
}
.captionInset {
    height: 100%;
    max-height: 245px;
    overflow: hidden;
    padding: 20px 20px 0 20px;
	background: linear-gradient(90deg, rgba(255,255,255,0.45), rgba(255,255,255,0.1));
	-webkit-border-radius: 50px 0 0 50px;
	-moz-border-radius: 50px 0 0 50px;
	border-radius: 70px 0 0 70px;
    border-top-left-radius: 70px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 70px;
    border: none;
	text-decoration: none;
	outline: 0;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;    
	
	color: #10586F;
	font-style: italic;
	font-size: 1.0em;
	font-family: 'Patua One', cursive;
	font-weight: 400;
	
}
.ilhp {
	margin: 0 0 2em 10px;
	background-image: url(/images/pricetag.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-right: 5px; }
.nohp {
	margin: 0 0 2em 10px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: top left;
	padding-right: 5px; }	
.ilsp {
    font-size: 12px;
    line-height: 2em;
    color: #BE1E2D;
    font-family: 'Patua One', cursive;
    margin-left: 10px; }
.vend { 
	font-weight: bold;
	color: #333;
	padding-left: 40px; }    
.vadr {
	padding-left: 40px;
	margin:1em 0 2em 0;
}
.hdrdlr {
	font-size: 1em;
	font-style: italic;
	color: #BE1E2D;
	color: #900000;
}
.hdrnote {
	font-size: 0.9em;
	font-style: italic;
	margin-left: 10px
}
.tspc {
	margin-top: 1em;
}
.list-noblt li {
	list-style: none;
	font: inherit;
	line-height: 1.0;
}
.list-know li {
	list-style: disclosure-closed;
	font: inherit;
	line-height: 1.0;
}
.list-gift li {
	font: inherit;
	line-height: 1.5;
	margin-left: 30px;
}
.list-gift li:before {
  content: "\23F5";
  margin-right: 4px;
}
#branding {
    background-color: #ffffffe9;
    color: #3F455A;
    height: 115px;
    height: auto;
    line-height: 21px;
    height: auto;
}
.hidden {
	display: none;
}
.italic {
  font-style: italic;
}
/* DN Added 10/30/2019 */
		h1 { }
		.retail {
			margin-top: -10px;
			font-size: smaller;
		}
		.special {
			padding:10px 0 15px 0;
			font-size:26px;
			color: #4D4D4F;
			font-family: 'Patua One', cursive;
		}
		.price {
			padding:0 0 10px 0;
			font-size: 26px;
			font-family: 'Patua One', cursive;
		}
		.box-shadow {
			padding-top:10px;
			margin-bottom:10px;
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 0 2px rgba(0, 0, 0, 0.15);
		}
		.btn-hv { }
		.button, button {
			margin-bottom: 10px;
		}
		.one-third {
			width: 85%;
			max-width: 300px;
		}
		.control-fields {
			padding: 6px 4px;
			margin-bottom: 20px;
		}
		select,
		input[type="number"],
		input[type="tel"],
		input[type="email"],
		input[type="text"] {
			border-radius: 6px;
		}
		input[type="checkbox"] {
			width: auto;
		}
table.giftslist {
	border-left: none;
	border-right: none;
}
table.giftslist tr td {
	padding: 10px 0 10px 7px;
}
.morebottom {
	padding-bottom: 20px;
}
.promobox {
	background-image: url(/images/backgrounds/beachsurf.jpg);
	background-repeat: no-repeat;
	background-blend-mode: hard-light;
	background-color: papayawhip;
	border-top: 1px solid #D1D1D17A;
	border-bottom: 1px solid #D1D1D1;
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.25);
	margin-left: 1px;
	margin-right: 3px;
}
.promogrp {
	background-image: url(/images/backgrounds/beachsurf.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	/*background-blend-mode: hard-light;
	background-color: papayawhip;
	border-top: 1px solid #D1D1D17A;
	border-bottom: 1px solid #D1D1D1;
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.25);*/
}
.promogrp a {
	color: #0D4759;
}
@media only screen and (min-width: 960px) {
.promogrp .promoabtn {
	/* border: px solid #0487AA67; */
	color: #274751;
	border: none;
	border-radius: 15px;
	padding: 5px 20%;
	background: #ffffffaa;
	background: -moz-linear-gradient(top,#ffffffAA 1%, #0487AAAA 25%, #2378ADAA 100%);
	background: -webkit-linear-gradient(top, #ffffffff 1%, #fcfcfc22 10%, #fcfcfc55 40%, #fcfcfc88 60%, #fcfcfcB3 99%, #fcfcfcff 100%);
	background: linear-gradient(to bottom, #ffffffAA 1%, #0487AAAA 25%, #66C4FFAAA 100%);
}
}
#breadcrumb {
  border: none;
  height: 40px;
  position: relative;
  text-align: right;
  box-shadow: none;

  background: #F9FCFD;
  /* Old browsers */

  background: -moz-linear-gradient(top, #F9FCFD00 97%, #ABC6D7 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #F9FCFD00 97%, #ABC6D7 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #F9FCFD00 97%, #ABC6D7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9FCFD', endColorstr='#ABC6D7', GradientType=0);
  /* IE6-9 */
}
#feature {
	margin: 10px 0;
}
.todayprice {
    font-size: 1.75em;
    color: #f05f6c;
}
.todayretail {
	color:#3DA0BF;
	font-weight: 700; 
}
.linethru {
	text-decoration: line-through;
}
.whitethru {
    background: #FFFFFF95;
}
.navigationBar nav ul li ul, .navigationBar nav ul li ul li {
	min-width: 175px;
}
.Zebra_DatePicker_Icon_Inside {
	left: 175px;
	border-radius: 20px;
}
.Zebra_DatePicker_Icon_Disabled {
	display:none !important;
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		p, h1, h2, h3, h4, h5, h6, ol, ul {margin-left: 10px; margin-right: 10px;}
		input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 270px;}
		.button.full-width, .button-dark.full-width, .button-light.full-width, button.full-width, button.button-dark.full-width, button.button-light.full-width, input[type="submit"].full-width, input.button-dark[type="submit"].full-width, input.button-light[type="submit"].full-width, input[type="reset"].full-width, input.button-dark[type="reset"].full-width, input.button-light[type="reset"].full-width, input[type="button"].full-width, input.button-dark[type="button"].full-width, input.button-light[type="button"].full-width {width: 280px;}
		.remove-bottom { margin-bottom: 20px !important; }
		
		.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
			font-size: 14px; }
			
		#logo { padding-left: 10px; }
		
		#breadcrumb { display: none; }
		.boxed { padding: 20px 0;}
		.container .eleven.columns {
			width: 300px;
		}

}
	@media only screen and (max-width: 959px) {
	
		input[type="text"]  {
			padding: 8px 0 8px 10px;
		}
		
		.blue-header  {
			font-size:20px;
		}
		
		#logo {
			padding-left: 10px;
			width:90%; }

}		
	
	}

	@media only screen and (min-width: 480px) and (max-width: 767px) {	
		
		.boxed { padding: 20px 0;}
}
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px),
	@media only screen and (min-width: 480px) and (max-width: 767px) {	
		
	#logo {
		padding-left: 10px;
		width:90%; }

}
.mylink {
	cursor: pointer;
	text-decoration: underline;
}
/* Featured Offers */
#featuredoffers { margin: 10px 0; }
.ofrhtl  h4 { font-size: 1.6em; }
.ofrhtl  h6 { font-size: 1.1em; }
.ofrgft  h5 span { font-size: 0.9em; }
.ofrgft  h6 span { font-size: 0.8em; }
.promoitems h1 span { font-size: 1.3em; }
.promoitems h4 button { margin-bottom: 5px; padding: 8px 16px; font-size: 0.65em; }


.fp-promo {
  cursor: pointer;
  font-family: 'Roboto Condensed', sans-serif;
  color: #307c93;
}
.price {
	font-family: 'Roboto Condensed', sans-serif;
}
.prem-hilite.amtdue {
	margin-bottom: 0;
	font-size: 17px;
	color: #000;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
	border-top: 1.2px solid #ccc;
}
.prem-hilite.amtdue td {
	padding-top: 18px;
	padding-bottom: 18px;
}