@charset "UTF-8";
/* CSS Document */
/* Apply CSS reset to HTML elements */
#spinner {
  position: fixed;
  top: 0; left: 0; z-index: 199999;
  width: 100vw; height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url("/images/spinner40.gif");
  background-repeat: no-repeat;
  background-position: center;
}

.grey_txt {
	color: #757575;
	font-weight: normal;
	font-size: 12px;
	margin: 6px;
}

.grey_txt img{
	vertical-align: middle;
}
.clear {
	clear: both;
}
#plactivelogo {display: none; background-color: #222; padding: 0 0 0 5px; text-align: left;line-height: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span.h2 {
	margin: 0;
	padding: 0;
}
.td {display: table-cell;}
.td.error {display: block;}
td.td.error {display: table-cell;}
b, .bold, strong, span.qtyEquip {
	font-family: var(--font_family_bold);
}

.back-to-top {
	background-image: url("/images/2013/to_top.png");
	width: 42px;
	height: 32px;
	position: fixed;
	bottom: 20px;
	display: none; 
}
@media (max-width: 767px) {
	.back-to-top {
		display: none !important;
	}
}

/* Tour Stuff from tour.css*/



/* small size buttons: start time only */

a.tourCellAvailable,
a.tourCellAvailable:visited,
div.tourCellDisabled,
a.tourCellNotAvailable,
a.tourCellNotAvailable:visited,
a.tourCellAvailable_slct,
a.tourCellAvailable_slct:visited,
a.tourCellAvailable_slct:active,
a.tourCellNotAvailable_slct,
a.tourCellNotAvailable_slct:visited,
a.tourCellNotAvailable_slct:active
{

  color:#000;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width:34px;
  height:36px;
  font-size: .75em;
  font-weight:plain;
  text-align:center;
  text-decoration : none;
  padding-top:5px;
  cursor: pointer;
  float:left;
  font-weight:bold;
  clear:both
}

div.tourCellDisabled,
a.tourCellNotAvailable,
a.tourCellNotAvailable:hover,
a.tourCellNotAvailable:active,
a.tourCellNotAvailable:visited,
a.tourCellNotAvailable_slct:active
{
  color:#666666;
}

a.tourCellAvailable,
a.tourCellAvailable:visited
{
  background-image: url(/images/tour/t_btn_available.gif);
}
a.tourCellAvailable:hover,
a.tourCellAvailable:active
{
  background-image: url(/images/tour/t_btn_available_over.gif);
}
a.tourCellNotAvailable
{
  background-image: url(/images/tour/t_btn_disabled.gif);
}
a.tourCellNotAvailable:hover,
a.tourCellNotAvailable:active
{
  background-image: url(/images/tour/t_btn_disabled_over.gif);
}
div.tourCellDisabled
{
  background-image: url(/images/tour/t_btn_disabled.gif);
}
a.tourCellAvailable span,
div.tourCellDisabled span,
a.tourCellNotAvailable span,
a.tourCellAvailable_slct span,
a.tourCellNotAvailable_slct span
{
  font-size:1em;
  font-weight:normal;
}
a.tourCellAvailable_slct,
a.tourCellAvailable_slct:visited,
a.tourCellNotAvailable_slct,
a.tourCellNotAvailable_slct:visited
{
  background-image: url(/images/tour/t_btn_select.gif);
}
a.tourCellAvailable_slct:hover,
a.tourCellAvailable_slct:active
{
  background-image: url(/images/tour/t_btn_select_over.gif);
}

/* large size buttons: open times showing entrance and exit times */

a.tourCellOpenAvailable,
a.tourCellOpenAvailable:visited,
div.tourCellOpenDisabled,
a.tourCellOpenNotAvailable,
a.tourCellOpenNotAvailable:visited,
a.tourCellOpenAvailable_slct,
a.tourCellOpenAvailable_slct:visited,
a.tourCellOpenAvailable_slct:active,
a.tourCellOpenNotAvailable_slct,
a.tourCellOpenNotAvailable_slct:visited

{
  color:#000;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width:113px;
  height:30px;
  font-size: .75em;
  font-weight:plain;
  text-align:center;
  text-decoration : none;
  padding-top:5px;
  cursor: pointer;
  float:left;
  margin-right:5px;
  font-weight:bold;
}
div.tourCellOpenDisabled,
a.tourCellOpenNotAvailable,
a.tourCellOpenNotAvailable:hover,
a.tourCellOpenNotAvailable:active,
a.tourCellOpenNotAvailable:visited,
a.tourCellOpenNotAvailable_slct:active
{
  color:#666666;
}

a.tourCellOpenAvailable,
a.tourCellOpenAvailable:visited
{
  background-image: url(/images/tour/t_btn_r_available.gif);
}
a.tourCellOpenAvailable:hover,
a.tourCellOpenAvailable:active
{
  background-image: url(/images/tour/t_btn_r_available_over.gif);
}
a.tourCellOpenNotAvailable
{
  background-image: url(/images/tour/t_btn_r_disabled.gif);
}
a.tourCellOpenNotAvailable:hover,
a.tourCellOpenNotAvailable:active
{
  background-image: url(/images/tour/t_btn_r_disabled_over.gif);
}
div.tourCellOpenDisabled
{
  background-image: url(/images/tour/t_btn_r_disabled.gif);
}
a.tourCellOpenAvailable span,
div.tourCellOpenDisabled span,
a.tourCellOpenNotAvailable span,
a.tourCellOpenAvailable_slct span,
a.tourCellOpenNotAvailable_slct span
{
  font-size:1.2em;
  font-weight:normal;
}
a.tourCellOpenAvailable_slct,
a.tourCellOpenAvailable_slct:visited,
a.tourCellOpenNotAvailable_slct,
a.tourCellOpenNotAvailable_slct:visited
{
  background-image: url(/images/tour/t_btn_r_select.gif);
}
a.tourCellOpenAvailable_slct:hover,
a.tourCellOpenAvailable_slct:active
{
  background-image: url(/images/tour/t_btn_r_select_over.gif);
}

#tourAvailability td
{
  vertical-align:top;
}

.tourSearchButtonsDiv {clear:both; padding: 0 10px 0 140px;}

table.items td.tourTitle {
  font-weight:bold;
  background-color: #e2effb;
  border-bottom: 1px solid #B3B3B3;
  border-top: 1px solid #CCCCCC;
  text-align:left;
  padding-top:5px;
  padding-left:5px;
  padding-bottom:5px;
}

table.items td.tourTitle a {
color:#000;
}

table.items thead th.time, table.items tfoot th.time {
  background-color: #dddddd;
  color:#777777;
  border-right: 1px solid #FFFFFF;
  font-size: 90%;
  padding: .2em .4em .3em .4em;
  text-align: center;
}
table.items .shippingNote, table.items .ccFeeNote {font-style: italic;background-color:#fbebc2;}
table.ticketqty {
  background-color: #F2F9FF;
  border: 1px solid #A2C3D4;
  border-collapse: collapse;
  margin-top: .2em;
  text-align: center;
  width: 48em;
}

table.ticketqty #col1 {
  width: 30%;
}

table.ticketqty #col2, table.ticketqty #col3, table.ticketqty #col4 {
  width: 15%;
}

table.ticketqty #col5{
  width: 25%;
}

table.ticketqty tbody td {
  padding: .2em .5em;
}

table.ticketqty tbody td.line, table.ticketqty thead th.line {
  border-right: 1px solid #A2C3D4;
}

table.ticketqty tbody td.r, table.ticketqty thead th.r {
  text-align: right;
}

table.ticketqty tbody tr.br td {
  border-top: 1px solid #A2C3D4;
}

table.ticketqty thead th {
  background-color: #C5E2FE;
  border-bottom: 1px solid #A2C3D4;
  padding: .2em 0 .3em 0;
}

table.times {
  background-color: #F2F9FF;
  border: 1px solid #A2C3D4;
  border-collapse: collapse;
  margin: .5em 0;
  text-align: center;
  width: 48em;
}

table.times tbody td {
  border: 1px solid #A2C3D4;
  padding: .2em .2em .4em 0;
  width: 8em;
}

table.times tbody td.disabled {
  background-color: #F2F2F2;
  color: #999999;
}

table.times tbody td.slct {
  background-color: #FFCC00;
}

table.times thead th {
  background-color: #C5E2FE;
  border: 1px solid #A2C3D4;
  padding: .2em 0 .4em 0;
}

table.tourPricing td, table.tourPricing td.amount, table.tourPricing td.total, table.tourPricing td.ticketType
{
  padding: 2px;
  padding-left:4px;
  padding-right:4px;
  border: 1px solid #CCCCCC;
}

table.tourPricing td.amount, table.tourPricing td.total
{
  text-align:right;
}

table.tourPricing td.ticketType
{
  background-color: #e2effb;
}
.passesDiv {
  display: table;
}
.passesDiv .obscure {
  font-size: 80%;
}
table.tourPricing td.discountGroup, table.tourPricing td.total
{
  background-color: #5D7898;
  color:#ffffff;
  font-weight:bold;
}
table.tourPricing colgroup#col1 {
  width:20%;
}
table.tourPricing colgroup#col2 {
  width:50%;
}
table.tourPricing colgroup#col3, table.tourPricing colgroup#col4 {
  width:15%;
}

table.tourPricing colgroup.alt{
  background-color: #F2F9FF;
}
table.tourPricing td.date {
  padding: 10px 0 10px 4px;
}
table.tourPricing .ticketQty div.left, .discountRow div.left {
  margin-right: 5px;
}
.newPassDiv {
  margin: 10px 0 5px 0;
}
.newPassDiv input {
  padding: 4px;
}
.newPassDiv select {
  width: 182px;
}
input.short {
  width: 90px;
}
table.tourPricing td.date, table.tourPricing td.date span.extra, .contentHeading, .contentHeading h2 {
  background-color: #467B95;
  color:#ffffff;
}
.contentHeading {
  margin-top: 10px;
  padding: 10px;
}
.contentHeading h2 {
  margin: 0;
  font-weight: normal;
}
#bookTourForm .contentin h2 {
  font-weight: normal;
  margin-bottom: 0;
}
#bookTourForm .contentin {
  margin-bottom: 0;
  font-size: 14px;
}
#bookTourForm .contentin .selectlabel {
  padding-top: 5px;
} 
#bookTourForm .discountpasssection {
  padding: 1px 0 10px 0;
  float: left;
  clear: left;
}
#bookTourForm .discountpasssection a {
  margin-left: 3px;
  line-height: 25px;
}
.discnt_link.disabled {
  pointer-events: none;
  cursor: default;
}
.discnt_link:before {
  font-family: FontAwesome;
  content: "\f067";
}
.discnt_link.removepass:before {
  font-family: FontAwesome;
  content: "\f068";
}
#bookTourForm .rmlDiv {
  padding-top: 5px;
} 
#bookTourForm .rmlDiv a {
  margin-left: 3px;
}
td.deliveryMethodColor
{
    color: #5f9ea0;
}

span.time
{
  font-weight:normal;
  font-size:.8em;
}

td.cancelled, span.cancelled
{
  color:#667085;
}
table.tourCartSummary td.total
{
  text-align:right;
}

table.tourCartSummary tr.spaceBrline td,table.tourCartSummary tr.spaceBr td.empty,table.tourCartSummary tr.spaceBr td
{
  padding-top:2px;
  padding-bottom:2px;
}

table.tourCartSummary tr.spaceBrline td
{
  border-top: 1px solid #cccccc;
}

table.tourCartSummary  tr.spaceBrlineTotal td
{
  border-top: 2px solid #000000;
}

table.tourCartSummary tr.spaceBrline td.empty, table.tourCartSummary tr.spaceBrlineTotal td.empty
{
  border: 0;
}
table.tourCartSummary tr.spaceBrOrderline td
{
  border-top: 1px solid #cccccc;
}

table.tourCartSummary #col1 {
  width: 40%;
}
td.ticketingQtyMessages, span.ticketingQtyMessages
{
  color:red;
  font-weight:bold;
  font-size:.8em;
  padding-left:25px;
  padding-top:5px;
  width:100%;
}

#ticketingQtyMessages
{
  height:19px;

}

div.noteTitle, div.noteTitle h2 {
  font-style:italic;
  font-size: 90%;
}

div.note {
  font-size: 90%;
}

div.validTime
{
  background-image: url(/images/blue_check.gif);
  background-repeat: no-repeat;
  background-position: 105px 0;
}

div.invalidTime
{
  background-image: url(/images/red_check.gif);
  background-repeat: no-repeat;
  background-position: 105px 0;
}

td.timeSelect
{
  padding:0px;
}

.totalTicketAmount {vertical-align:top;border:0;}
.totalTicketAmount h2 {text-align: right;}

table.tourPricing td.tooMany {
  background-color:#fff1ec;
  border-color: #ff4800;
}

table.tourPricing td.regularPrice, table.tourPricing td.groupPrice, table.tourPricing td.discountGroup
{
  text-align:right;
}

select.timeSelect
{
  width:260px;
}

option.highlight
{
  color:red;
}

option.highlight selected
{
  color:red;
  font-weight:bold;
}

table.items td.facility
{
  border:0;
  text-align:left;
  width:40em;
  padding-right:20px;

}

table.items td.facility h1 a
{
  color:#000;
  text-decoration:none;
}

table.items td.facility a
{
  text-decoration:none;
}

table.items td.facility a:hover
{
  text-decoration:underline;
}

table.fullWidth
{
  text-align:center;
  width: 100%;
}

table.fullWidth td
{
  vertical-align:middle;
}

#detailpagelinks {
  line-height:180%;
  padding:10px 0px 10px 0px;
}

#extracol{
 float:right;
 padding: 9px;
}

table.items td.description
{
  padding: 10px 10px 10px 10px;
  padding-right:10px;
  font-size:.9em;
  line-height:1.4em;
  text-align:left;
}

table.items thead td.formHeader, table.items .headrow td.formHeader
{
  text-align:left;
}
#contentcol{
  float: left;
  width: 29em;
}
#extracol{
  float: right;
  font-size: 90%;
  margin-left: 5px;
  padding-left: 5px;
  width: 16em;
}

#tourname{
  float: left;
  text-align: left;
}

#tournamearea {
  clear: both;
  width: 48em;
}

#tourparknamearea {
  border-top: 2px solid #C5E2FE;
  clear: both;
  padding: .2em 0;
}
#campname{
	margin-right: 10px;
}
#tourlistpage #campname h1, #tourparkdetailpage #campname h1 {float: left; margin-right: 20px;}
#tourlistpage #campname .callToActionFavBtn, #tourparkdetailpage #campname .callToActionFavBtn {margin-top: 5px;}
#cdailyentrydetailspage .campgStatusWrapper {padding-top: 0;}
/* tour participant details style  */

div.tour_participant_directive{
  padding-top: 0px;
  padding-bottom: 6px;
}

div.tour_abstract_info{
  padding-top: 2px;
  padding-bottom: 2px;  
}

div.tour_important_info{
  margin-top: 8px;
  padding-bottom: 8px;  
}
.br div.td.txtleft {
  text-align: left;
}
.br div.td.r {text-align: right; background-color: #F1EFE2}

/* Loyalty Enrollment sales flow (AWO-81128)*/
#campingResRow_lylt td {padding: 0;}
.loyaltytitle, .rounduptitle, .specialInstrTitle, .changeShippingAddressTitle {
	padding: 10px;
	margin-top: 8px;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
  /* fallback */
	background-color: #FE8223;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eba843), to(#e58d08));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #eba843, #e58d08);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #eba843, #e58d08);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #eba843, #e58d08);
}
.italics {font-style: italic;}
.loyaltytitle.redeem {margin-bottom: 0;}
.loyalty, .roundup, .changeAddr { float: right; font-size: 18px; }
.loyalty.expand:before, .roundup.expand:before, .changeAddr.expand:before { font-family: FontAwesome; content: "\f107"; }
.loyalty.contract:before, .roundup.contract:before, .changeAddr.contract:before { font-family: FontAwesome; content: "\f106"; }
.loyaltycontent p {padding: 5px;}
.loyaltycontent.redeem {background-color: #F8F8F8; padding: 10px;}
.loyaltyContainer, .membershipalert {margin-left: 38px;}
.loyaltyContainer input[type="number"], .loyaltyContainer select  {width: 50px; margin-right: 12px;}
.redeem_header {padding: 10px; background-color: #fff;}
.redeem_content {margin-top: 10px;}
.redeem_content .label {padding-top: 4px;}
.undo_redeem {text-align: center; font-weight: bold;}
.undo_redeem:before { font-family: FontAwesome; content: "\f0e2"; margin-right: 5px; color: #092845;}
@media (max-width: 767px) {
	.lylt.clear {margin-left: -10px; margin-bottom: 5px;}
	.loyaltybtns, .redeem_buttons {text-align: center;}
	.loyaltybtns .btn_orange, .redeem_buttons .btn_orange {width: 45%;}
}
.rounduptitle.nopointer {cursor: default;}
.roundupcontent {padding: 10px 10px 20px 10px; border: 1px solid #dfdfdf;}
.roundupcolumn {width: 50%; float: left;}
.roundupcolumn .extra {padding-left: 23px;}
.roundupoptions {padding: 10px 0;}
.roundupdonationrow {padding: 10px 10px 10px 0; font-weight: bold;}
.roundupdonationrow input.s {margin: 0;}
.roundupdonationrow span {margin-right: 10px;}
.roundupdonation {float: left;}
.roundupdonation input[type="radio"] {margin-top: -1px; vertical-align: middle;}
.roundupbtns {margin-top: 20px; text-align: right;}
.roundupbtns .btn_orange {width: 120px;}
.roundupContainer .roundupcolumn img {max-width: 95%; height: auto;}
@media (max-width: 767px) {
	.roundupcolumn {width: 100%; float: none;}
	#contentArea .component .roundupcolumn img {padding-right: 0;}
	.roundupContainer {clear: both; padding-top: 10px;}
}

.changeShippingAddressContent {padding: 10px 10px 20px 10px; border: 1px solid #dfdfdf;}
.changeShippingAddressOptions {padding: 10px 0;}
.changeShippingAddressRow {padding: 10px 10px 10px 0; font-weight: bold; clear: both;}
.changeShippingAddressRow input.s {margin: 0;}
.changeShippingAddressRow span {margin-right: 10px;}
.changeShippingAddress {float: left; clear: both;}
.changeShippingAddress input[type="radio"] {margin-top: -1px; vertical-align: middle;}
.changeShippingAddressBtns .btn_orange {width: 180px;}
.changeShippingAddressBtns .btn_orange.grey {width: 100px;}
.changeShippingAddrContainer.prdDetails .btn_orange.grey {width: 180px;}
.changeShippingAddressBtns button:disabled {cursor: default; background: none; background-color: #757575;}
.changeShippingAddressOptions .profileAddrSection, .changeShippingAddressOptions .newAddrSection {display: none; margin-left: 23px;}
.changeShippingAddressOptions .posApplyAddrToAll { margin-top: 5px; margin-bottom: 5px; vertical-align: middle;}
.newAddrSection .difAddrDiv select {margin-right: 12px;}
.newAddrSection .lastRow {margin-bottom: 30px;}

.changeGuestShippingAddressRow{
	margin-bottom: 20px;
}
.changeGuestShippingAddressRow label{
	font-weight: bold;
}
.changeGuestShippingAddressBtns{
	margin-bottom: 20px;
}
.guestaddr.diff .newAddrSection{
	margin-left: 30px;
}
#posproductdetailspage .changeShippingAddrContainer {clear: both; padding-top: 20px;}
button {font-size: 14px;}
.btn_orange {
	background-color: #FE8223;
	background-image: linear-gradient(to bottom, #eba843, #e58d08);
	background-repeat: repeat-x;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #f3a73b;
	text-align: center;
	padding: 4px 12px;
	margin: 8px 0;
	width: 180px;
	height: 34px;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
}
.btn_orange:hover {
	background-color: #E58D08;
	background-image: none;
}
.btn_orange.grey {
	color: #163154;
	background-color: #FDFDFD;
	background-image: linear-gradient(to bottom, #FDFDFD, #F3F3F3);
	background-repeat: repeat-x;
	border-radius: 6px 6px 6px 6px;
	border: 1px solid #dfdfdf;
	text-align: center;
	padding: 4px 12px;
	margin: 8px 2px;
	height: 34px;
	vertical-align: middle;
}
.btn_orange.grey:hover {
	background-color: #FFFFFF;
	background-image: linear-gradient(to bottom, #FFFFFF, #B4B4B4);
	background-repeat: repeat-x;
  border: 1px solid #dfdfdf !important;
}
.btn_like_link, .btn_like_link:hover, .btn_like_link:disabled, .btn_like_link:disabled:hover {
	background-color: #FFFFFF;
	background-image: none;
	border: none;
	color: #163154;
	cursor: pointer;
	padding: 1px 6px;
}
.btn_like_link:disabled, .btn_like_link:disabled:hover {
	cursor: default;
	color: #c0c0c0;
}
	
.btn.medium {padding: 5px 10px; width: 120px;}	

/* End Loyalty ...*/
.cd_logo_hero {width: 100%;}
.cd_content {padding: 5px;}
.stateindex h2 {margin-left: 5px;}
div.bestbefore {
	float: left;
}

.specialInstrTitle {
	cursor: default;
}
#posSpecialInstructions_visible {
	width: 650px;
	max-width: 650px;
	height: 70px;
	padding: 2px;
}

@media (max-width: 991px) {
  table.tourCartSummary #col1 {
    width: 60%;
  }
  #tourTimes table.tourPricing {
    border-collapse: collapse;
  }
  #tourTimes table.tourPricing .ticketTypeInfo td {
   padding-top: 5px;
  }
  #tourTimes table.tourPricing .discountRow {
    border-bottom: 1px solid #B3B3B3; 
  } 
  
  .mRight {
	float: right !important;
  }
}
@media (max-width: 470px) {
  #bookTourForm .contentin .right {
    float: none;
  }
  input.short {
    width: 70px;
  } 
}
/* End Tour Stuff from tour.css*/

.contactPhoneNumbers p {
	padding-top:10px;
}

.right, .items td.text.right {
  text-align: right;
}
#marinaReservationDetails div.contenthdr { 
		background-color: #C5E2FE;
		padding-top:10px;
		padding-bottom:10px;
 }
#marinaReservationDetails div.contenthdr {
 padding-left: 4px;
}
#marinaReservationDetails div.contenthdr h2 {
	color: #000;
	font-size: 10pt;
}
#marinaReservationDetails div.contentin {
 padding-left: 4px;
}

.cd_letter_filters {
	margin-top: 10px;
}
.cd_letter_filters a {
	padding: 4px;
}
div.pcheckdesc{
	padding-top:5px;
}

#shoppinglist .items .standout-button {
	font-size: 10pt;
	padding: 8px 0 4px 4px;
	clear: both;
}
#shoppinglist .marinaordstatus {
    margin-bottom: 10px;
}
input[type="checkbox"], input[type="radio"]
{
  margin-right:10px; 
}
.rb input[type="radio"] {margin-top: 2px;}
.rblbl {vertical-align: top;}
.rb.helptxt {padding-left: 23px;}
.rb.express {margin-left: 30px;}
.halfwdth {width: 50%;}
.topseparator {border-top: 1px solid #000;}

.userContent {
	color: red;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}

img {border-radius: 5px; padding: 0 !important;}
#header_wrapper img, #footer_wrapper img, #mobi_header img {border-radius: 0px;}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
.static_content {
	padding: 10px;
}
ol,ul {
	list-style: none;
}
#articlePage #pagearea ol, #articlePage #pagearea ul {list-style: disc;}
#articlePage #pagearea ol, #articlePage #pagearea ul, #articlePage #pagearea li {margin-left: 15px;}
#articlePage #pagearea strong {font-weight: bold;}
a:visited,a:link {
	color: var(--more-link-color);
	text-decoration: none;
}
a.underlined, a.underlined:hover {text-decoration: underline;}
a.nounderline, a.nounderline:hover {text-decoration: none;}
a:hover,
#associatedlinks ul li a:hover,
#ugclinks a:hover,
#detailpagenavbar a:hover,
#cgroundmap #shoppingitems th a:hover,
.searchTypeFilter a:hover
{
	color: var(--more-link-color-hover, #3170AF);
	text-decoration: none;
}
#mapviewport .gm-iv-address-link a {color: var(--more-link-color-hover, #3170AF);}
#myListDetails #mapviewport .mapboxgl-popup-content {padding-top: 20px;}
.defaultlist li {
	font-weight: bold;
	line-height: 22px;
	list-style-type: square;
}

caption,th {
	text-align: left;
}

h1,h2,span.h2, .insetMap span, div.account {
	font-size: 100%;
	font-weight: normal;
}

h3,h4,h5,h6, .pageTitle, div.h3, #maxBookingWindowPopupWrap .modalPopLite-wrapper .maxBookingWindowPopupInfo h2 {
	font-size: 100%;
	font-weight: normal;
	font-family: var(--font_family_bold);
}

h1, .pageTitle, .contact h2 {
	font-size: 24px;
	color: #62A36E;
}
.pageTitle, .shophdrtop .hdr h1 {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display:block;
}

h2, .facility_view_content h3, span.h2, .contactPhoneNumbers h2, div.account {
	font-size: 14px;
	color:#e68b06;
}

.label h2 {
	color:#000;
	font-size:18px;
}

.parkNameAndState td h2, .deResvHeader {
	color:#64a547;
	font-size:11pt;
}

.parkNameAndState td.label, .deResvHeader .label {
	padding-right:5px;
}

.parkNameAndState td .label h2, .deResvHeader .label {
	color:#000;
}
.deResvHeader div {font-size: 11pt;}
.deResvHeader {margin-bottom: 5px;}

h3, h4, h5, h6 {
	color:#000;
}

h3, div.h3 {
	margin-top:10px;
	margin-bottom:5px;
}

.content h3.important {
	color:#64a547;
	font-size:18pt;
}

.content li{
	max-width: 92%;
	margin: auto;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

td,th {
	vertical-align: top;
}

/*  END CSS Reset */
body {
	background-color: #eaeaea;
	font-family: var(--font_family);
	font-size: 14px;
	color: #000;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body.associategtrans {
    top: 0px !important;
}
#pageContainer{
	min-height:100%;
	position:relative;
/* 	overflow-y:hidden; *//*Not sure why we needed this but it caused AWO-170619*/  
}
.normal_txt {
	font-size: 14px;
	font-weight: normal;
}

.small_txt {
	font-size: 11px;
	font-weight: normal;
}

.floatr {
	float: right;
}

.floatl {
	float: left;
}

.floatl_inline {
	float: left;
	display: inline;
}

#main_wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
}

#page {
	width: 100%;
	padding: 0;
	background-color: #eaeaea;
	background-image: url('/images/2013/bgd_texture.gif');
	background-repeat: repeat;
}

#pagearea {
	width: 968px;
	margin: 0 auto;
	padding: 20px 26px 380px;
	background-color: #fff;
}

#main_left_col, #colsidebar {
	float: left;
	width: 308px;
	padding: 0 4px;
}
#csitedetailspage #colsidebar {margin-top: 24px;}
#tourTimes  #colsidebar {margin-top: 42px;}
.tourimg {margin-bottom: 10px;}
#prdcontainer #colsidebar {
	width: 300px;
	margin-right: 14px;
	padding: 0;
}
#colsidebar #privacy {
	width: 260px;
	padding: 10px;
}
#colsidebar #privacy p {
	padding-left: 10px;
}	
#colsidebar #privacy h2 {
	background-color: #F1EFE2;
	margin-bottom: 10px;
	padding: 10px;
}
#colsidebar #privacy .privacyDescription {
	margin: 5px 0 10px 0;
}
#colsidebar #privacy .altaction {
	float: left;
	padding-left: 10px;
}	
div.tourAlert h2 {
	margin-left: 30px;
	margin-top: -5px;
}

#extracol {
	float: right;
	width: 210px;
	padding: 20px 0 0 0;
}

#colbody1 {
	width: 650px;
}
#prdcontainer #colbody1 {
	float: right;
}
#alertcontent {
	margin-bottom: 10px;
}
#contentcol {
	float: left;
	width: 420px;
	padding: 20px 0 100px 0;
}

.td_inner_wrapper2 { 
	min-height: 10px;
}

#campgStatus {float:left;margin-top: 10px;}
#facilityDetailsSingleColumn #campgStatus {float:none;}
#campgStatus a, #campgStatus a:link, #campgStatus a:visited, #resvMsg a, #resvMsg a:link, #resvMsg a:visited, p.grey_txt a, p.grey_txt a:link, p.grey_txt a:visited, 
.contentin .inbx a, .contentin .inbx a:link, .contentin .inbx a:visited, .msg.notice a, .msg.notice a:link, .msg.notice a:visited, .sectioncontent a:link, .sectioncontent a:visited,
.lookRight a, .lookRight a:link, .lookRight a:visited, table#importantinfo a:link, table#importantinfo a:visited, #alertsSection a:link, #alertsSection a:visited,
#reservationDetail ul.detail a:link, #reservationDetail ul.detail a:visited, .policyinfo ul.detail a:link, .policyinfo ul.detail a:visited 
{text-decoration: underline;}
#csitedetailspage #campgStatus {
  margin-top: 0;
}

#campgStatus a {
    display: inline-block;
}

#chourlysitedetailspage #campgStatus{
  margin-top: 0;
}

div[id^='socialplugins'] {
	margin: 0;
	line-height: 24px;
}
#campgStatus div[id^='socialplugins']  {
	padding-top: 0;
}
#campgStatus .label {
	color: #000;
	font-weight: bold;
}

/* new for 2013 */
.headingpic {
	float: left;
	padding-right: 20px;
}

.campgStatusWrapper {
	padding-bottom: 20px;
	padding-top: 20px;
}

.bold {
	font-weight: bold;
}

#samplpics img, .sitePhotoContainer #samplpics img{
	margin-right: 0;
}
#samplpics > div, .sitePhotoContainer #samplpics > div{
	padding: 10px 0 10px 0;
}
#csitedetailspage #samplpics > div, #chourlysitedetailspage #samplpics > div, #tourparkdetailpage #samplpics > div {
	display: inline-block !important;
	padding: 10px 10px 10px 0;
}
#tourparkdetailpage #samplpics img {max-width: 200px;}
.matchSummary,.searchTypeFilter {
	margin: 0;
}

#resultViewToggle{
	margin: 10px 0 0 0;
  clear: left;
  float: left;
  width: 100%;
}
#resultViewToggle.result-view-toggle-pcr8808 {float: none; clear: none;}
.map_view_switch {background-color: #428000; color: #fff; width: 90px; text-align: center; margin-bottom: 5px;}
#resultViewToggle .map_view_switch a {color: #fff; display: inline-block; margin: 0; padding: 10px; }

#siteResultViewToggle {
	margin: 10px 0 0 0;
}

#mixSeasonalTabs {
	margin: 20px 0 0 0;
}

#mixSeasonalTabs div.first{
	margin-left:20px;
}

#mixSeasonalTabs div{
	height:28px;
	padding-top: 5px;
}

#resultViewToggle div a, #siteResultViewToggle div a {
	margin: 5px 0;
}

.searchTypeFilter, .searchTypeFilterZero {
	float:left; 
	font-size:10pt;
	padding-right:10px;
	color:#50657a;
	height: 16px;
}
.searchTypeFilter div {
	font-family: var(--font_family_sbold);
	color:#6d9cd2;
}

.searchTypeFilter a {
	font-family: var(--font_family_sbold);
	color: var(--more-link-color);
}

.searchSummary {
/* 	background-color:#f1efe2; */
/* 	color:#7c6754; */
	background-color:#fff !important;
	color:#000 !important;
	border: 1px solid rgba(0,0,0,.24);
	padding:10px;
}

.matchSummary {
	font-family: var(--font_family_sbold);
}

div.filters.site {
	background-color:#f1efe2;
	padding-top:4px;
	
}

#nav {
	padding: 20px 0 0 0;
	margin: 0;
}

#subnav .firstslct, #subnav .slct, #subnav .lastslct, #subnav2 .firstslct, #subnav2 .slct, #subnav2 .lastslct {
	margin-bottom: -1px;
	padding-bottom: 1px;
	background-image: url("/images/2013/bgd_tab_navsel.png");
	background-repeat: no-repeat;
	width: 120px;
	height: 38px;
	padding-top:5px;
}
#subnav .slct, #subnav .firstslct, #subnav .lastslct, #subnav2 .slct, #subnav2 .firstslct, #subnav2 .lastslct 
{background-image: none; background-color: #fff; border: 1px solid rgba(0,0,0,.24); border-radius: 4px 4px 0px 0px; border-bottom: none;}
/* for 2013 */
#subnav, #subnav2 {
	clear: both;
}

#subnav .tabs.sub a, #subnav .tabs.sub a:link, #subnav .tabs.sub a:visited, #subnav2 .tabs.sub a, #subnav2 .tabs.sub a:link, #subnav2 .tabs.sub a:visited {
	color: #fff;
	text-decoration: none;
	display: block;
}
#subnav .tabs.sub .nav_tab.lastslct a, #subnav .nav_tab.firstslct a,#subnav .nav_tab.firstslct a:link, #subnav .nav_tab.firstslct a:visited, #subnav .nav_tab.slct a,#subnav .nav_tab.slct a:link,
#subnav .nav_tab.slct a:visited, #subnav2 .tabs.sub .nav_tab.lastslct a, #subnav2 .nav_tab.firstslct a,#subnav2 .nav_tab.firstslct a:link, #subnav2 .nav_tab.firstslct a:visited, #subnav2 .nav_tab.slct a, 
#subnav2 .nav_tab.slct a:link, #subnav2 .nav_tab.slct a:visited {
	color: #000;
	text-decoration: none;
}

.tabs.sub div.nav_tab {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .6em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	/*background-color:#826f5e; */
	background-image: url("/images/2013/bgd_tab_nav.png");
	background-repeat: no-repeat;
	width: 120px;
	height: 36px;
	padding-top:5px;
	text-align: center;
}

.tabs.sub div.disabled {
	background-image: url("/images/2013/bgd_tab_nav_disabled.png");
}

#subnav .tabs.sub div.disabled a {
	color:#aa9b8f;
}

.btn_book_now {
	background-color: #FE8223 !important;
	background-image: linear-gradient(to bottom, #eba843, #e58d08);
	background-repeat: repeat-x;
	font-size: 16px;
	border-radius: 6px 6px 6px 6px;
/* 	border: 1px solid #FE8223; */
	border: 1px solid #f3a73b;
	text-align: center;
	margin: 8px 0;
	width: 210px;
	height: 44px;
	vertical-align: middle;
	color: #fff;
}

.btn_book_now:hover {
	background-color: #E58D08 !important;
	background-image: none;
	cursor: pointer;
}

.btn_book_now img {
	display: none;
}

#campingDetails {
	margin-bottom:10px;
}

.resvSummaryInfo a {
	font-size:13px;
}

#forcenotify button {
	width: auto;
}
.btn button img {
	display:none;
}

#search:hover {
	background-color: #E58D08 !important;
	background-image: none;
	cursor: pointer;
}

#topnav {
	width: 100%;
	background-color: #163154;
	padding: 11px 0px 21px;
	font-size: 12px;
}

#topnav ul.tabs {
	margin: 0 auto;
	padding: 0 0 19px 6px;
	width: 1084px;
}
#topnav ul.nav.tabs {padding-bottom: 0;}

#topnav ul.tabs li.firstslct a span,
#topnav ul.tabs li.lastslct a span,
#topnav ul.tabs li.slct a span {
	color:#4f82bf;
}

#topnav ul.tabs li {
	float: left;
	list-style-type: none;
	color: #fff;
	margin: 0 20px 0 10px;
	font-size: 15px;
}

#topnav ul.tabs li {
  border-bottom:1px solid transparent;
}

#topnav ul.tabs li:hover {
	border-bottom:1px solid #4f82bf;
}

#topnav ul.tabs li a {
	text-decoration: none;
	color: #ffffff;
	letter-spacing: .2px;
}

#topnav ul.tabs li a:hover span {
	color: #4f82bf;
}

#recsearch {
	min-width: 240px;
	background-color: #e5e4d0;
	float: left;
	margin: 22px 0 0 0;
	padding: 16px;
	border-radius: 8px 8px 8px 8px;
	position: relative;
	left: 0px;
	z-index: 999;
}

#recsearch h4 {
	font-family: var(--font_family_bold);
	font-size: 22px;
	color: #e68b07;
	text-align: center;
	padding: 12px 8px 8px 8px;
	margin: 8px;
	border-bottom: 1px dashed #777;
	background-image: url("/images/2013/icon_search_orng.png");
	background-repeat: no-repeat;
	background-position: left;
}

#recsearch label {
	color: #7a6654;
	font-weight: bold;
}
#alldatesdiv {margin: 10px 0 15px 0;}
#datesdiv{
	display: block !important;
	padding: 10px 0 0 0;
}
.hiddenoptions.hide label, .option label, #alldatesdiv label {
	padding: 4px 0px;
	margin: 0;
}

#occupants .option label {
	display: block;
}

.bringvehiclerows {
	padding-top: 10px;
}
.bringvehiclerows input[type=radio] {
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 2px;
	vertical-align: top; 
}
.bringvehiclerows label {
	vertical-align: top;
}
.bringvehiclerows span.extra {
	font-size: 100%;
}
.bringvehiclerows.persontype {
	width: 230px;
}
.bringvehiclerows input[type="text"], .bringvehiclerows input[type="number"] {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.7);
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #bbb;
	padding: 4px 0 4px 4px;
	line-height: 29px;
	height: 19px;
}
.bringvehiclerows .s input {
	width: 50px;
	margin-top: 0;
	float: right;
}
.bringvehiclerows .m input {
	width: 100px;
} 
.vehiclesection {
	border-bottom: 3px solid #fff;
	padding-bottom: 10px;
}
.vehiclesection.last {
	border-bottom: none;
}

.saveVehicles{
   margin: 0 0 10px 0;
}

.vehleftcolumn{
	height: 48px;
	margin-right: 10px;
}
.bringvehiclerows > .vehleftcolumn {
    margin-top:1px;
    margin-bottom:3px;
}

.vehleftcolumn input{
	margin: 0 !important;
	width: 100px !important;
}
#addvehiclelink, .remove_vehicle {
	text-align: right;
	padding-right: 10px; 
}
.stateselect select {
	width: 220px;
}
#occupants .option label + br {
    display: none;
	}

.keynavTop {
	margin-top:20px;
}

#detailpagenavbar {
	width: 160px;
	padding: 0;
	background-color: #f8f8f8;
	margin: 0;
	padding-left: 20px;
	padding-top:20px;
}

.rightPanelLinks{
	padding: 0;
	background-color: #f8f8f8;
/* 	background-image: url("/images/2013/bgd_stripe.gif"); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
	margin: 0;
	padding-bottom: 30px;
	margin-bottom:20px;
}

#detailpagenavbar div {
	padding-bottom:5px;
}

#detailpagenavbar a:link, #detailpagenavbar a:visited {
	list-style-type: none;
	text-indent: 0px;
	margin: 0;
	line-height: 24px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-family: var(--font_family_sbold);
}

#associatedlinks ul li a:link,#associatedlinks ul li a:visited,#ugclinks a:link,#ugclinks a:visited
	{
	list-style-type: none;
	text-indent: 0px;
	margin: 0;
	padding: 5px 0 10px 0;
	font-family: var(--font_family_sbold);
	font-size: 14px;
	cursor: pointer;
}
#ugclinks a:first-child {
	margin-top:0 !important;
}

#ugclinks a:last-child {
	margin-bottom:0 !important;
}

#associatedlinks h3:empty {
	display: none;
}

#cgrounddetailspage #associatedlinks h3 {
	margin-top:0;
	padding-top:5px;
}

#associatedlinks h3 {
	font-size: 16px;
	font-family: var(--font_family_sbold);
	margin: 12px 0 0px 0;
}

#detailpagenavbar .slct {
	color: #3371C2 !important;
	font-family: var(--font_family_sbold);
	font-size: 14px;
	line-height: 24px;
}

ul.detail {
	margin: 0;
	overflow: auto;
	padding: 4px 0 4px 16px;
}

ul.detail li {
	list-style-type:disc;
}
.contentin ul.detail li a {line-height: 25px;}
#contenttable .detail li {
	float: left;
	width: 185px;
	list-style-image: url('/images/2013/icon_bullet_green.png');
	padding: 4px;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.content h3, .content div.h3, #description_div h2 {
	font-size: 14px;
	margin: 10px 0 5px;
}
#maxBookingWindowPopupWrap .modalPopLite-wrapper .maxBookingWindowPopupInfo h2 {font-size: 14px !important; margin: 10px 0 5px;}
#description_div h2 {
	font-size: 14px !important;
	font-family: var(--font_family_bold) !important;
}
#viewmapStatic {width: 475px;}
.contenthdr h2, .contenthdr h3 {
	color:#0D1205;
}
.contenthdr.subsection h2, .contenthdr.subsection h3, #maxBookingWindowPopupWrap .modalPopLite-wrapper .maxBookingWindowPopupInfo h2 {
	color: #000;
}

.content h4, .content div.h4  {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 5px;
	font-family: var(--font_family_sbold);
}

.content .msg.alertTitle, .content .msg.alertTitle h2 {
	font-size: 14px;
	font-weight: bold;
}
.content .msg.alertTitle {
	margin: 10px 0 10px 0;
}

#raContent {
	padding-bottom: 100px;
}

#errorMessages, #errorMessages td {
	margin:0;
	padding:0;
	border:0;
}

#errorMessages {
	width:100%;
}

#shoppingitems thead > td,#shoppingitems tfoot > td {
	background-color: #E5E4D0;
	overflow: auto;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

.items td.text, .items td.text div {
	text-align:left;
	font-size:9pt;
	padding:4px;
}
.items td.text div.ordItemAttrs{
	margin-top: 20px;
	padding: 0;
}


.items td.text div.adaAsterisk {text-align: right; width: 25px; padding-top: 0;}
#shoppingitems td.messages .errorMessages td, #shoppingitems thead td.messages,  #shoppingitems thead td.messages td {
	background-color:#fff;
	border:0;
	margin:0;
	padding:0;
}
.items div.th {display: table-cell;}
#shoppingitems th, .items th, .items div.th, .items td.th, .zoomDiv {
	background-color: #F1EFE2;
	background-image: url("/images/2013/bgd_details_table_th.gif");
	background-position: center bottom;
	background-repeat: repeat-x;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	color: #7A6654;
	font-size: 12px !important;
	font-weight: normal;
	margin: 0 0 2px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}
.items div.th.last {border-right: none;}
#shoppingitems th.last_th, .items th.last_th, .td.last_th {
	border-right: none;
}
#shoppingitems th a, .items th a, .items .th a, .items .th a {
	color: #7A6654;
}

#shoppingitems .br, .items .br {
	background-color: #F8F8F8;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.cancellationInfoSectionDiv {
	margin-bottom: 10px;
}
.cancellationInfoSectionTitleDiv {
	background-color:#e5e4d0;
	vertical-align:middle;
	padding: 4px 0 4px 5px;
	color:#7a6654;
	margin-bottom: 5px;
}

.items thead td, .items tfoot td, #csiterst div.thead, #csitecalendar div.thead, .items .headrow td {
	background-color:#e5e4d0;
	vertical-align:middle;
	padding: 4px 0;
	vertical-align: middle;
}
div.thead {margin-top: 2px;}
.items thead td.messages, items tfoot td.messages {
	margin:0;
	padding:0;
	border:0;
}

.items tbody td, .items .td {
	padding: 4px;
}
.items.cart td {padding: 8px;}
.items.cart .carttableold td {padding-bottom: 24px;}
.items.cart td.frame {font-size:18px;font-weight: 500; line-height: 28px;}
.carttable {
	border-right: 1px solid #E5E4D0;
	border-bottom: 1px solid #E5E4D0;
	border-left: 1px solid #E5E4D0;
	background: #FFF;
}
#shoppingitems .br:hover, .items .br:hover {
	background-color: #ecf3f9;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.display-table {display: table; width: 100%}
div.br, .thead {display: table-row;}
#csiterst .thead, #csitecalendar .thead {display: flex; justify-content: space-between;}
.panelGroup .thead.grid .br {display: flex; justify-content: space-between; }
.panelGroup .thead.grid .td {border: none;}
.panelGroup .td.weeknav {margin-top: 2px;}
#csiterst #calendar .thead, #csitecalendar #calendar .thead {display: table-row;}
tr.br td, .br div.td {
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	font-size: 12px;
	margin-top: 12px;
	text-align: center;
	vertical-align: middle;
}
.mainform .br div.td {text-align: left;}
.td a.book.now {margin: 4px auto;}
.noreservations {text-align: center; padding: 10px;}
#resvMsg {margin-bottom: 5px;}
.otherReservations {margin-top: 5px;}
tr.br td a, .br div.td a {
	font-family: var(--font_family_sbold);
}
.pageresults, .usearch_results_header {
	color: #796557;
	float: left;
	font-size: 14px;
	margin: 0;
	padding: 6px 10px;
}
.iconPagi {
	color: #61a747;
}
.pagenav a:link,.pagenav a:visited,.pagenav, .usearch_results_control a:link,.usearch_results_control a:visited,.usearch_results_control, .timeSlotsDiv {
	font-size: 12px !important;
}

.pagenav, .usearch_results_control {
	float: right;
	font-size: 12px !important;
	padding: 6px 10px;
}
.resvpaging {
	padding: 4px;
	background-color: #e5e4d0;
	color: #fff;
}
a.disabled, span.disabled, div.disabled label {
    color: #666666;
    cursor: auto;
}
a.book.now:hover, #facilityDetailsSingleColumn .loadMoreDiv a:hover, .gismap_popup_plSites_main-content .book.now:hover {
	background-color: #5e83af;
	background-image: linear-gradient(to bottom, #5e83af , #40516B);
	background-repeat: repeat-x;
	border: 1px solid #5e83af;
	border-radius: 5px 5px 5px 5px;
}

a.book.now, #facilityDetailsSingleColumn .loadMoreDiv a, .gismap_popup_plSites_main-content .book.now {
	display:block;
	background-color: #152F52;
	background-image: linear-gradient(to bottom, #152F52, #40516B);
	background-repeat: repeat-x;
	border: 1px solid #1f304c;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 11px;
	height: 24px;
	text-align: center;
	vertical-align: middle;
	width: 110px;
	white-space: nowrap;
	padding-top:10px;
	margin-top:4px;
	margin-bottom:4px;
	margin-left: 25px;
}
td a.book.now {margin-left: 0px;}
.reservationHistory a.book.now {width: 110px;} 

.preCheckinDetailsDiv a.book.now {
	width: fit-content;
	padding: 10px 8px 0 8px;
	height: 30px;
}

.notification {
	padding-top:10px;
	padding-bottom:10px;
}

.notification p {
	color:#7a6655;
}

#notifications a.book.now {
		width: auto;
}
.updateResvButton a.book.now {
	width: 320px;
	margin: 10px 0;
	white-space: normal;
	height: auto;
	padding: 10px 0;
}
.preCheckinDetailsDiv a.book.now {
	margin-left: 0px;
}
.preCheckinDetailsDiv {
	margin-top: 15px;
}
.preCheckinDetailsDiv a {
	clear: both;
}

#addVehicle a.book.now{
	margin-left: 0;
}

a.book.next, a.book.elsewhere {
	display:block;
	margin-top:10px;
}

.otherLinks {
	display: inline-block;
	width: auto;
	padding: 10px 5px;
	color: #7A6654;
}
.otherLinks {
	float: left;
}
.zoomDiv {
	padding: 10px 5px;
	border-right: none;
}
.sites, .sitesunavail {
	padding: 5px;
}

div[id^='maplinkicon'] {
	font-size: 10px;
	margin: 10px 0 0 0;
}

.siteListLabel {
	margin-top:10px;
	font-size:12px;
}

.sitemarker img {
	display: block;
	margin: 0 auto;
}

#calendar thead td, #calendar tfoot td, #calendar .thead .th {
	overflow: auto;
	padding: 5px;
	vertical-align: middle;
}

#txt_book_alert {
	font-family: var(--font_family_bold);
	color:#e68b07;
	font-size:16px;
}

#calendar th, #calendar .th {
	background-color: #F1EFE2;
	background-image: none; 
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 2px;
	padding: 4px 8px;
	text-align: center;
	vertical-align: middle;
}

#calendar th.sun, #calendar th.sat, #calendar .th.sun, #calendar .th.sat {
	background-color: #CEE1EA;
	background-image: none; 
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 2px;
	padding: 4px 8px;
	text-align: center;
	vertical-align: middle;
}

#calendar .th.holiday {
	background-color: #ffacac;
}

#calendar .date, #calendar .weekday {
	color: #7A6654;
	font-size: 11px;
}

#calendar .sun .date, #calendar .sun .weekday, #calendar .sat .date, #calendar .sat .weekday
	{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

#calendar .br {
	background-color: #F8F8F8;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.status.w, .td.status.w, .status.p, .td.status.p {
	color: #786652;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #F1EFE2;
	font-family: var(--font_family_bold);
}

.status.r, .td.status.r {
	color: #969696;
	font-size: 16px;
	min-width: 14px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #eee;
}

.status.x, .td.status.x, .status.g, .td.status.g {
	color: #786652;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	background-color: #eee;
}

.td.status, .status {
	min-width: 21px;
	border: 2px solid #fff;
}
.status.a a:link, .status.a a:visited, .status.l a:link, .status.l a:visited, #permitGridContainer .status.a, 
.td.status.a a:link, .td.status.a a:visited, .td.status.l a:link, .td.status.l a:visited {
	color: #FFFFFF !important;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	padding: 27px 5px;
	margin: 0;
}
#permitGridContainer .status.x {padding: 27px 5px; font-size: 16px;}
#permitGridContainer .status.x div.permitStatus {
	color: #888;
	font-size: 16px;
}

.td.status.a, .status.a {
	background-color: #173154;
}

.td.status.ax, .status.ax {
	background-color: #bed2ec;
	min-width: 14px;
}

.td.status.a:hover, .status.a:hover {
   background-color: #4f82bf;
}

.td.status.a small, .status.a small {
	color:#fff;
	font-size:9pt
}
.status.a.slct, .status.a.slct a, .status.ax.slct, .status.ax.slct div.permitStatus, .status.l.slct, 
.td.status.a.slct, .td.status.a.slct a, #permitGridContainer .status.a.x, .td.status.ax.slct, .td.status.l.slct, .td.status.a.slct small, .status.a.slct small {
	background-color: var(--secondary_color_400, #ffaa00);
	color: var(--primary_color_800, #222222) !important;
}

.status.l, .td.status.l {
	background-color: #173154;
	min-width: 14px;
/* 	padding: 8px 4px; */
}

td div.loopName, .td.loopName{
	font-size: 10px;
}
#campgrounddetailspage .items .td:nth-child(1) {min-width: 51px; max-width: 100px; word-wrap: break-word;}
#campgrounddetailspage .items .td:nth-child(2) {min-width: 91px; max-width: 105px; word-wrap: break-word;}
table#calendar td.weeknav {
    padding: 0 0;
    text-align: center;
    color: #796655;
    font-weight: bold;
}
table#calendar td.empty, table#calendar td.weekabove, table#calendar td.weeknav {
    background-color: #f8f8f8;
}

td.sn a, .td.sn a  {
	font-size: 12px;
	font-weight: bold;
}

table#calendar td, #calendar .td {
	vertical-align: middle;
	text-align: center;
}
.empty.top.rght {text-align: center; min-width: 500px;}
.empty.top.rght .br {display: flex; justify-content: space-between; padding-top: 20px;}
.empty.top.rght .td {border: none; width: 33%; padding-top: 25px;}
#daterangediv .thead.grid, #csitecalendar .thead.grid  {background-color: #fff;}
#daterangediv .td.weeknav, #csitecalendar .td.weeknav {font-size: 14px; color: #796655; font-weight: bold;}
#daterangediv .weeknav a, #csitecalendar .weeknav a {font-weight: bold;}
#daterangediv .weeknav, #csitecalendar .weeknav {padding: 0 0; text-align: center;}
#daterangediv .weekabove, #csitecalendar .weekabove {color: #508137; text-align:center;}
.td.weeknav.week1 {text-align: left;}
.td.weeknav.week2 {text-align: right;}
.br .td.weeknav {display: block;}
#csitecalendar .thead.grid, #csitecalendar .thead.grid .br {width: 100%}

table#calendar td.weekabove {
	color: #000;
	text-align:center;
}

td.sn {
	text-align: center;
}
#calendar .br div.td {border-bottom: none;}
#calendar .br div.td.seasonplaceholder {padding: 39px 4px 40px;}

/*  ***** Campsite Details  ****** */
.findsites {
	font-family: var(--font_family_sbold);
}
.parkInfo h2 {
	color: #477533;
	display: inline-block !important;
	font-size: 18px !important;
	margin: 0;
	padding: 2px 0 3px 5px;
}

#mapresult {
	height: 450px;
	width: 450px;
}

#sitenamearea {
	background-color: #F8F8F8;
	padding: 10px 10px 10px 10px;
	margin-top: 5px;
}
.sdformwrapper {border: 1px solid #DCE2E5;}
#contentArea .component img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#contentArea .component .gisMap img {padding: 0px;}
.headingpicc {
	float: left;
	clear: left;
}
#contentArea .component .headingpicc img {
	margin-right: 10px;
}	
#ugcImages .selectedPhoto, #ugcSlideContainer img.slide {
		padding: 0;
	}

#contentArea .component div.amenitiesicons img {
	padding: 0;
}

.camp_directions {
	margin: 2px;
	color: #163154;
	padding: 0 0 0 18px !important;
	background-image: url("/images/2013/icon_marker_green.png");
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	cursor: pointer;
	font-weight: bold;
}

.find_sites {
	margin: 2px;
	color: #163154;
	padding: 0 0 0 18px !important;
	background-image: url("/images/2013/icon_tent_green.png");
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	cursor: pointer;
	font-weight: bold;
}

#noAvailabilityMsg ul {
	padding: 4px 16px;
	margin: 10px 0 0 0px;
	overflow: auto;
}

#noAvailabilityMsg ul li {
	list-style-image: url('/images/2013/icon_bullet_green.png');
	padding: 4px;
}

div.alertBulletin
{
	padding: 10px; 
	margin-bottom:10px;
	background-color:#fbebc2;
}

div.alertBulletin
{
	clear:both;
}

#csitecalendar #availkey {
	float: right;
}

#bookdates {
	margin: 0 0 0 0;
	overflow: auto;
	clear: both;
	padding: 0px;
	padding-top:0;
}

.panelGroup {
	padding-left:20px;
	padding-right:20px;
	margin: 0 0 0 0;
	clear: both;
	padding-top:0;
}	

.panelGroupErrors {
	width:100%;
}


.buttonGroup {
	padding:20px;
	margin-top:20px;
}

#bookDatesButton button, #divTripPlanID button, #tourAvailability div.compactoptions button, #tourPricing div.component button {
	background-repeat: repeat-x;
	border-radius: 6px 6px 6px 6px;
	color: #FFFFFF;
	font-size: 14px;
	height: 44px;
	margin: 8px 8px 0 0;
	padding: 10px 18px;
	text-align: center;
	vertical-align: middle;
	width: auto;
	float: left;
	cursor: pointer;
  background-color: #FE8223;
  background: url(/images/2013/linear_bg.png);
  border: 1px solid #E2971F;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eba843), to(#e58d08));
  background: -webkit-linear-gradient(top, #eba843, #e58d08);
  background: -moz-linear-gradient(top, #eba843, #e58d08);
  background: -ms-linear-gradient(top, #eba843, #e58d08);
  background: -o-linear-gradient(top, #eba843, #e58d08);
	
}
#bookDatesButton button {
	background-color: #FE8223 !important;
	background-image: linear-gradient(to bottom, #EBA843, #E58D08);
	border: 1px solid #f3a73b;	
}
.g-recaptcha {
	height: 78px;
	margin-bottom: 10px;
	margin-top: 10px;
}
div.g-recaptcha[data-size=invisible]{
	height: auto !important;
}
.grecaptcha-badge {z-index: 919;}
#bookDatesButton button:disabled, .btn button:disabled, #btnDiv button:disabled, .btn button:disabled:hover, #bookDatesButton button:disabled:hover, #btnDiv button:disabled:hover,
.roundupbtns button:disabled {
	cursor: default !important;
	background-color: var(--gray_color_200, #c1c1c1) !important;
	background-image: none;
	border: 1px solid var(--gray_color_200, #888888) !important;
	color: var(--gray_color_400, #888888);
	padding-left: 10px;
	font-weight: bold;
}
#tourAvailability div.compactoptions button {
	margin: 15px 0 15px 10px !important;
}
#tourAvailability div.compactoptions button img, #tourPricing div.component button img {
	display: none !important;
}

#sitedetail {
	margin-top: 20px;
}
#sitedetail h2{
  font-weight: bold;
  font-size: 14px;
  color: #000000;
}
#sitedetail .detail li {
	float: left;
	width: 47%;
	list-style-image: url('/images/2013/icon_bullet_green.png');
	padding: 3px;
	font-size: 12px;
	color: #576166;
}
#sitedetail .detail li.even {
	margin-right: 15px;
}
#sitedetail .subdetail li {
	list-style-image: url('/images/2013/icon_circle_green.png');
	margin-left: 20px;
}

#sitedetail .detail li strong.attrval {
	color: #313741;
}

.legend_all {
	float: right;
	position: relative;
	top: 20px;
}

.compactoptions #arrivaldate {
	background-image: url("/images/2013/icon_calendar.png");
	background-repeat: no-repeat;
	text-indent: 22px;
	margin: 0 6px 15px 0;
	width: 150px;
	height: 24px;
	float: left;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px
		rgba(255, 255, 255, 0.7);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #bbb;
	text-indent: 22px;
}

.compactoptions .option {
	float: left;
	display: inline-block;
	margin: 10px 10px 10px 0;
}

.compactoptions .option:empty {
	width: 5px;
}
.compactoptions .extra {
	display: block;
	width: 160px;
}
#csitedetailspage .compactoptions input {margin-bottom: 0;}
#csitedetailspage .compactoptions .option {margin: 10px 10px 0 0;} 
#csitedetailspage .compactoptions .extra {width: auto;}
#contentArea .component {
	display: block;
	clear: both;
}

#contentArea  #sitedetail{
	padding: 0 0 20px 0;
}

#contentArea  #sitedetail .siteattrscol{
	display: block;
}

.siteattrscol p.attrscat{
	font-size: 14px;
	font-style: italic;
	color: #000000;
	padding: 10px 0 0 0;
}

#bookdates #reswindow {
	padding: 5px 0;
}

#bookdates .priceRateTitle, .filterCategory {
	font-family: var(--font_family_sbold);
}

.filterCategory .dim.toggle{
	display: none;
}

.compactoptions #lengthOfStay, #numberOfTicketsSearched {
	width: 150px !important;
	height: 24px;
	float: left;
	margin: 0 12px 15px 0;
	background-image: -moz-linear-gradient(center top, #EEEEEE 1%, #FFFFFF 15%);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px
		rgba(255, 255, 255, 0.7);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #bbb;
	line-height: 24px;
	text-indent: 12px;
}

.compactoptions .dateField {
    width: 155px !important;
    height: 24px;
    float: left;
    margin: 0 12px 15px 0;
    background-image: -moz-linear-gradient(center top, #EEEEEE 1%, #FFFFFF 15%);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px
        rgba(255, 255, 255, 0.7);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #bbb;
    line-height: 24px;
    text-indent: 12px;
}

#numberOfTicketsSearched.short {width: 90px !important;}
.compactoptions #depdate {
	font-size: 16px;
	font-weight: bold;
}

/* ****** Campground Details ***** */
#campgrounddetailspage .campgroundBulletin {
	margin-bottom: 10px;
}
#campgrounddetailspage .ussSubSection {
	background-color: #f9f9f9;
	padding: 10px; 
}
.ussSubSection .sitesearchfield {
	margin-bottom: 10px;
	min-height: 28px;
}
.ussSubSection input[type="text"], .ussSubSection #siteCode {
	width: 94%;
}
#prdcontainer .insetMap, #prdcontainer #leftAdpanel {
	margin: 0;
}
#prdcontainer #leftAdpanel .ad {
	margin-bottom: 37px;
}
#cgroundName, #tourname span {
	font-size: 24px;
	color: #63a548;
	display: inline;
	margin: 0;
	width: auto;
}
#colsidebar #enterdates input#lengthOfStay, #colsidebar #enterdates input#marinaLengthOfStay {
	margin-right: 0;
	width: 95px;
}
.ratingViewDiv {
	margin-bottom: 10px;
}
.ratingViewDiv .ratingStar {
	float: left;
}
.ratingViewDiv .ratingStar > img {
  margin: 1px 1px;
}
.ratingStarSep {
  float: left; width: 8px; height: 12px;
}
.starDescription {
	font-size: 12px; color: #333333;
}
.starDescriptionMobile {display: none;}
.topPanelRating {
	white-space: nowrap;
	margin: 12px 0 0 0;
}
.tripLocationCardDiv  .topPanelRating {float: none;}
.ratingTitleDescr {
	font-size: 14px;
	color: #163154;
}
#ratingFacilityViewDiv {
  margin-top: 10px;
  border: 1px solid #a3a3a3;
  width: 100%;
  display: table;
}
#ratingFacilityViewDiv .eusCardImage {
  margin: 3px 3px 0 3px;
  float: left;
}
.reviewlabel {
  font-weight: bold;
  margin-bottom: 10px;
}
#ratingFacilityViewDiv .facility_view_header {
  display: table;	
}
#ratingFacilityViewDiv .eusCardContentLeft {
  margin: 10px;
}
.ratingContainer {
  background-color: #f8f8f7; margin: 18px 0 20px 0;
}
.ratingValue {
  clear: left; padding: 10px 0 2px 0; margin-left: 15px  
}
.ratingLabel {
  float: left; margin-top: -3px;
}
.ratingStars {
  margin-left: 15px; margin-right: 10px; float: left;
}
#ratingReviewOKStrDiv {
  line-height: 31px; font-size: 11px; font-weight: bold;
}
#ratingReviewDiv {
  clear: left; padding: 0 0 12px 0; margin: 0 15px;
}
.reviewTxtArea {
  border: 1px solid #a3a3a3; width: 100%; height: 109px;
}
#ratingReviewDiv #review {
	resize: none;
}
.ratingNoticeDiv {
  margin: 8px 0 2px 0; font-size: 12px; color: #666666;
}
table#reviewdetail td
{
  width: 262px;
  vertical-align:top;
}

/* pills */
.pill a {
  color:#fff !important;
  padding:1px;
}
.pill:hover {
  color:#757575;
}
.pill {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 2px 7px;
    color: #fff !important;
    border-radius: 15px;
    font-size: 11px;
}
.pill.camping {
  background-color:#5E9540;
}
.pill.camping a:before {
  font-family: FontAwesome;
  content: "\f1bb";
  padding: 2px 5px 0 0;
  font-size: 14px;
}
.pill.daypass {
  background-color:#5E9540;
}
.pill.daypass a:before {
  font-family: FontAwesome;
  content: "\f185";
  padding: 2px 5px 0 0 ;
  font-size: 14px;
}
.pill.permit {
  background-color:#5E9540;
}
.pill.permit a:before {
  font-family: FontAwesome;
  content: "\f2c2";
  padding: 2px 5px 0 0;
  font-size: 14px;
}
.pill.tour {
  background-color:#5E9540;
}
.pill.tour a:before {
  font-family: FontAwesome;
  content: "\f145";
  padding: 2px 5px 0 0;
  font-size: 14px;
}
.pill.marina {
  background-color: #5E9540 ;
}
.pill.marina a:before {
  font-family: FontAwesome;
  content: "\f13d";
  padding: 2px 5px 0 0;
  font-size: 14px;
}
.pill.leaseslip a:before {
  content: "\f21a";
}
.check_avail_panel.lease_slips strong{
	display: block;
}
check_avail_panel.lease_slips .lease_slip_w_Text{
	margin-top: 2px;
    display: inline-block;
}
.check_avail_panel.lease_slips a {
    margin-top: 10px;
}
.pill.article {
  background-color:#5E9540;
}
.pill.article a:before {
  font-family: FontAwesome;
  content: "\f1ea";
  padding: 2px 5px 0 0;
  font-size: 14px;
}
.pill.hourly {
  background-color:#4E8137;
}
.pill.hourly a:before {
  font-family: FontAwesome;
  content: "\f252";
  padding: 2px 5px 0 0;
  font-size: 14px;
}
.pill.equipmentrental {
  background-color:#5E9540;
}
.pill.equipmentrental a:before {
  font-family: FontAwesome;
  content: "\f217";
  padding: 2px 5px 0 0;
  font-size: 14px;
}
/* end pills */

.content.first h2 {
	font-size: 22px !important;
	color: #63a548;
	display: block !important;
	margin: 0;
	padding: 5px 0;
}
.facilityIntroWrapper .headingpic {padding-right: 0;}
.facilityIntroWrapper .headingpic img {margin-right: 20px;}
.facilityIntroWrapper .headingpic div[id^="photo_"] {float: left;}

/*These were meant as generic definitions. Please DO NOT alter them*/
.margin5 {margin: 5px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb14 {margin-bottom: 14px;}
.mb16 {margin-bottom: 16px;}
.mb20 {margin-bottom: 20px;}
.mb37 {margin-bottom: 37px;}
.margintop5left5 {margin-top: 5px;margin-left: 5px;}
.mt3 {margin-top: 3px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mtopbottom10 {margin-top: 10px;margin-bottom: 10px;}
.ml5 {margin-left: 5px;}
.ml8 {margin-left: 8px;}
.ml10 {margin-left: 10px;}
.ml12 {margin-left: 12px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.mlauto {margin-left: auto;}
.mr8 {margin-right: 8px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mrauto {margin-right: auto;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pt2 {padding-top: 2px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pd8 {padding: 8px;}
.pd20 {padding: 20px;}
.width240 {width: 240px;}
.maxw80 {max-width: 80%;}
.width10p {width: 10%;}
.width15p {width: 15%;}
.width20p {width: 20%;}
.width25p {width: 25%;}
.width30p {width: 30%;}
.width40p {width: 40%;}
.width45p {width: 45%;}
.width50p {width: 50%;}
.width60p {width: 60%;}
.width65p {width: 65%;}
.width70p {width: 70%;}
.width80p {width: 80%;}
.width85p {width: 85%;}
.width90p {width: 90%;}
.width100p {width: 100% !important;}
.txtcenter {text-align: center;}
.txtleft {text-align: left;}
.txtright {text-align: right; padding-right: 5px;}
.inline {display: inline; }
.flexdiv {display: flex;}
.bordertop {border-top: 1px solid rgba(0,0,0,.24);}
.borderall {border: 1px solid rgba(0,0,0,.24);}
/* End generic definitions */
/*Defaults*/
.lightgreybkg {background-color: #F5F5F5;}
.greybkg {background-color: #E0E0E0;}
.greybkg_btmbrd {border-bottom: 1px solid #BDBDBD;} 
.beijebkg {background: #E5E4D0;}
.beijebkg_btmbrd {border-bottom: 1px solid #A2A076;}
/*EndDefaults*/
#signupverifcode {height: 32px; line-height: 32px; font-size: 24px;}
.mapPinLink {padding: 0 33%;}
.margintop3 {
	margin-top: 3px;
	font-size: 12px;
}
.mtop10 {
	margin-top: 10px;
	font-size: 14px;
}
.mtopbottom20 {
	  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 20px;
}
.facilityIntroWrapper {
	margin-top: 10px;
	margin-bottom: 20px;
} 
#prdcontainer {
	display: table;
}
#prdcontainer h1 {
	font-size: 20px;
	margin-bottom: 10px;
}
#prdsectheader {
	display: table;
	width: 100%;
}
#offeringsection {padding: 10px; border: 1px solid black; }
#offeringsection h2 {font-weight: bold; margin-bottom: 10px;}
.offering.pills {padding-top: 30px; text-align: center;}
.offering.pills .pill {min-width: 120px; padding: 6px 0 8px;}
a.fill-div {display: block; height: 100%; width: 100%; text-decoration: none;}

#calltoaction {
	min-height: 123px;
	display: flex;
	flex-flow: wrap;
}
#calltoaction h2 {
	background-color: #F1EFE2;
	text-align: center;
	margin-bottom: 0;
  font-size: 20px;
  color: #64a547;
}
#calltoaction .contenthdr {
	padding: 4px 0 5px;
}
.calltoactionitem {
	background-color: #F8F8F8;
	margin: 5px;
	min-height: 123px;
}

.calltoactionitem.facdetails{
  text-align: center; margin-top: 0;
}

.calltoactionitem.last {
	margin-right: 0;
	float: right;
}
.calltoactionitem.count2{
	width: calc(96% / 2)
}
.calltoactionitem.count3{
	width: calc(96% / 3)
}
.calltoactionitem.count4{
	width: calc(96% / 4)
}
.callToActionBtn, .createNewList {
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	margin: 20px auto;
	width: 265px;
	height: 44px;
	line-height: 42px;
	background-color: #FE8223;
	border: 1px solid #E2971F;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eba843), to(#e58d08));
	background: -webkit-linear-gradient(top, #eba843, #e58d08);
	background: -moz-linear-gradient(top, #eba843, #e58d08);
	background: -ms-linear-gradient(top, #eba843, #e58d08);
	background: -o-linear-gradient(top, #eba843, #e58d08);
}
.calltoactionitem.count3 .callToActionBtn, .calltoactionitem.count4 .callToActionBtn  {
	width: auto;
} 

.callToActionBtn a {
	font-weight: bold;
	display: block;
}
.callToActionBtn:hover {
	background-color: #E58D08 !important;
	cursor: pointer;
}
.sectiontitle {
	border: 1px solid #c8c6c6;
	border-radius: 8px;
	padding: 17px;
	font-family: var(--font_family_sbold);
  	color: #1f3b6a;
  	cursor: pointer;
	background: -webkit-linear-gradient(#ffffff, #f0f0f0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #f0f0f0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ffffff, #f0f0f0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #f0f0f0); /* Standard syntax (must be last) */
	background-color: #f8f8f8;
}
#importantInfoContainer .sectiontitle {
	background: none;
	background-color: #428000;
	color: #fff;
	border-radius: 0px;
}
#importantInfoContainer {
	background-color: #fff;
}
#mapoptionscontent {text-align: left;}
.sectiontitle.mapoptions {border: none; border-radius: 0; background: none; background-image: none; background-color: #464646; color: #FFFFFF; padding: 10px;}
.zoomtodiv {margin-bottom: 10px;}
.zoomtodiv.flex {display: flex;}
.zoomtodiv.flex .rightcol .left {width: 50%;}
.zoomtodiv input[type="radio"], .zoomtodiv input[type="checkbox"] {vertical-align: middle; margin: 0 10px;}
#zoomtolbl:before {font-family: FontAwesome; content: "\f00e"; margin-right: 10px;}
#showlbl:before {font-family: FontAwesome; content: "\f06e"; margin-right: 10px;}
.zoomtodiv .mapoptionsleft {float:left; width: 18%;}
.zoomtodiv .rightcol {width: 80%;}
#alerts.sectiontitle {
	background-image: url(/images/2013/icon_msg.png);
	padding-left: 45px;
	margin-bottom:5px;
}
#donateRefund.sectiontitle {
	background-image: url(/images/2013/alert_bar.png);
	padding-left: 17px;
	margin-bottom:0px;
}
.refundTitleDiv {
	background-color: white;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.refundTitleDiv span {
	float: right;
}
.donationRefundLeftDiv, .donationRefundRightDiv {
	width: 45%;
	float: left;
	padding: 10px;
}
.donationRefundLeftDiv {
	font-style: italic;
}
#donateRefundcontent.sectioncontent {
	position: relative;
}
.donationRefundImageDiv {
	margin-top: 15px;
}
.donationRefundOptionsDiv {
	font-weight: bold;
	font-size: 14px;
}
.donationRefundOption {
	padding: 10px;
}
.donationRefundOption span {
	float: right;
	margin-right: 40px;
}
.remainingRefundDiv {
	margin-top: 15px;
	padding: 10px;
	font-size: 14px;
}
.remainingRefundDiv span {
	font-weight: bold;
	color: #E68B07;
	float: right;
}
.smallInfoDonateDiv {
	font-size: 11px;
	font-style: italic;
}
#groupsitesContainer, #stayeventsContainer {border: 1px solid #719B71; border-radius: 8px; background-color: #DFF0D8;}
#facilityDetailsSingleColumn #groupsitesContainer, #facilityDetailsSingleColumn #stayeventsContainer{ border-radius: 0 !important;}
#groupsites.sectiontitle, #groupsitescontent.sectioncontent,#stayevents.sectiontitle, #stayeventscontent.sectioncontent {border: none !important; border-radius: 8px; background: none; background-color: #DFF0D8;}
#groupsitescontent.sectioncontent, #stayeventscontent.sectioncontent {padding-left: 40px;}
#groupsitescontent .col1 {width: 60%; text-align: left;}
#groupsitescontent .col2, #groupsitescontent .col3 {width: 20%;}
#groupsitescontent .br .td {border-color: #DFF0D8; border-bottom: none;}
#groupsites.sectiontitle:before {font-family: FontAwesome; content: "\f0c0"; margin-right: 10px;}
#stayevents.sectiontitle:before {font-family: FontAwesome; content: "\f274"; margin-right: 10px;}
.ctagrpbtn {margin: 10px 0 10px 0; float: right;}
a.grpcta {
	display: inline-block;
  width: 180px;
  height: 20px;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  padding: 10px;
  background-color: #FFF;
  text-decoration: none;
  border: 1px solid #1f304c;
  color: #000;
  margin-right: 10px;
}
a.grpcta:before{
    content: "\f08e";
    font-family: FontAwesome;
    font-size: 16px;
    margin-right: 10px;
}
.evtitle{
	margin: 10px 0;
	font-weight: bold;
	display: inline-block;
}
.evlbl{
	font-weight: bold;
	display: inline-block;
}
.evval{
	margin: 0 0 0 6px;
	display: inline-block;
}
.evdesc{
	margin: 10px 0;
	display: inline-block;
}
#stayeventscontent hr{
	height: 1px;
    background-color: #719B71;
    border: 0;
}
#alerts.sectiontitle, #donateRefund.sectiontitle {
	background-repeat: no-repeat, repeat-x;
	background-position:-85px -85px, 0;
 	background-color: #fdf3d1;
	border: none;
	color: #E68B07;
	font-size: 12pt;
	background-image: url(/images/2013/icon_msg.png)\9;
	background-repeat: no-repeat\9;
	background-position:-85px -85px\9;
}	
#donateRefund.sectiontitle.donated {
 	background-color: #64a547;
	color: white;
}
#donateRefundcontent.sectioncontent {
	background-color: #f8f8f7;
	height: 330px;
}
.donateBtn {
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.refundDonationOther {
	width: 60px !important;
	height: 20px !important;
	margin: 0 !important;
}
.afterDonationDiv {
	display: none;
}
.donate_refund_btn {
	padding-top: 10px;
	padding-bottom: 6px;
	float: left;
	margin-right: 5px;
} 

.donate_refund_btn a.donate_refund {
	display: inline-block;
	width: 150px;
	height: 20px;
	text-align: center;
	border-radius: 5px;
	font-size: 12px;
	padding: 10px 6px 4px 6px;
	/* changed for 2013 */
	background-color: #FE8223;
	background-image: -webkit-linear-gradient(top, #eba843, #e58d08);
	background-repeat: repeat;
	text-decoration: none;
	border: 1px solid #E2971F;
	color: #fff;
}

.donationRefundImageDiv img {
	width: 90%;
}

.donationOrderRowInfoDiv {
	background-image: url(/images/2013/alert_bar.png);
	padding: 20px;
}

.sectionexpand:before {font-family: FontAwesome; content: "\f107";}
.sectionexpand {float: right; font-size: 24px;}
#groupsites .sectionexpand, #stayevents .sectionexpand {margin-top: -5px;}
.sectiontitle.mapoptions .sectionexpand {font-size: 18px;} 
.sectionexpand.contract:before {font-family: FontAwesome; content: "\f106";}
.sectioncontent {
	padding: 10px;
}
.sectioncontent.content.first {
	margin-top: 0;
}
.items.narrow {margin-bottom: 0;} 
.items.narrow .br {padding: 0;}
.items.narrow .th, .items.narrow .cols_3 {width: 33%; padding: 10px 0 5px 0; border-top: 6px solid #FFFFFF;}
.items.narrow .cols_3d {width: 67%;}
.items.narrow .cols_2 {width: 50%;}
.items.narrow .line {padding: 10px 0 5px 0; border-top: 6px solid #FFFFFF;}

#readmoredetails a, #maxBookingWindowBtn {
	background-image: url("/images/arrow_graphic.png");
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
	background-size: 16px;
}
.maxBookingWindowPopupInfo {margin-top: 12px;}
#parkcontact a {
	background-image: url("/images/phone.png");
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-bottom: 5px;
}
#morephotos a {
	background-image: url("/images/camera_icon.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 25px;
	padding-bottom: 5px;
	margin-right: 12px;
}
#oficial_photos img {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    margin-right: 0;
}
#visitor_photos {
	display: table;
	width: 100%;
}
#visitor_photos img {
	margin-right: 0px;
}
#visitor_photos #slideButtonPrev img {
	margin-right: 2px;
}
#visitor_photos #ugcSlideContainer {
	width: 548px;
}
#visitor_photos #currentImgContainer {
	width: 100%;
} 
#visitor_photos .ugcMsg, #visitor_photos p#iAgree, #visitor_photos div#uploadSection button  {
	float: none;
	margin-bottom: 5px;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

/*weather widget */
#prdcontainer #extracol {
	float: none;
	width: auto;
	background-color: #F1EFE2;
	padding: 20px;
	margin-left: 0;
}
#prdcontainer #extracol h3 {
	color:#7d6650;
	font-size: 14pt;
	margin-bottom: 10px;
}
#weatherwidget{
	padding: 10px 0 0 0;
	font-size: 13px;
	color: #333;
}

#weatherwidget h4{
	color: inherit;
	font-weight: bold;
}

#weatherwidget div.forecast_expanded{
	display:table-cell;
	width: 100%;
}
#weatherwidget div.forecast{
	display:inline-block;
	text-align:center;
	width: 88px;
	vertical-align: top;
	margin: 0 20px;
}
#weatherwidget div.forecast img.skypic{
	width: 88px;
	height: 88px;
}
#weatherwidget table#ww_daily{
	padding: 20px;
	font-size: inherit;
	color: inherit;
	text-align:center;
	width: 100%;
}

#weatherwidget table#ww_daily th, #weatherwidget div.forecast span.ww_label{
	font-weight: inherit;
	color: #888;
}


#weatherwidget table#ww_daily .col_day{
	font-weight:bold;
	text-align:left;
}

.forecast h4{
	color: black !important;
	font-weight: bold !important;
	
}
/*IE7 hack for the weather link*/
*+html #associatedlinks a {
	width:auto;
}
/* END weather widget */

/* ****** Campground Map ***** */
form#viewfull a {
	color: var(--more-link-color);
}
form#viewfull div.clear {
	float: right;
	padding-right: 8px;
}
#cgroundmap #shoppingitems th a {
	color: var(--more-link-color);
}
/* ******SEARCH RESULTS ***** */
.facility_view_card {
	border-bottom: 2px solid #888;
	margin-bottom: 20px;
}

.map_left_col {
	background-color: #f1efe2;
	padding: 10px;
}

.map_left_col h3 {
	font-family: var(--font_family_bold);
	font-size: 16px;
	color: #998c7c;
	margin: 0 0 10px 0;
}

#main_right_col {
	float: right;
	overflow: auto;
	width: 650px;
	margin: 20px 0 0 0;
}

#hellobar_wrapper {
	width: 100%;
}

#hello_bar {
	margin: 0 auto;
}
.hellobar-controls.buttons {font-size: 30px;}
.hello_open {display: block;}
.hello_open, .hello_close {float: right; position: relative; text-align: center;
	width: 40px; height: 36px; background-color: rgba(234, 234, 234, .8); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; z-index: 1049;}
a.hello_open, a.hello_close, a.hello_open:visited, a.hello_close:visited, a.hello_open:link, a.hello_close:link {color: #000;}

#header {
	width: 100%;
	background-color: #fff;
	height: 90px;
	color: #7a6654;
}

#header_inner {
	margin: 0 auto;
	padding: 0 10px;
	width: 1000px;
}

#header_right {
	float: right;
	height: 90px;
	/*width: 390px;*/
}

#logo_top {
	margin: 8px 0 0 26px;
	display: inline-block;
	float: left;
}
#main_body {
	width: 100%;
	padding: 0;
	background-color: #eaeaea;
}

#main_content_wrapper {
	width: 940px;
	padding: 0 40px;
	background-color: #fff;
	margin: 0 auto;
	padding-top: 20px;
/* 	overflow: auto; */
}

#main_content_wrapper h2 {
	font-size: 22px;
	color: #63a548;
	display: inline;
	margin: 0;
	width: auto;
}

.main_content_row {
	width: 100%;
	overflow: auto;
}

.main_content_row2 {
	width: 442px;
	height: 560px;
	float: left;
	overflow: visible;
	margin: 0 28px 20px 0;
}

.main_content_row2 h4 {
	font-size: 18px;
	color: #7a6654;
	padding-bottom:10px;
	display: inline-block;
}

.main_content_row2 .floatr {
	padding: 14px 0 22px 0;
	display: inline-block;
}

.main_content_row2_inner {
	width: 420px;
	height: 353px;
	background-color: #f8f8f7;
	padding: 14px;
}

.social_feed_wrapper {
	width: 100%;
	margin: 0 0 20px 0;
}

.social_feed_date {
	background-image: url('/images/2013/bgd_date_ribbon.png');
	background-repeat: no-repeat;
	width: 64px;
	height: 56px;
	font-size: 20px;
	text-transform: uppercase;
	color: #63a548;
	line-height: 18px;
	text-align: center;
	padding: 8px 0 0 0;
	float: left;
}

.social_feed_wrapper p {
	width: 280px;
	height: 55px;
	margin-left: 10px;
	line-height: 18px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.social_feed_wrapper .message a {
		font-family: var(--font_family_bold);
}	

.social_feed_time{
border-bottom: 0px dashed #cccc99;
    color: #CCCC99;
    display: inline-block;
    padding-bottom: 12px;
    width: 320px;
    padding-left:10px;
}
.social_feed_day {
	font-size: 36px;
}

.cartStatus {
	text-align: right;
	display: inline-block;
}
.favoritescontainer {padding-left: 15px;}
.cartStatus, .favoritescontainer {
    float: left;
}
.cartStatus > div {
	display: inline-block;
}

.cartStatusEnhance {
	text-align: right;
	display: inline-block;
	float: left;
	margin-top: 3px;
	margin-right: 8px;
}

.favoritescontainerEnhance, .siteComparisionContainer {
	float: left;
	margin-left: 3px;
}
.enhanced-header-midBG .siteComparisionContainer {margin-left: 6px;}

.compareiconcontainer{
	padding-top: 1px;
}
.favoritescontainerEnhance {
	padding-top: 4px;
}

.favoritescontainerEnhance, .compareiconcontainer {
	padding-left: 5px;
}

.favoritesiconcontainer{
	padding-left:18px;
}
.compareiconcontainer{
	padding-left:15px;
}

.cartStatusEnhance #checkoutLink, .cartStatusEnhance #otherlinks {
	padding-right: 10px;
}

#shoppingcartEnhance{
	padding-left: 5px;
	margin-top:2px;
}


.cartstatusnewlinediv .expired {
    display: none;
 }

.favoritestoptitle {
	margin-top: 3px;
}


.comparetoptitle, .favoritestoptitle {
	padding-top: 1px;
}

.shoppingcarticondiv {
	height: 18px;
	width: 18px;
	background-image: url("/images/2013/icon_flag.png");
	background-repeat: no-repeat;
	margin-left: 7px;
	margin-bottom: 3px;
}

.shoppingcartnumdiv {
	left: 20px;
	top: -40px;
}

.shoppingcartnumdiv, .comparenumdiv {
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	position: relative;
	background-color: #f00 !important;
	color: white !important;
	z-index: 999;
	border: 1px solid #f00 !important;
	width: 12px;
	height: 12px;
	border-radius: 20px 20px 20px 20px;
	margin-bottom: -12px;
}

.comparenumdiv {
	left: 26px;
	top: -36px;
}

.shoppingtotalcontainer{
    margin-top: 3px;
}
.enhanced-header-midBG .shoppingtotalcontainer {margin-top: 2px;} 

.cartStatusEnhance a, .favoritestoptitle a, .comparetoptitle a,.siteComparisionContainer a,.shoppingtotalcontainer a,.cartstatusnewlinediv .otherlinks,.cartstatusnewlinediv .expired {
 	font-family: var(--font_family_sbold);
 }


#cartStatusWrapper {
	height: 62px;
	float:right;
	width:600px;
}

#shoppingcart span.expired {
    display: none;
}
.cartStatus a{
	font-family: var(--font_family_sbold);
}

#timerMinSpan, #timerSecSpan {
	font-family:"Courier New", Courier, monospace;
}


.cartstatusnewicondiv{
	float:right;
}

.shoppingcartnewicon{
	padding-bottom:3px;
	padding-left:5px;
}

.cartstatusnewlinediv{
	clear:both;
	text-align: right;
}

#cartLink {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 12px 0 12px;
}
#cartLink::before {
  content: '\f07a';
  font-family: FontAwesome;
  margin-right: 12px;
}

#countdown {
	background-image: url("/images/2013/icon_time.png");
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 12px 0 16px;
}

#cart_mssg {
	color: #163154 !important;
	font-family: var(--font_family_bold);
	font-size: 14px;
}

#user_panel {
	float: left;
	padding: 6px 8px 0 0;
	color: #7a6654;
	font-weight: normal;
}

#user_name {
	float: left;
	padding: 6px 8px 0 0;
	color: #7a6654;
	font-weight: bold;
	display: table-cell;
	width: 150px;
	text-align: right;
}

#user_greeting {
	color: #7a6654;
	font-weight: normal;
}

#login_social {
	padding: 2px 18px 0 20px;
	float: right;
}

#main_nav_wrapper {
	width: 100%;
	background-color: #163154;
	padding: 16px 0px;
	overflow: auto;
	font-family: var(--font_family_bold);
	text-transform: uppercase;
	font-size: 12px;
}

#login_social img {
	padding: 0 4px;
}

#main_nav {
	margin: 0 auto;
	padding: 0 10px;
	width: 1000px;
	overflow: auto;
}

#main_nav ul {
	overflow: auto;
}

#main_nav ul li {
	float: left;
	list-style-type: none;
	color: #fff;
	margin: 0 42px 0 0;
	font-size: 14px;
	font-family: var(--font_family_bold);
}
#hero_wrapper {
	width: 100%;
	height: 400px;
}
.search_holder {
	margin: 0 auto;
	padding: 0 10px;
	width: 1000px;
}
#search_wrapper {
	width: 240px;
	height: 310px;
	background-color: #e5e4d0;
	float: left;
	margin: 0;
	padding: 16px;
	border-radius: 8px 8px 8px 8px;
}

#search_wrapper_home {
	width: 240px;
	height: 310px;
	background-color: #e5e4d0;
	float: left;
	margin: 22px 0 0 0;
	padding: 16px;
	border-radius: 8px 8px 8px 8px;
	position: relative;
	bottom: 420px;
	left: 0px;
	z-index: 999;
}

#search_wrapper h2,#search_wrapper_home h2 {
	font-family: var(--font_family_bold);
	font-size: 20px;
	color: #e68b07;
	text-indent: 28px;
	padding: 2px 8px 8px 8px;
	margin: 0 8px 8px 8px;
	border-bottom: 1px dashed #777;
	background-image: url("/images/2013/icon_search_orng.png");
	background-repeat: no-repeat;
	background-position: left;
	display: block;
}

#search_wrapper label,#search_wrapper_home label {
	float: left;
	margin: 4px 14px 4px 4px;
}

.txt_arrow_green {
	background-image: url('/images/2013/icon_arrow_right.png');
	background-repeat: no-repeat;
	background-position: right center;
	float: right;
	padding: 2px 26px 0 0;
	margin: 4px 0 0 0;
	font-size:16px;
}

#outdoor_guide_wrapper, .outdoor_guide_wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: auto;
}

.bgdLightBlue {
	background-color: #edf4f9;
}

.outdoor_spot_wrapper {
	float: left;
	height: 310px;
	overflow: hidden;
	padding: 4px 12px 4px 0;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	width: 218px;
}

.outdoor_spot_wrapper:hover {
	background-color:#ecf3fa;
}
#articlesPage .outdoor_spot_wrapper {width: 220px;}
#articlesPage .outdoor_spot_wrapper img {width: 220px;}
#articlesPage .outdoor_spot_wrapper.ad {width: 300px;}
#articlesPage div.contenthdr h2 {padding-top: 3px;}
 #articlesPage.owpLayout div.contenthdr, #articlesPage.owpLayout #pagetitle {margin-right: 95px;}
#more_campgrounds {
	width: 610px;
	overflow: auto;
	float: right;
	background-color:#f8f8f6;
	height:262px;
}

#more_campgrounds h2 {
	display: block;
	width: 100%;
	background-color: #f1efe2;
	padding: 6px 0;
	text-indent: 20px;
	font-size: 18px;
}

#more_campgrounds ul {
	padding: 4px 16px;
	margin: 10px 0 0 20px;
	overflow: auto;
}

#more_campgrounds ul li {
	float: left;
	width: 270px;
	list-style-image: url('/images/2013/icon_bullet_green.png');
	padding: 4px;
}

#more_campgrounds ul li a, .content.articles,
.outdoor_spot_wrapper h3 {
	font-family: var(--font_family_bold);
	font-size: 13px;
	color: var(--more-link-color);
	text-decoration: none;
}
.fluid_container {
	clear: both;
	overflow: auto;
}
/* .stripe_bar { */
/* 	height: 11px; */
/* 	width: 100%; */
/* 	background-image: url(/images/2013/bgd_stripe.gif); */
/* 	background-repeat: repeat-x; */
/* } */

.btn-mini {
	background-color: #F8F8F8;
	background-image: linear-gradient(to bottom, #FFFFFF, #EDEDED);
	background-repeat: repeat-x;
	height: 30px;
	padding: 0 0 0 10px;
	width: 240px;
	border: 1px solid #D0D0D0;
	border-radius: 4px 4px 4px 4px;
	font-family: var(--font_family_bold);
	font-size: 0.785714em;
	line-height: 1.21429em;
}

.site_details {
	padding: 10px 0 10px 0;
	display: block;
}

.site_details p {
	display: inline-block;
	margin: 0px 0 10px 20px !important;
	width: 45%;
}

#site_tabs {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 40px 0 0 0;
}

.ui-tabs .ui-tabs-panel {
	border-top: 22px solid #163154;
}

.tabs_topbar {
	width: 100%;
	padding: 10px 0;
	height: 15px;
	background-color: #f1efe2;
	text-indent: 20px;
	border-bottom: 2px solid #fff;
}

.tabs_left_col {
	float: left;
	overflow: auto;
	width: 420px;
}

.tabs_left_col p {
	margin: 10px 0;
}

.tabs_top_legend {
	background-color: #f8f8f8;
	padding: 10px;
	overflow: auto;
}

.tabs_top_legend ul li {
	float: left;
	font-size: 12px;
	width: 60px;
}

.tabs_top_legend ul li span {
	font-size: 10px;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
	line-height: 12px;
	height: 24px;
	padding: 0 0 5px 0;
	width: 60px;
}

.tabs_top_legend ul li img {
	padding: 0 8px 0 12px;
}

.tabs_top_legend dd {
	float: left;
	font-size: 12px;
	width: 50px;
	clear: both;
}

.legend_nav {
	float: right;
	text-align: center;
	padding: 10px;
}

.legend_nav p {
	color: #65a547;
	font-weight: bold;
}

#main_right_col h5 {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 10px 0;
}

.tabs_left_col  h6 {
	font-weight: bold;
	font-size: 12px;
	margin: 0 10px;
	padding: 0;
}

.tabs_left_col table {
	background-color: #fff;
	border-collapse: separate;
	width: 97%;
}

.tabs_left_col th {
	text-align: center;
	background-color: #f1efe2;
	padding: 5px 10px;
	color: #d1cab8;
	border-right: 2px solid #fff;
	font-size: 12px;
}

.tabs_left_col td {
	text-align: center;
	background-color: #f8f8f8;
	padding: 10px 5px 5px 5px;
	color: #000;
	border-right: 2px solid #fff;
	font-size: 12px;
}

.tabs_right_col {
	float: left;
	overflow: auto;
	width: 210px;
	padding: 0 0 0 10px;
}

.ui-tabs h3 {
	font-family: var(--font_family_bold);
	font-size: 18px;
	color: #63a548;
	display: block;
	margin: 0;
	width: auto;
}

.tabs_grey_box {
	width: 200px;
	padding: 0;
	background-color: #f8f8f8;
/* 	background-image: url("/images/2013/bgd_stripe.gif"); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
	margin: 20px 0;
}

.tabs_grey_box h4 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px 0 10px 0;
	color: #578fcc;
	text-indent: 20px;
}

.tabs_grey_box ul {
	margin: 0;
	padding: 0 0 20px 20px;
}

.tabs_grey_box ul li {
	list-style-type: none;
	text-indent: 0px;
	margin: 0;
	line-height: 30px;
	color: #153254;
	cursor: pointer;
}

.details_sub_curr {
	color: red !important;
}

.details_sub_content {
	display: none;
}

#details_sub0 {
	display: block;
}

ul.list_camp_activity {
	margin: 0;
	overflow: auto;
	padding: 4px 16px;
}

.list_camp_activity li {
	float: left;
	width: 185px;
	list-style-image: url('/images/2013/icon_bullet_green.png');
	padding: 4px;
	font-size: 12px;
	margin: 0 0 10px 0;
}

table.table_camp_list th {
	background-color: #f1efe2;
	color: #7a6654;
	text-align: center;
	vertical-align: middle;
	padding: 4px 8px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 2px 0;
	background-image: url("/images/2013/bgd_details_table_th.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

table.table_camp_list td {
	padding: 4px 6px;
	margin-top: 12px;
	border-top: 12px solid #fff;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
}

table.table_camp_avail th {
	background-color: #f1efe2;
	color: #7a6654;
	text-align: center;
	vertical-align: middle;
	padding: 4px 4px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 2px 0;
	background-image: url("/images/2013/bgd_details_table_th.gif");
	background-position: bottom;
	background-repeat: repeat-x;
}

table.table_camp_avail td {
	padding: 4px 4px;
	margin-top: 12px;
	font-size: 11px;
	vertical-align: middle;
	text-align: center;
}

table.table_camp_avail .camp_avail_row td {
	border-bottom: 1px dotted #444;
}

table.table_camp_avail td a:link,table.table_camp_avail td a:visited {
	padding: 8px 4px;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	color: #fff;
	min-width: 14px;
	display: inline-block;
}

table.table_camp_avail td.bookdate_wu a:link,table.table_camp_avail td.bookdate_wu a:visited
	{
	padding: 8px 4px;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	color: #786652;
}

.camp_list_nav_row {
	background-color: #e5e4d0;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	overflow: auto;
}

.camp_list_row {
	background-color: #f8f8f8;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.camp_list_filter {
	color: var(--more-link-color-hover, #3170AF);
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
}

.camp_list_filter2 {
	color: #183052;
	font-size: 12px;
	display: inline-block;
	cursor: pointer;
}

.camp_pagination_left {
	float: left;
	margin: 0;
	padding: 0 10px;
	color: #bbb2a1;
	font-size: 14px;
}

.camp_pagination_right {
	float: right;
	margin: 0;
	padding: 0 10px;
}

.camp_page_next {
	background-image: url("/images/2013/icon_arrow_green_right.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding: 4px 14px 4px 4px !important;
	display: inline-block;
}

.camp_page_prev {
	background-image: url("/images/2013/icon_arrow_green_left.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding: 4px 4px 4px 14px !important;
	display: inline-block;
}

.camp_pagination_right a:link,.camp_pagination_right a:visited,.camp_page_next a:link,.camp_page_next a:visited
	{
/* 	color: #2f4964 !important; */
	color: #20508d !important;
	font-size: 12px !important;
}

.camp_details_map {
	margin: 2px;
	padding: 18px 2px 2px 2px;
	background-image: url("/images/2013/icon_marker_green.png");
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	cursor: pointer;
}

.camp_directions {
	margin: 2px;
	padding: 0 0 0 18px !important;
	background-image: url("/images/2013/icon_marker_green.png");
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	cursor: pointer;
}

.find_sites {
	margin: 2px;
	padding: 0 0 0 18px !important;
	background-image: url("/images/2013/icon_tent_green.png");
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	cursor: pointer;
}

ul.list_site_details {
	margin: 0;
	overflow: auto;
	padding: 4px 16px;
}

.list_site_details li {
	list-style-image: url('/images/2013/icon_bullet_green.png');
	padding: 4px;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.site_dates_wrapper {
	background-color: #f8f8f8;
	width: 100%;
	height: 300px;
	display: block;
	clear: both;
}

.site_dates_wrapper h3 {
	font-family: var(--font_family_bold);
	font-size: 18px;
	text-indent: 20px;
	color: #63a548;
	background-color: #f1efe2;
	display: block;
	margin: 0;
	padding: 10px 0;
	width: 100%;
}

.table_bookdate {
	width: 300px;
	float: left;
}

.table_bookdate th {
	color: #9b8b7b;
	font-size: 12px;
	padding: 5px;
	border: 2px solid #fff;
}

.table_bookdate td {
	width: 15px;
	padding: 10px 5px;
	border: 2px solid #fff;
}

.bookdate_avail a:link {
	background-color: #173154;
	color: #fff;
	font-family: var(--font_family_bold);
	font-size: 18px;
}

.bookdate_notavail a:link {
	background-color: #eee;
	color: #fff;
	font-family: var(--font_family_bold);
	font-size: 18px;
	padding: 4px 2px;
}

.bookdate_sel a:link {
	background-color: #e68b06;
	color: #fff;
	font-family: var(--font_family_bold);
	font-size: 18px;
	padding: 4px 2px;
}

.bookdate_wu a:link {
	background-color: #f1efe2;
	color: #786652;
	font-family: var(--font_family_bold);
	font-size: 18px;
	padding: 4px 2px;
}

.bookdate_res a:link {
	background-color: #eee;
	color: #969696 !important;
	font-family: var(--font_family_bold);
	font-size: 18px;
	padding: 4px 2px;
}

#bookdate_input {
	width: 360px;
	display: block;
	float: left;
}

.bookdate_nav {
	width: 360px;
	display: inline;
}

#bookdate_legend {
	display: block;
	float: left;
}

#bookdate_results {
	display: block;
	clear: both;
}

#bookdate_input label {
	display: block;
}

.bookdate_input_wrap {
	display: table-cell;
	vertical-align: top;
}

.callout_orange {
	background-color: #faebc2;
	width: 600px;
	padding: 20px;
}

.callout_orange p {
	width: 380px;
	float: right;
}

#footer_wrapper, #guest_footer {
	width: 100%;
	height: auto;
	background-color: #163154;
	color: #fff;
	position:absolute;
	bottom:0;
	left:0;
}

#footer_links {
	margin: 0 auto;
	padding: 10px 6px;
	border-top: 1px solid #475d78;
	border-bottom: 1px solid #475d78;
	width: 980px;
	height: 34px;
	background-color: #163154;
}

#hero_search {
	width: 980px;
	height: 365px;
	background-image: url("/images/2013/photo_landing_ca.jpg");
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 20px;
}

.state_landing_row {
	width: 640px;
	padding: 0;
	margin: 20px 0;
	overflow: auto;
}

#main_right_col p {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	line-height: 18px;
}

.state_landing_row p {
	padding: 0;
	margin: 5px 0;
	font-size: 12px;
	line-height: 16px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.state_landing_row h3 {
	font-family: var(--font_family_bold);
	font-size: 16px !important;
	text-indent: 20px;
	color: #63a548;
	background-color: #f1efe2;
	display: block !important;
	margin: 0;
	padding: 5px 0;
	width: 640px !important;
}

.state_landing_item {
	width: 140px;
	height: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px;
	float: left;
}

.state_landing_item p {
	width: 138px;
	overflow: hidden;
	font-size: 12px;
}

.state_landing_row2 {
	width: 640px;
	padding: 0;
	margin: 20px 0;
	overflow: auto;
}

#main_right_col h3 {
	font-family: var(--font_family_bold);
	font-size: 18px !important;
	color: #63a548;
	display: block !important;
	margin: 0;
	padding: 5px 0;
}

.state_landing_row2 h3 {
	font-family: var(--font_family_bold);
	font-size: 16px !important;
	text-indent: 20px;
	color: #63a548;
	background-color: #f1efe2;
	display: block !important;
	margin: 0;
	padding: 5px 0;
	width: 420px !important;
}

.state_landing_item2 {
	width: 420px;
	height: 165px;
	overflow: hidden;
	padding: 0;
	float: right;
	background-color: #f8f8f8;
}

.state_landing_item2 ul {
	padding: 4px 16px;
	margin: 10px 0 0 20px;
	overflow: auto;
}

.state_landing_item2 li {
	float: left;
	width: 270px;
	list-style-image: url('/images/2013/icon_bullet_green.png');
	padding: 4px;
}

#footer_links img {
	float: right;
}

.state_landing_item h4 {
	font-weight: bold;
	font-size: 12px;
	color: #153254;
	margin: 5px 0;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer_links ul li {
	float: left;
	list-style-type: none;
	color: #fff;
	padding: 3px 10px;
	font-size: 11px;
	text-transform: uppercase;
}

#footer ul li a:link,#footer ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer_content h2 {
	color: #fff;
	font-size: 22px;
	border-bottom: 1px dashed #fff;
	margin-right: 60px;
	padding: 0 0 4px 0;
}

#footer_content {
	width: 1000px;
	margin: 0 auto;
	padding: 45px 0 0 0;
	height: 240px;
	color: #fff;
	overflow: auto;
}

#footer_social {
	width: 240px;
	float: left;
}

#footer_social ul li img {
	margin-right: 12px;
	position: relative;
	top: 8px;
}

#footer_social ul li #icon_facebook {
	position: relative;
	top: 6px;
}

#footer_social ul li {
	padding-top: 18px
}

#footer_outdoor {
	width: 430px;
	float: left;
}

#footer_outdoor ul li {
	padding: 18px 0 0 0;
}
#footer_app ul li {
  padding: 16px 0 0 0;
	color: #fff;
}
#footer_outdoor ul li {
	float: left;
	width: 49%;
}

#footer_app {
	width: 320px;
	height: 160px;
	float: left;
	background-image: url("/images/2013/photo_android.png");
	background-repeat: no-repeat;
	background-position: right top;
}
#footer_app.iphone {
  background-image: url("/images/2013/photo_iphone.png");
}

#footer_app h2 {
	margin-right: 150px;
}

#footer_app img {
	padding: 16px 0 0 0;
}

.tzSelect { /* This is the container of the new select element */
	height: 34px;
	display: inline-block;
	min-width: 260px;
	position: relative;
	/* Preloading the background image for the dropdown */
	background: url("/images/2013/dropdown_slice.png") no-repeat -99999px;
}

.tzSelect .selectBox {
	position: absolute;
	z-index: 90;
	height: 28px;
	width: 100%;
	/* Font settings */
	font: 14px/24px var(--font_family_bold);
	text-align: left;
	text-indent: 12px;
	text-shadow: 1px 1px 0 #EEEEEE;
	color: #7a6654;
	/* Using CSS3 multiple backgrounds and a fallback */
	/*  background:url('/images/2013/select_slice.png') repeat-x #ddd;
    background-image:url('/images/2013/select_slice.png'),url('/images/2013/select_slice.png'),url('/images/2013/select_slice.png'),url('/images/2013/select_slice.png');
    background-position:0 -136px, right -204px, 50% -68px, 0 0;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
	*/
	background: url('/images/2013/bgd_select.png') repeat-x #f6f6f6;
	background-image: url('/images/2013/bgd_select.png'),
		url('/images/2013/bgd_select.png');
	background-repeat: no-repeat, repeat-x;
	background-position: 205px -30px, 0 0;
	background-color: #f6f6f6;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.tzSelect .selectBox:hover,.tzSelect .selectBox.expanded {
	/* background-position:0 -170px, right -238px, 50% -102px, 0 -34px; */
	background-position: 205px -30px, 0 0;
	color: #2c5667;
	color: #7a6654;
	/* text-shadow:1px 1px 0 #9bc2d0; */
}

.tzSelect .dropDown {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	border: 1px solid #32333b;
	border-width: 0 1px 1px;
	list-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 4px #111;
	-webkit-box-shadow: 0 0 4px #111;
	box-shadow: 0 0 4px #111;
	background-color: #f6f6f6;
	overflow: auto;
	z-index: 100;
}

.tzSelect li {
	height: 28px;
	cursor: pointer;
	position: relative;
	color: #7a6654;
	text-indent: 12px;
	font-size: 12px;
	/* Again, using CSS3 multiple backgrounds with a fallback */

	/*background:url('/images/2013/dropdown_slice.png') repeat-x #222;
    background-image:url('/images/2013/dropdown_slice.png'),url('/images/2013/dropdown_slice.png'),url('/images/2013/dropdown_slice.png');
    background-position: 50% -171px, 0 -35px, 0 0;
    background-repeat: no-repeat, no-repeat, repeat-x;
	*/
}

.tzSelect li:hover { /*background-position: 50% -256px, 0 -85px, 0 0;
    background-image: none;*/
	background-color: #f2c582;
	color: #232222;
}

.tzSelect li span {
	left: 18px;
	position: absolute;
	top: 27px;
	color: #7a6654;
}

.tzSelect li i {
	color: #999999;
	display: block;
	font-size: 12px;
}

.tzSelect li img {
	left: 9px;
	position: absolute;
	top: 13px;
}

.btn_blue {
	background-color: #152f52 !important;
	background-image: linear-gradient(to bottom, #152f52, #40516b);
	background-repeat: repeat-x;
	font-size: 14px;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #222;
	text-align: center;
	padding: 4px 12px;
	width: auto;
	height: 36px;
	vertical-align: middle;
	color: #fff;
}

.txt_arrivaldate,.txt_enddate,.txt_lengthstay {
	width: 114px;
	height: 24px;
	float: left;
	background-image: -moz-linear-gradient(center top, #EEEEEE 1%, #FFFFFF 15%);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px
		rgba(255, 255, 255, 0.7);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #bbb;
	text-indent: 4px;
}

.txt_arrivaldate {
	background-image: url("/images/2013/icon_calendar.png");
	background-repeat: no-repeat;
	text-indent: 22px;
	margin: 0 6px 0 0;
}

.txt_enddate {
	background-image: url("/images/2013/icon_calendar.png");
	background-repeat: no-repeat;
	text-indent: 22px;
	margin: 0;
}

#date_range_wrapper,#date_spec_wrapper {
	width: 100%;
	padding: 4px 0;
	clear: both;
	overflow: auto;
}

#search_wrapper .search_text {
	width: 236px;
	height: 24px;
	background-image: -moz-linear-gradient(center top, #EEEEEE 1%, #FFFFFF 15%);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px
		rgba(255, 255, 255, 0.7);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #bbb;
}
/*****    CAROUSEL *****/
#camping_carousel {
	padding: 20px 0;
	z-index:40;
}
#my-carousel ul {
	position: absolute; /* required */
	overflow: hidden; /* required */
	margin: 0;
	padding: 0;
	list-style: none;
}

#camping_carousel ul li {
	float: left; /* required */
	width: 300px;
	height: 280px;
	overflow: hidden;
	margin: 0 16px 0 4px;
}

#camping_carousel .mask {
	position: relative; /* required */
	overflow: hidden; /* required */
	width: 940px; /* required */
	height: 285px;
}

#camping_carousel .pagination-links {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1px;
	text-indent: -999px;
}

#camping_carousel .pagination-links li {
	display: inline;
}

#camping_carousel .pagination-links li.current {
	background: grey;
}

#camping_carousel .disabled {
	color: grey;
}

#camping_carousel .carousel_nav_wrapper {
	text-align: right;
	height: 14px;
	width: 940px;
}

.carousel_nav_wrapper .next {
	background-image: url('/images/2013/icon_arrow_next_green.png');
	background-repeat: no-repeat;
	width: 12px;
	height: 24px;
	padding: 2px;
	display: inline-block;
}

.carousel_nav_wrapper .prev {
	background-image: url('/images/2013/icon_arrow_prev_green.png');
	background-repeat: no-repeat;
	width: 12px;
	height: 24px;
	padding: 2px;
	display: inline-block;
}

.carousel_counter {
	font-size: 16px;
	padding: 4px 8px;
	color: #163154;
	position: relative;
	bottom: 12px;
}
.renewalDiv {
	display: table-cell;
	width: 33%;
}

.renewalDiv label{
	width: 100% !important;
	margin-left: 15px !important;
}

.renewalDiv select{
	margin-left: 15px !important;
	float: left;
}

#camping_carousel .feature_spot_wrapper {
	height: 300px;
	overflow:hidden;
	display: none;
}

#camping_carousel .feature_spot_wrapper img {
	height: 225px;
	overflow:hidden;
}

#camping_carousel .feature_spot_overlay {
	height: 225px;
	width: 300px;
	position: absolute;
	top: 0px;
	background-color: #163154;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity = 80);
	display: none;

}

#camping_carousel .feature_spot_overlay p {
	padding: 20px;
	color: #fff;
	opacity: 1.0;
}

#camping_carousel .feature_spot_wrapper2 {
	height: 300px;
	background-image: url('/images/2013/photo_camping2.jpg');
	background-repeat: no-repeat;
}

#camping_carousel .feature_spot_wrapper3 {
	height: 300px;
	background-image: url('/images/2013/photo_camping3.jpg');
	background-repeat: no-repeat;
}

#camping_carousel div.feature_name {
	background-color: #163154;
	padding: 8px;
	padding-left:20px;
	background-image: url('/images/2013/icon_arrow_right.png');
	background-repeat: no-repeat;
	background-position: 270px 15px;
	height: 30px;
	position: relative;
	bottom: 3px;
	display:table-cell;
	vertical-align:middle;
	width:300px;
}

#camping_carousel div.feature_name p {
	width: 240px;
	overflow: visible;
	color: #fff;
}

#camping_carousel p.feature_loc {
	padding: 4px;
	text-indent: 12px;
	background-image: url('/images/2013/icon_marker.png');
	background-repeat: no-repeat;
	background-position: center left;
}

#social_carousel {
	padding: 20px 0;
}

#social_carousel ul li {
	float: left; /* required */
	width: 420px;
	height: 353px;
	overflow: auto;
	margin: 0 16px 0 4px;
}

#social_carousel .mask {
	position: relative; /* required */
	overflow: hidden; /* required */
	width: 420px; /* required */
	height: 353px !important;
}

#social_carousel .carousel_nav_wrapper {
	text-align: right;
	height: 14px;
	padding: 4px 2px;
	width: 436px;
}

#social_carousel .pagination-links {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1px;
	text-indent: -999px;
	display:none;
}
/*****  CAROUSEL END  *****/
#cdailyentrydetailspage .myModalCarouselLink img {margin-top: 0;}
/***** SEARCH FORM *****/
.hiddenoptions.hide .option {
	display: none;
}

#permitsSearch .hiddenoptions.hide{
	display:none;
}
.hiddenoptions {
	clear: both;
	display: inline-block;
	padding: 0;
}

.hiddenoptions .icheckbox_futurico {
	float: left;
	top: 5px;
}
#permitsSearch .attributesTable{
	margin: 5px 0 10px 0;
}

#reservationPayment .hiddenoptions .option {
	display: inline-block;
}
 
.dateField,#csite,#siteCode,#locationCriteria,#maxpeople,#eqplen,
.TextBoxRenderer,.DecimalBoxRenderer,.PasswordBoxRenderer,.EmailBoxRenderer
{
	margin: 0 12px 0 0;
	background-image: -moz-linear-gradient(center top, #EEEEEE 1%, #FFFFFF 15%);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.7);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #bbb;
	text-indent: 12px;
	width: 263px;
}

form input.date,
form input.dateField,
form input.l,
form input.ml,
form input.m,
form input.ms,
form input.s,
form input.ss,
form input.mxs,
form input.mxsp,
form input.xss,
form input.xsm,
form input.xs,
form input.xs.total,
form input.xxs,
form input.xsr,
form input.text,
form input.PasswordBoxRenderer,
input[type="text"], input[type="number"], 
input[type="password"] {
	height: 24px;
	margin: 0 12px 0 0;
	background-image: -moz-linear-gradient(center top, #EEEEEE 1%, #FFFFFF 15%);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px
		rgba(255, 255, 255, 0.7);
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #bbb;
	text-indent: 12px;
	line-height: 24px;
	width: 238px;
}
.userTicketQty.short, .qty.short {width: 50px;}
body#memberstoreequipment form select.s {
	width: 150px;
	margin: 0 12px 0 0;
}
body#memberstoreequipment form input.s {
	width: 148px;
}

.labeled {
	margin-top:10px;
}

#problemOrQuestion {
	height:125px;
	background-image:none;
	color:#000;
}

#problemOrQuestion option {
	color:#000;
}

form input.date {
	width: 10em;
}

form input.l {
	width: 40em;
}

form input.ml {
	width: 30em;
}

form input.m {
	width: 20em;
}

form input.ms {
	width: 16em;
}

form input.s{
	width: 10em;
}
form select.s{
	width: 12em;
}

form input.ss {
	width: 9em;
}

form input.mxs {
	width: 8em;
}

form input.mxsp {
	width:120px;	
}

form input.xss {
	width: 3em;
}
form input.xsm {
	width: 8em;
}
form input.xs {
	width: 6em;
}

form input.xs.total {
	border: 2px solid #FF9900;
	font-weight: bold;
	height: 1.3em;
	float: left;
}

form input.xxs, form input.xxs3 {
	width: 3em;
}
form input.xxs3 {
	float: left;
}

form div.formField {
	float: left;
}

.left {
	float:left;
	margin-bottom:4px;
}

.left2 {
	float:left;
	margin-bottom:4px;
}

#firstNameGrp {
float:left;
}

input.dateField, form input.dateField, .compactoptions .dateField {
	background-image: url("/images/2013/icon_calendar.png") !important;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:22px;
}

.chbox {
	clear: left;
	display: block;
	float: left;
	margin: 2px 8px 0px 0;
}
.acknowledgement .chbox {margin-top: 5px;}
/**  Unified Search **/
.checkBox {
	clear: both;
	display: block;
	padding: 5px 0;
}
.checkBox .icheckbox_futurico {
	float: left;
	display: inline-block;
}

.checkBox label {
	display: inline-block;
}

#interest_camping {
	display: none;
}

#campingDateFlex, #marinaFlex {
	margin: 10px 0;
}

#btnDiv button, 
#search, 
#contactTable button,
#search, 
#signinbutton button, 
#continue_clicked_button, .signuprightbtns, 
.lookupbtn, 
.rightColDiv a.replacepass, 
.rightColDiv a.renewpass, 
.rightColDiv a.secondarypass, 
.rightColDiv a.exchangepass,
#signupbutton button,
#lookupbutton button,
#siteTransferSearchBtn,
.btn button, 
.standout-button-leave-review,
.betaSwitchButtonDiv #okBtn,
#forgotpwd_wrapper button,
#changepolicy_wrapper button,
.melissaConfirmationPopup div.confirmButton,
.melissaConfirmationPopup div.cancelButton,
.popupdialog div.confirmButton,
.popupdialog div.cancelButton,
.bringvehiclerows button.addvehiclebtn,
.guestCheckoutPopup div.continueButton,
.guestCheckoutPopup div.cartButton,
.guestGiftCardBtnDiv a,
.guestGiftCancelBtnDiv a,
.undoLinkDiv a, .ssosigninwrapper div#signinbtn button, .ssosigninwrapper div#signupbtn button,
#facilityDetailsSingleColumn .addItineraryBtn, .grouppassfamilymembersdiv button.addmemberbtn
 {
	font-size: 16px;
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	padding: 8px 14px 8px 14px;
	margin: 8px 0;
	width: 265px;
	min-height: 44px;
	vertical-align: middle;
	color: #fff;
	
  /* fallback */
	background-color: #FE8223;
	background: url(/images/2013/linear_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #E2971F;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eba843), to(#e58d08));
	
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #eba843, #e58d08);
	
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #eba843, #e58d08);
	
	/* IE 10 */
	background: -ms-linear-gradient(top, #eba843, #e58d08);
	
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #eba843, #e58d08);
}
.melissaConfirmationPopup div.confirmButton, .melissaConfirmationPopup div.cancelButton {min-height: auto; padding: 10px 12px;;}
#viewmap .action-buttons button {height: auto; min-height: 34px;} 
 
.signuprightbtns {margin: 0 0 1px 0;}
#lookup_resv_clicked_button {margin: 8px 0; }
.popupdialog .modalPopLite-wrapper {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.popupdialog .PopupTitle {
    padding-bottom: 20px;
}
#welcomeLinkConfirmPopupWrap.popupdialog .modalPopLite-wrapper{
	left: 300px !important;
	top: 100px !important;
} 
.popupdialog .popupbuttons div {
    display: inline-block;
    float: right !important;
    width: auto !important;
    margin-top: 20px;
    font-size: 13px;
    padding: 0px !important;
    height: 30px !important;
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    border-radius: 0px;
    background: none;
    background-color: transparent;
}
.popupdialog div.confirmButton a, .popupdialog div.cancelButton a {
    display: inline-block;
    float: right !important;
    width: auto !important;
    min-width: 80px;
    line-height: 30px !important;
    text-align: center;
}
.popupdialog div.confirmButton {
	border: 0px;
}
.popupdialog div.confirmButton button {
    margin-top: 0px;
    width: auto;
    min-width: 82px;
    line-height: 20px !important;
    height: 32px;
    border-radius: 0px;
}
.popupdialog div.cancelButton {
    background-color: #FFFFFF;
    border: 1px solid lightgray;
}
.popupdialog div.cancelButton:hover {
    background-color: transparent;
}
.popupdialog div.cancelButton a {
    background-color: #FFFFFF;
    padding-top: 8px;
    margin: 0 6px;
}
.popupdialog div {
    color: black;
}
.popupdialog .popupSuccess > span{
	vertical-align: top;
	line-height: 50px;
}
@media (max-width: 767px) {
	.popupdialog .modalPopLite-wrapper, #welcomeLinkConfirmPopupWrap.popupdialog .modalPopLite-wrapper {
		left: 0px !important;
	}
}
#signinbutton button, 
#continue_clicked_button, .signuprightbtns, 
.lookupbtn,
#signupbutton button,
#lookupbutton button,
#siteTransferSearchBtn,
.btn button,
#forgotpwd_wrapper button,
#changepolicy_wrapper button,
.popupdialog div.confirmButton,
.popupdialog div.cancelButton,
.melissaConfirmationPopup div.confirmButton,
.melissaConfirmationPopup div.cancelButton,
.guestCheckoutPopup div.continueButton,
.guestCheckoutPopup div.cartButton
{
	width: 240px;
}
.ssosigninwrapper div#signinbtn button, .ssosigninwrapper div#signupbtn button
{
	width: fit-content;
}
#facilityDetailsSingleColumn .addItineraryBtn {width: 180px;}
.cl_accept .btn button {width: auto; height: auto; margin: 0 20px; padding: 3px 20px; font-size: 12px;}
#btnDiv button:hover, 
#search:hover, 
#contactTable button:hover,
#search:hover, 
#signinbutton button:hover, 
#continue_clicked_button:hover, .signuprightbtns:hover, 
.lookupbtn:hover,
#signupbutton button:hover,
#lookupbutton button:hover,
#siteTransferSearchBtn:hover,
.btn button:hover,
a.replacepass:hover,
a.renewpass:hover,
a.secondarypass:hover,
a.exchangepass:hover,
.standout-button-leave-review:hover,
#forgotpwd_wrapper button:hover,
#changepolicy_wrapper button:hover,
.melissaConfirmationPopup div.confirmButton:hover,
.melissaConfirmationPopup div.cancelButton:hover,
.guestCheckoutPopup div.continueButton:hover,
.guestCheckoutPopup div.cartButton:hover,
.bringvehiclerows button.addvehiclebtn:hover,
.guestGiftCardBtnDiv a:hover, .ssosigninwrapper div#signinbtn button:hover, .ssosigninwrapper div#signupbtn button:hover,
#facilityDetailsSingleColumn .addItineraryBtn:hover
{
	background-color: #E58D08;
  background-image: none;	
	cursor: pointer;
}
.btn button:disabled {cursor: default;}
.bringvehiclerows button.addvehiclebtn, .bringvehiclerows button.removevehiclebtn {width: 120px !important; height: 30px; font-weight: normal !important; font-size: 14px;}

div.standout-button-leave-review {
  float: left;
  padding: 0;
  width: 215px;
  height:44px;
  line-height: 44px;
  text-align: center;
  clear: left;
} 
div.standout-button-leave-review a {
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  background-image: none;
  text-decoration: none;    
  vertical-align: middle;
  display: block;
}

#contactTable button.disabled, button.disabled:hover {
	color:#c9c7ba;
	border:1px solid;
	border-color:#c9c7ba;
	background-color:#f5f4ea !important;
	background-image: none;
	cursor: default;
}
/***** SEARCH FORM END *****/

/***** COPIED FROM COMMON ******/
#signin_wrapper h1, #ssosignin_wrapper h1{
/* 	background-image: url("/images/2013/bgd_stripe.gif"); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
	margin-bottom:10px;
	padding-bottom:10px;
	display:block;
}

#signinsignuppage #colbody1, #ssosigninsignuppage #colbody1 {
	width: 100%;
}
#leftcol_wrapper {
	width: 300px;
	float: left;
	background-image: url("/images/2013/bgd_divider.png");
	background-repeat: no-repeat;
	background-position: right 30px;
	margin: 0 40px 0 0;
}
.ssosigninwrapper #leftcol_wrapper {
	margin: 0 40px 20px 0;
}

#rightcol_wrapper {
	width: 626px;
	float: left;
}

#leftcol_wrapper h2, #rightcol_wrapper h2 {
	margin-top:20px;
	font-size:24px;
	
}

.formrow_wrapper {
	display: block;
	padding: 8px 0px;
	margin: 0;
	clear:both;
}

.formrow_wrapper2 {
	display: block;
	padding: 8px 0px;
	margin: 0;
}

.formrow_wrapper2 label {
	font-weight: normal;
	padding: 4px 0 4px 0;
}

.formrow_wrapper2 input {
	margin: 0 12px 0 0;
}

#more_phone {
	cursor: pointer;
	color: #06c;
}

.additionalLinkStyle {
	display: block;
	padding: 12px 0px;
	margin: 0;
}

#additionalWorkPhoneGroup {
	float: left;
}

#additionalCellPhoneGroup,
#additionalPhoneGroup{
	clear:both;
}


.hideAdditionalLink {
	display: none;
	height: 0px;
}

#emailGroup input.TextBoxRenderer,input.EmailBoxRenderer {
	width: 238px;
}

.showOnClick {
	display: block;
	margin-bottom: 15px;
}

.hideOnClick {
	display: none;
}

div.msg.alert {
	background-image: url(/images/icon_important.png);
	background-repeat: no-repeat;
	color: #000;
	padding: 5px 5px .5em 25px;
}

table.table_res_details thead {
	background-color: #C5E2FE;
	color: #000;
	text-align: left;
	padding: 10px;
	font-size: 14px;
	border-top: 1px solid #222;
}
table.table_res_details thead td {
	padding-top:10px;
	padding-bottom:10px;
	vertical-align: middle;
}
table.table_res_details.installments thead .td_width120 {padding-top: 5px; padding-bottom: 4px;}
table.table_res_details td, .inst_container .inst_row {
	border-bottom: 1px solid #C5E2FE;
	padding: 6px 4px;
	text-align: left;
	vertical-align: top;
}
table.table_res_details td {width:50%;}
table.table_res_details.installments tbody td {border-bottom: none; padding-bottom: 0;}
.inst_container.content {line-height: 17px;}
.td_width120 {
	width: 160px !important;
	font-weight: normal;
	text-align:right !important;
}

.label_res_details {
	font-weight: bold;
	width: 140px !important;
	display: table-cell;
}

.value_res_details {
	width: 190px;
	display: table-cell;
}

.boldbig {
	font-weight: bold;
	font-size: 14px;
	width: 190px;
	display: table-cell;
}

.res_info {
	background-image: url("/images/icon_info.png");
	background-repeat: no-repeat;
	margin: 8px 0;
	padding: 0 0 0 24px;
	font-size: 14px;
	line-height: 22px;
}

.res_error {
	background-image: url("/images/icon_error.png");
	background-repeat: no-repeat;
	margin: 8px 0;
	padding: 0 0 0 24px;
	font-size: 14px;
	color: #f22;
	line-height: 22px;
}

.res_info_button {
	margin: 0px 2px;
	width: 100px;
	height: 26px;
	font-size: 12px;
}

.headspacer {
	margin-top: 20px !important;
}

.cancelLink, a#cancel {
	margin-left: 30px;
}

/*UGC*/

#ugclinks a {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}

img.slide {
	margin-right: 0px;
	height: 120px;
	border: 5px solid white;
}

#photoCount {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	margin: 5px 0;
	text-align: center;
}

.inactive {
	opacity: 0.4;
	filter: alpha(opacity = 40); /* For IE8 and earlier */
	cursor: text;
}

#currentImgContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 98%;
	position: relative;
}
body#cgrounddetailspage #currentImgContainer {
	width:97%;
}

.selectedPhoto {
	border: 5px solid #FEB302 !important;
}

img#currentImg {
	display: none;
	width: 100%;
}

#changepolicy_wrapper button img {
	display: none;
}

.nextContainer {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
	overflow: hidden;
}

.prevContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 30px;
	overflow: hidden;
}

.prevImg {
	height: 100%;
	width: 30px;
	top: 0;
	left: 0;
	overflow: hidden;
	background: transparent url(/images/slider-prev-next.png) no-repeat
		center left;
	cursor: pointer;
	position: absolute;
}

.nextImg {
	height: 100%;
	top: 0;
	right: 0;
	height: 100%;
	width: 30px;
	overflow: hidden;
	background: transparent url(/images/slider-prev-next.png) no-repeat
		center right;
	cursor: pointer;
	position: absolute;
}

a#prevImgButtonBig,a#nextImgButtonBig {
	opacity: 0;
	filter: alpha(opacity = 0); /* For IE8 and earlier */
}

div#photoTitle {
	font-size: 14px;
	font-weight: bold;
	margin: 7px 0px 7px 0;
	width: 75%;
	float: left;
}
div#currImgSuper a.right {
	float: right;
	margin: 7px 0px 7px 0;
	color: green;
}

div#imgFooter {
	float: left;
	width: 100%;
	/*margin: 0 0 0 0;*/
}
#visitor_photos div#imgFooter {
	float: none;
} 
	
#photoDesc {
	margin: 7px 0 0 0 !important;
	/*white-space: pre;*/
	font-family: inherit;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

span#photoUploadedBy {
	font-weight: bold;
}

div#imgFooter p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

p#photoHits {
	color: gray;
}

div#linkNavigation {
	float: left;
	width: 100%;
	margin: 15px 55px 15px 55px;
}

a.ugcNavLink {
	color: green;
}

a#mostViewedLnk {
	margin-left: 20%;
	margin-right: 20%;
}

a.selectedNavLnk {
	background-color: gray;
	color: white;
	border: 10px solid gray;
	border-radius: 10px;
	text-decoration: none;
}

div.slideButton {
	margin-top: 5px;
}

div#uploadSection {
	float: left;
	width: 100%;
}

form#uploadForm {
	margin-top: 10px;
}

div.leftText {
	width: 20%;
	float: left;
	clear: left;
	text-align: right;
	margin-bottom: 15px;
	margin-right: 5px;
}

div.rightText {
	width: 70%;
	float: left;
	clear: right;
	margin-bottom: 15px;
}

div.rightText input {
	width: 100%;
}

input#uplDateTaken {
	width: 152px;
}

div.rightText textarea {
	width: 100%;
	height: 50px;
}

iframe#uplIFrame {
	display: none;
}

p#iAgree {
	float: left;
	clear: both;
}

div#uploadSection button {
	float: left;
	clear: both;
}

.ugcMsg {
	float: left;
	clear: both;
}

div#ugcLoadingMsg p {
	text-align: center;
}

img.loadSpinner {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

div#noPhotosMsg {
	text-align: center;
}

div#reportDialog {
	float: left;
	text-align: left;
	/*width:320px;*/
}

div#reportDialog textarea,div#reportDialog select {
	width: 100%;
}

div#reportDialog a {
	float: right;
}

span.uplRequired, span.note {
	color: #e90000;
}

#ugcFeatureTitle {
	font-size: 18px;
}

#ugcContainer {
	width: 100%;
	margin-top: 10px;
	text-align: left;
}

#ugcImages {
	width: 2000% !important;
}

#ugcSlideContainer {
	width:84.5%;
	height:130px;
}

a#imgSlidePrev img, a#imgSlideNext img {
	height: auto;
}

#ugcTarget11 {
	padding-left: 0;
	padding-right: 0;
}
#ugcTarget11.searchSummary {border: none;}
/*End UGC */

/*SIGN UP MESSGING */
#signinmsg a, #goodbymsg a {
	color: #fff;
}
.betaSiteSwitch {
	margin-left: 26px;
	float: left;
}
#signInLink {
	height: 28px;
	background-color: transparent;
	background-image: url("/images/2013/green_150.png");
	background-repeat: no-repeat;
	background-position:top left;
	float: left;
	color: #fff;
	padding: 5px 25px 0 20px;
}

#goodbymsg #signInLink {
	padding-left:50px;
	padding-right:50px;
}

#signinmsg .socialLinks, #goodbymsg .socialLinks {
	height: 28px;
	background-image: url("/images/2013/green.png");
	background-repeat: no-repeat;
	background-position:top right;
	color: #fff;
	float: left;
}

.socialLinks .socialMediaLink img {
	height:20px;
	padding:5px;
}

#membershipbar {
	float: right;
	clear:both;
	margin-right: 30px;
}

#welcomemsg, #remindermsg {
	padding: 8px 8px 0 0;
	margin: 0;
	color: #7a6654;
	font-weight: bold;
	text-align: right;
}

.tabsbar {
	width: 100%;
	position: relative;
	float: right;
}

#social_carousel ul {
	position: absolute; /* required */
	overflow: hidden; /* required */
	margin: 0;
	padding: 0;
	list-style: none;
}

#camping_carousel ul {
	position: absolute; /* required */
	overflow: hidden; /* required */
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
Progress Bar
*/
#topnavProgressBar {margin-top: 25px;}

#progressBar,#inlineProgressBar {
	clear: both;
	height: 48px;
	width: 210px;
	display: inline-block;
}

#progressBar div,#inlineProgressBar div {
	float: left;
	width: 10px;
	height: 48px;
	margin-right: 5px;
	background-color: #e6f8e6;
}

.alternativeSuggestion, .availabilityMessages {
	background-color: #fbebc2;
	margin-bottom: 10px;
}

.alternativeSuggestion ul, .availabilityMessages ul {
	margin-left:20px;
}

.alternativeSuggestion ul li a, .availabilityMessages ul li a{
	font-family: var(--font_family_sbold);
}	

#progresspopup h2 {
	font-size:14px;
}

/*
In page messages.
*/
div.msg {
	background-image: url(/images/2013/icon_msg.png) !important;
	background-repeat: no-repeat;
	background-position:-150px -100px;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 30px;
	background-color:#fbebc2;
	border:10px solid #fbebc2;
}

div.msg.error, div.error_item {
	background-image: url(/images/2013/icon_msg.png);
	background-repeat: no-repeat;
	background-position:-150px -10px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px .5em 30px;
	background-color:var(--color-background-error, #efd1d1) !important;
	border: 10px solid var(--color-background-error, #efd1d1);
}
div.msg.error:empty{
	display: none;
}
div.msg.seasonal_site_error{
	background-image: url(/images/bg_msg_notice.gif) !important;
	background-position:0px 0px;
}

div.msg.warn{
  margin: 10px 0;
}

div#leftcol_wrapper div.msg.error, div#leftcol_wrapper div.error_item {
	margin: 0px 10px 0px 0px;
}

div#leftcol_wrapper div.msg.topofpage.error{
	margin: 0px 10px 10px 0px;	
}

div.attributeField.error input, div.attributeField.error select {
    background-color: #FFF1EC;
    border: 1px solid red;
}
.boat_info_row input.error, .boat_info_row select.error {
    background-color: #FFF1EC;
    border: 1px solid red;
}
div.msg.warning, #noAvailabilityMsg {
	background-image: url(/images/2013/icon_msg.png);
	background-repeat: no-repeat;
	background-position:-100px -100px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px .5em 30px;
}

div.msg.notice {
	background-image: url(/images/bg_msg_notice.gif) !important;
	color: #000;
	background-position: 0 0;
}

div.msg.success {
	background-image: url(/images/bg_msg_success.gif) !important;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #1C761D;
}

div.msg.alert {
	background-image: url(/images/icon_important.gif);
	padding: 5px 5px .5em 25px;
}
div.msg.important {
	background-position: -100px -100px;
	text-align: left;
}
div.msg.alertTitle, div.msg.noteTitle { 
	background-image: url(/images/2013/icon_msg.png);
	background-repeat: no-repeat;
	background-position:-100px -97px;
	margin-bottom:5px;
}
div#contract_notes, div.campgroundBulletin {
	background-image: url(/images/2013/icon_msg.png);
	background-repeat: no-repeat;
	background-position:-93px -93px;
	background-color:#fbebc2;
	margin-bottom:5px;
	padding:10px 10px 10px 35px;
}
div#contract_notes {
	margin-bottom: 10px;
}
div.campgroundBulletin h1 {
	font-size:1em;
	font-weight:bold;
}

div.noteTitle h2, div.noteTitle {
	color: #000;
	font-size: 16px;
	font-weight: bold; 
}

div.msg.aftercontinuelink {
	font-weight: bold;
	margin-top: 20px;
}

div.otherlinks {
	float: right;
	padding: 0 10px 0 10px;
}

/*
Table Items
*/
.items {
	border: none;
	border-collapse: collapse;
	margin: 2px 0 10px 0;
	width: 100%;
}
.items .feeValue{ text-align: right; padding-right: 14px;}
#csiterst .items, #csitecalendar .items  {margin-top: 0;}
.items.display-table {margin: 0;}
table.items tbody tr td.otherlinks {
	background-color:#fff;
}

table.items.reservationHistory tbody tr td {
	text-align:center;
}

table.items tr.br.error, tr.error {
	background-color: var(--color-background-error, #efd1d1);
}

table.items tr.repeatHeader td {
    padding: 3px 2px;
    background-color: #F1EFE2;
    color: #000;
    font-size: .75em;
    border-right: solid 1px #FFFFFF;
}
#tourlistpage table.fullWidth td {
    vertical-align: middle;
    padding: .3em .4em;
    text-align: center;
}
#tourlistpage table.items td.description {
    padding: 10px 10px 10px 10px;
    padding-right: 10px;
    font-size: .9em;
    line-height: 1.4em;
    text-align: left;
}
#tourparkdetailpage #campgLinks, #tourlistpage #campgLinks  {
    margin: 5px 0 10px 0;
    padding: 0;
    text-align: left;
}
div.items {display: table;}
/*
Inset Map
*/

.insetMap {
	clear:both;
	background-color: #f1efe2;
	padding:10px;
	margin:20px 8px 0 0;
	overflow: hidden;
}

.insetMap span, #colsidebartitle span {
	color:#000000;
	font-size: 14pt;
	margin-bottom: 10px;
}

span.h2{
	display: block;
}

#leftAdpanel {
	margin: 20px 8px 0 0;
}

#leftAdpanel .ad {
	text-align:center;
	background-color: #F1EFE2;
}

#leftAdpanel .ad div{
	margin: auto;
}

.popup {
	z-index:9999;	
}

.directionsLink {
	padding-left:15px;
	background-image:url('/images/2013/icon_marker_green.png');
	background-repeat:no-repeat;
}

.facilityNavigation {
	float:right;
	font-weight: bold;
	font-family: var(--font_family_sbold);
}
.facilityNavigationLeft {
	font-weight: bold;
	font-family: var(--font_family_sbold);
}

/************************************************************************
*************************************************************************
CAMPGROUND DETAILS
*************************************************************************
*************************************************************************/
#morephotos > a{
  display: inline-block;
}

#facmedia.off,
.facgallery.on .vg,
.facgallery.off .hg{
	display:none;
}

.facgallery.off .vg,
.facgallery.on .hg{
	display:block;
}


#cgrounddetailspage div#contentcol div.content.first {
	margin-top: 0;
}
a.getavail {
	color: #000000;
	display: block;
	line-height: 80%;
}

a.map {
	padding-left: 21px;
	background-position: left;
	display: block;
	height: 18px;
}

div.alert, div.tourAlert, div.accessibilityNotice, div.occupancyNotice {
	background-image: url(/images/2013/icon_msg.png);
	background-repeat: no-repeat;
	background-position: -100px -100px;
	margin-bottom: 5px;
	padding: 5px 5px .5em 30px;
	background-color: #fbebc2;
	border: 10px solid #fbebc2;
}

#chourlysitedetailspage div.accessibilityNotice,
#csitedetailspage div.accessibilityNotice {
	background-color: var(--color-background-error, #efd1d1) !important;
	border: 10px solid var(--color-background-error, #efd1d1) !important;	
	margin-bottom: -5px !important;
	background-image: url(/images/icon_ada.gif);
	background-position: 0 8px;	
}

.priorityAlerts {margin: 5px 0; background-repeat: no-repeat; padding: 5px 5px 0 30px; min-height: 50px;
	background-color: var(--color-background-error, #efd1d1); border: 10px solid var(--color-background-error, #efd1d1);}
.priorityAlerts.ada {background-image: url(/images/priorityalerts/icon_ada.gif);}
.priorityAlerts.barrierfree {background-image: url(/images/priorityalerts/icon_barrierfree.gif);}
.priorityAlerts.equestrian {background-image: url(/images/priorityalerts/icon_equestrian.gif);}
.priorityAlerts.hikein {background-image: url(/images/priorityalerts/icon_hikein.gif);}
.priorityAlerts .title {margin-bottom: 10px; font-weight: bolder;}

#chourlysitedetailspage .topPanelRating,
#csitedetailspage .topPanelRating {
  padding-bottom: 10px;	
} 

div.accessibility.msg.error{
	font-weight: bold;
	margin-top: 5px;
	float: none;
}

div#sitealert.alert {
	clear:both;
}
div.occupancyNotice {
	clear:both;
}

div.accessibilityNotice {
	background-position: -9px -300px;
	clear:both;
}	

.siteInfoWrapper div#campalert .label {
	display:block;
}

div.campgroundMapErrorContainer
{
	width:100%;;
}	

div.tourAlert h2{
	color: #FF0000;
}

div.alert h2{
	color: #000;
}

div.sizelikeinput{
	padding: 3px 3px 6px 3px;
}

div.spacer {
	padding-top: 3px;
}
.cartseparator {margin: 20px 0; height: 1px; border-bottom: 1px; border-bottom-color: grey; border-bottom-style: dashed;}
.bottom-separator {border-bottom: 2px solid #000; padding-bottom:5px; margin-bottom: 5px; }
.light-bottom-separator {border-bottom: 1px solid #CCC; }
.light-top-separator {border-top: 1px solid #CCC; padding-top:5px;}

div.viewmap {
	float: right;
	text-align: right;
}

div.privateCampgroundLink
{
	padding-top:10px;
	margin-bottom:20px;
}

div.privateCampgroundLink div.link
{
	float:left;
}

div.privateCampgroundLogo
{
	float:left;
	padding-right:6px;
}

div.privateCampgroundNote
{
	padding-left:6px;
	font-weight:bold;
	font-size:1.2em;
}

div.feesTitle
{
	clear:both;
}

span.note.nobr, span.nsf.nobr {
	float: left;
}

span.nsf{
	color: #000000;
	font-size: 70%;
}

span.season {
	color: #669900;
	margin-left: 3em;
}

.contable {
	width: 100%;
}

table.contable td {
	vertical-align: top;
	width: 50%;
}

table.contable td.td1, div.contable div.td1 {
	padding-top: .5em;
}
table.contable td.td2 {
	padding-bottom: .5em;
}
div.contable div.td2 {
	float: left;
	width: 50%;
}
	
table.contable tr.brline td, div.contable div.brline div {
	border-top: 1px dashed #B0C4DE;
}

table.items #mapsites {
	text-align: left;
	width: 100%;
}

table.items #maptarget {
	background: transparent;
	left: 173px;
	position: relative;
	top: 126px;
}

table.items tr.separator td {
padding:6px;
background-image:url('/images/2013/bgd_separator.gif');
background-repeat:repeat-x;
background-position:0 5px;
}

table.items tr.separator.first td {
padding:2px;
background-image:none;
}

div.priceRateTitle {
	margin: 5px 0px;
}
td.priceRateTitle, div.priceRateTitle {
	vertical-align:top;
	font-weight: bold;
	width: 7.5em;
}
.rateline {
	margin: 5px 0px;
}
div.priceRateDay {
	width: 120px;
}
.pricingnote {
	font-style: italic;
	margin-top: 10px;
}
td span.priceRateText {
	font-size: 100%;
}

td span.priceRateTextSmall {
	font-size: 80%;
}

#csitedetailspage #avn {
	margin-bottom:5px;
}

.td.status a, .td.status l, .status.ax div.permitStatus{
	color: #000000;
	font-size: 130%;
	font-weight: normal;
	text-decoration: none;
	display:block;
}

.td.status a:hover, .td.status a:active, .td.status l:hover, .td.status l:active{
	color: #FF8C00;
}

.td.status.c {
	background-color: #ffffff;
	color: #888888;
	text-align: center;
  font-size: 16px;
}

.td.status.r {
	color: #888888;
	background-color: #F7EFDD;
	text-align: center;
}

.td.status.w, .td.status.p {
	color: #7b6653;
}

.td.status.x, .td.status.g, .td.status.a.noq, .td.status.a.noq small {
	background-color: #f8f8f6;
	color: #888888;
}

.td.status.k {
	background-color: #F2F2F2;
	color: #CCCCCC;
}

.td.status.b {
	background-color: #ffffff;
	background-image: url('/images/bg_beyond_window.gif');
	color: #666666;
	background-repeat: no-repeat;
  background-position: center
}

.td.status.r, .td.status.x, .td.status.g, .td.status.b, #permitGridContainer .permitStatus {
    font-size: 16px;
}
#csitecalendar .td.status.r, #csitecalendar .td.status.x, #csitecalendar .td.status.g, #csitecalendar .td.status.b, #csitecalendar .td.status.a {
    padding: 30px 4px;
}

.td.status.x.slct, .td.status.g.slct, .td.status.c.slct, .td.status.w.slct, .td.status.p.slct, .td.status.a.slct, .td.status.k.slct, .td.status.r.slct, .td.status.b.slct, .td.status.l.slct, .td.status.ax.slct{
	color: black ;
}
#daterangediv .td.status.x.slct, #daterangediv .td.status {width: 5%;}
#csitecalendar .td.status.slct, #csitecalendar .td.status {width: 7.15%;}

table.items thead th.calendar,table.items tfoot th.calendar  {
	background-color: #82A9EE;
	color: #000000;
	font-size: 90%;
	text-align: center;
	
	width:29px;
	padding-left:0px;
	padding-right:0px;
	
}

table.items thead th.calendar.firstday, table.items tfoot th.calendar.firstday  {
	border-left: 2px dashed #000000;
}

table.items thead th.calendar.sat, table.items tfoot th.calendar.sat, 
table.items thead th.calendar.sun, table.items tfoot th.calendar.sun  {
	background-color: #4E88EF;
}


table.items td.weekabove {
	background-color: #FFFFFF;
	height: 2em;
	text-align: center;
	text-align: left;
}

table.items td.weeknav {
	background-color: #FFFFFF;
	border: none;
	height: 2em;
}

table.items td.weeknav.month {
	text-align: center;
}

table.items td.weeknav.week1 {
	text-align: left;
}

table.items td.weeknav.week2 {
	text-align: right;
}

#associated{
	border: 1px solid #CCCCCC;
	padding: 0px 0px 10px 0px;
	text-align: center;
	width: 178px;
}
div[id^='socialplugins']{
	float: right;
	text-align: left;
	height: 24px;
	padding-top:5px;
	padding-bottom:5px;
}
#unifsearchresults div[id^='socialplugins'] {float: none;}
div[id^='socialplugins'] .facebook {
    height:24px;
    float:left;	
    margin-right: 10px;
}

div[id^='socialplugins'] .tweeter {
    height:24px;
    width:110px;
    float:left;		
    padding-top: 4px
}

#unisearchfb{
	float: none;
	clear: left;
	text-align: left;
	height: 24px;
	padding-top:5px;
	padding-bottom:5px;
}

#unisearchfb .facebook {
    height:24px;
    float:left;	
    clear:left;
}
#facilityintro div[id^='socialplugins'] {
	float: right;
	clear: none;
}
#facilityintro .facility_header_parent {
	margin: 0;
	padding: 0;
}
#facilityintro div.facilitySwitchBar {
	padding-bottom: 0px;
}
#cgrounddetailspage #slctcamp{
	visibility: hidden;
}
#cgroundmap {
	width: 100%;
}
#cgroundmap table tbody td {
	padding: 4px 2px;
}
#cgroundmap table tbody td#mapresult {
	width: 464px;
}
#contentcol{
	float: left;
	width: 28em;
}

#csitelistpage #col6{
	white-space: nowrap;
}
#detailpagelinks {
	line-height:180%;
}

#detailpagelinks a {
	font-family: var(--font_family_sbold);
}

#extracol div.ad{
	margin: 5px 0px 15px 0px;
}

#extracol div.ad a{
	display: block;
	font-weight: bold;
}

#extracol div.ad span.url{
	color: #008000;
	display: block;
}

#extracol div.spot{
	margin: 0px 0px 20px 0px;
}

#extracol h3{
	margin: 5px 0px 5px 0px;
}

#extracol h4{
	color: #808080;
	font-weight: normal;
	margin: 5px 0px 5px;
}

#sitedetails {
	clear: both;
	margin: 1em 0;
	width: 48em;
}

#siteicons {
	/*clear:both;
	*/
	
	display:inline-block;
}
#siteicons span {
	font-size: 16px;
}
#siteicons img {
	margin-right: 5px;
	vertical-align: middle;
}


.sitetype {min-width: 182px;}

.siteInfoWrapper, #siteTransferComponent {
	font-size:10pt;
	padding:20px 20px 10px 20px;
	background-color:#fff;
} 

.siteInfoWrapper span.bold {
	padding-right:5px;
}

.siteInfoWrapper > span:first-child span.bold{
	padding-left: 0 !important;
}

.siteInfoWrapper span.bold.left {
	padding-left:10px;
}
.siteInfoWrapper div {
	padding-right:10px;
}
.no_right_margin, .compactoptions #lengthOfStay.no_right_margin {margin-right: 0;}
.mblwdth50 {min-width: 150px;}  

div.multidayNote {margin: 0; padding: 10px; background-color: #f0f0f0; border: 1px solid #DCE2E5;}
div.multidayNoteMsg {margin-left: 18px; margin-top: 5px;}
.multidayNoteTitle:before {content: "\f05a"; font-family: FontAwesome, fantasy; margin-right: 5px;}

#sitenamearea .siteTile, #tourparknamearea h2 {
	font-family: var(--font_family_bold);
	font-size:14pt;
/* 	color:#63a548; */
	padding-left:10px;
}
#tourparknamearea h2 {
	padding: 0 !important;
	margin: 10px 0;
}
#tourparknamearea {
	border-top: none !important;
}

#tourAvailability div.compactoptions div.option br {
	display: none !important;
}
#tourAvailability div.compactoptions div.option input {
	height: 24px !important;
	line-height: 24px;
}

#sitenamearea .siteTile .label {
	padding-right:5px;
}

#slctcamp {
	margin: 0 0 1em 0;
	text-align: left;
	width: 47.7em;
}

#slctcamp h2 {
	border: none;
	margin: 0px;
	padding: 0px;
}

#viewmap{
	position: relative;
	z-index:1; 
	left:0px; 
	top:0px; 
	height: 650px;
	text-align: left;
}
table.items #viewmap {
	height: 464px;
	width: 464px;
}

#viewmap a.crssitemarker {
	height: 28px;
	position: absolute;
	width: 20px;
}

#viewmap a.crssitemarkerslct{
	border: 2px solid #EE3399;
	height: 28px;
	position: absolute;
	width: 20px;
}

#viewmap a.sitemarker {
	background-image: url(/images/2013/site_match.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	height: 28px;
	margin: -14px 0 0 -14px;
	padding-top: 16px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 28px;
}

#viewmap a.sitemarker img, #viewmap a.sitemarkerslct  img{
	position: absolute;
	top: -2px;
	left: 0;
}

#viewmap a.sitemarker.nomatch{
	background-image: url(/images/2013/site_avail.gif);
	color: #DDDDFF;
}

#viewmap a.sitemarker.nomatch img, #viewmap a.sitemarker.unavail img, #viewmap a.sitemarker.nomatchslct img, #viewmap a.sitemarker.unavailslct img, div[id^='maplinkicon'] a.sitemarker.unavail img{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .5;
}

#viewmap a.sitemarker.nomatchslct {
	background-image: url(/images/2013/site_avail_slct.gif);
	color: #DDDDFF;
}

#viewmap a.sitemarker.unavail{
	background-image: url(/images/2013/site_unavail.gif);
	color: #FFDDDD;
}

#viewmap a.sitemarker.unavailslct{
	background-image: url(/images/2013/site_unavail_slct.gif);
	color: #FFDDDD;
}

#viewmap a.sitemarker:hover {
	color: #FFDD00;
}

#viewmap a.sitemarkerslct{
	background-image: url(/images/2013/site_match_slct.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	height: 28px;
	margin: -14px 0 0 -14px;
	padding-top: 14px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 28px;
}

#viewmap a.sitemarkerslct:hover {
	color: #FFDD00;
}

table.items #sitelist div.radiotext {
	padding-top: 3px;
}
div.sites, div.sitesunavail {
	white-space: normal;
	padding-bottom: 2px;
}
table.items #sitelist div.sites {
	border: 2px solid #ffffff;
	color: #002EE9;
	text-align: left;
}
table.items #sitelist div.sites.slct, table.items #sitelist div.sitesunavail.slct{
	background-color: #FDFF00;
	border-color: #FDFF00
}
table.items #sitelist div.sitesunavail {
	border: 2px solid #ffffff;
	color: #8E7143;
	text-align: left;
}

table.items #sitelist input.radio {
	float: left;
}

div.maplegend {
	background-color: #F2F9FF;
	text-align: left;
	font-size: 80%;
	margin-left: 10px;
	padding-bottom: 3px;
}
span.maplegend.available {
	width: 12px;
	height: 12px;
	background-color: #163154;
	display: inline-block;
}
span.maplegend.unavailable {
	width: 12px;
	height: 12px;
	background-color:	#BDA175;
	display: inline-block;
}

div.amenitiesicons {
	width: 61px;
}

div.inpagehelprst h1 {
	font-size: 130%;
}

div.inpagehelprst, div.inpagehelp {
	font-size: 120%;
	padding-bottom : 0;
	margin: 1em;
	padding: 1.2em;
}
#facilityDetailsSingleColumn #colsidebar div.inpagehelp {margin: 0;}
div.inpagehelp p {margin-top: 10px;}
.items thead th.loop, .items thead td.loop {
	text-align:left;
	background-color:#FDE37C;
}

.items div[id^='maplinkicon'] {
	height: 28px;
	margin: 8px auto 0px auto;
	text-align: left;
	width: 28px;
}

div.maplinkicon {
	float: right;
	text-align: right;
}

div[id^='maplinkicon']{
	position: relative;
}

div[id^='maplinkicon'] a.crssitemarker {
	height: 28px;
	position: absolute;
	width: 28px;
}

div[id^='maplinkicon'] a.sitemarker {
	background-image: url(/images/2013/site_match.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 9px;
	height: 12px;
	padding-top: 16px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 28px;
}
div[id^='maplinkicon'] a.sitemarker.unavail{
	background-image: url(/images/2013/site_unavail.gif);
	color: #FFDDDD;
}

div[id^='maplinkicon'] a.sitemarker img {

	position: absolute;
	top: 0;
}

div[id^='maplinkicon'] a.sitemarker:hover {
	color: #FFDD00;
}

table.items thead td.messages {
    background-color: #fff;
    text-align:left;
}


matrixprogresspopup {
	border:solid 5px white;
	position:absolute;
	background-color:yellow;
	padding:10px;
	margin:40px 0px 0px 100px;
	width:200px;text-align:center;
}

span.nearbyParks
{
	display:block;
	padding:8px 3px 10px 3px;
	font-size:1.2em;
	color:blue;
}


span.channelNote
{
	display:block;
	white-space:nowrap
}

span.statusNotAvailable
{
	color:#cc0000;
}

table.items td.availabilityStatus
{
	vertical-align:top;
}
table.suggestions thead th {

    background-color: #bbe3d5;
}
table.items colgroup.altSuggestions{

    background-color: #e7fcf5;
}
div.campgroundTitle
{
	padding-top:10px;
	padding-bottom:0;
}

div.campgroundTitle div
{
	font-size:.8em;
}

div.alternativeSuggestion, div.availabilityMessages
{
	padding-bottom:1em;
}

div.alternativeSiteSuggestion
{
	padding-bottom:.5em;
}

div.alternativeSuggestion h2
{
	font-size: 1em;
	color: red;
	padding-bottom:1em;
}

div.alternativeSuggestion h3, div.availabilityMessages h3
{
	font-size: 1.2em;
	color: #000000;
}

div.alternativeSuggestion ul li, div.availabilityMessages ul li {
	margin-top:.4em
}

/* This is helpful to remove space above, but only if avn link text is short, which currently it is not.
div.alternativeSuggestion ul li.first {
	margin-top:-1.5em
} */

div.alternativeSuggestion div.altParkSearch
{
	padding-left:24px;
}

button.all.search.disabled {
	color:#c9c7ba;
	border:1px solid;
	border-color:#c9c7ba;
	background-color:#f5f4ea;
}

div.lookdown
{
	background-image: url(/images/bg_lookdown.gif);
	background-repeat:no-repeat;
	background-position: 0 10px;
	height:60px;
}

a.parksNearby
{
	font-size:.9em;
}

div.feesTitle {
	vertical-align:top;
	font-weight: bold;
	font-size: 110%;
	width: 10em;
}

#reswindow, #lotteryWindow, #lotteryAplFee {
        font-size: 90%;
        color: #666666;
        margin: 5px 0 5px 0;
}

#availkey {
        float: right;
        text-align: right;
}

a.block {
	display:block;
}
	
#campgLinks, #otherlinks2 {
	line-height:180%;
	text-align:right;
	clear: both;
}

table.items #mapresult table td img
{
	margin:0;
	padding:0;
}
table.items #mapresult table td
{
	padding:0;
}

#extracol a h4
{
	color:#0033CC;
}

#detailpagelinks {
	line-height:180%;
	padding-left:20px;
}

/* .sat { */
/* 	background:#D0DFFB none repeat scroll 0 0; */
/* 	border-left:1px solid #D0DFFB; */
/* } */

/* .sun { */
/* 	background:#D0DFFB none repeat scroll 0 0; */
/* 	border-right:1px solid #D0DFFB; */
/* } */
span#avn-sponsor {
	margin-left: .5em;
}
span#avn-sponsor img {
	position:relative;
	top:1em
}

div.loterrySpecialMsg
{
	font-size: .9em;
	font-weight:bold;
	color: red;
	text-align: center;
}

#associatedlinks h3 {
	color:#63a548;
}

#associatedlinks ul { 	
	margin: 0; 
	padding: 0; 
}

#associatedlinks li { 	
	padding: 0 0 20px 0; 	
}

#associatedlinks a { 
	text-decoration: none; 
}

div.availabilityMessages {
	display: none;
}

.calendarLegend {
	width:100%;
	min-width: 100PX;	
}

.calendarLegendLine {
	clear: both;
	display: flex;
  margin: 2px 3px 0 5px;
}
.calendarLegendItem {float: left; padding: 0 5px;}	
.calendarLegend .status, .inlineStatusIndicator {
	border:2px solid #fff;
	color:#7b6653;
	height:20px;
	width:22px;
	margin: 0 auto;
	font-family: var(--font_family_bold);
	text-transform: uppercase;
	font-size: 16px;
	padding-bottom:2px;
	padding-top:4px;
}
.inlineStatusIndicator {
	margin-left:4px;
}

.calendarLegend span {
	display: table-cell;
  vertical-align: bottom;
	margin-bottom:2px;
	font-size: 7pt;
}

.calendarLegend .statusWrapper {
	margin:0 auto;
	text-align:center;
}

.calendarLegend .status.S {
	background-color:#ffaa00;
	color:#222222;
}

.calendarLegend .status.A, .inlineStatusIndicator {
	background-color:#173154;
	color:#fff;
}

.inlineStatusIndicator {
	display:inline-block;
	margin:0;
	text-align:center;
}

.calendarLegend .status.W {
	background-color:#f1efe2;
}

.calendarLegend .status.X, .calendarLegend .status.G {
	background-color:#f8f8f6;
	color:#888888;
}

.calendarLegend .status.R {
	background-color:#eeeeee;
	color:#979797;
}

#contentProgressBar {
	margin-top:10px;
}
#contentProgressBar h2 {
	font-family: var(--font_family_sbold);
	color:#000000;
}

/************************************************************************
*************************************************************************
CAMPSITE DETAILS
*************************************************************************
*************************************************************************/

.siteDetailswrapper .contentContainer{
	width:360px;
	float:left;
}

.siteDetailswrapper .sitePhotoContainer {
	float:right;
	width:200px;
}

.content {
	clear:both;
	margin-top:5px;
}
.content.first {
	margin-top:10px;
}

.highDemandDiv {
	width: 60%;
	float: right;
}
.highDemandDiv .msg.alertTitle {
	font-size: 14px;
	font-weight: bold;
	border: none;
}

.group {
	margin-bottom:6px;
}
div#stateAddressGrp select, div#countryAddressGrp select, div#countyAddressGrp select{
	width:240px;
}	

@media (min-width: 768px) {
	div#stateAddressGrp, div#validateGrp, div#countyAddressGrp,
	#homeStateAddressGrp, div#homeValidateGrp, #homeCountyAddressGrp {
		/*float: left; */
		margin-right: 12px;
	}
	
	div#stateAddressGrp, div#homeStateAddressGrp{
		clear:left;
	}
	div#addressGrp div.r, div#homeAddressGrp div.r{
		padding-bottom: 5px;
	}
	div.rowContent{
		clear:both;
	}
	div.rowContent #validatebtn{
		margin: 12px 10px 8px 0;
	}
}

/*home address*/
#homeStateAddressGrp select, #homeCountryAddressGrp select, #homeCountyAddressGrp select {width: 240px;}
#addressGrp .sgrps {display: flex; flex-direction: row; flex-wrap: wrap;}




.rateTable {
	margin-top:10px;
	margin-bottom:10px;
}
.campsiteDetailNote {
	float:left; 
	font-size:80%;
	border: 1px solid black; 
	margin: 0 0 0 8px; 
	padding: 6px;
	
	margin-bottom: 5px;
	background-color: #fbebc2;
	border: 10px solid #fbebc2;
}

/************************************************************************
*************************************************************************
ACCOUNT
*************************************************************************
*************************************************************************/
#memberUpdateProfile select.s {
	width: auto;
	margin-right: 12px;
	height: 26px;
}
#myAccount {
	width: 240px;
	margin-bottom:10px;
}

div.container div.account, div.container h2.giftcards, span.h2.giftcards{
	font-size:24px;
/* 	background-image: url("/images/2013/bgd_stripe.gif"); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
	width: 100%;
	padding-bottom: 10px;
}

a.accountside, a.giftcardsside {
font-family: var(--font_family_sbold);
	color: #163154;
	display: block;
	margin: 5px 0 5px 10px;
	padding: 5px 0 5px 10px;
}

a.accountside.in {
	color: var(--more-link-color-hover, #3170AF);
	text-decoration: none;
	font-weight: bold;
}

a.giftcardsside.in {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	background-color: #FFF;
	border-left: 5px solid  #FFE784;
}

a.accountside.indented, a.giftcardsside.indented {
	padding-left: 20px;
}

a.accountside.in.indented, a.giftcardsside.in.indented {
	padding-left: 20px;
}

div.accountbar, div.giftcardsbar {
	padding: 10px 0 10px 0;
	background-color:#f8f8f7;
/* 	background-image: url("/images/2013/bgd_stripe.gif"); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
}

div.container p.accountside, div.container p.giftcardsside{
	color: #339933;
}

div.disguiselinks a{
	color: #000000;
	text-decoration: none;
}

div.inbx {
	line-height: 180%;
}

div.inbx.errorin {
	margin-left: 2em;
	width: 95%;
}

span.accountside, span.giftcardsside {
	color: #339933;
	margin-left: 10px;
}
.formpage #tripItineraryDiv select{
	width: 300px;
}
.formpage {
	width: 100%;
	border-collapse: collapse;
}


.formpage div.labeled{
	clear: none;
	color: #666666;
	float: left;
}

.formpage div.msg {
	margin: .5em 0;
	background-color: #fbebc2;
}

.formpage input.radio {
	margin-top: 5px;
}
#selectdiscountpage .formpage input.radio, #selectdiscountchangepage .formpage input.radio {margin-top: 0; vertical-align: text-bottom;}
#selectdiscountpage div.discountSection, #selectdiscountchangepage div.discountSection {padding: 5px 0;}
.formpage div.r, .formpage div.full {
	padding: 5px 10px 5px 10px;
}

.formpage .discountcategory{
	margin: 10px 0;
	border-bottom: 1px solid #a1a1a1a1;
    padding: 0 0 10px 0;
}

.formpage .discountcategory:last-child{
	border: none !important;
}
.discountcategory .categtitle{
   margin: 10px 0;
}

.formpage div.full {
	border-bottom: 3px solid #fff;
}
table.formpage td, div.formpage td, table.formpage td.full, .formpage div.td { border-top: none; border-bottom: 3px solid #fff; padding: 5px 10px 5px 10px;}
table.formpage .discountSection td, div.formpage .discountSection td {border-bottom: none;}
table.voucher td {padding-left: 0; border-bottom: none;}
#updateEmail .msg.important {margin-bottom: 3px;}
#checkoutpage .formField.separator {margin-top: 5px;}
#checkoutpage form input.xs, #reservationPayment form input.xs, #tourChangeDateTime form input.xs, #campingLotteryOrderDetailsAddInfo form input.xs {margin-right: 0;}
.simple .blue {color: blue;}
.securityCode {margin-left: 10px;}
#tourChangeDateTime table {width: 100%}
#changeBtnDiv {padding: 5px;}
#changeBtnDiv button {width: 48%; margin-right: 10px;};
.formpage div.btm {
	vertical-align: top;
}

.formpage div.td.error {
	border: none;
	padding: 0;
}

.formpage div.full {
	width: 100%;
}

table.formpage td, .formpage div, .formpage .td {
	background-color: #F8F8F8;
}
#emergencyContactLineNumber{
	background-color: unset !important;
	padding: 0 !important;
}
table.formpage td.r, .formpage div.r, .formpage .leftcol, .createnew div.r {
	background-color: #f1efe2;
	text-align: right;
	width: 140px;
	min-width: 140px;
}
.formpage div.r.noborder {border-bottom: none;}

#createnew td.r, .createnew div.r  {
	width: 145px;
}
div.r {vertical-align: top; display: table-cell;}
.formpage div.r_fixedwidth {
  background-color: #F8F8F8;
  text-align: right;
  vertical-align: top;
  width: 100px;
}

.formpage div.r-optional {
	background-color: #DFE5DF;
	text-align: right;
	width: 33%;
}

.formpage div.r.last, .formpage div.last, .formpage .td.r.last, .formpage .td.last {
	border-bottom: none;
}

div.contenthdr {
	background-color: #F1EFE2;
  padding: 4px 0 6px 9px;
  margin-bottom: 3px;
}
div.contentin {
	margin-bottom: 3px;
}
div.contenthdr h2 {
	margin: 0;
}
a.change {
	display: block;
	padding:1px 4px;
	float: right;
}
#precheckinForm a.change {padding-top: 10px;}
.removelink {
	float: right;
}

div.formfieldleft {
    float: left;
    padding-right: 5px;
}

span.extra {color: #636363;font-size: 90%;}
span.requiredMarker {margin-right: 5px;}
span.extra.units {margin: 20px 20px 0 5px;}

body#changeReservation span.extra, body#orderdetailspagechange  span.extra {
    margin-right: 0px;
}

div.ffleft, div.ffleftx {
    float: left;
    padding-right: 5px;
}
div.ffleft input {
	margin: 1px 0 0 0;
} 
div.ffleftx {
    padding-top: 25px
}

div.ffinlinelink {
    margin-top: 25px;
    text-indent: 20px;
}
.precheckinActions td {
	vertical-align: middle;
	padding-right: 10px;
}
div.equipsection, div.equipsectionnew {
	clear:both;
	padding: 10px 4px 10px 4px;
	border-bottom: 3px solid #FFFFFF;
}
div.equipsectionnew, div.equipsectionnew div {
	background-color: #FBEBC2;
}
#equipment_add {
	padding: 10px 0;
}

/************************************************************************
*************************************************************************
SELECT BOXES
*************************************************************************
*************************************************************************/
select {
	padding: 4px;
	font-family: var(--font_family_sbold);
	font-size:10pt;
	color:#7A6654;
	display: inline-block;
	line-height: 28px;
	border: 1px solid #7A6654;
	border-radius:4px;
	background: url(/images/2013/bgd_select.png) repeat-x right #fff;
}

select.dropmenu{
	height: auto !important;
	padding: 0 4px;
	border:none;
	background: none;
	color: var(--more-link-color);
	cursor: pointer;
	font-weight: normal !important;
	margin: 0 !important;
	font-size: 10pt;
}

select.dropmenu {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
select.dropmenu::-ms-expand {
  display: none;
}

option {
	height:24px;
	padding:4px;
	font-family: var(--font_family_sbold);
	font-size:10pt;
	line-height: 28px;
	color:#7A6654;
}

/************************************************************************
*************************************************************************
CAMPSITE DETAILS
*************************************************************************
*************************************************************************/
.aaMembershipInfo {
	margin:5px;
	clear:both;
}

/************************************************************************
*************************************************************************
ORDER DETAILS
*************************************************************************
*************************************************************************/
form#reservedetail table {
	padding-top: 0;
}
div.discountDescription {
	font-size: 85%;
}
form#reservedetail .boat_info_table span.r {
	width:175px;
	display: inline-block;
}
/* form#reservedetail .boat_info_table select, form#reservedetail .boat_info_table input[type="text"]  { */
/* 	min-width:160px;  */
/* } */
form#reservedetail .boat_info_table select {
	margin-left: 3px;
	width: 238px;
}
.boat_info_row {
	border-bottom: 3px solid #FFFFFF;
}
.boat_info_row >div {
	padding: 2px;
}
div.discountSection {
	clear: both;
	padding-top: 2px;
}
div.discountSection input {
	vertical-align:middle;
}
div.discountSection div.discountDescription, div.discountSection [id^=customerpass_] {
	margin-left:23px;
	clear:both;
}
div.resvSummaryInfo {
	padding-bottom:4px;
}

div.resvSummaryInfo, div.resvSummaryInfo div {
	font-size:11pt;
	clear:both;
} 

div.resvSummaryInfo div span{
	width: 13em;
	display: block;
	float: left;
	white-space:nowrap;
}
div.resvSummaryInfo div span.summparam{
	white-space: normal;
}
div.resvSummaryInfo .parkTitle {
    margin: 10px 0 6px 0;
    font-weight: bold;;
}

div.showx {
	display:block;
}

div.hidex {
	display:none;
}

#siteDropDown div {
	float:left;
}
#siteDropDown label {
	float: left;
	padding-right: 5px;
}

/**************************** KOA *************************/
div.campsiteStatusNotAvailableHeading
{
	background-color:#f8f8f8;
	color:#6f5a3c;
	font-size:1.2em;
	font-weight:bold;
	padding-left:30px;
	padding-top:6px;
	padding-bottom:6px;
	background-image:url(/images/bg_x.gif);
	background-repeat:no-repeat;
}
#koaCampsiteDetailsForm #bookdates {
	background-color:#f8f8f8;
}
.campsitePanel {
	padding: 0 0 10px 10px;
	clear: both;
}
.campsitePanel.title {
	padding: 10px 0 0 10px;
}
.campsitePanel.last {
	padding: 10px 0 0 0;
}
.campsitePanel #bookDatesButton {
	background-color: #faebc2;
	border-top: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
	padding: 20px 0 0 20px;
	height: 84px;
}
form .campsitePanel input.s, form .campsitePanel select.s {
	width: 150px;
}
.campsitePanel .compactoptions #depdate {
    padding: 2px 0;
}
.campsitePanel .compactoptions .option {
	margin: 0;
}
.campsitePanel input#travellingWithPets, .campsitePanel input#slidouts {
	margin: 28px 5px 0 0;
	vertical-align: bottom;
}
.campsitePanel select {
	margin-right: 10px;
}
/************************************************************************
*************************************************************************
SHOPPING CART 
*************************************************************************
*************************************************************************/

#otherlinks {
	float:right;

}	
a.viewdetail, .timeSlotsDiv {
	white-space: nowrap;
}

div.adaAsterisk {
    background-image: url("/images/icon_ada.gif");
    background-repeat: no-repeat;
    height: 22px;
    padding-left: 22px;
    margin-top: 5px;
    width: 30px;
}
div.adamsg {
    margin: 10px 0;
}

div.acknowledgement{
	padding: 10px;
	background-color: #FFE49D;
	clear: both;
}

div.acknowledgement label, label[for=agreement]{
	font-family: var(--font_family_bold);
	font-size: 14pt;
	color: #000;
	padding: 5px 0 5px 0;
}

div.chktotal {
	width: 17em;
}

div.chktotal div.price {
	float: left;
	padding: .2em 0;
	text-align: right;
	width: 10em;
}

div.chktotal div.price.in {
	float: right;
	width: 7em;
}

div.chktotal.br {
	border-bottom: 1px solid #CCCCCC;
	height: 20px;
	margin-bottom: .5em;
	padding-bottom: .5em;
}

div.giftCardInfo
{
	width:530px;
	padding:10px;
}


div.giftCardInfo
{
	float:left;
	width:240px;
}	

div.giftCardInfoImage
{
	float:left;
	width:140px;
}	

div.offer{
	border: 1px dashed #C3C4FF;
    font-size: 11px;
	padding: 10px;
	text-align: left;
	margin: 20px 0 20px 0;
	width:100%;
}
div.offer li{
    list-style-type: square;
    margin-bottom: 3px;
}
div.policyinfo{
	font-size: 90%;
	margin: 1em 0 1em 0;
	clear: both;
}

div.policyinfo h4{
	font-size: 120%;
}

span.infovalue{
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	width: 15em;
}

table.items tbody tr.br.error {
	background-color: #FFE4E1;
}

table.items tbody tr.serviceitem td, .serviceitem {
    background-color: whitesmoke; 
}

table.items tbody tr.partition td {
	background-color: #163154;
	border-right: solid 1px #FFFFFF;
	border-top: solid 2px #FFFFFF;
	color: #FFFFFF;
	padding:8px;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
div.items .partition {
	background-color: #163154;
	color: #FFFFFF;
	padding:8px;
	margin-bottom: 10px;
}
#shippingDetailsForm .floatr {min-width: 35%; text-align: left}
#shippingDetailsForm .totalarea.sum {background-color: #E5E4D0; border-top: 1px solid #163154; margin-top: 10px;}
table.items tr.subtotalrow td{
    padding-bottom:25px;
}

table.items tbody tr.partition td.errorbg {
	background-color: #FF6347;
	border-right: solid 1px #FFFFFF;
	border-top: solid 2px #FFFFFF;
	color: #FFFFFF;
}

table.items tbody tr.totalarea.chk td {
	background-color: #FFFFFF;
	border-bottom: none;
}

table.items tbody tr.totalarea.sum td {
	background-color: #E5E4D0;
	border: none;
}

#shoppingCartForm table.items tbody tr.totalarea.sum td {
	border-top: 1px solid #163154;
}

table.items tr.br.totalarea td {
	background-color: #F8F8F8
}

table.items td div.price{
	float: left;
	text-align: right;
}

table.items td div.currency{
	text-align: center;
	padding-bottom:5px;
}

table.items td div.min{
	text-align: right;
	white-space:nowrap;
	clear: both;
}

table.items td div.price.in {
	float: right;
}

table.items td div.priceline.tour {
	background-image: none;
	margin-top: 0;
	width: 10em;
}

table.items td.tickType {
	text-align: left;
	width: 9em;
}

table.items td.pricecon {
	text-align: right;
	width: 7em;
}

table.items td.pricetd {
width:230px;
padding: 4px 0 4px 4px;
}

table.items.fullWidthCart .totalarea.sum td.pricetd, table.items.fullWidthCart td.feelines {
	width: 320px;
}

table.items td.r {
	text-align: right;
}

table.items td.totalarea {
	background-color: #F2F2F2;
	border-bottom: 1px solid #000000;
	text-align: right;
	width: 100%;
}

table.items td.total {
	text-align: right;
	padding-right:5px;
}

table.items td.totalarea div.price {
	float: left;
	padding: .2em 0;
	width: 40em;
}

table.items td.totalarea div.price.in {
	float: right;
	width: 7em;
}

table.items td.weekabove {
	background-color: #FFFFFF;
	height: 2em;
	text-align: center;
	text-align: left;
}

table.items td.weeknav {
	background-color: #FFFFFF;
	border: none;
	height: 2em;
}

table.items td.weeknav.month {
	text-align: center;
}

table.items td.weeknav.week1 {
	text-align: left;
}

table.items td.weeknav.week2 {
	text-align: right;
}

table.items tr.partition td {
	background-color: #315495;
	border-right: solid 1px #FFFFFF;
	border-top: solid 2px #FFFFFF;
	color: #FFFFFF;
}

table.items tr.partition td.errorbg {
	background-color: #FF6347;
	border-right: solid 1px #FFFFFF;
	border-top: solid 2px #FFFFFF;
	color: #FFFFFF;
}

table.items tr.totalarea td, table.items tr.topnotice td {
	background-color: #fbebc2;
}

table.items tr.totalarea.chk td {
	background-color: #FFFFFF;
	border-bottom: none;
}

table.items tr.totalarea.sum td {
	background-color: #CDE9EF;
	border: none;
}
td.verify {
	vertical-align: middle;
}
td.verify a {
	margin: 0 10px;
}

td .pinInputStmt{
	margin: 10px 0 5px 0;
}

#itemsin {
	display: table;
	width: 48em;
}

#shophdr {
	clear:both;
}

#otherlinks a {
	display:block;
	line-height:18pt;
	padding-left:4px;
}

#tourReservationDetail #otherlinks a{
	float: right;
    clear: both;
}

#shophdr #shoppingcart{
	background: none !important;
	border: none !important;
}
#checkoutpage #shophdr div.ctrContent, #changeReservationPay #shophdr div.ctrContent {padding-left: 0;}
.mrc_alert {padding: 16px; margin-bottom: 16px; border-radius: 12px; color: #93370D; 
						border: 1px solid #FEC84B; background: #FFFCF5;}
.ctrContent.change {width: 95%;} 
.ctrContent.change div.textalert {color: #93370D; font-size: 16px; font-weight: 600; line-height: 24px;}
#table1.layout {width: 100%;}
#popup-wrapper-AAM {
	width: 640px;
	height: 385px;
	background-color: #fff;	
	clear: both;
}
#popup_header{
	width: auto;
	height: 25px;
	padding: 9px;
	background-color: #3c3c3c;	
	clear: both;
	text-indent:0px;
}
#popup_leftcol{
	width: 339px;
	float: left;
	height: 310px;
	padding: 15px 20px;	
    text-indent: 0px;
}

#popup_leftcol .smallText{
	vertical-align: 8px;
	font-size: 11px;
}

#popup_rightcol{
	width: 215px;
	background-color: #f1f1f1;
	float: right;	
	height: 310px;
	padding: 15px 20px;
    text-indent: 0px;
}
#popup_rightcol ol{
	padding: 0 0 0 15px;	
}
#popup_rightcol ol li{
	padding: 8px 0px;	
}
#popup_rightcol li{
	list-style: decimal outside none;
}
#popup_body{
	clear: both;
	width: 639px;
	height: 330px;		
}
#popup_close{
	margin-top: 4px; 
	margin-right:0px !important;
	padding:0px 0px 0px 0px !important;
}
#popup_leftcol ul li{
	padding: 8px 0px;
}
#popup_leftcol li{
	list-style: disc outside none;
}
#popup_leftcol ul{
	padding: 0 0 0 15px;	
}

div.subtotal div.subtxt{
	display: table-footer-group;
}

div.subtotal div.subtxt .subTxtDiv, .feelines span.feeNote .feeLabel{
	color: #707070;
	font-size: 0.78em;
	text-align: left;	
}

div.subtotal div.subTxtDiv:before, .feelines span.feeNote:before,
.feelines .feeLabel span.feeNote:before  {
  content: "*";
  color: #FF0000;
  display: table-cell;
}

div.subtotal .subTxtDiv > span, .feelines span.feeNote .feeLabel,
.feelines .feeLabel span.feeNote span{
	display: table-cell;
	padding-left: 5px;
}

div.moneyLabel {
	float:left;
	font-size:0.78em;
	text-align: left;
}
.moneyLabel .fa-circle-question {color: #000;}

#checkoutpage div.moneyLabel, #checkoutpage div.money{
	font-size: 14px;	
}

.width65c{width: 65%;}
.width75c{width: 75%;}

div.subtotal,div.subtaxItemCart,
div.cartTotal, div.total,
div.moneyCategoryLabel{
   	display: table;
   	width: 100%;
   	margin: 0 0 2px 0;
}

table.items.fullWidthCart div.cartTotal{
	margin-top: 10px;
	font-weight: bold;
}
    
div.subtotal > div,
div.cartTotal > div,
div.total > div,
div.subtaxItemCart > div,
div.moneyCategoryLabel > div{
   	display: table-cell;
  	float: none; 
   	padding-right: 22px;
}
div.subtotal.orderTotal, div.total.orderTotal{
    margin-top: 5px;
    border-top: 1px solid #163154;
    border-collapse: separate;
    border-spacing: 0 5px;	
}

.feelines span.orderTotal{
    margin-top: 5px;
    padding-top: 3px;
    width: 100%;
	display:block;
    border-top: 1px solid #163154;	
}

.feelines span.feeLabel.orderTotal, .feelines span.feeLabel span.orderTotal{
	border-top: 1px solid rgba(255,255,255,.5);
}
    
div.subtotal .money.hasIcon {padding-right: 0;} 
.pricetd .tax-indent {font-style: italic;}
.pricetd .tax-indent .moneyLabel {padding-left: 8px;}
.tourCartSummary .pricetd .subtax .money {padding-right: 0px !important;}
table.tourCartSummary td.hasIcon {min-width: 90px;}

.items tbody td.money{padding-right: 22px;}
#checkoutCartForm .chk .subtotal .money.hasIcon {padding-right: 5px;} 
#checkoutCartForm .ccInfo .formField, #checkoutCartForm .ccInfo .ccDropdown {margin: 3px 0 3px 0;}  
#checkoutCartForm .ccInfo .ccDropdown {min-height:42px;}     
#sameAsCheckboxDiv {margin: 15px 0 10px 0;}
    
div.moneyCategoryLabel:first-child{
    margin: 0;
}
    
div.moneyCategoryLabel {
	text-align:left;
	font-size:9pt;
	font-weight: bold;
	margin: 5px 0 0 0;
}

div.moneyCategoryLabel.discounts, div.moneyCategoryLabel.taxes{
	padding-top: 5px;
}

div.money, td.money {
	text-align:right;
		font-size:9pt;
}

.cartTotal {
	font-family: var(--font_family_sbold);
}

#shophdr div.ctr p {
	padding:10px;
}


#shophdr h1 {
		font-size:24px;
/* 	background-image: url("/images/2013/bgd_stripe.gif"); */
/* 	background-repeat: repeat-x; */
/* 	background-position: bottom; */
	width: 100%;
	padding-bottom: 10px;
}

#shoppingcartpage #campnamearea {
	height: 30px;
}

#shoppingcartpage #colbody1 div.component, #checkoutpage #colbody1 div.component, #confirmationpage #colbody1 div.component{
	margin: .2em auto 0px auto;
}
form#checkoutCartForm select {
	min-width: 238px;
}
#shoppinglist .items td, #shoppinglist .items td .timeslotDiv div, #shoppinglist .items td div, #shoppinglist .tableDisplay div {
	font-size:10pt;
}
div.securitycertleft{
	float: left;
}
div.securitycertleft div {
	float: right;
}
div.securitycert{
	float: right;
	margin: 5px -6px 5px 0;
}

#synapseHeaderDivID p:first-child {
	font-size:  10pt;
	background-color: #315495;
	border-right: solid 1px #FFFFFF;
	padding-left : 5px;
	border-top: solid 2px #FFFFFF;
	color: #FFFFFF;
}

#synapseHeaderDivID p:nth-child(2) {
	font-weight: bold;
	font-size:  8pt;
}

#synapseHeaderDivID p:last-child {
	font-size:  8pt;	
	color: red;
	font-style: italic; 
}


#synapseTerms12 span:first-child {
	font-weight:  bold;
	font-size:  10pt;
}

#synapseTerms12 span:last-child {
	clear: right;	
	font-size:  8pt;	
}

#synapseTerms3 span:first-child {
	clear: both;
	font-size:  8pt;
}


#synapseDiv span.targetcolor2{
	/*  magazin title */
	font-weight: bold;
	font-size:   8pt;
}

#synapseDiv td:first-child {
	/*  months free */
	font-size:   8pt;

}

.renewalArea
{
	width:100%;
	height:60px;
	padding-bottom:10px;
	font-size:  8pt;
	
}

/************************************************************************
*************************************************************************
SIGN IN 
*************************************************************************
*************************************************************************/
#checkoutLink {
	font-family: var(--font_family_sbold);
}

#shoppingcartEnhance,.cartStatusEnhance{
	float:left;
}

#progressBar div {
	background-color:#f4fdeb;	
}

#progressBar div.pb1 {
	background-color:#e2ffc7;	
}

#progressBar div.pb2 {
	background-color:#b9df96;
}

#progressBar div.pb3 {
	background-color:#89c570;
}

#progressBar div.pb4 {
	background-color:#63a548;
}

.additional_phones_hide {
	display: none;
}
#webPromoGroup div.promo label {
	display: block;
  float: none;
}
div.promo {
	margin: 5px 0 0 0;
	clear: both;
	
}
div.promo .chbox {
	margin: 2px 10px 4px 0;
	display: block;
	float: left;
}


/************************************************************************
*************************************************************************
Availability Notification 
*************************************************************************
*************************************************************************/
#avndetail #desc #descex {
    float: left;
    margin-right: 1em;
}
#avndetail #desc {
    margin: 1em 0;
}
#avndetail #desc a {
    display: block;
    text-align: right;
}
#avntop #preuser p {
    margin-bottom: 5px;
}
#avndetail #avnot, #avndetail #pgbody  {
    margin-top: 10px;
}

/*** table style elements ( generated by framework )****/
.attributesTable .group{
	display: table-cell;
	width: auto;
}

.attributesTable .group_errors{
	margin-bottom: 20px;
}

.attributesTable .firstLayoutCol{
	clear: left;
	width: auto;	
}

.attributesTable .simpleLayoutCol{
	width: auto;		
}

.attributesTable .lastLayoutCol{
	clear: right;
	width: auto;	
}

.attributesTable .allLayoutCol{
	width: 100%;
	clear: both;
	
}

.attributesTable .attributeField{
	display: block;
	clear: both;
}

.attributesTable .attributeField .DropdownRenderer{
	width: 60%;
}

.attributesTable .attributeField div{
	padding: 3px 0 3px 0;
	display: table-cell;
	vertical-align: middle;
	min-width: 150px;	
	width: 40%;
}

.content.shop > .contentin.genattrs{
	padding-bottom: 25px !important;
}
.content.shop > .contentin.genattrs:last-child{
	padding-bottom: 5px !important;
}

.genattrs{
	background-color: #F8F8F8;
	padding: 5px 10px 5px 10px;
}

.genattrs.reservation{
	background-color: #FFFFFF;
	padding: 0;
}

.genattrs.reservation ul.detail{
	padding: 4px 0;
}

.genattrs .attributeField.VIEW div.value{
	font-weight: bold;
}

.genattrs select{
	display: inline;
	font-size: 10pt;
}

.genattrs .extra{
   color: #000000;
   font-style: normal;
   font-size: 100%;
   margin-right: 5px;
}

.genattrs .constraints{
   display: block;
   color: #666666;
   font-style: italic;
   font-size: 90%;
   margin-right: 5px;
}

.genattrs .attributeField div{
	padding: 1px 0;
	display: block;
	vertical-align: middle;
	min-width: 150px;	
}

.genattrs .attributeField{
	padding: 6px 0;
	display: block;
	clear:both;
}

.genattrs .attributeField .TextAreaRenderer{
	height: 80px;
    width: 230px;
    padding: 3px 4px;
}

@media (max-width: 767px){
	
	.genattrs{
		background-color: #ffffff;
		padding: 5px 10px 5px 10px;
    }
    
    .genattrs select{
		display: inline !important;
		font-size: 10pt;
   }
}

.listControl_hdr, .listControl_ftr{
	background-color: #F2F1E5;
	vertical-align: middle;
	padding: 7px 0 0 9px;
	color: #7a6654;
	height: 28px;
}

.listControl_hdr .navigator, .listControl_ftr .navigator  {
	color: #756C5C;
	font-size: 14px;
	margin: 3px 8px 0 8px;
	float: right;
}

.listControl_hdr .navigator label, .listControl_ftr .navigator label{
	color: #7a6654;	
}

.listControl_hdr .navigator select, .listControl_ftr .navigator select {
	width: auto;
}

.attributesKit{
	margin-top: 20px;
}

.attributesKit .groupcard.VIEW{
	width: 100%;
}

.attributesKit .groupcard.VIEW .name{
	margin-top: 20px;
	font-weight: bold;
}

.point.details{
	margin: 10px 0;	
	width: 100%;
}

.attributesKit.wide{
	width: 100%;
	clear: both;
}

.tabs.pointStatus {
	margin-top: 20px !important;
	width: 100% !important;
}

.recordsTableGroup{
	margin: 0 !important;
}

.groupcard.VIEW table{
	width: 100% !important;
	margin: 0 !important;
}

.groupcard.VIEW table colgroup.alt{
	background-color: #F8F8F8;
}

.groupcard.VIEW table th{
	padding: 10px 2px;
	text-align: center;
}
.groupcard.VIEW table td{
	padding: 9px 0 6px 2px;
	text-align: center;
}

.groupcard.VIEW span.attr{
	display: inline-block;	
	margin: 3px 3px 3px 0;
	vertical-align: top;
}

.groupcard.VIEW span.attr.empty{
	width: 23%;
}

.groupcard.VIEW  span.attr.medium{
	width: 48%;
}

.groupcard.VIEW  span.attr.wide{
	width: 100%;
}

.groupcard.VIEW span.attr.short{
	width: 23%;
}

.groupcard.VIEW span.attr.tiny{
	width: 15%;
}

.mobiScreen .groupcard.VIEW{
	border-bottom: 1px solid #e5e4d0;
}

.mobiScreen span.attr{
	display: block !important;
	width: 100% !important;
}


.attributesKit .listlayout_item{
	margin: 20px 0 20px 0;
}

.attributesKit .attribute{
	line-height: 140%;
}

.attributesKit .attrValue{
	color: #666666;
	margin-left: 5px;
	font-weight: bold;
}

/*** end table style elements ( generated by framework )****/

a.equipLink {
	font-size: 16px;
	font-weight: bold;
}

.equipTitle a {
	margin-right: 20px;
}

.equipDetails{
	margin: 4px 0 0 0;
}

#siteTransferComponent, #siteTextSearch, #siteTransferComponent #siteDropDown div  {
	clear:both;
}

#siteTransferComponent div.title {
	padding-bottom:10px;
}

#siteTransferComponent {
	padding-top:20px;
	padding-bottom:20px;
}

#siteTextSearch, #orDiv, #siteDropDown {
	float:left;
}

#siteDropDown,
#orDiv {
	padding-top:15px;
	/*padding-left:10px;*/
	padding-right:10px;
}
#ormsrelease .items .match {
	color: #1C761D;
}
#ormsrelease .items .mismatch {
	color: red;
}
/**********************************************************************
Error pages
**********************************************************************/
div.fullpageerror, div.pageerror.wide {
  font-size: 18px;
  height: 400px;
  font-weight: bold;
  padding: 10px;
}
div.technical {
	color: #7A6654;
	font-size: 16px;
}
div.fullpageerror li, div.pageerror.wide li {
	list-style-image: url('/images/2013/icon_bullet_green.png');
	font-size: 14px;
	margin: 0 0 10px 15px;
}
div.pageerror.wide ul#cause {
	margin: 5px 0 10px;
}
div.pageerror.wide ul#cause li {
	font-size: 12px;
	margin: 5px 0 5px 30px;
	font-weight: normal;
}
div.pageerror #cause-intro {
	margin-top: 10px;
}
	
div.fullpageerror p {
  margin: 3px 0;
  padding: 2px 0 5px;
  font-size: 14px;

}
/* Campground Maps - OpenLayers */
#land rect, #land path {
	clip-rule: nonzero;
	fill: #668D3C;
	fill-rule: nonzero;
	stroke: none;
}

#water path, #water polygon {
	clip-rule: nonzero;
	fill: #8FC6FF;
	fill-rule: nonzero;
	stroke: none;
}

/* #water g path, #water path, #water polygon { */
/* 	fill: #fff; */
/* } */
#loopRoad path, #loopRoad line, #loopRoad polyline, #loopRoad polygon {
	clip-rule: nonzero;
	fill: none;
	fill-rule: nonzero;
	stroke: #F2A71F;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 2;
	stroke-width: 2;
}

#majorRoad path, #majorRoad line, #majorRoad polyline {
	clip-rule: nonzero;
	fill: none;
	fill-rule: nonzero;
	/* 	stroke: #F2A71F; */
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 6;
	stroke-width: 6;
}

/* #majorRoad line,#loopRoad line { */
/* 	stroke: #F2A71F; */
/* } */

.iconAmenity, #Default {
	fill: #FFFFFF;
}
.iconSite {
	fill: #FFFFFF;
	cursor: pointer;
}
.availUnknown {
	fill: #163154;
	cursor: pointer;
}

.avail {
	fill: #163154;
	cursor: pointer;
}
.avail.noMatch {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

.notAvail {
	fill: #bda175;
	cursor: pointer;
}
.notAvail.noMatch {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

.iconsitename {
	fill: #FFFFFF;
	font-size: 50%;
	cursor: pointer;
}

#policycontent {
	margin-top: 20px;
}

.olLayerDiv .olAlphaImg {
	display: none;
}
.olBubbleContent .siteName {
	font-size: 18px;
	font-weight: bold;
}
.olBubbleContent img {
 	vertical-align: top;
}
.olBubbleContent span.extra{
	font-size: 10px;
}
.olBubbleContent span.label{
	font-size: 10pt;
}

.olBblLeft {
	float: left;
	max-width: 200px;
	min-height: 90px;
}
.olBblRight {
	float: right;
}
.olBblRight IMG {
	padding: 0;
	margin: 0 0 10px;
}
.bblBookNow {
	font-size: 16px;
	margin-top: 5px;
	width: 80px;
}
.bblBookNow a.book.now {
	width: auto;
	margin-left: 0;
}
.olBblFooter {
	clear: both;
	padding-top: 5px;
	max-width: 280px;
}
#sidemap.olMap, .insetMap #viewmap {
    height: 280px;
    text-align: left;
    width: 280px;
    margin-top: 10px !important;
}
/* End Campground Maps - OpenLayers */
/* NonClient Listing */
#facilitydetailspage .search_results_list .usearch_results_header, #facilitydetailspage .search_results_list .usearch_results_footer, 
	#facilitydetailspage .search_results_list .facility_view_header_near, #facilitydetailspage .facility_view_header img.pin_on_map  { display: none; }
#facilitydetailspage .facility_view_header_near {padding: 15px 7px; text-indent: 0;}

#noOfTickets.short {line-height: 22px; text-indent: 5px;}

.permitMapCell {width: 425px;}

/************************************************************************
*************************************************************************
MOBILE 
*************************************************************************
*************************************************************************/

/**** MOBILE ****/
div.mobi_nav {

	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	width:100%;
}
div.fullpageerror h1 {
    font-size: 200%;
    margin-bottom: 0.1em;
}
select.mobi_nav {

    margin-left: auto;
    margin-right: auto;
    width: 80%;
	margin-top: 5px;
	padding: 5px;
	border: none;
	background-color: #EEE;
	margin-bottom: 10px;
}

div.mobi_nav_footer {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

div.mobi_nav_footer select option, div.mobi_nav_footer select{

	color:black;
	background-color:white;
}

div.mobile_footer {

	background-color:blue; 
	color:#AAA;margin-top: 25px; 
	margin-left:auto; 
	margin-right:auto; 
	width:100%; 
	text-align:center;
}

div.mobile_footer img {
	width:100%;
}

div.mobile_footer p {
	margin:10px 0 0 0 !important;
	padding:0 0 0 0 !important;
}

div.mobi_header {

	margin-left:auto; 
	margin-right:auto; 
	width:0%; 
	text-align:center;
	margin-bottom: 5px; 
	margin-top: 5px;
}

img.mobi_logo {
	width: 99px; 
	/*height: 36px;*/ 
	float:left;
}

/* onsale responsive page */
#onsalecgroundresultspage #pagetitle, #onsalecgroundresultspage #filtersdiv {
  border-bottom:1px solid #DFE5DF;
}
#filterstogglediv a:after {
	font-family: FontAwesome;
	margin-left: 5px;
  content: "\f107";
}
#filterstogglediv.expanded a:after {
  content: "\f106";
}
#onsalecgroundresultspage #filtersdiv {
  padding: 10px 0 6px 0;
} 
#filtersdiv {
	display:none;
}
.landmarkfilterdiv select, .regionfilterdiv select {
	margin: 0 5px;
	max-width: 310px
} 
.textfilterdiv {
	padding: 6px;
	font-weight: bold;
}
.srcontainer {
  margin-top: 10px;
}
.srcontentdiv {
	padding-top: 2px;
}
.padd10 {
	padding: 10px;
}
.pinlegend8808 {padding: 10px 5px; background-color: #f6f6f6;}
.headersection {
	padding: 10px 10px 4px 10px;
	background-color: #f2f0e4;
}
.pagecontrol {
  padding: 5px 10px 4px 10px;
  background-color: #f2f0e4;
}
.pagectrllabel {
	margin-top: 5px;
}
#namesectiondiv >div {
	width:33%;
}
.onsaleFacilityCard {
	padding: 10px;
	border-bottom: 1px dashed #DFE5DF;
}
.onsaleFacilityCard .facility_view_header a.facility_link {
	font-size: 20px;
}
.onsaleFacilityCard .categorysection h2, .onsaleFacilityCard .categorysection h5, .onsaleFacilityCard .categorysection a.check_available {font-size: 16px}

div[id^='not_reservable_info'] {
    font-size: 16px;
    padding-left: 0px;
}

div.enhance_info {
    width: 95%;
    text-align: center;
    font-weight: bold;
}

.namesection {
	width: 40%;
}
.facilityphotodiv {
	margin-top: 5px;
}
.categorysection {
	width: 20%;
	text-align: center;
}
.avstatus {
	padding: 5px;
}
.avstatus.available h2, .avstatus.available h5 {
	color: #5d7e24;
}
.avstatus.not.applicable h2, .avstatus.not.applicable h5 {
  color: #757575;
}
.avstatus.not.available h2, .avstatus.not.available h5{
  color: #be1e2d;
}
.avstatus.weekdays.only h2, .avstatus.weekdays.only h5{
	color: #ffff00;
}
.categorysection .check_avail_panel {
	text-align: center;
}
.categorysection .check_avail_panel a.check_available {
  margin: 0 auto;
}
.categorysection .check_avail_panel a.check_available, .categorysection .check_avail_panel a.check_available:hover {
  width: 134px;
  height: auto;
  padding: 10px 6px;
  font-weight: 500;
}
.categorysection .check_avail_panel.not.available a.check_available {
  background-color: #ebebeb;
  background: linear-gradient(to bottom,#d8d8d8 0,#d8d8d8 100%);
  border: 1px solid #c0c0c0;
  color: #000;
}
.categorysection .check_avail_panel.not.available a.check_available:hover {
  background-color: #c0c0c0;
  background: linear-gradient(to bottom,#c0c0c0 0,#c0c0c0 100%);
  border: 1px solid #c0c0c0;
}
.availStatusDiv-phone {
	display: none;
}
#filterscleardiv {
	 padding-top: 5px
}
/* END onsale responsive page */
/* Articles */
.content.articles {
	margin: 10px 10px 20px 30px;
}
.content.articles li {  
  list-style-image: url(/images/2013/icon_bullet_green.png);
  padding: 4px;
}
.size14bold {
	font-size: 14px;
	font-weight: bold;
}
/* End Articles */

/*Daily Entry*/
.leftcol {padding: 20px 20px 20px 0; font-weight: bold;}
#cdailyentrydetailspage #samplpics img, #cdemsdetailspage #samplpics img {padding: 0 0 10px 0; max-width:300px;}
#cdailyentrydetailspage #enterdates {padding: 20px; display: flex;}
#cdailyentrydetailspage #enterdates .requiredMarker {display: none;}
#cdailyentrydetailspage #enterdates input.xs, #cdailyentrydetailspage #enterdates input.dateField {margin-right: 5px;}
#cdailyentrydetailspage #enterdates input.xs {width: 70px;}
#enterdates input[type="text"] {width: 152px;}
.cmpgSection #interest_cards input[type="text"] {width: 94%;}
#enterdates select {margin-right: 5px; height: 26px;}
#enterdates.cmpgSection select {height: auto;}
#enterdates.cmpgSection #campgroundsDiv, #enterdates.cmpgSection #interest_section {margin-bottom: 20px;}
#dailyavailmatrix .calendarLegend {float: none;}
#dailyavailmatrix .calendarLegend .newCalendarLegendItem {width: 65px; display: flex; flex-direction: column; align-content: stretch; align-items: center;}
#dailyavailmatrix .weeknav a {color: #65a547;font-weight: bold;}
#dailyavailmatrix .weeknav {float: left; padding: 5px 0;}
#dailyavailmatrix .weeknav.prev {width: 25%;text-align: left;}
#dailyavailmatrix .weeknav.middle {width: 50%;display: block;text-align: center;}
#dailyavailmatrix .weeknav.next {float: right;width: 25%;text-align: right;}
.matrixheader, .matrixrow {display:flex; justify-content: space-between; text-align: center; border: 2px solid #FFFFFF; border-right: 0;}
.siterow::after {content: ""; display: block; clear: both;}
.siterow .left {width: 15%; margin-top: 10px;}
.matrixheading {display: grid;}
.matrixrow {border-top: 0;}
.matrixheader .calendar {width: 7%; background-color: #F1EFE2; border-right: 2px solid #FFFFFF;}
.matrixheader .calendar.sat, .matrixheader .calendar.sun { background-color: #c7c4b3;}
.matrixrow .status {width: 6.7%; border: 0; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; display: table;}
.matrixrow .status a, .matrixrow .status span {display: table-cell; vertical-align: middle; padding: 27px 5px;}
#dailyavailmatrix .btn_book_dates {margin: 20px 0 10px;}
#cdailyentrydetailspage form, #cdemsdetailspage form{background-color: #f8f8f8; padding-bottom: 10px;}
#cdailyentrydetailspage #matrixprogresspopup {border: solid 5px white; background-color: yellow; padding: 10px; margin: 0 auto; width: 200px; text-align: center; display: none;}
#cdailyentrydetailspage .chgtransfmsg{background-color: #f8f8f8; padding: 10px;}
#deorderdetailspage div.formpage, #changedereservation div.formpage {margin-bottom: 5px; 
	display: flex;    
    flex:1 1 auto;
    overflow:hidden; /* IE EDGE overflow fix */
}

#deorderdetailspage div.formpage .leftcol,
#changedereservation div.formpage .leftcol{
	flex: 0 0 140px;
}
#deorderdetailspage div.formpage .rightcol, #changedereservation div.formpage .rightcol {flex: 1; padding-left: 10px;}
.all.search.prnt {background-image: url("/images/btn_signin.gif"); background-repeat: no-repeat; background-position: 10% 50%; background-color: #FE8223; width: 241px; height: 34px; margin: 5px auto; }
.all.search.prnt:hover {background-color: #E58D08;}
.all.search.prnt a {color: #fff; line-height: 36px; padding: 10px 60px;}
body#marinaReservationDetails .resultViewToggle div a {padding: 10px 0;}
div.td.selfcheckindiv {padding: 0;}
#precheckinReservation input[type="text"], #precheckinReservation div.ffleft input[type="text"],
#precheckinReservation input[type="number"], #precheckinReservation div.ffleft input[type="number"] {padding: 3px; margin: 0;}
.preckinrow {margin: 5px 0;}

@media (max-width: 767px) {
	#facilityDetailsSingleColumn #facilityinfoContainer .sectiontitle { display: block; margin-top: 10px;}
	body#marinaReservationDetails .resultViewToggle div a {padding: 0;}
	#cdailyentrydetailspage #samplpics {display: none;}
	#cdailyentrydetailspage #enterdates {display: block;}
	div.formpage, .br {display: block;}
	div.formpage, tr.br {display: table-row;}
	div.formpage div.r {min-width: 65px; width: 65px;padding: 5px;}
	.leftcol.floatl {float: none; padding: 5px 0; width: 100%; text-align: left; text-indent: 10px;}
	.leftcol.floatl span.extra {margin-left: 10px;}
	#cdailyentrydetailspage .campgStatusWrapper, #cdemsdetailspage .campgStatusWrapper {display: block !important; padding-bottom: 0;}
	#cdailyentrydetailspage .campgStatusWrapper div.facilitySwitchBar, #cdemsdetailspage .campgStatusWrapper div.facilitySwitchBar {padding: 5px 0;}
	#dailyavailmatrix .calendarLegend .newCalendarLegendItem {width: 60px;}
	body#deorderdetailspage div#pagetitle h1, body#changedereservation div#pagetitle h1 {Width: 90%; }
	#deorderdetailspage div.formpage .leftcol, #changedereservation div.formpage .leftcol {flex: 0 0 120px; min-width: 120px;}
	#deorderdetailspage .bringvehiclerows.persontype, #changedereservation .bringvehiclerows.persontype{width: auto;}
	.contentmessage {padding: 0 5px;}
	.matrixrow .status small {display: none;}
	#cdemsdetailspage .siterow .left {float: none; padding: 5px 0; width: auto;}
	table.formpage td, div.formpage td, table.formpage td.full, .formpage div.td { border-top: none; border-bottom: 3px solid #fff; padding: 5px 1px !important;}
	table.formpage td.r, .formpage div.r, .formpage .leftcol, .createnew div.r {min-width: auto; width: 25%;}
	table.formpage .ccInfo td.r {width: 50%;}
}
/*End Daily Entry*/

@media only screen 
and (min-device-width : 767px) 
and (max-device-width : 1024px) {
	
	body {
		background-color: transparent !important;
	}
	
	#topnav, 
	body#cgroundresultshomepage #pagearea,
	#footer_wrapper {
		width: 1024px !important;
	}
	
	select {
		line-height: 20px;
		background-image: none !important;
	}
}

/*chrome only*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) {    

		body#unifsearchsuggestions .unifSearchCriteria div#locationCriteria_container.composite_autocomplete,
		body#unifsearchhomepage .unifSearchCriteria div#locationCriteria_container.composite_autocomplete {
			top: 149px !important;
		}      
}

@media (max-width: 767px) and (orientation: landscape) {
	
	body#reservationspage div.rightElem {
		width: 74.7% !important;	
	}
}

@media (max-width: 767px) {
	#contentArea .frame{
	  padding: 10px 5px; 
	}
 	body#precheckinReservation a.change{
		padding-right:40px;
	}	
	 
	.myLoyaltyPoints > #pagetitle {
	   margin-left: -5px;
	}
	.myLoyaltyPoints > #pagetitle > .caption {
	   padding-left: 10px;
	}
	 
	/*UWP-1603*/
	body#changeReservation td.occFirstTd, body#changeReservation td.petFirstTd, body#changeReservation td.occFirstEquipTypeTd , 
	body#changeReservation td.r.occMainTd , body#changeReservation td.vehFirstTD, body#changeReservation td.occSecondTD, body#changeReservation #tdRmvLnk, 
	body#orderdetailspage td.occFirstTd, body#orderdetailspage td.petFirstTd, body#orderdetailspage td.occFirstEquipTypeTd, 
	body#orderdetailspage td.r.occMainTd , body#orderdetailspage td.vehFirstTD, body#orderdetailspage td.occSecondTD, body#orderdetailspage #tdRmvLnk, 
	body#orderdetailspagechange td.occFirstTd, body#orderdetailspagechange td.petFirstTd, body#orderdetailspagechange td.occFirstEquipTypeTd, 
	body#orderdetailspagechange td.r.occMainTd , body#orderdetailspagechange td.vehFirstTD, body#orderdetailspagechange td.occSecondTD, body#orderdetailspagechange #tdRmvLnk,
	body#orderdetailspagechange  td.equipDetTd 

	
	{	
		padding-top:initial!important;
		background-color: #F8F8F8!important;
		padding-top:2px!important;
		width:100%!important;
		display:block!important;
		text-align:left!important; 
		border-bottom: none!important;
		padding-left: 10px; 
	}	
	
	body#changeReservation td.petMobile, body#orderdetailspage td.petMobile, body#orderdetailspagechange td.petMobile
	{
	    padding-top:20px;
	    border-bottom:none;
	    padding-top:initial;
		background-color: #F8F8F8;
		padding-top:2px;
		text-align:left; 
		border-bottom: none;
		padding-left: 10px; 
		display:table-cell;
	}
	
	.occFirstTd select{
	    width: 80px !important;
    }
    
    .petMobile input{
        width: 50px !important;
    }
	
	/*UWP-1603*/
	body#orderdetailspagechange #occupants td {
		padding-top:initial!important;
		background-color: #F8F8F8!important;
		padding: 5px 10px !important;
		width: auto;
		display:block!important;
		text-align:left!important; 
		border-bottom: none!important; 
	}
	
	
	div.occAdmTypeDiv, div.petTypeDiv, div.equipTypeDiv, #equipInfoID {
		border-bottom: 4px solid #fff;
	}
	
	div.shop.petLink {
		border-bottom: 4px solid #F1EFE2;
	} 
	
	
	body#changeReservationPay table.items td{
		display:block;
	}

	body#changeReservationPay table.items td.pricetd {
		width: 98%;
		clear: both;
	}
	
	body#changeReservationPay table.items  {
		width: 100%;
	}
	
	body#precheckinReservation div.contenthdr {
		background-color: #f1efe2;
	}
	
	body#precheckinReservation div.content.shop {
		background-color: #F8F8F8;
		margin-top: 5px;
	}
	

	body#precheckinReservation div.msg.error {
		font-size: 12px;
		width:85% !important;
	}
	
	div#raContent, div#campnamearea, div[id^='socialplugins'], div[id^='socialplugins'] .facebook,
	div[id^='socialplugins'] .facebook .fb_edge_widget_with_comment fb_iframe_widget span  iframe,
	div[id^='socialplugins'] .facebook .fb_edge_widget_with_comment fb_iframe_widget span,
	table.pluginConnectButtonLayoutRoot, 
	div[id^='socialplugins'] .facebook span,
	div[id^='socialplugins'] .facebook span iframe,
	#contentcol,
	table.tabs,
	.fb_iframe_widget span,
	.fb_iframe_widget iframe,
	div#sysbroadcast,
	div#book_btn_wrapper, 
	button#btn_book_now_id,
	div#extracol,
	button.all.search,
	#commonExtendedPage,
	.btn_book_now,
	div#campgStatus,
	div.search_holder,
	div#hello_bar,
	div#footer_social,
	#footer_outdoor,
	div.calendarLegend,
	.calendarLegend span,
	body#homepage #colsidebar,
	div.usearch_results_area,
	.usearch_results,
	.facility_view_card,
	div.mobiFilterContainer,
	#signin_wrapper, #ssosignin_wrapper,
	body#cgroundresultshomepage #main_content_wrapper,
	#more_campgrounds,
	#camping_carousel .mask,
	#camping_carousel .carousel_nav_wrapper,
	.main_content_row2,
	.main_content_row2_inner,
	#social_carousel .mask,
	#social_carousel ul,
	#social_carousel ul li,
	#social_carousel .carousel_nav_wrapper,
	.outdoor_spot_wrapper,
	#more_campgrounds ul li,
	body#cgroundresultshomepage .unifSearch,
	body#unifsearchresults #mapviewport, td#mapresult, .olMap, .gisMap,
	#samplepicsSection,
	.siteDetailswrapper,
	.contentContainer,
	#contentArea #sitedetail,
	body#csitedetailspage #calendar,
	#mShopHdr,
	.mShopDet,
	#mShopDet,
	button.all.backhome,
	.mConfSubtotals,
	#ugcContainer,
	#ugcSlideContainer,
	#uploadSection .leftText,
	#uploadSection .rightText,
	body#memberExtendedProfilePage div#contentArea img,
	div.fullpage,
	div.fullpage > p,
	#handf td,
	#NRRSdiscountNotice,
	#NRRSdiscountNotice img,
	#handf td.tcol1 div,
	iframe#popupCalendar,
	body#unifsearchresults #resultViewToggle .warning_panel div.msg.warning,
	#resultViewToggle,
	.all.search.prnt
  {
		width:100% !important;
	}
	
	span#timerSecLbl, #timerContainer, 
	span#txt_book_alert, p.txt_book_copy,
	div.facility_header_parent,
	#footerCap,
	div#detailpagelinks,
	div.cartStatus,
	#footer_links,
	div#usearch_results_header,
	div#usearch_results_map_header,
	div#usearch_results_footer,
	div#usearch_results_map_footer,
	.summary_sites_list,
	.summary_permits_list
	.facility_view_content,
	.headingpic,
	div[id^='availability_section_'] div div.DivSelectyze.css3,
	.readfacebook,
	div#fbcommentbox,
	.eufacility_view_card .check_avail_panel,
	.facility_view_card .check_avail_panel,
	.facility_view_content,
	#signin_wrapper .grey_txt, #ssosignin_wrapper .grey_txt,
	.searchSummary,
	#hero_wrapper,
	body#cgroundresultshomepage .main_content_row .adImage,
	.stripe_bar,
	#mapStatusMsg,
	.campgStatusWrapper,
	#matrixprogresspopup,
	body#orderdetailspage div#otherlinks,
	body#deorderdetailspage div#otherlinks,
	body#changedereservation div#otherlinks,
	body#orderdetailspage label[for=ccresCardNumber],
	div.keynavTop,
	body#confirmationpage div#shoppinglist form table,
	#ugcContainer #existingContent #linkNavigation,
	#thumbsSpace #photoCount,
	.slideButton,
	#photoTitle,
	#imgFooter,
	div.fullpage > img,
	table#handf thead,
	table#handf tfoot,
	select#mobiNavSelect,
	body#cgroundresultshomepage span iframe,
	body#cgroundresultshomepage label[for='lookingFor'],
	body#cgroundresultshomepage select#lookingFor,
	body#cgroundresultshomepage div[id*='common_attributes_section_'] input[type='checkbox'],
	body#cgroundresultshomepage div[id*='common_attributes_section_'] label,
	body#cgroundresultshomepage .specific_attributes,
	#weatherwidget,
	body#csitemappageol .alternativeSuggestion,
	#handf td.tcol1 img,
	span#checkoutLink,
	#leftAdpanel,
	.tabs.sub div.disabled,
	span.totalTxt,
	#hellobar_wrapper a.hello_base.hello_close,
	.unifSearch > .filterCategory {
		display: none !important;
	}	
	#csitedetailspage .campgStatusWrapper,
	body#cgroundresultshomepage .showMobi select#lookingFor,
	body#cgroundresultshomepage label[for='lookingFor'].showMobi,
	body#cgroundresultshomepage .specific_attributes.showMobi,
	body#cgroundresultshomepage div[id*='common_attributes_section_'].showMobi input[type='checkbox'],
	body#cgroundresultshomepage div[id*='common_attributes_section_'].showMobi label
	{
		display: block !important;
	}
	#csitedetailspage .campgStatusWrapper #socialplugins {display: none !important;}
	.all.search.prnt {background-image: none;} 
	div#csitecalendar, 
	div#mobiFilterDiv,
	#signin_wrapper, #ssosignin_wrapper,
	#forgotpwd_wrapper,
	#changepolicy_wrapper,
	#component .policycontent,
	div#campname,
	div#campgStatus,
	body#csitedetailspage div#bookdates,
	body#chourlysitedetailspage div#bookdates,
	#sitedetail,
	div#pagetitle h1,
	div.pageTitle h1,
	body#accountoverviewpage #pagetitle span.caption,
	body#orderdetailspage .content,
	body#shoppingcartpage #shophdr,
	body#shoppingcartpage #otherlinks,
	#mShopR,
	#shophdr,
	body#checkoutpage #shopcontent,
	#mUGCHdr,
	#uploadSection,
	body#memberExtendedProfilePage .pageTitle,
	body#memberExtendedProfilePage form,
	div.fullpage,
	.marketingContainer #mark_page table td#colbody1 #raContent #contentArea .component #campnamearea p,
	#handf td,
	body#cgroundresultshomepage h1,
	.pins_definition,
	body#cgroundresultshomepage .txt_arrow_green,
	body#csitemappage td#colbody1 .td_inner_wrapper #contentArea .content,
	body#csiteresultspage td#colbody1 .td_inner_wrapper #contentArea .content,
	body#csitedetailspage  td#colbody1 .td_inner_wrapper #contentArea .content,
	body#homepage .td_inner_wrapper > div,
	.siteDetAmnCnt,
	body#accountoverviewpage .content.shop,
	div.giftCardAmountNotice, div.giftCardBalanceNotice, div.giftCardBalanceInputDiv, div.giftCardReloadNotice, div.giftCardReloadInputDiv,	div.giftCardPurchaseSubtitle, 
	div.giftCardPurchaseSubtitleAttributes, div.giftCardsErrorDiv, .groupcard.VIEW .btn,
	body#accountoverviewpage .lookRight, .deResvHeader, #shareReservationOnSP,
	.giftCardPurchaseAddress {
		margin: 0 4% !important;
	}
	
	#offeringsSection{
		margin-top: 16px;
	}
	#pagetitle .h3 {
		margin-left: 5px !important;
	}
	div.facilityNavigation {padding: 10px;}
	div.giftCardsAgreeDiv {margin-left: 10px !important;}
	#giftCards .mobiScreen .groupcard.VIEW { border: 0; }
	body#deorderdetailspage .contentArea, body#changedereservation .contentArea{padding: 0 5px;}

	body#csitedetailspage  td#colbody1 .td_inner_wrapper #contentArea .content,
	body#csiteresultspage  td#colbody1 .td_inner_wrapper #contentArea .content,
	body#unifsearchhomepage div#dpdiv p:last-child {
		margin-bottom: 10px !important;
	}
	
	body#csitedetailspage td#colbody1 .td_inner_wrapper #contentArea div.component div .content:last-child,
	body#csiteresultspage td#colbody1 .td_inner_wrapper #contentArea div.component div .content:last-child {
		margin-bottom: 30px !important;
	}
	
	#contentArea  #sitedetail{
	  padding: 10px 0 20px 0;
    }
	
	#contentArea  #sitedetail .siteGalleryContainer{
	  margin: 20px 0;
	}

	#contentArea  #sitedetail .siteattrscol{
	 width: 100%;
	 display: block;
   }
	
	body#csitemappageol .olbackarrow a h2 {
		display: inline;
		vertical-align: super;
	}
	
	body#csitemappageol #pageContainer {
		background-color: #eaeaea !important;
	}
	
    body#pasTemplate,
  	body#pasTemplate #pageContainer{
    	background-color: #fff !important;
  	}

	#changeReservationPay input[id^='cardnum'],
	#changeReservationPay input[id^='fname'], 
	#changeReservationPay input[id^='lname'],
	#changeReservationPay select[id^='cardTypeId']  {
		width: 200px;
	}
	
	#unifsearchresults .pageTitle {
		float: left;
		margin-top: 10px !important;
	}
	
	#signinsignuppage #progresspopup {
			float:left;
	}
	
	div#contract_notes, div.campgroundBulletin, div.tourAlert {
		display:none !important;
	}
	
	.mobiDropDown div#contract_notes, .mobiDropDown div.campgroundBulletin, .mobiDropDown div.tourAlert {
		display:block !important;
	}
	
	div.pinlegend h3, .content h3 {
		font-family: var(--font_family_bold);
	}
	
	body#cgroundresultshomepage input#locationCriteria {
		border-top-width: 1px;
	}
	
	body#cgroundresultshomepage div.unifSearchHorizontal input#locationCriteria {
      margin-top: -8px;
	  height: 35px;
      padding-left: 0 !important;
	}
	
	body#cgroundresultshomepage div.unifSearchHorizontal div.criteria_section {
	  width: 85%;
	}
	
	body#cgroundresultshomepage #btnDiv button {
		margin-bottom: 17px;
	}
	
	div.facilitySwitchBar {
		margin-left: 10px;
	}
	
	#campname div.facilitySwitchBar {
	  margin-left: 0 !important;
	}
	
	#camping_carousel,
	body#cgroundresultshomepage #main_content_wrapper h1 {
		padding: 20px 0;
	}
	
	#camping_carousel {
		height: 400px;
		clear: both;
		padding: 0px !important;
	}
	
	body#cgroundresultshomepage #main_content_wrapper h1,
	#associatedlinks ul li a {
		float:left;
	}
	
	#associatedlinks ul li a {
		float: left;
		padding-bottom: 10px !important;
	}
	
	.carousel_nav_wrapper {
		margin-right: 7px;
		float: right;
	}
	
	#more_campgrounds h2 {
		margin-left: -10px !important;
	}
	
	#signin_wrapper h1, #ssosignin_wrapper h1,
	#pagetitle h1,
	#shophdr h1,
	body#cgrounddetailspage div.rightPanelLinks  {
		background-image: none;
		padding-bottom: 0;
	}
	
	#myAccount {
		width: 100% !important;
		float:left;
	}
	
	#myAccMenuDropd .accountbar, #giftCardsMenuDropd .giftcardsbar {
		background-image:none;
		padding: 0;
	}
	
	body#accountoverviewpage .contentin {
		margin: 10px;
	}
	
	#myAccMenuDropd, #giftCardsMenuDropd {
		margin-top: 10px;
		background-color: #f8f8f7;
	}
	
	#myAccMenuDropd a.accountside.in, #giftCardsMenuDropd a.giftcardsside.in {
		background-color: transparent;
		border-width: 0 0 1px 0;
		color:black;
		margin-left:0;
	}
	
	#myAccMenuDropd a.accountside, #giftCardsMenuDropd a.giftcardsside {
		padding-left:0;
		text-indent: 10px;
		background-image:none;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid gray;
		margin-left: 0;
		float: left;
		clear: both;
		width: 100%;
	}
	
	body#accountoverviewpage .content.shop {
		border: 1px solid #D7E6C1;
		padding-top: 0px;
		border-radius: 6px 6px 0 0;
		margin-bottom: 10px !important;
	}
	
	body#accountoverviewpage .content.shop:last-child {
		margin-bottom:0;
	}
	
	.all.search.prnt, .all.search.prnt a {padding: 0;}
	
	div.unifSearchRecreation span.dim span.release {
		font-size: 24px !important;
	}
	
	body#homepage td#colbody1 {
		display: block;
	}
	
	#continue_clicked_button, .signuprightbtns, .lookupbtn, .ssosigninwrapper div#signinbtn button, .ssosigninwrapper div#signupbtn button {
		margin-bottom: 5px !important;
	}
	
	a.lessTabs {
		font-size: 14px !important;
		line-height: 210% !important;
	}
	
	body#unifsearchresults img.aamLegendImg {
		height: auto;
		margin-top: 0 !important;
	}
	
	body#cgroundresultshomepage #camping_carousel div.mask {
		height: 280px !important;
	}
	
	#hello_bar p {
		font-size: 6pt;
	}
	
	body#csitedetailspage  td#colbody1 .td_inner_wrapper #contentArea .content,
	body#csiteresultspage  td#colbody1 .td_inner_wrapper #contentArea .content {
		margin-bottom: 10px;
	}
	
	.btn_book_now {
		font-size: 22px;
	}
	
	.composite_autocomplete div.selectable,
	.composite_autocomplete div.selected,
	.composite_autocomplete div.selectable.over {
		line-height: 28px;
		font-size: 16px !important;
	}
	
	.siteDetAmnCnt,
	body#unifsearchhomepage #colsidebar,
	body#unifsearchsuggestions #colsidebar, 
	body#posproductdetailspage #colsidebar,
	body#unifsearchhomepage #colbody1,
	body#posproductdetailspage #colbody1,
	body#unifsearchsuggestions #colbody1,
	body#guestcheckoutpage #colbody1,
	body#guestcheckoutpage #rightbody {
		float:left;
	}
	
	body#unifsearchhomepage #colbody1,
	body#unifsearchsuggestions #colbody1,
	body#unifsearchhomepage #dpdiv {
		width:98% !important;
	}
	
	body#unifsearchhomepage #dpdiv {
		padding-left: 0;
		margin-left: 0;
	}
	
	h1 {
		font-size: 20px !important;
	}
	
	.cartError {
		background-color: var(--color-background-error, #efd1d1);
	}
	
	body#cgroundresultshomepage .txt_arrow_green {
		float:left;
	}
	
	body#unifsearchresults #resultViewToggle .warning_panel .facility_available {
		float: left;
	}
	
	table#boat_info td {
        display: block;
        width: 100%;
        text-align: left;
    }
    
    table#boat_info input[type='checkbox'] {
    	margin: 15px 0;
    }
	
	table#boat_info label[for='boatCheckBox'] {
		margin-left: 5px;
	}
	
	table.contable td.td2 {
		display: block;
		width: 100%;
	}
	
	body#cgrounddetailspage #contentcol, #tourTimes #contentArea {
		width: 94% !important;
	}
	#tourTimes #contentArea {margin: 0 auto;}
	table.tourPricing td {padding: 0;}
	
	body#csitedetailspage div.msg.error {
		padding: 5px 5px .5em 30px;
	}
	
	.alternativeSuggestion {
		float: left;
		width: 100%;
	}
	
	.alternativeSuggestion ul, .availabilityMessages ul {
		margin-left: 10px;
	}
	
	.imgArrow {
		width: 18.5px;
		height: 31.5px;
		vertical-align: middle;
	}
	
	.pArrow {
		line-height: 1000%;
	}
	
	#handf td.tcol1 a {
		width:85%;
		font-size: 13px;
	}
	
	#handf td.tcol2 {
		clear: both;
		float: left;
		margin-top: 10px;
	}
	
	#handf td a.deptAg {
		padding: 0 !important;
		text-indent: 0 !important;
		margin-top: 10px;
		float: left;
	}
	
	#samplpics img {padding: 0 !important;}
	.sitePhotoContainer #samplpics img {padding: 0; width: auto; height: auto; margin: 5px 5px 5px 0;}
	#csitedetailspage #samplpics {margin: 10px 0;width: 100%;} 
	
	body#orderdetailspage .acknowledgement {
		float:left;
	}
	
	.buttonGroup {
		background-color: transparent;
		margin-top: 0;
	}
	
	/*.panelGroup,*/ .buttonGroup {
		padding: 0 !important;
	}
	
	#csitedetailspage .panelGroup {
		padding: 0 0 30px 0 !important;
	} 
	
	#noAvailabilityMsg {
		height: auto !important;
		background-image: none !important;
		font-size: 10px;
	}
	
	#noAvailabilityMsg ul li,
	#noAvailabilityMsg ul li a {
		font-size: 9px;
	}
	
	#mFullPhotoContainer {
		background-color: black;
		height: 100%;
		position: absolute;
		width: 100%;
	}
	
	body#csiteresultspage .alternativeSuggestion,
	body#csitedetailspage div#sitealert {
		float:left;
		width: 100%;
	}
	
	body#csitemappage td#mapresult, body#csitemappage div#viewmap {
			width:100% !important;
			height:auto !important;
			overflow-x: scroll !important;
			overflow-y: hidden;
	}

	body#csitemappage #shoppingitems {table-layout: fixed;}
	
	div.fullpage > p {
		width: 92% !important;
	}
	
	#handf p.websiteDesc {
		width: 90%;
		text-align: justify;
	}
	
	#handf td.tcol1 a {
		float: none  !important;
		text-decoration: none !important;
		display: block;
		width: 85%;
		margin-top: 10px;
		/*margin-left: auto;
		margin-right: auto;*/
		text-indent: 29%;
	}
	
	#handf h2 {
		font-family: var(--font_family_bold);
		color: black;
		font-size: 22px;
	}
	
	#handf td {
		border-width: 0 !important;
		width: 100%;
		padding: 0 !important;
	}
	
	table#handf td, table#handf th {
		display:block;
		margin-bottom: 10px;
	}
	
	#enhancedMobileHeaderDiv .shoppingtotalcontainer {margin-top: 0px;}
		
	div#campname {
		width: 94% !important;
	}
/* Ratings mobile */	
	.ratingViewDiv {
	  margin-top: 5px;
    margin-left: 10px;
  }
	.ratingViewDiv .ratingStar img {
	  margin: 0;
	  width: 16px;
	  height: 16px;
	}
	.starDescription {display: none;}
	.starDescriptionMobile {display: block; font-size: 16px;}
	#csitemappageol .ratingViewDiv {
	  display: none;
	}
/* End Ratings */	
	body#memberExtendedProfilePage form input {
		margin-bottom: 10px;	
	}
	
	body#memberExtendedProfilePage .formFieldSet table tr td {
		display: block;
	}
	
	#noPhotosMsg {
		float: left;
		margin-top: 10px;
	}
	
	#uploadSection {
		width: 93% !important;
	}
	
	#uploadSection .leftText,
	#uploadSection .rightText {
		clear: both;
	}
	
	#uploadSection .leftText {
		margin-bottom:0;
		text-align: left;
	} 
	
	#uplButton {
		margin: 15px 0;
	}
	
	#loadMoreImg {
		width: 95% !important;
	}
	
	#currentImgContainer #currentImg {
		display:none;
		position: fixed;
		top: 0;
	}
	
	#mUGCLoadMoreContainer {
		float: left;
		width: 100%;
	}
	
	#mUGCHdr {
		margin-top: 10px;
	}
	
	#mUGCHdrTitle {
		font-family: var(--font_family_bold);
		color: #666;
		font-size: 22px;
		width: 50%;
		float: left;
	}
	
	a#uploadLnk, a#mostRecentLnk, #handf td.tcol1 a {
		float: right;
		padding: 10px;
		border-radius: 5px;
	}
	
	#ugcImages .selectedPhoto, #ugcSlideContainer img.slide {
		border-width: 0 !important;
		padding: 0 !important;
	}
	
	#ugcSlideContainer img.slide {
		width: 32.6% !important;
		height: auto !important;
	}
	
	#ugcImages a.slideLink {
		text-decoration: none !important;
	}
	
	#ugcImages {
		position: static !important;
		margin: 10px;
		width: 94% !important;
	}
	
	#ugcSlideContainer {
		overflow: visible !important;
		height: auto !important;
	}
	
	#ugcContainer {
		margin-left: 0 !important;
	}
	
	div#ugcTarget11 {
		display: block !important;
		padding:0 !important;
		background-color: transparent !important;
	}
	
	body#confirmationpage #shophdr div.ctr p {
		padding: 10px 0 10px 0;
	}
	
	div#otherlinks{
	  margin-right: 10px;
	}
	
	body#shoppingcartpage div#otherlinks {
	  width: 100%;
      text-align: right;
      margin: 0 !important;
	}

    body#shoppingcartpage div#otherlinks > a {
	  padding-right: 20px;
	}
	
	body#confirmationpage #otherlinks {
		margin: 0 5px;
	}
	
	.mConfSubtotals {
		margin: 10px 0;
	}
	
	div.securitycertleft, div.securitycertleft div,
	body#checkoutpage .formpage div.securitycertleft {
		float:right;
		margin-left: -6px;
		margin-top: 10px;
		width: 150px !important;
	}
	
	div.securitycertphonepay{
		float: right;
		margin-top: -120px;
    }
	
	#policyDropd {
		background-color: white;
	}
	
	div.securitycertleft img, div.securitycertleft div img {
		margin-top: -15px;
	}	
	
	body#checkoutpage div.offer {
		padding: 0;
		margin:0;
	}
	
	body#checkoutpage div#synapseDiv table tr {
		margin-bottom: 10px;
		display: block;
	}
	
	body#checkoutpage div#synapseDiv table tr input[type='checkbox'],
	body#checkoutpage div#synapseDiv table tr label {
		vertical-align: middle;
	}
	
	div.paymentinfo {
		margin: 10px 0;
	}
	body#permitReservationPayment div.paymentinfo{
		padding: 10px !important;
	}
	form#checkoutCartForm tbody, body.uwpLayout form#new_cust #firstNameGrp {
		width: 100%;
	}
	body#checkoutpage table tr.totalarea,
	body#permitReservationPayment table tr.totalarea {
		border: 1px solid silver;
		border-top-width: 0;
		padding: 10px 0 10px 10px;
	}
	
	body#checkoutpage table tr.totalarea td,
	body#permitReservationPayment table tr.totalarea td {
		padding: 5px 0 0 0 !important;
		border-width: 0 !important;
		margin: 0 !important; 
	}
	
	body#checkoutpage .formpage tr, body#tourChangeDateTime .formpage tr,
	body#permitReservationPayment .formpage tr {
		border: 1px solid silver;
		border-top-width: 0;
		border-bottom-width: 0;
		padding: 10px 0 0 10px;
	}
	
	.giftCardAction .formpage tr, .giftCardDisplay tr{
		border: none !important;
	}
	
	body#permitReservationPayment .formpage tbody:last-child tr:last-child{
		border: 1px solid silver;
		border-top-width: 0;
		padding: 10px 0 16px 10px;
	}
	
	body#checkoutpage #OH_cardPaymentName{
	    border-bottom-width: 1px;
	    padding-bottom: 10px;
	}
	tr[id$='_cardPaymentNumber'] td {max-width: 340px;}
	form#checkoutCartForm table.items tr.totalarea.sum,
	form#checkoutCartForm table.items tr.totalarea.sum td,
	.chkoutHdr,
	body#checkoutpage .formpage tr, body#tourChangeDateTime .formpage tr,
	body#checkoutpage table tr.totalarea,
	body#checkoutpage table tr.totalarea td,
	body#permitReservationPayment .formpage tr {
		width: 97%;
		float: left;
	}
	form#checkoutCartForm table.items tr.totalarea.sum td {
		background-color: transparent;
	}
	
	form#checkoutCartForm table.items tr.totalarea.sum td .cartTotal {
		border-top-width: 0;
	}
	
	form#shoppingCartForm table {
		display:none; /*no imp!*/
	}
	
	.cartTotal {
		border-top: 1px solid silver;
	}
	
	body#shoppingcartpage div.mShopDet div.money, body#confirmationpage div.mShopDet div.money,
	div.subtotal .money, div.cartTotal .money, div.total .money, div.subtaxItemCart .money, div.moneyCategoryLabel .money, 
	div.subtotal .money.hasIcon, div.mOrdItemSub .money, div.mSubtotal .money {padding-right: 5px !important;}
	body#shoppingcartpage div.mShopDet div.msg.error {
		clear: both;
	}
	
	body#changeReservationPay form#checkoutCartForm tbody {
		float:none;
	}
	
	body#changeReservationPay form#checkoutCartForm table.voucher.items.order {
		text-align: center;
	}
	
	body#changeReservationPay .btn button {
		width: 100%;
	}
	
	#mShopR {
		width: 90%;
	}
	
	.mSubtotal {
		clear: both;
		width: 100%;
	}
	
	#mShopDet, form#checkoutCartForm table.items tr.totalarea.sum {
		border: 1px solid silver;
		padding: 0 0 0 10px;
	}
	
	.mCartOptLinks {
		float: right;
	}
	#checkoutpage .sectioncontent .mCartOptLinks, #checkoutpage .sectioncontent #table_ftc, #checkoutpage .sectioncontent #mShopHdr {display: none;}
	#checkoutpage .sectioncontent {padding: 0;}
	#checkoutpage .sectioncontent #mShopR, #checkoutpage .sectioncontent #mShopDet {margin: 0 !important;}
	#checkoutpage .sectioncontent #mShopR {width: 97%;}
	#checkoutpage table.items {margin-top: 5px;}
	#checkoutpage .chkoutHdr {margin-bottom: 0;}
	#checkoutpage .chkoutHdr .sectionexpand {margin-left: 20px;} 
	#checkoutpage .partition.chkoutHdr td {background-color: #f2f2f2; color: #000; border: none;}
	.mCartOptLnk {
		margin: 0 10px;
		font-size: 14px;
		line-height: 150%;
	}
	
	#mShopHdr, .chkoutHdr {
		font-size: 22px;
		background-color: #f2f2f2;
		border: 1px solid gray;
		border-radius: 6px 6px 0 0;
		padding: 10px 5px;
		margin-bottom: 5px;
	}
	.mShopDet {
		margin: 10px 0;
	} 
	.mChkOutResDet{
		margin: 6px 0 15px 0;
	}
	.mOrdItemSub {
		clear: both;
	}
	.mOrdItemSub.ordItemAttrs{
		margin-top: 20px;
	}
	.giftCardDetails.mOrdItemSub .standout-button {
	    margin-top: 5px;
	}
	.giftCardDetails.mOrdItemSub .cardDesign {margin-top: 5px;}	
	.mOrdItemSub.ticketType{
	    width: 100%;
	}
	
	.mOrdItemSub.ticketType > div {
		display: table-cell;
	}
	
	.mOrdItemSub.ticketType i.spacer{
	   width: 10px;
	   display: inline-block;
	}
	
	.mOrdItemSub.prdGrp {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.mOrdProdGrp{
	   float: left;
	}
	div.moneyLabel {
      width: 65%; 
  }
	.mShopHdrTitle {
		float:left;
		line-height: 150%;
	}
	
	.mFacName {
		margin-bottom: 10px;
	}
	.mShopDet.addt{
		margin: 2px 0 !important;
	}
	.mShopDet.addt.stiItem{
		margin: 16px 0 2px 0 !important;
	}
	.mShopDet.addt .mFacName{
		margin-bottom: 0 !important;
	}
	.mShopDet.divider{
		margin: 10px 0 10px -5px;
	}
	.mShopDet.cartError{
		background-color: var(--color-background-error, #efd1d1) !important;
		padding: 0 5px;
		margin: -1px 0 -1px -10px !important;
	}

	.mFacNameShorter {
		width: 33% !important;
	}
	
	.mShopHdrRemoveAll {
		float: right;
		font-size: 14px;
		line-height: 170%;
	}

	body#csitedetailspage ul.detail {
		clear: both;
	}
	
	body#csitedetailspage ul.detail ul.detail {
		margin-left: -15px;
	}

	body#csitedetailspage #crossoverTxt {
		margin: 0 !important;
		width: auto !important;
	}

	select {
		background-image: none !important;
		font-size: 11pt;
	}	
	.bringvehiclerows select {width: 170px;}
	.panelGroup, .content.first {padding: 0;}
	#contentcol .content {margin-left: 10px;}
	.siterow .left {margin: 0;}
	#cdailyentrydetailspage #enterdates {padding: 20px 5px;}
	#cdailyentrydetailspage #enterdatesrightcol{
		margin-left: 6px;
	}
	.tabs.sub{display: flex; flex-direction: row; align-content: center; justify-content: space-evenly;}
	.myModalCarouselList {float: none !important; display: flex; flex-wrap: wrap; align-content: center; justify-content: space-evenly;}
	#oficial_photos .myModalCarouselLink, #samplpics-carousel .myModalCarouselLink, .sitePhotoContainer .myModalCarouselLink {width: auto !important;}
	.myModalCarouselList .myModalCarouselLink img {margin-left: 10px;}
	body#cgrounddetailspage div.rightPanelLinks {
		padding-bottom: 0;
		margin-bottom: 0;
		text-indent: 10px;
	}

	body#shoppingcartpage span#countdown,
	body#checkoutpage span#countdown {
		margin-top:0;
		width: auto;
		float: none;
		color: #7a6654 !important;
		background-image: url("/images/2013/icon_time.png") !important;
	}
	body#shoppingcartpage .enhancedTimerDiv span#countdown, body#checkoutpage .enhancedTimerDiv span#countdown {color: #fff !important; background-image: none !important;}
	
	body#shoppingcartpage span#timerSecLbl,
	body#checkoutpage span#timerSecLbl {
		display: inline !important;
		font-family:"Courier New", Courier, monospace !important;
	}
	
	div#continuebutton,
	#orderdetailspage div#continuebutton {
		margin: 0 !important;
	}
	
	select.dropmenu, body#orderdetailspage select.dropmenu{
	  padding: 0 6px 0 0 !important;
	}
	
	.campsiteTypeDD, .activityTypeDD {
		width: 94% !important;
	}
	
	body#orderdetailspage tbody.option tr td div label {
		display: block;
	}
	
	body#orderdetailspage tbody.option tr td div.left input#address {
		width: 180%;
	}
	
	body#orderdetailspage tbody.option tr td div.left {
		clear: both;
	}
	
	body#orderdetailspage label[for=agreement] {
		font-size: 10pt;
		padding: 5px 0 5px 0;
		float: right;
		width: 89%;
	}
	#alertsImpDropd {
		margin: 10px 0;
	}
	
	.mobiAlertsHead {
		font-weight: bold;
		padding-left: 10px;
		font-size: 12px;
	}
	
	div#alertsDropd, div.campgroundBulletin {
		background-color: #dfbbbb;
	}
	
	div#alertsDropd {
		margin-top:-6px;
	}
	
	div#policyDropd,
	div#ackyDropd {
		margin-bottom: 5px;
	}
	
	a.mobiAlertsDropDownHeader {
		/*border: 1px solid #ccc;*/
		background: #c52020;
		float: left;
		clear: none;
		margin: 0;
		text-align: left;
		font-size: 10px;
		padding: .6em 0px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
		border-bottom-width: 0;
		height: 22px;
		line-height: 270%;
		/*border-bottom: 3px solid #fbebc2;*/
	}
	
	.mobiDropDown a.mobiNativeDropDownHeader {
		background-color:#FFE49D;
		color:black !important;
	}
	
	#myAccMenuDropd a.mobiMyAccDropDownHeader, #giftCardsMenuDropd a.mobiGCDropDownHeader {
		background-color: #f8f8f7 !important;
		color: #e68b06 !important;
	}
	
	a.mobiAlertsDropDownHeader:link, a.mobiAlertsDropDownHeader:visited, a.mobiAlertsDropDownHeader:active {
		color: white;
		text-decoration: none;
	}
	
	div.mobiDropDown {
		height: 34px;
		overflow: hidden;
		width:100%;
		float:left;
		/*margin-top:-6px;*/
	}
	#alertsImpDropd {float: none;}	
	a.mobiDropDownHeader:link,  a.mobiDropDownHeader:visited,  a.mobiDropDownHeader:active {
		text-align: left !important;
		color: black !important;
		/*padding-left: 5px !important;*/
		text-decoration:none;
	}
	
	a.dropdown_ {
		background-size: 20.5px 11px;
		background-repeat: no-repeat !important;
		background-position: 97% 60% !important;		
	}
	
	a._unexpanded {
		background-image: url('/images/mobiDiscArrowDown.png');
	}
	
	a._unexpandedOrange {
		background-image: url('/images/mobiDiscArrowDownOrange.png');
	}
	
	a._unexpandedBlack {
		background-image: url('/images/mobiDiscArrowDownBlack.png');
	}
	
	a._expanded {
		background-image: url('/images/mobiDiscArrowUp.png');
	}
	
	a._expandedOrange {
		background-image: url('/images/mobiDiscArrowUpOrange.png');
	}
	
	a._expandedBlack {
		background-image: url('/images/mobiDiscArrowUpBlack.png');
	}
	
	table#occupants div.intable span.extra {
		margin-top: 10px;
		display: block;
	}
	
	.intbl {
		margin-top: 10px;
	}
	
	#occupants span.radgrplabel {
		display: block;
		margin-top: 10px;
		font-weight: bold;
		font-family: var(--font_family_sbold);
	}
	
	body#orderdetailspage .formpage div.r label {
		font-weight: bold;
		font-family: var(--font_family_sbold);
	}
	
	.discountDescription {
		color: silver;
	}
	
	body#orderdetailspage table#equipment td,
	body#orderdetailspage table#occupants td,
	body#orderdetailspage table#promotioncode td,
	body#checkoutpage .formpage div, body#checkoutpage .formpage td, body#tourChangeDateTime .formpage div, body#tourChangeDateTime .formpage td,
	body#orderdetailspage .formpage div,
	body#permitReservationPayment .formpage div, body#permitReservationPayment .formpage td {
		display:block;
		text-align: left;
		background-color: transparent;
		padding: 0;
	}
	
	.formpage td.verify{
		margin-bottom: 10px !important; 
	}

	body#checkoutpage form#checkoutCartForm tbody.ccInfo div.error.msg{
	   padding: 5px 5px 0.5em 30px;
	}

	body#checkoutpage div.seccode.formField,
	body#permitReservationPayment div.seccode.formField{
		clear: left;
	}
	#cancelPermitReservationForm{ margin-top: 6px;}
	body#orderdetailspage .formpage div.vehicle_calendar .day_S {background-color: #ffffe8;}
	body#orderdetailspage table#equipment td,
	body#orderdetailspage table#occupants td,
	body#orderdetailspage table#promotioncode td,
	body#orderdetailspage .formpage div {
		width: 100% !important;
	}
	body#orderdetailspage  .equipTypeDiv .formpage #rmvLnkDiv{ width: auto !important; float: right;font-size: 90%;}
	body#orderdetailspage .formpage div.msg.error {padding: 5px 0 5px 25px; width: auto !important;}
	.formpage #vehicle_details div,  .vehicle_calendar div {width: auto !important;}
	.formpage #vehicle_details .remove_vehicle {padding-bottom: 10px;}
	.formpage #vehicle_details div.day, .vehicle_calendar div.day {width: 6.4% !important; text-align: center;}
	.equipDates .vehicle_calendar div.day, #equipmentSection .vehicle_calendar div.day{ min-width: 26px !important; text-align: center;}
	body#orderdetailspage .formpage .hidden {
	    display: none !important;
	}
	body#tourChangeDateTime .formpage td.last .formField, body#checkoutpage .formpage td.last .formField  
	body#permitReservationPayment .formpage td.last .formField{padding-bottom: 10px;}
	div.securitycert {margin-right: 0;}
	
	/* PCR 3089w S1*/
	body#orderdetailspage table#equipAF td

	 {
		display:block;
		width: 100% !important;
		text-align: left;
		border-bottom: none;
	}
	
	body#orderdetailspage div.contenthdr {
		width: 100% !important;
	}
	
	/* PCR 3089w E1*/
	
	.campsiteDetailNote {
		padding: 0 !important;
		margin: 8px 10px 5px 0 !important;
	}
	
	.rateTable, .search_results_list .aaMemberInfo {
		height: auto !important;
	}
	
	.search_results_list div#tag_banner.aaMemberInfo {
		padding-top: 10px !important;
		padding-bottom: 10px !important;		
	}
	
	table.items td.r {
		text-align: center;
	}
	
	#sitedetail {
		margin-top: 5px; 
	}
	body#csitedetailspage div.sizelikeinput {
		padding:0 !important;
	}
	.siteInfoWrapper .sitetype.floatl {padding: 5px 0; min-width: 155px;}
	#csitedetailspage .compactoptions .option.departOpt {
		clear:both;
		font-family: var(--font_family_sbold);
		margin: 8px 0 10px;
	}
	.mblwdth50 {width: 50%; min-width: 50%}  
	.hiddenoptions.hide label, .option label, #alldatesdiv label, .compactoptions .extra {
		width:auto !important;
	}

	body#orderdetailspage form#reservedetail input.s,
	body#orderdetailspage form#reservedetail select {
		display: block;
	}
	
	#redeemOption{
		max-width: 180px;
	}
	
	body#csitedetailspage .aaMembershipInfo {
		margin: 0 !important;
	}
	
	body#csitedetailspage #campgLinks {
		font-family: var(--font_family_sbold);
		font-size: 12px;
		font-weight: bold;
		padding-right: 10px;
	}
	body#csitedetailspage #morephotos {padding-right: 10px; margin-top: 10px;}
	body#csitedetailspage #sitedetail .detail li {
		width:auto;
		clear:both;
	} 
	
	body#csitedetailspage div#bookdates {
		padding:0 !important;
		margin-top: 10px;
	}
	
	body#csitedetailspage div#csitecalendar,
	body#chourlysitedetailspage div#csitecalendar {
		margin: 0 !important;
		padding: 0 0 0 0 !important;
	}
	
	.siteInfoWrapper {
		clear:both;
		margin: 10px;
		padding:0 !important;
		background-color: transparent !important;
	}
	.siteInfoWrapper a.favcta.link {
    	width: 100%;
    	text-align: left;
    	margin-left: 10px;
	}
	.sdformwrapper {margin: 0 10px; padding-bottom: 20px;}
	#sitenamearea .siteTile {padding-left: 0;} 	
	.sitePhotoContainer {margin: 0 10px;}
	#contentProgressBar {
		margin-top:0 !important;
	}
	
	body#unifsearchresults #mapviewport {
		height:300px !important;
	}
	
	.pageTitle {
		background-image: none !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	
	body.uwpLayout form#new_cust input, body.uwpLayout form#new_cust select {
		margin: 0 0 0 10px;
		width: 93%;
		background-color: white !important;
	}
	#addressGrp .sgrps {flex-direction: column;}
	form#new_cust input[id*='xtension'] {
		width: 50px;
	}
	
	form#new_cust .additionalLinkStyle {
		text-indent: 10px;
	}
	
	body.uwpLayout form#new_cust input[type='checkbox'] {
		width:auto !important;
		margin-right: 5px;
	}
	
	body#cgroundresultshomepage .outdoor_spot_wrapper {
		float:none;
		width: 70% !important;
		margin: 0 auto;
		height: auto;
	}
	#articlesPage .outdoor_spot_wrapper {width: 300px !important; padding: 4px 10px; float: none; margin: 0 auto;}
	#articlesPage .outdoor_spot_wrapper img {width: 300px;}
	#articlesPage .outdoor_spot_wrapper.ad {width: 300px !important;}
	#articlesPage div#pagetitle {margin: 0 5px 0 5px !important;}
	#articlesPage div#pagetitle h1 {margin: 0 !important; width: 100%}
	#articlesPage div.contenthdr {padding-left: 10px; margin-top: 10px; margin-right: 0;}
	#more_campgrounds ul {
		margin: 0 auto !important;
		width:60%;
	}
	
	#camping_carousel ul li, #camping_carousel .feature_spot_wrapper {
		height:auto !important;
	}
	
	#camping_carousel ul li {
		margin-left: 9px;
	}
	
	body#cgroundresultshomepage #unifSearchForm {
		margin: 0 4%;
	}
	body#cgroundresultshomepage .unifSearchRecreation {
		padding-top:15px !important;
	}
	
	#camping_carousel .carousel_nav_wrapper {
		padding:0 !important; 
	}
	
	#more_campgrounds {
		float:left;
		background-color: #f1efe2;
		height:auto;
	}
	
	body#cgroundresultshomepage .unifSearch {
		bottom: auto;
		display:block;
		position: static;
		padding:0;
		margin-bottom: 0;
	}

	body#cgroundresultshomepage #main_content_wrapper {
		padding:0 !important;
		margin-top: -6px;
	}
	
	body#cgroundresultshomepage #main_content_wrapper h2 {
		float: left !important;
		clear: both !important;
		padding: 14px 0;
		font-size: 18px;
		margin-left: 10px;
	}
	
	.facility_view_card {
		min-height: 107px;
		margin: 0 !important;
		background-color: #f8f8f7;
		padding-bottom: 0 !important;
	}
	
	a.facility_link img.PopBoxImageSmall{
		float: left;
    height:53px;
    margin: 8px 8px 0 0;
	}
	div#mapbubble.facility_view_card img.PopBoxImageSmall {
	  padding-top: 0;
	}
	a.facility_link .ratingViewDiv {
	  margin-top: 10px;
	}
	div#mapbubble.facility_view_card .starDescriptionMobile {
    white-space: nowrap;
    display: block;
    font-size: 13px;
    padding-top: 10px;
  }
	
	.facAvailTextWImg {
		clear: right;
		margin-top: 15px;
		margin-left: 10px;
		color: #63a548;
	}
	.facAvailTextNImg {
		clear: both;
		margin-top: 15px;
		margin-left: 0;
		color: #63a548;
	}
	
	.facAvailTextNImg a, .facAvailTextWImg a {
		color: #63a548 !important;
	}
	
	#resultsFilters {
		width:50%;
		display:none;
		margin-bottom: 0 !important;
		padding-top: 0;
	}
	
	.facility_view_header img.pin_on_map {
		margin: 10px auto 5px auto !important;
		background-color: #f8f8f7;
		border-bottom-width: 0;
		float: none;
	}
	
	.fac_map_pin, .fav_cta_pin {
		float: left;
		width: 15%;
		text-align: center;	
	}
	#mapbubble .fac_map_pin, #mapbubble .mapCaption, #mapbubble .fav_cta_pin {
		display: none !important;
	}
	#mapbubble .facility_header_name {margin-bottom: 5px;}
	p.fac_map_pin div {	
		float: left;
		line-height: 10px;
		width: 100%;
		text-align: center;
	}
	
	.fac_p_card {
		float: left;
		width: 70%;
		padding: 5px 0 5px 0;
		min-height: 86px;
	}
	
	.fac_det_arrow {
		background-image: url("/images/mobiTableArrow.png");
		background-repeat: no-repeat;
		background-size: 18.5px 31.5px;
		background-position-x: 97%;
		background-position-y: 50%;
		width: 15% !important;
	}
	
	#mapbubble .fac_p_card {
		padding: 0;
		height: auto;
		background-image: none;
		min-height: 0 !important;
	}
	
	.tblRowArrow {
		background-image: url("/images/mobiTableArrow.png");
		background-repeat: no-repeat;
		background-size: 18.5px 31.5px;
		background-position-x: 97%;
		background-position-y: 50%;	
	}
	
	.fac_p_card p {
		text-indent: 0
	}
	
	body#signinsignuppage button, body#ssosigninsignuppage .ssosigninwrapper button {
		margin: 0 0 0 10px;
		padding: 0;
		width: 90%;
	}
	
	body#signinsignuppage #forgotPsrdLinkGroup {
		float: left;
		margin-left: 10px;
		padding: 0;
	}
	
	body.uwpLayout form#existing_cust span.groupLabel,
	body.uwpLayout form#new_cust span.groupLabel {
		padding: 0 10px;
		font-weight: bold;
	}
	
	form .groupcard label{
	  display: inline;
	}
	
	form#existing_cust #emailGroup, 
	form#existing_cust #passwrdGroup,
	form#new_cust #nameGrp,
	form#new_cust #emailGroup,
	form#new_cust #retypeEmailGroup,
	form#new_cust #passwrdGroup,
	form#new_cust #phoneGrp,
	form#new_cust #additionalPhoneGroup,
	form#new_cust #additionalLink,
	form#new_cust #ogranizationGrp,
	form#new_cust #addressGrp,
	form#new_cust #emailAddressGroup,
	form#new_cust #passwrdBoxGroup,
	form#new_cust #homeAddressCheckboxGroup,
	form#new_cust #homeAddressGrp
	 {
		background-color: white;
		float: left;
		width: 90%;
		margin: 0 10px;
	}
	
	body.uwpLayout form#existing_cust #emailGroup,
	body.uwpLayout form#new_cust #nameGrp	{
		border: 1px solid #999999;
		border-radius: 5px 5px 0 0;
	}
	
	body.uwpLayout form#new_cust #addressGrp,
	body.uwpLayout form#new_cust #homeAddressCheckboxGroup{
	    border: 1px solid #999999;
		border-top-width: 0;
	}
	
	body.uwpLayout form#existing_cust #passwrdGroup,
	body.uwpLayout form#new_cust #homeAddressGrp  {
		border: 1px solid #999999;
		border-top-width: 0;
		border-radius: 0 0 5px 5px;
	}
	

	body.uwpLayout form#new_cust #emailGroup,
	body.uwpLayout form#new_cust #retypeEmailGroup,
	body.uwpLayout form#new_cust #passwrdGroup,
	body.uwpLayout form#new_cust #phoneGrp,
	body.uwpLayout form#new_cust #additionalPhoneGroup,
	body.uwpLayout form#new_cust #additionalLink,
	body.uwpLayout form#new_cust #ogranizationGrp,
	body.uwpLayout form#new_cust #emailAddressGroup,
	body.uwpLayout form#new_cust #passwrdBoxGroup {
		border: 1px solid #999999;
		border-top-width: 0;
		border-radius:0;
	}
	
	body.uwpLayout form#new_cust div.r {display: block; margin: 0 0 5px 10px;}
	body.uwpLayout form#new_cust #passwordBoxGrp {margin-bottom: 0px;}
	body.uwpLayout form#new_cust .pwdpolicy {margin: 0 0 10px 10px;}
	
	body.uwpLayout form#existing_cust #emailGroup,
	body.uwpLayout form#existing_cust #passwrdGroup {
		line-height: 180%;
	} 
		
	form#existing_cust .r {
		float:left;
	}
	
	form#existing_cust .attrs {
		float:right;
		width: 68%;
	}
	
	body#signinsignuppage #combinedFlowSignInKit_forgotPsrdLinkGroup_attrs {
		width:auto;
	}

	body.uwpLayout form#existing_cust input {
		width: 100%  !important;
		margin-left: -10px;
	}
	
	#signin_wrapper, #ssosignin_wrapper {
		padding: 0 !important;
		float: left;
		width: auto !important;
	}
	
    body.uwpLayout#signinsignuppage #leftcol_wrapper,
	body.uwpLayout#signinsignuppage #rightcol_wrapper,
	body.uwpLayout#ssosigninsignuppage #leftcol_wrapper,
    body.uwpLayout#ssosigninsignuppage #rightcol_wrapper{
		background-image: none !important;
	    background-color: #f2f2f2;
	    margin: 0;
		width: 94%;
	}
	
	/*body#signinsignuppage #rightcol_wrapper {
		background-color: #f2f2f2;
		background-image: none !important;
		clear:both;
		width: 94%;
	}*/
	
	body#signinsignuppage #leftcol_wrapper h2, body#signinsignuppage  #rightcol_wrapper h2,
	body#ssosigninsignuppage #leftcol_wrapper h2, body#ssosigninsignuppage  #rightcol_wrapper h2{
		color: #666;
		margin: 0 0 0 10px;
	}
	
	.popup {
		z-index: 11000;
	}
	
	body#unifsearchresults .facility_view_header a.facility_link {
		color: #003a86;
		font-weight: bold;
		font-size: 15px;
	}
	
	body#unifsearchresults span.fac_state{
		font-size: 9pt;
		font-weight: normal;
	}
	
	.view_switch {
		height: 28px;
		background-color: #7a6654;
		width: 83px !important;
	}
	
	#views_switches.views_switches #activePasses.view_switch,
	#views_switches.views_switches #expiredPasses.view_switch{
		width: 120px !important;
		height: auto !important;
	}
	
	
	body#unifsearchresults .view_switch {
		padding-bottom: 5px !important;
	} 
	
	.view_switch a {
		line-height: 28px;	
		font-weight: bold;
	}
	
	.view_switch.selected {
		background-image:none;
		background-color: #f1efe2;
	}
	
	.unifSearchCriteria span.section_label {
		margin-top: 0 !important;
		margin-bottom: 8px;
	}
	
	.unifSearchRecreation {
		border-bottom-width: 0 !important;
		background-image: url("/images/2013/icon_search_orng@2x.png") !important;
		background-size: 22px;
		width: 100%;
	}
	
	div[id^='availability_section_'] label[for="lengthOfStay"],
	div[id^='availability_section_'] label[for="dayUseLengthOfStay"],
	div[id^='availability_section_'] label[for="dayPassLengthOfStay"],
	div[id^='availability_section_'] label[for="marinaLengthOfStay"] {
		clear: none;
		display: table-cell;
		margin-right: -10px;
	}
	
	div[id^='availability_section_'] label[for="lengthOfStay"] span,
	div[id^='availability_section_'] label[for="dayUseLengthOfStay"] span,
	div[id^='availability_section_'] label[for="dayPassLengthOfStay"] span,
	div[id^='availability_section_'] label[for="marinaLengthOfStay"] span {
		margin-top: 0px;
	}
	
	div[id^='availability_section_'] input#campingDate, 
	div[id^='availability_section_'] input#dayUseDate,
	div[id^='availability_section_'] input#dayPassDate,
	div[id^='availability_section_'] input#marinaDate
	{
		width: 140px !important;
		float: left;
    clear: left;
	}

	div[id^='availability_section_'] input#lengthOfStay,
	div[id^='availability_section_'] input#dayUseLengthOfStay,
	div[id^='availability_section_'] input#dayPassLengthOfStay,
	div[id^='availability_section_'] input#marinaLengthOfStay {
		margin: 5px 12px 10px 0;
	}
	
	.facility_view_header_near {
		padding: 7px 0 !important;
	}
	
	body#unifsearchhomepage div#locationCriteria_container {
		top: 121px !important;
		/*top: 88px !important;*/
		left: 0px !important;
		width:96%;
	}
	
	body#unifsearchsuggestions div#locationCriteria_container.composite_autocomplete {
		left:0 !important;
		top: 121px !important;
		width: 95.5% !important;
	}
	
	body#cgroundresultshomepage div#locationCriteria_container {
		/*top: 466px !important;*/
		left: 1px !important;
		width: 95% !important;
	} 
	
	body#unifsearchresults div#locationCriteria_container {
		/*top: 466px !important;*/
		left: 1px !important;
		width: 95.6% !important;
	}
	
	div[id^='availability_section_'] .label, 
	div.unifSearch #lengthOfStay, div.unifSearch #marinaLengthOfStay, 
	div.unifSearch #dayUseLengthOfStay, div.unifSearch #dayPassLengthOfStay {
		float: right;
	}
	
	div.unifSearch #lengthOfStay, div.unifSearch #dayUseLengthOfStay, div.unifSearch #dayPassLengthOfStay,
	div.unifSearch #marinaLengthOfStay,
	div.specific_attributes input[type="text"] {
		width: 50px !important;
	}
	body#csitedetailspage #lengthOfStay {
		width: auto !important;
	}
	
	body#unifsearchhomepage div.unifSearch,
	body#unifsearchsuggestions div.unifSearch {
		display:block;
		position:relative;
		width: auto;
		margin: 10px auto;
		padding: 0 6px;
	}
	
	body#unifsearchhomepage div.unifSearchHorizontal, body#cgroundresultshomepage div.unifSearchHorizontal {
	  display: block;
	  width: 100%;
	  top: 370px;
	}
	
	div.unifSearchHorizontal #btnDiv {
	  float: left !important;
	  margin-top: -16px;
	}
	#articlePage div.unifSearchHorizontal #btnDiv {
		margin-top: -3px;
	}
	div.unifSearchHorizontal #btnDiv button {
	  width: 35px !important;
	  height: 35px !important;
	}
	
	div.unifSearchHorizontal #locationCriteria {
	  font-size: 11pt !important;
	  width: 100% !important;
	}
	
	div.unifSearchHorizontal #loadingLocations {
	  display: none !important;
	}
	
	div.unifSearch .DivSelectyze {
		clear : both;
	}
	
	.DivSelectyze {
		width: 228px;
		margin: 5px 0 5px 0;
	}
	
	.css3 .selectyzeValue {
		width: 100%;
		background-size: 228px 25px;
		height: 19px;
		font-size: 9px;
		font-weight: bold;
	}
	
	.css3 .UlSelectize {
		width: 100%;
		top: 24px; /*site search form*/
	}
	
	.css3 li a {
		font-size: 9px;
		font-weight: bold;
		width:228px;
	}
	
	button#mobiShowSearchForm {
		margin: 3px 0 5px 0;
	}
	
	.cancellationInfoSectionTitleDiv {
		padding: 10px;
	}
	.cancellationInfoSectionInfoDiv {
		margin-left: 5px;
		padding-bottom: 10px;
		width: 90%;
	}
	
	.cmpsiteLbl {
		font-size: 14px !important;
		color: #7a6654;
		font-weight: bold;
		display: block;
	}
	
	div#mobiFilterDiv {
		clear: both;
		padding: 10px 0;
		width: 92% !important;
	}
	
	#csiteresultspage div#mobiFilterDiv {
		padding-bottom: 30px;
	}
	
	.calendarLegend {
		background-color: #f8f8f8;
		padding: 10px 0;
	}
	.calendarLegendLine {margin: 0;}
	body#csitedetailspage .calendarLegendLine > div {
		width: 20%;
		min-height: 52px;
	}
	body#csitedetailspage .calendarLegend {padding-bottom: 0;}
	.calendarLegend span {
		/*padding: 0 25%;*/
		height:auto;
		margin:0;
		font-size: 13px;
	}
	
	.calendarLegend .status {
		height: 17px;
		padding: 0;
		/*line-height: 99%;*/
		border:0;
		padding-bottom: 2px;
		padding-top: 2px
	}
	
	img#mobiCartImg {
		width: 22px;
	}
	
	#cartCanvas {
		top: 0;
		position: absolute;
		width: 44px;
		height: 35px
	}
	
	span#countdown {
		/*background: transparent url(/images/icon_clock.gif);*/
		padding: 0px 2px 0px 0px;
		color: #7a6654 !important;
/* 		float: right; */
		clear: both;
		/*margin-right: 10px;*/
		font-weight: bold;
		width: 40px;
		margin-top: -22px;
		background-image: none;
	}
	
	.enhancedTimerContainer span#countdown {color: #FFF !important;}
	
	a#mobiHeaderCartButton {
		margin-right: 21px;
		margin-top: 12px;
	}
	
	a#mobiHeaderCartButton, a#mobiHeaderSearchButton {
		float:left;
	}
	
	.tabs.sub div.lastslct a {
		color: #7a6654 !important;
	} 
	div#contract_notes, div#contract_notes div {
	/*div#contract_notes > div, div.campgroundBulletin {*/
		/*border-color: red !important;*/
		/*border-top-width: 0 !important;*/
		border-width: 0 !important;
		padding: 30px !important;
		margin: 0 !important;
	}
	
	div.campgroundBulletin, div.campgroundBulletin div {
		border-width: 0 !important;
		margin: 0 !important;
	}
	
	#subnav .firstslct,#subnav .slct, #subnav .lastslct {
		width: 19.2%;
		max-width: 25%;
		background-image:none;
		height: 32px;
		padding-bottom: 0;
	}
	#subnav .firstslct, #subnav .first {
		margin-left:3px;
	}
	#subnav .slct, #subnav .firstslct, #subnav .lastslct {
		background-image: none !important; background-color: #fff !important; border: 1px solid rgba(0,0,0,.24) !important; border-radius: 0px 0px 0px 0px; border-bottom: none !important; margin-right: 1px;
	}
	#subnav .tabs.sub .slct a, #subnav .tabs.sub .firstslct a, #subnav .tabs.sub .firstslct a:link, #subnav .tabs.sub .lastslct a,
	.component #subnav .tabs.sub .slct a, .component #subnav .tabs.sub .firstslct a, .component #subnav .tabs.sub .lastslct a,
	.component #subnav .tabs.sub .slct a:link, .component #subnav .tabs.sub .firstslct a:link, .component #subnav .tabs.sub .lastslct a:link {color: #000 !important; }
	
	p#hello_content {
		background-color: #fbebc2;
	}
	
	div.search_holder {
		padding:0 !important;
	}
	
	body#csiteresultspage #shoppingitems .br, 
	div.facility_view_card {
		border-bottom: 10px solid white;
	}
	
	.facility_view_header h2 {
		background-image: none !important;
		margin:0 !important;
		padding:0 !important;
	}
	#contenttable .detail li {
		width:auto !important;
		clear: left;
		font-size: inherit !important;
		margin: 0 0 10px 20px !important;
	}
	
	#mobi_logo, #mobi_logo_white {
		float:left;
		height:40px;
	}
	
	a#mobi_logo img {
		padding: 5px 0 0 5px;
		height: 45px;
		width: auto;
	}
	
	#mobi_header {
		width: 100%;
		background-image: url('/images/mobiHeadRepBck.png');
		height: 59px;
		background-repeat: repeat-x;
		background-size: 8px 59px;
		z-index: 400;
		position: relative;
	}
	
	a#mobiHeaderMenuButton {
		float:left;
	}
	
	#mobiHeaderRightContainer {
		float:right;
	}
	.favoritescontainer {float: right; padding-right: 10px; margin-top: 10px;}
	span#timerMinSpan {
		font-size: 14px;
		/*padding-left: 17px;*/
	}
	
	span#timerSecSpan {
		font-size: 14px;
		/*margin-left: -5px;*/
	}
	
	a#mobiHeaderMenuButton img {
		width:48px;
	}
	
	img#mobiHeaderSepImg {
		 width: 3px;
		 float: left; 
	}
	
	#csitecalendar .status a,
	.td2 ul.detail {
		padding:0 !important;
	}
	
	#footer_content {
		width:93% !important;
		padding: 20px 0 0 0;
		height: auto;
	}
	
	#footer_wrapper {
		height: auto;
	}
	
	#footer div {
		clear: both;
	}
	#footer_app {
	  width: 298px;
		height: auto;
	}
	#footer_social, #footer_outdoor, #footer_app {float: none;}
	#footer_content {overflow: visible;}
	table.items thead th, table.items thead th.calendar.firstday, table.items tfoot th.calendar.firstday, .items .th, .items .th.calendar.firstday {
		background-image: none !important;
		border-left-width: 0 !important;
	}
	table.items .updtrcol,
	#permitReservationPayment table.items tr th:first-child{
		width: 30%;
	}
	table.items .updtrcolcon,
	#permitReservationPayment table.items tr td:last-child{
		padding-left: 6px;
	}
	#calendar .td {
		padding-top: 3px;
	}
	#calendar .td.mbdel {padding: 22px 4px;}
	#csitecalendar .td.status.r, #csitecalendar .td.status.x, #csitecalendar .td.status.g, #csitecalendar .td.status.b, #csitecalendar .td.status {
    padding: 30px 4px;
	}
	table.items td.status, .items .td.status {
		border-top-width: 0 !important;
		height: auto !important;
	}
	
	table.items td.status a, .items .td.status a {
		height:auto !important;
		background-image: none !important;
		color: white !important;
	}
	
	table.items td.status.a, .items .td.status.a, table.items td.status.l, .items .td.status.l {
		background-image: none !important;
		color: white !important;
	}
	
	.td.status.w, .status.w, .td.status.p, .status.p {
		color: #786652 !important;
	}
	
	.td.status.l, .status.l {
		background-image: none !important;
		font-size: 12px !important;
		padding-top:0 !important;
		height:0 !important; 
	}
	
	.msiteLabel {
		border-bottom-width: 0 !important;
		text-align: left !important;
		padding: 10px 0 10px 0 !important;
	}
	#permitGridContainer .a1mv__icon-container{
		margin-top: 0px !important;
	}	
	#permitGridContainer .a1mv__icon-second-image{
		top: 20px !important;
		left: 4px !important;
	}
	th.calendar div.weekday, .th.calendar div.weekday {
		color: #7A6654 !important;
		font-weight: normal !important;
		font-size: 14px !important;
		padding-top: 6px;
	}
	
	#calendar th, #calendar th.sun, #calendar th.sat, #calendar .th, #calendar .th.sun, #calendar .th.sat {
		padding: 0 !important;
		border-bottom: 2px solid #c6c3b1 !important;
	}
	
	#calendar div.date {
		color: #7A6654 !important;
		font-weight: normal !important;
		font-size: 14px !important;
		padding-bottom: 6px;
	}
	
	td.msiteLabel div.loopName {
		float: left;
	}
	
	td.msiteLabel a {
		float: left;
		color: #003a86;
		font-weight: bold;
	}
	
	.mloopVal {
		font-family: var(--font_family_bold);
	}
	
	td div.loopName {
		font-size: inherit !important;
	}
	
	td.msiteLabel div.loopName {
		clear:both;
	}
	iframe#popupCalendar {
		left:0 !important;
	}
	
	div.sites, div.sitesunavail {
		padding: 10px !important;
		/*text-align: center !important;*/
	}
	
	table.items #sitelist div.sites, table.items #sitelist div.sitesunavail {
		border: none !important;
	}
	
	table.items #sitelist div.sitesunavail a {
		color: #BDA175 !important;
	}
	body#csitemappageol #cgroundName {
		font-size: 16px;
	}
 	body#csitemappageol .olbackarrow {
 		padding:5px;
 	}
	span.pagenav a.disabled, #shoppingitems tr.hdr {
		display:none !important;
	}
	
	.btn_mobi, .itineraryBtn.bottom button {
		height: 45px;
		color: white !important;
		border: 1px solid #f07d3a;
		border-radius: 4px 4px 4px 4px;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
		padding: 6px 6px;
		/*background-color: #f07d3a;
		background-image: url("/images/bgd_book_now.gif");*/
		background-repeat: repeat-x;
		background-color: #163154;
	}
	
	.itineraryBtn.top button {
		display:none !important;
	} 
	
	.itineraryBtn.bottom button {
	 	width:94%;
	 	margin-left:10px;
	 	margin-right:10px;
	 }
	
	.btn_mobi_action {
		border-color: transparent;
		background-color: transparent;
		background-image: url('/images/mobiSearchIcon.png');
		color: #003a86;
		height: auto;
		font-size: 14px;
		font-weight: bold;
		float: right;
		background-size: 16.5px 17px;
		background-repeat: no-repeat;
		padding: 0 0 0 21px;
	}
	
	form#unifSearchForm .btn_mobi_apply {
		
		top: -4px;
		width: 60% !important;
		margin-right: 10px;
	}
	
	form#unifSearchForm .btn_mobi_cancel {
		
		top: -4px;
		width: 30% !important;
		background-image: none;
		background-color: #a1a1a1 !important;
		border: 1px solid #a1a1a1 !important;
	}
	
	.btn_mobi_nav {
		width: 45% !important;
		margin: 2.5%;
		border-color: #163154;
		float: left;
	}
	
	.btn_mobi_nav_disabled {
		background-color: #a1a1a1;
		border: 1px solid #a1a1a1;
		background-image: none;		
	}
	
	.btn_mobi_beta {
		width: 100% !important;
		border-color: #163154;
	}
	
	.btn_mobi_anchor {
		padding: 10px 20% 10px 20%;
	}
	
	.unifSearchCriteria button {
		padding:0 !important;
		top: 0 !important;
	}
	
	img.mobiTableArrow {
		position: absolute;
		right:0;
		width: 16.5px;
		padding: 0 10px 0 0 !important;
	}
	
	p.siteDetAv {
		text-transform: uppercase;
		color: #63a548;
		margin: 5px 0 0 0;
	}
	
	.siteListMapText {
		color: 
		white;
		text-align: center;
		margin-top: -3px;
		margin-left: 1px;
		font-family: var(--font_family_bold);
		font-size: 10px;
	}
	
	table#shoppingitems {
		background-color: #f0f0f0;
	}
	
	body#csiteresultspage table.items tr.br td {
		border-width: 0;
	}
	
	p.siteDetNum {
		font-size: 18px;
		color:#003a86;
		margin: 5px 0 0 0;
		font-weight: bolder;
	}
	
	body#csiteresultspage table.items tr.br td a, 
	body#csiteresultspage table.items tr.br td a:hover, 
	body#csiteresultspage table.items tr.br td a:active {
		text-align: left;
		text-decoration: none;
	} 
	
	div.amenitiesicons {
		width:100% !important;
	}
	
	p.siteDetLbl {
		color: black;
		font-size: 16px;
		font-weight: bold;
		font-style: normal;
		margin: 5px 0 0 0;
	}
	span.siteDetVal {
		font-weight: normal;
		color: black;
		margin-left: 5px;
	}
	
	p.siteDetLbl img {
		margin:0;
	}
	
	div.matchSummary {
		color:green;
		color: green;
		font-size: 18px;
		margin-bottom: 10px;
	}
	
	/*#shoppingcart.expired {
		background-color: transparent;
	}*/
	
	div.bestbefore {
		margin:0;
	}
	
	.cartStatus #shoppingcart {
		display:none;
	}
	
	body#tourlistpage #campgLinks, body#tourparkdetailpage #campgLinks {
		float: left;
		margin-left:10px;
	}
	
	div.unifSearch, #permitsSearch, #recsearch, div.unifSearchHorizontal {
		position: absolute;
		top: 0;
		width: auto;
		display:none;
		z-index: 10000;
		padding: 0 9px;
		margin-top: 0;
	}
		body#permitStaticMap #currentImgContainer,
	body#permitStaticSTIMap #currentImgContainer,
	body#permitMap #currentImgContainer{
		width:103%;
	}
	
	body#permitStaticMap #viewmapStatic,
	body#permitStaticSTIMap #viewmapStatic,
	body#permitMap #viewmapStatic	{
		width: auto;
		height: auto;
	}
	div.permitPopUpDiv{
		max-width: 80vw !important;
	}
	#entranceSearchPage #modalPopLite-wrapper1 { 
		position: fixed;
    top: 50% !important;
    -ms-transform: translate(0%, -50%);
    -moz-transform:translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    max-height: 80vh;
    overflow: scroll;
	}
	td.entrPinMap, td.entrDetails,td.entrGo{
		vertical-align: middle !important;
		background-color: #e1e1e1;
	}
	
	td.entrPinMap,td.entrGo {
		width: 20px;
	}
	
	td.entrDetails{
		width: 100%;
	}
		
	td.entrDetails dt{
		margin: 3px;
		text-align: left; 
		font-weight: bold;
		float: left;
		clear: left;
		width: 100px !important;
		min-width: 86px;
	}
	
	td.entrDetails dd{
		float: left;
		text-align: left;
		margin: 3px;
		max-width: 50%;
	}
	
	td.entrDetails dd span.availbty{
		line-height: 26px;
		text-align: left;
		text-transform: uppercase;
		margin-bottom: 10px
	}
	
	a.enterDate{
		font-weight: bold;
		text-decoration: none;
		font-size: 14px;
		padding-top: 20px;
	}
	
	#articlePage div.unifSearchHorizontal {
		display: block;
		position: relative;
		padding: 0;
	}
	#articlePage #location_section {
		float: left;
	}
	#recsearch form, .unifSearch form {
		padding: 0 16px !important;
	}
	
	div#detailpagenavbar {
		border-width: 0 !important;
		background-color: transparent !important;
	}
	
	div.matchSummary, div.filters.site, div#detailpagenavbar div.slct {
		display: none;
	}
	
	form#bookcampsiteform {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		padding-bottom: 5px;
		padding-top: 5px;
		background-color: black;
		z-index: 21000;
	}	
	
	table.tabs td a:hover {
		border-bottom:none !important;
	}

	.tabs.sub div a, .tabs.sub div.first a, .tabs.sub div.last a {
		height: auto !important;
		line-height: 280%;
	}

	table.tabs td.slct, table.tabs td.firstslct, table.tabs td.lastslct {
		border-width: 0;
	}
	
	table.tabs td {
		background-image: none;
	}
	
	.tabs.sub div.firstslct a {
			color: white !important;
	}
	
	.tabs.sub div.nav_tab {
		background-color: #7a6654;
		border-width: 0;
		background-image: none;
		width: 19.4%;
		max-width: 25%;
		height: 32px !important;
		margin:0;
		border-right: 1px solid #fff;
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	.tabs.sub div.nav_tab.slct, .tabs.sub div.nav_tab.firstslct, .tabs.sub div.nav_tab.lastslct {
		background-color: #f1efe2;
		border-radius: 0;
	}
	.tabs.sub div a {
		color: black;
		font-weight: bold;
		font-size: 10px;
	}

	.tabs.sub div.last {
		/*width: 20.7%;*/
		width: 19%;
	}

	div#campgStatus {
		text-align: left;
	}

	#samplpics {
		margin:0;
		width:300%;
		position:relative;
		left:0;
	}
	
	#samplpics img {
		width: 120px;
		display: inline;
		margin: 5px 2px 0 5px;
	}

	#samplepicsSection {
		overflow:hidden;
	}
	.mobiCarouselLink img {width: 45%; height: auto; margin-left: 10px;}
	.mobiCarouselAnchorLink {margin: 10px;}

	#page[id] {
		display: block !important;
	}

	div#topMenuOptions {	
    	display: none;
	    position: relative;
	    left: 0; /*-50%*/
	    width: 50%;
	    float: left;
	    clear: none;
	    background-color: #1f3d67;
	    font-size: 12px;
	    overflow: hidden;
    }
    
    div#topMenuOptions a {
    	float: left;
	    clear: both;
	    border-color: #999999;
	    border-style: solid;
	    border-width: 0 2px 1px 2px;
	    min-width: 95%;
	    padding: 9px 0 9px 5px;
	    text-align: left;
	    color: white;
	    font-size:14px;
    }
    
    div#topMenuOptions a:first-child {
    	border-top-width: 1px;
    	border-bottom: 3px solid #fff;
    }
    
	#pageContainer{
		width:auto;
		background-image:none;
		padding:0 !important;
		min-height:100%;
		position:relative;
	}
	
	#page {
		width:auto !important;
		/*overflow:scroll !important;*/
		border: 0px solid white;
		padding:0 !important;
		display: inline;
	    left: 0;
	    position: relative;
	    /*top: -431px;*/
	    clear: none;
	    background-image: none;
	}
	.content a, #contentcol div p, policyinfo p  {
	   word-break: break-all;
	}
	.mobiDropDown, .content .tourCartSummary a {word-break: break-word;}

	div.mobiFilterContainer .filterCategory{
		cursor: pointer;
	}
	
	div.mobiFilterContainer .filterCategory .dim.toggle{
		display: block;
		font-size: 20px;
	}
	
	div.mobiFilterContainer .filterContent.collapsed{
		height: 0;
		display: none;
	}
	#tripStatemenmt{
		margin: 5px;
	}

	div#availGridC, div#availGridCtop, div#availGridCbtm {
		float: left;
		width: 100%;
		line-height: 40px;
		height: 40px;
		margin-top: 2px;
		overflow: hidden;
	}
	
	div#availGridC img, div#availGridCtop img, div#availGridCbtm img {
		padding: 0 !important;
	}

	div#availGridNavPrevWeek, div#availGridNavPrevWeektop, div#availGridNavPrevWeekbtm {
		float: left;
		width: 13%;
	}
	div#availGridNavPrevWeek a, div#availGridNavPrevWeektop a, div#availGridNavPrevWeekbtm a {margin-left: 10px;}
	div#availGridNavPrevWeek a:after, div#availGridNavPrevWeektop a:after, div#availGridNavPrevWeekbtm a:after {font-family: FontAwesome; content: "\f0d9"; font-size: 24px;}	
	
	div#availGridNavNextWeek, div#availGridNavNextWeektop, div#availGridNavNextWeekbtm {
		float: right;
		width: 13%;
		text-align: right;
	}
	div#availGridNavNextWeek a, div#availGridNavNextWeektop a, div#availGridNavNextWeekbtm a {margin-right: 13px; }
	div#availGridNavNextWeek a:after, div#availGridNavNextWeektop a:after, div#availGridNavNextWeekbtm a:after {font-family: FontAwesome; content: "\f0da"; font-size: 24px;}	
	div#availGridMonthTitle, div#availGridMonthTitletop, div#availGridMonthTitlebtm {
		float:left;
		width: 73%;
		text-align: center;
		color: #7a6654;
		font-weight: bold;
		font-size: 16px;
	}
	
	div#availGridNavNextWeek img, div#availGridNavPrevWeek img, div#availGridNavNextWeektop img, div#availGridNavPrevWeektop img, div#availGridNavNextWeekbtm img, div#availGridNavPrevWeekbtm img {
		width: 9.5px !important;
	}
	
	div#permitGridContainer div#availGridNavNextWeek img, div#permitGridContainer div#availGridNavPrevWeek img, 
	div#permitGridContainer div#availGridNavNextWeektop img, div#permitGridContainer div#availGridNavPrevWeektop img,
	div#permitGridContainer div#availGridNavNextWeekbtm img, div#permitGridContainer div#availGridNavPrevWeekbtm img {display: none;}

	table.items td.status, table.items thead th.calendar, table.items tfoot th.calendar {
		width: 14.2% !important;
	}
	#permitGridContainer table.items td.status, #permitGridContainer thead th.calendar {width: auto !important;}
	#permitAvailabilitySearchButton {margin-top: 4px !important;}
	#mobiCancelSearch {margin: 8px 0;}
	.ussSubSection.mobileCmpg {box-shadow: none;}
	.ussSubSection.mobileCmpg #campgroundsDiv span {color: #217C39; font-size: 16px; }
	
	#contentcol {
		float:none !important;
		padding-bottom: 0;
	}
	a.tabSectionLink {
		font-size: 12px;
		text-align: center;
		width: 100%;
		display: table;
		margin: 5px;
	}
	
	a.tabSectionLink span.caption {
		font-size: 12px;
		margin-right: 5px;
	}
	
	div#mobileLeftMenu {
		float:left; 
		margin-right: 4px; 
		margin-top: -4px;
	}

	div#mobileLeftMenuOpts {
		border: 1px solid black;
		position: absolute;
		left: -320px;
		background: #fff;
		box-shadow: 10px 10px 5px rgba(0,0,0,0.7);
		z-index: 1;
		max-width: 90%;
		margin-top: -37px;
	}
	
	div#mobi_menu_close_button_id {
		float: right;
		margin: -15px;
	}

	div#mobileLeftMenuOpts img {
		float:left;
	}
	div#mobileLeftMenuOpts a {
		float:left;
		clear:both;
		padding: 10px;
	}
	
	div#topmenu {
		float: left;
    	width: 40%;
	}
	
	div#topmenu img {
		float: left;
	    width: 99%;
    }
        
	div#activeBanner {
		display:none;
	}
	
	#mobi_nav2 img {
		display:none;
	}
	
	#mobi_nav2 {
		margin-top:36px;
		width: 100%;
	}	
	
    .mobinav2_o_top {
        border-top-color: silver;
        border-top-style: solid;
        border-top-width: 1px;
        width: 100%;
        float: left;
    }

    .mobinav2_o_bott {
    
        border-bottom-color: silver; 
        border-bottom-style: solid; 
        border-bottom-width: 1px;
        width: 100%;
        float: left;
		height: 33px;
    }
    
    .mobinav2_a {
        
        margin-top: 5px;
        display: block;
        height: 24px;
        padding-top: 4px;
    }
    
    .mbn2_left {
        text-align: left;
        float: left !important;
        margin-left: 5px;
    }

    .mbn2_right {    
        text-align: right;
        float: right;
        margin-right: 5px;
    }
	
	div#banner {
		width: 100%;
		margin: 0;
		height: auto;
	}
	
	a#activelogox {
		float:left;
		width: 60%;
	}
	
	a#activelogox img {
		width: 100%;
	}
	
	a#logo {
		left:0 !important;
		
	}
	
	a#clicker_open {
       display:none;
    }
/*	
	div.tabsbar span {
		padding:0;
		width:100%;
		color:black;
	}
	
*/

	div.tabsbar {
		margin-top: 0;
			
	}
		
	/*div.tabsbar a,*/ 
	a.mobiDropDownHeader {
		border: 1px solid #ccc;
		background: #eee;
		float: left;
		clear: none;
		margin: 0;
		text-align: center;
		font-size: 16px;
		padding: .6em 0px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		width: 100%;
		border-bottom-width: 0;
	}
/*	
	div.tabsbar a:last-child {
		border-bottom-width: 1px;
	}
	
	div.tabsbar #barlinks a {
		border-top-width: 0px;
		border-bottom-width: 1px;
	}
	
	#barlinks, #extracol {
		float:left !important;
	}
*/	
	#extracol {
		margin-left: 0 !important;
		padding: 0 !important;
		float:none !important;
	}
	
	#signinmsg a, #signupmsg a {
		padding-left: 0;
	}
	
	body {
		margin: 0;
		padding: 0;
		height: 100%;
	}
	
	#pagearea {
		min-height:100%;
		padding: 0 0 620px 0;
		margin: 0;
		width: 100%;
	}

	div.tabsbar {
		bottom: 0px;
		width:auto;
	}
/*	
	div.tabsbar span a {
		color:black !important;
	}
*/	
	#signupmsg a {
		background-image:none;
	}
	
	#signinmsg a {
		background-image:none;
	}
	
	#colbody1, body#guestcheckoutpage #colbody1, body#guestcheckoutpage #rightbody {
		width:100% !important;
		padding: 3px 0 3px 0 !important;
	}
	
	div[id^='socialplugins'] {
		display:none !important;
		/*overflow:hidden;
		height:auto !important;*/ 
	}
	
	#btn_book_now_id, #book_btn_wrapper {
		margin-bottom: 0;
	}
	
	#btn_book_now_id {
		margin-top:8px;
		margin-bottom:8px;
	}
	
	#book_btn_wrapper {
		padding: 10px 0 10px 0 !important;
		background-color: transparent !important;
	}
	
	body#cgrounddetailspage #book_btn_wrapper {
		padding: 0 !important;
	}
	
	div#detailpagenavbar, div#detailpagelinks {
		padding: 0;
	}
	
	#ugclinks a, div#detailpagenavbar a, #associatedlinks li {
		margin: 5px 0 5px 0 !important;
	}
	
	#ugclinks a, #associatedlinks {
		background-color: #f8f8f8;
		margin: 0 0 0 10px !important;
		width: 100%;
		float:left;
	}
	
	#associatedlinks ul {
		list-style-type:none;
		-webkit-padding-start: 0px;
		padding: 0 !important;
		clear: left;
		float: left;
	}
	
	#associatedlinks li {
		padding: 0 !important;
	}	
	
	table.tabs td a {
		margin: 0 !important;
		padding: 4%;
	} 
	
	.fbCommentContext .textwrapper, .fbFeedbackContent .textwrapper {
		padding: 0 !important;
	}
	
	div.campgroundBulletin, div.alertBulletin {
		float: left;
	}
	
	div.tabbedHeadDscPair {
		margin-left:0;
	}
	
	div.tabbedHeadDscPair span.tabbedHead {
		margin-left: 0;
	}
	
	div.tabbedHeadDscPair a {
		word-break:break-word;
	} 
	
	#banner #logo {
		/*float:right !important;*/
		/*height: inherit;*/
		background-size: auto 110% !important;
	}
	
	/*#pagearea {
		margin: 0 2px 0 2px;
	}*/	
	
	div.content.btn {
		padding: 0 0 0 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
	}
	
	.formpage div.r label {
		padding-left: 0px;
	}
	
	form input.m {
		width: 160px;
	}
	
	form input.s {
		width: 160px;
	}
	
	.contenthdr {
		text-indent: 0px;
	}
	ul.detail {
		padding: 4px 6px 4px 16px;
	}
	
	#shoppingcartpage #shoppingcart, #checkoutpage {
		margin: 0 0 0 0;
	}
	
	#shoppingcartpage #shoppingcart, 
	#checkoutpage #shoppingcart,
	#shoppingcartpage #shoppingcart #timerMinSpan,
	#shoppingcartpage #shoppingcart #timerSecSpan,
	#checkoutpage #shoppingcart #timerMinSpan,
	#checkoutpage #shoppingcart #timerSecSpan {
		background-color: rgb(236, 236, 106);
		font-size: 18px !important;
	}
	#shoppingcartpage .enhancedHeaderDiv #shoppingcart, 
	#checkoutpage .enhancedHeaderDiv #shoppingcart,
	#shoppingcartpage .enhancedHeaderDiv #shoppingcart #timerMinSpan,
	#shoppingcartpage .enhancedHeaderDiv #shoppingcart #timerSecSpan,
	#checkoutpage .enhancedHeaderDiv #shoppingcart #timerMinSpan,
	#checkoutpage .enhancedHeaderDiv #shoppingcart #timerSecSpan {
		background: none;
		font-size: 14px !important;
	}
	
	
	span#cartLink {
		margin-left: auto;
		padding-right: 0;
		color: #7a6654 !important;
	}
	
	div.ctr {
		width: auto;
	}
	
	#colsidebar, #colsidebar2 {
		width:auto;
	}
	/* Update Email */
	body#updateEmail #createnew td, .createnew .td { 
		display:block;
		border-width:0;
		padding-right:0;
		padding-left:0;
	}
	
	body#updateEmail #createnew td.r, .createnew div.r { 
		text-align:left;
		border-width:0;
		width:100%;
		text-indent: 5px;
	}

	body#updateEmail table#createnew {
		 border-width:0;
	}
	
	body#updateEmail table#createnew td div.left
	 
	{
		width:100%;
	}
	
	
	body#updateEmail table#createnew td div.left input {
		width:85%;
	}

	body#updateEmail form#memberUpdateEmailForm {
		 margin: 0 10px;
	}
	
	body#updateEmail #membershipbar {
		position: static;
		top: 125px;
		z-index: 3;
		width: auto;	
		float:left;
	}
	
	/*
	Update password
	*/
	
	body#memberSignIn #createnew td { 
		display:block;
		border-width:0;
		padding-right:0;
		padding-left:0;
	}
	
	body#memberSignIn #createnew td.r { 
		text-align:left;
		border-width:0;
		width:100%;
	}

	body#memberSignIn table#createnew {
		 border-width:0;
	}
	
	body#memberSignIn #membershipbar {
		position: static;
		top: 125px;
		z-index: 3;
		width: auto;	
		float:left;
	}


	body#memberSignIn table#createnew td div.left {
		width:100%;
	}
	
	
	bodymemberSignIn table#createnew td div.left input {
		width:85%;
	}

	body#memberSignIn form#memberUpdatePasswordForm {
		 margin: 0 10px;
	}
	
	
	/*
	update profile
	*/
		
	body#memberUpdateProfile #createnew td { 
		display:block;
		border-width:0;
		padding-right:0;
		padding-left:0;
	}
	

	
	
	body#memberUpdateProfile #createnew td.r { 
		text-align:left;
		border-width:0;
		width:100%;
	}

	body#memberUpdateProfile table#createnew {
		 border-width:0;
	}
	

	body#memberUpdateProfile  table#createnew #cphonetr {
		 display:none;
	}
	
	
	body#memberUpdateProfile  table#createnew #wphonetr {
		 display:none;
	}
	
	
	body#memberUpdateProfile   table#createnew #addMorePhLink {
		 display:block ;
	}
	
	body#memberUpdateProfile form.mainform {margin: 0;}
	body#memberUpdateProfile form.mainform #pagetitle {margin: 0 5px;}

	body#memberUpdateProfile  table#createnew .left2 {
		display:none;
    }
    
    body#memberResetPassword table#createnew td{
      display: block;
      width: 100% !important;
      text-align: left !important;
    }
    
    body#memberResetPassword div#pagetitle span.caption{
    	display: block;
    	margin: 10px 5px;
    }
	
	/*
	Reservation Details
	*/
	
	body#reservationDetail  td {
		display:block;
		border-width:0;
		padding-right:0;
		padding-left:0;
		width:100%
	}
	
	body#reservationDetail #contentArea h1, body#reservationDetail #shareReservationOnSP {
		margin: 0 5px !important;
	}
	
	body#reservationDetail #contentArea a.change {
		background-color: #F1EFE2;
		display: block;
		padding:4px;
		float:none;
	}
	
	body#reservationDetail #contentArea .component {
		display: block;
		clear: both;
		margin: 0 5px;
	}
	
	
	body#reservationDetail .contenthdr h3 {
		color: #64a547;
		padding-left: 5px;
	}
	
	
	body#reservationDetail #shareReservationOnSP {
		padding-left: 5px;
		font-size: 9pt;
	}
   
	/* PCR 3089w - S2*/
	
	/*UWP-1603*/
	body#orderdetailspage .equipLnk , body#orderdetailspage .petLnk , body#orderdetailspage .admLnk{
		padding-left:10px;
	}
	
	
	body#changeReservation #tdRmvLnk, body#orderdetailspagechange #tdRmvLnk ,
	body#orderdetailspage #tdRmvLnk 
	 {
		width:100% !important;
		display:block!important;
	}	
	
	body#changeReservation td.equipComb, body#orderdetailspagechange td.equipComb,
	body#orderdetailspage td.equipComb 
	{
		width:100% !important;
		display:block!important;
		border-width:0;
		/*padding-right:0;
		padding-left:10px;*/
		padding: 0px 0px;
	}
	
	body#changeReservation div.equipTypeLengthFieldV, body#changeReservation div.equipTypeDepthFieldV {
		width:100px !important;
		display:table-cell;
	}
	
	body#changeReservation td.equipDetTd{
		width:100% !important;
	}	
	
	td.equipTotalAlow2 {
		display:block;
		width:100% !important;
	}
	
	div.addOcc {
		width:100%;
	}
	
	
	/* PCR 3089w - E2*/
	
	body#reservationspage #resvMsg,
	body#phonePayments #resvMsg {
		padding-left: 10px;
	}	

	body#reservationspage #contentArea div.h3,
	body#phonePayments #contentArea div.h3 {
		padding-left: 10px;
	}	
	
	.component.padded{
	  padding: 0 6px;
	}
	
	#tourlistpage table.fullWidth td{
	  background-color: #F1EFE2;
	}
	.br div.td {border-top: 0;}
	#shoppingitems .br div.td {text-align: left;}
	body#reservationspage .rowElem:first-child .rightElem,
	body#permitReservationsLottery .rowElem:first-child .rightElem {
		padding-bottom: 15px;
	}
	#reservationspage .rowElem .rightElem a.selfcheckinsite {
        margin-left: 4px;
        display: inline-block;
    }

    #reservationspage .rowElem:last-child .rightElem {
    		padding-bottom: 5px;
    }

    #reservationspage .rowElem:last-child .rightElem a.book.now {
    	margin-left:4px;
    	margin-top: 3px;
        padding-top: 10px;
        height: 24px;
    	display: inline-block;
    }
	body#precheckinList .rowElem:nth-child(2) .rightElem,
	body#permitReservationsLottery .rowElem:nth-child(3) .rightElem {
		padding-bottom: 0;
	}
	
	body#reservationspage  table.items.reservationHistory tr.br td {
		border-top-width: 0;
		font-size: 12px;
		margin-top: 12px;
		padding: 4px 6px;
		text-align: center;
		vertical-align: middle;
		border-bottom: thin solid #b3b6b3;
	}
	.rowElem:last-child .leftElem {
		padding-bottom: 0;
	}
	
	.rowElem {
		width: 100%;
		background-color: #F1EFE2;
		display: flex;
	}
	body#reservationspage div.leftElem, div.rowElem div.leftElem{
		width: 25%!important;
		clear: left;
		text-align: right;
		padding: 10px 5px 5px 0;
	}
	body#reservationspage div.rightElem, div.rowElem div.rightElem {
		width: 70.50%!important;
		clear: right;
		text-align: left;
		padding: 5px 5px;
		margin: 5px; 
		background-color: #F8F8F8;
		font-size: 11px;
	}
	div.rowElem div.rightElem > div:not(div.cancelDiv):not(div.rapidChangeDiv) {
		overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 50%;
    transform: translateY(-50%);    
	}
	body#permitReservationsLottery div.leftElem {
		width: 28%!important; 
		float: left;
		clear: left;
		text-align: right;
		padding: 0 5px 5px 0;
	}
	body#permitReservationsLottery div.rightElem {
		width: 68%!important; 
		clear: right;
		text-align: left;
		float:left;
		background-color: #fff;
		padding-bottom: 10px;
		padding-left: 5px;
	}
	.loyaltySummary .td.past5years {padding: 5px;}
	body#reservationspage div.contentArea  {
		display: block;
		clear: both;
		padding-left: 10px;
	}
	#tourlistpage div.leftElem {
		width: 100%;
		text-align: left;
		margin-left: 10px;
		padding-bottom: 10px;
	}
	
    #tourlistpage .cmpsiteLbl {
    	display:none;
    }
	
	#tourlistpage div.rightElem {
		width: 100%;
		text-align: left;
		background-color: white;
		padding: 0 !important;
	}
	
	#tourlistpage div.rightElemContent{
		padding: 10px;
	}
	
	a.rmCls{
	  padding: 0 5px;
	}
	
	body#precheckinList div.leftElem {
		width: 22%;
		float: left;
		clear: left;
		text-align: right;
		background-color: #F1EFE2;
		font-size: 11px;
	}
	
	body#precheckinList div.rightElem {
		width: 70%;
		float:right;
		clear:right;
		text-align: left;
		padding-bottom: 10px;
		background-color: white;
		padding-left: 5px;
		font-size: 11px;
	}
	.wizardInfo {margin-top: 5px;}
	#campingLotteryOrderDetails .formpage td, #campingLotteryOrderDetails .formpage div, #campingLotteryOrderDetailsAddInfo .formpage td, #campingLotteryOrderDetailsAddInfo .formpage div {
		background-color: inherit;
	}
	#campingLotteryOrderDetails .formpage td.r, #campingLotteryOrderDetailsAddInfo .formpage td.r {background-color: #f1efe2;}
	#campingLotteryOrderDetails .formpage td.r-optional, #campingLotteryOrderDetailsAddInfo .formpage td.r-optional {background-color: #f8f8f8;}
	#campingLotteryOrderDetails input[type="text"], #campingLotteryOrderDetailsAddInfo input[type="text"] {width: 100%;}
	.simple .blue {width: 50%;}
	.component .h3 {padding-left: 5px;}
	body#precheckinList div.rowElem {
		float: left;
		width: 100%;
		clear: all;
	}
	
	body#changeReservation #contentArea h1,	body#orderdetailspagechange #contentArea h1 {
		margin: 0 0px !important;
	}
	
	body#memberUpdateProfile #contentArea h1 {
		margin: 0 0px !important;
	}
	
	body#changeReservation  td, body#orderdetailspagechange td{ 
		display:block;
		border-width:0;
		padding-right:0;
		padding-left:10px;
	}
	
	body#changeReservation #equipment td.r, body#orderdetailspagechange #equipment td.r {
		text-align: left;
		border-width: 0;
		width: auto !important;
	}
	
	body#changeReservation #occupants td.r, body#orderdetailspagechange #occupants td.r,
	body#changeReservation #promotioncode td.r, body#orderdetailspagechange #promotioncode td.r {
		text-align: left;
		border-width: 0;
		width: auto;
	}

	body#changeReservation div.left, body#orderdetailspagechange div.left {
		clear:both;
	}
	
	body#changeReservation #contentArea, body#orderdetailspagechange #contentArea {
		padding: 0 10px;
	}

	.bringvehiclerows button.removevehiclebtn {margin-bottom: 10px;}
	
	/*
	Marina Resv. details page
	*/
	
	body#marinaReservationDetails  td { 
		display:block;
		border-width:0;
		padding-right:0;
		width: 100%;
	}
	body#marinaReservationDetails  td.sectionhdr1 { 
		background-color: #C5E2FE;
		padding-top:10px;
		padding-bottom:10px;
		display:table-cell;
		width:70%;
	}
	body#marinaReservationDetails  .sectionhdr2 { 
		background-color: #C5E2FE;
		margin-right: 10px;
		width:30%;
	}
	
	body#marinaReservationDetails .td_width120 {
		width: initial;
		font-weight: normal;
		font-size: 12px !important;
		text-align:right !important;
	}
	
	body#marinaReservationDetails h1 {margin-left: 5px;}
	body#marinaReservationDetails .res_info {padding-left: 0; margin-left: 5px;}
	
	body#marinaReservationDetails .label_res_details {
		font-weight: bold;
		width: 50% !important;
		display: table-cell;
	}
	
	body#marinaReservationDetails .value_res_details {
		display: table-cell;
	}
	
	/*
	Precheckin page
	*/
	
	body#precheckinReservation  td { 
		display:block;
		border-width:0;
		padding-right:0;
		padding-left:10px;
		width: 100%;
	}
				
	body#precheckinReservation .formpage div.r {
		background-color: #f1efe2;
		text-align: left;
		width: 100%;
	}

	body#precheckinReservation table.parkInfo  td:first-child { 
		display:table-cell;
		border-width:0;
		padding-right:0;
		padding-left:0px;
		width: 30%;
	}
	
	body#precheckinReservation table.parkInfo h2 {
		color: #63A548;
		display: inline-block !important;
		font-family: var(--font_family_bold);
		font-size: 12px !important;
		margin: 0;
		padding: 2px 0 3px 5px;
	}
	
	body#precheckinReservation .td_inner_wrapper {padding: 0 5px;}
	body#precheckinReservation #contentArea {padding-left:0;}
	body#precheckinReservation table.formpage td.r {margin-left: -5px; text-align: left; margin-top: 5px;}
	body#precheckinReservation .readOnlyField.column {clear: both;}
	
	body#reservationDetail #sitedetails{
		width: 100%!important;
	}
	
	body#reservationDetail #contentArea a.change{
		float: right;
	}
	
	body#updateEmail  div#pagetitle h1,
	body#memberSignIn  div#pagetitle h1 {
		margin-left:0 !important;
	}
	
	body#precheckinList  div.component h3 {
		margin-left:10px !important;
	}
	
	
	body#precheckinList  div.pcheckdesc{
		margin:0 5px !important;
	}
	
	body#precheckinReservation table.precheckinActions td.precheckinButton , table.precheckinActions td#cancelpreid {
		display: table-cell;
		width: inherit;
	}
	

	body#precheckinReservation table.precheckinActions {
		width: initial;
	}
	
	
	body#csitedetailspage #AlternativeSites {
		width: 100%;
	}
	
	body#csitedetailspage #siteTransferComponent {
		padding-left: 10px;
	}
	
	body#csitedetailspage div.resvSummaryInfo {
		padding-left: 10px;
	}
	
	
	body#memberUpdateProfile #ext{
		width: 5em;
	}
	
	/* Cancel Reservation: */
	body#reservationPayment  #refundamtid, 
	body#reservationPayment  #paymmetid,
	body#reservationPayment  #refundmetid {
		background-image: none !important;
		border-right: 1px solid #FFFFFF;
		background-color: #e5e4d0;
		padding: 10px 10px 10px 10px;
		text-align: left;
		width:40%;
	}
	
	#shoppinglist .items td.feelines{
		width: auto !important;
	}
	
	body#reservationPayment table.items thead td,
	body#reservationConfirm table.items thead td {
		background-image: none !important;
		background-color: white;
		padding: 3px;
		text-align: left;
		padding-top: 10px;
		vertical-align: top;
		
	}
	
	body#reservationPayment table.items thead th,
	body#reservationConfirm table.items thead th {
		background-image: none !important;
		text-align: left;
		padding-top: 10px;
		vertical-align: top;
		width: 70px
	}
	body#reservationPayment table.formpage td.r {width: 70px; min-width: 70px;}
	body#reservationPayment #cardNumber {width: 100%;} 
	body#reservationPayment h3,
	body#reservationConfirm h3 {
		text-indent: 10px;
		margin-top: 0px;
		margin-bottom:0px;
	}
	
	body#reservationPayment table.voucher th, table.voucher td,
	body#reservationConfirm table.voucher th, table.voucher td {
		border-bottom:none;
	}
	body#reservationPayment #shoppinglist {margin: 0 5px;}
		
	/*Confirmation of cancellation for both campsite and marina*/
	body#reservationConfirm  #refundamtid, 
	body#reservationConfirm  #paymmetid,
	body#reservationConfirm  #refundmetid {
		background-image: none !important;
		border-right: 1px solid #FFFFFF;
		background-color: #e5e4d0;
		padding: 10px 10px 10px 10px;
		text-align: left;
		width:35%;
	}
	
	body#changeReservationPay table.formpage td.r, body#changeReservationPay form#checkoutCartForm select {min-width: auto;}
	body#changeReservation .updateResvButton a.book.now, 	body#orderdetailspagechange .updateResvButton a.book.now,
	body#changeReservation .continueshop, body#checkoutpage .all.chkout, body#orderdetailspagechange .continueshop,
	body#permitReservationPayment .all.chkout{
		width: 100%;
	}
	
	body#changeReservation form input.ml, body#orderdetailspagechange form input.ml {
		width: 20em;
	}

	.refundBorder {
		border-top-width: 10px;
		border-top-style: solid;
		border-color: white;	
	}
	
	div.resvSummaryInfo div span {
		width: 150px;
	}
	
	div.resvSummaryInfo div  {
		font-size: 10pt;
	}
	
	.giftCardTermsText {
		width: 90% !important;
	}
	div.giftCardBalanceValue {
    margin-right: 20px;
  }
  div.giftCardPurchaseAddress {
    margin-right: 10px;
  }
	.checkout_flow_location_bar {
		width: 100% !important;
		padding: 0 !important;
	}
	.checkout_flow_item_text {font-size: 11pt !important;}
	.checkout_flow_item {
	    background-image: url("/images/RA_mobi_bar_item_OFF.png") !important;
	    background-size:100% 44px !important;
	    width: 30% !important;
	    height: 44px !important;
	}
	
	body#confirmationpage .el1, body#confirmationpage .el2, body#confirmationpage .el3, body#confirmationpage .el4 {display: none;}
	
	.el1 {
		z-index: 5;
	}
	.el2 {
		z-index: 4;
	    margin-left: -6% !important;
	}
	.el3 {
		z-index: 3;
		width: 28% !important;
	    margin-left: -6% !important;
	}
	.el4 {
		background-image: url("/images/RA_mobi_bar_right_OFF.png") !important;
		z-index: 2;
	    width: 36% !important;
		margin-left: -14% !important;
	}
	
	.el4 span.checkout_flow_item_text, .el4_selected span.checkout_flow_item_text { margin-left: 30%;	}
	
	.el5 { display: none; background-image: none !important; width: 0% !important; }
	
	.el1_selected {
	    background-image: url("/images/RA_mobi_bar_item_ON.png") !important;
		z-index: 5;
	}
	.el2_selected {
	    background-image: url("/images/RA_mobi_bar_item_ON.png") !important;
	    margin-left: -6% !important;
		z-index: 4;
	}
	.el3_selected {
	    background-image: url("/images/RA_mobi_bar_item_ON.png") !important;
	    margin-left: -6% !important;
		width: 28% !important;
		z-index: 3;
	}
	.el4_selected {
	    background-image: url("/images/RA_mobi_bar_right_ON.png") !important;
	    margin-left: -14% !important;
		width: 36% !important;
		z-index: 2;
	}
	.el5_selected { display: none; background-image: none !important; width: 0% !important; }
	
	/* Campground Maps - OpenLayers */
	.olControlPanZoomBar, td#sitelist { 
 		display: none;
	}
	
	.stiSelectionsHeader, .stiDirectiveHeader {
		font-family: var(--font_family_sbold);
		margin-right: 10px;
		display: block;
		cursor: pointer;
	} 
	
	.stiSelectionsContent table.th {
		font-family: var(--font_family_sbold);
	}
	
	/*Permits*/
	#permitFacilityDetailsPage #contentArea, #interstitialPage,
	body#tourparkdetailpage #contentcol
	
	 {
		padding:10px;
		width:94% !important; 
	}
	
	#footLegend {
		padding:10px;
	}
		div#stiSelectionsContent{
		margin: 10px;
	}
	
	
	div#stiSelections {
		float: left;
		padding-top: 10px;
		display: block;
	}	
	
	div#stiSelectionsContent{
		margin: 10px;
	}
	
	.stiSelectionsHeader,
	.stiDirectiveHeader {
		margin-right: 10px;
		display: block;
		cursor: pointer;
	}
	
	#pullouts {
		display:none !important;
	}	

	.stiSelectionsHeader{
		color: green;
		font-weight: bold;
	}
	
	div#stiDirective.closed span.open,
	div#stiDirective.open span.closed{
		display: none;
		float: right;
	}	
	
	div#stiSelections .heading,	
	div#stiDirective .heading{
		margin: 0 10px 10px 10px;
		float: left;
	}
	
	div#stiSelections  span.daysInfo{
		display: block;
	}
	
	div#stiSelectionsContent th{
	 	padding-bottom: 10px;
	 		font-family: var(--font_family_sbold);
	}
	
	.stiSelectionsHeader,
	.stiDirectiveHeader {
		margin-right: 10px;
		display: block;
		cursor: pointer;
	}
	
	.stiSelectionsHeader{
		color: green;
		font-weight: bold;
	}
	
		div#permitGridContainer.myItinerary .heading.title{
		font-size: 14px;
		clear: left;
		margin-top: 10px;	
		color: black !important;
	}
	
	div#permitGridContainer.myItinerary .heading.availability,
	div#permitGridContainer.myItinerary .heading.title,	
	div#permitGridContainer .heading.myItinerary,
	div#permitGridContainer .itineraryBtn, 
	div#permitGridContainer #availGridC, div#permitGridContainer #availGridCtop, div#permitGridContainer #availGridCbtm,
	div#permitGridContainer #pagenavM{
		display: block !important;
	}	
	div.campgroundMapErrorContainer {width:auto;}	
	
	div#permitGridContainer #calendar {
		display: table !important;
	}		
	
	div#permitGridContainer .heading.availability,	
	div#permitGridContainer .heading.title,		
	div#permitGridContainer.myItinerary .heading.myItinerary,	
	div#permitGridContainer.myItinerary .calendarLegend,
	div#permitGridContainer.myItinerary .tripStatement,
	div#permitGridContainer.myItinerary .itineraryBtn, 
	div#permitGridContainer.myItinerary #availGridC, div#permitGridContainer.myItinerary #availGridCtop, div#permitGridContainer.myItinerary #availGridCbtm,
	div#permitGridContainer.myItinerary #calendar,	
	div#permitGridContainer.myItinerary #pagenavM{
		display: none !important;
	}
	
	div#permitGridContainer.myItinerary .stiSelectionsContent,
	div#stiDirective.open .stiDirectiveContent{
		display: block !important;
		float: left;
	}
		
	div#stiDirective.closed span.closed,
	div#stiDirective.open span.open{
		display: block;
		float: right;
	}
	
	
	div#permitGridContainer.myItinerary .stiSelectionsContent,
	div#stiDirective.closed .stiDirectiveContent{
		display: none;
	}	

	div#permitGridContainer.myItinerary .stiSelectionsContent,
	div#stiDirective.open .stiDirectiveContent{
		display: block !important;
		float: left;
	}
		
	div#stiDirective.closed span.closed,
	div#stiDirective.open span.open{
		display: block;
		float: right;
	}
	
	
	div#permitGridContainer.myItinerary .stiSelectionsContent,
	div#stiDirective.closed .stiDirectiveContent{
		display: none;
	}		
	
	div#stiDirective.closed span.open,
	div#stiDirective.open span.closed{
		display: none;
		float: right;
	}	
	
	div#stiSelections .heading,	
	div#stiDirective .heading{
		margin: 0 10px 10px 10px;
		float: left;
	}
	
	#emergencyContactTable thead, #altLeadrInfoTable thead {
		display:none;
	}
	
	#emergencyContactTable tbody td {
		display:block;
	}
	
	.lookingForPermitTypeDescription {
		padding-bottom:10px;
	}
	
	body#permitOrderDetails div.content.shop td {
		display:block;
	}
	body#permitOrderDetails div.content.shop td table.formSection{
		width: 100%;
	}
	body#permitOrderDetails div.content.shop td table.formSection tr{
		 border-bottom: 2px solid #fff;
    }
	body#permitOrderDetails table#altLeadrInfoTable .formSection td{
		display: block !important;
	}
	#permitOrderDetailsForm .formSection tr > *{
		border: none;
		display: table-cell;
	}	
	body#permitOrderDetails #altLeadrInfoTable td table.formSection{
		border-collapse: collapse !important;
    }	
	#stiTable #groupSizeDiv .formSection tbody tr td.personQty input {
		width: 30px !important;
		margin-left: 10px;
	}
	#permitOrderDetailsForm .inputwithrightlbl.floatl{
		float: none !important;
	}
	body#permitOrderDetails .formpage .formField{
		float: none !important;
		padding-top: 0;
		padding-bottom: 0;
	}
	body#permitOrderDetails .formpage .formSection .formField label{
		padding-left: 10px !important;
	}
	body#permitOrderDetails .formpage .formSection th:first-child{
		min-width: 16px;
	}
	body#permitOrderDetails .formpage .formSection td input[type=text]{
		width: 200px !important;
	}
	body#permitOrderDetails .formpage .formSection td input.xxs.quantity{
		width: 60px !important;
	}
	
	#permitOrderDetailsForm .formpage div.r_fixedwidth {
		width:100% !important;
		text-align:left !important;
		padding-left:10px !important;
		font-family: var(--font_family_sbold);
	}
	
	#permitOrderDetailsForm #stiTable{
		margin-bottom: 5px;
	}
	#stiTable td.orderItemContent table th{
		border: 1px solid white !important;
	}
	#stiTable th:first-child,
	#stiTable td:first-child,
	#stiTable tr.personTypeInfo td:last-child{
		width: 30% !important;
	}
	#stiTable th:last-child,
	#stiTable td:last-child,
	#stiTable tr.personTypeInfo th:first-child{
		width: 70% !important;
	}	
	#stiTable td.orderItemContent{
		padding: 5px 0;
		width: 80%;
	}
	#stiTable th{
		white-space: normal !important;
	}
	#stiTable #stiCol1, #permitOrderDetailsForm #stiTable td.stiColContent1 {width: 60% !important;}
	#stiTable #stiCol2, #permitOrderDetailsForm #stiTable td.stiColContent2 {width: 40% !important;}
	input[name=stiItemGroupSize]{ width: 50px;}
	#permitOrderDetailsForm .aggrDiv{
		margin-bottom: 20px;
	}
	#permitOrderDetailsForm .aggrDiv div{
		display: table-row;
	}
	#permitOrderDetailsForm .aggrDiv div > *{
		display: table-cell;
	}
	#permitOrderDetailsForm .width20p {width: 100%;}
	#permitOrderDetailsForm #alertsSection {margin-bottom: 0;}
	#permitOrderDetailsForm #aggrAcc {margin: 10px 5px 0 15px;}	

	#permitOrderDetailsForm .formpage div#vehLabelDiv {
        padding-left: 0px !important;
  }
	table div.noteText {
		font-weight:normal;
		padding: 10px;
	}
	#alertsSection {
		padding:10px;
	}
	
	table.tourPricing {
		width:100% !important;
	}

	table#tourAvailability {
		width:100% !important;
	}	
		
	table.tourPricing td.ticketType {
		width:50%;
	}
	
	table.tourPricing td.qtyTickets {
		width:15%;
	}
	
	table.tourPricing td.ticketQty {
		width:35%;
	}
	
	body#tourTimes .td_inner_wrapper .component {
		width:100% !important;
	}
	
	body#tourTimes .compactoptions .option {
		clear: both !important;
		padding: 0 !important;
	}
	body#tourTimes table.items thead td.formHeader, 
	table#tourPricing, table.tourPricing td, 
	table.tourPricing td.amount, 
	table.tourPricing td.total, 
	table.tourPricing td.ticketType {
		background-image: none;
		background-color: #f3f3f3 !important;
		border-width: 0 !important;
	}
	
	body#tourTimes td.groupPrice {
		padding-right: 18px;
	}
	
	body#tourTimes td.ticketQty {
		padding-right: 18px;
	}
	
	#tournamearea {
		width:100% !important;
	}
	
	#tournamearea #tourname {
		margin-bottom: 10px;
	}

	#tourTimes #otherlinks2 {
		clear:both;
	}
	
	#contributions td {
	  border-bottom-width: 0 !important;
	  width: 100% !important;
	  text-align: left;
	  display: block;
	  border-width: 0;
	  padding-right: 0;
	}
	
	#contributions td .form_field_wrapper{
		clear: both;
	}
	
	div.standout-button-leave-review {
	 width: auto;
	 padding: 0 20px;
	 margin-right: 10px;
	}
  #addRatingDiv {
   margin: 0 5px;
  }
  .ratingTitleDescr {
   padding: 0 4px;
  }
  #ratingFacilityViewDiv .eusCardImage {
    width: 33%;
  }
  #ratingFacilityViewDiv .eusCardImage img {
    width: 100%;
    height: 33%;   
  }
  .reviewTxtArea {
    height: 209px;
  }
  #ratingSuccessDiv {
    margin: 0 5px;
  }
  #ratingReviewOKStrDiv {
    margin-bottom: 10px;
  }
	table#reviewdetail td {
	  display: block;
	  border-width: 0;
	  padding-right: 0;
	  padding-left: 0;
	}
	#footer_outdoor {
	 margin: 20px 0;
	}
	.bringvehiclerows .remove_vehicle {
	  width: 100%;
    text-align: right;
	}
	.highDemandDiv {
		width: auto;
		margin-top: 10px;
		margin-bottom: 20px;
		background-color: #fbebc2;
		padding: 5px;
	}
/* NonClient Listing */	
	#prdcontainer #colsidebar { display:none; }
	#facilitydetailspage #pagearea {padding-top: 5px;}
	#facilitydetailspage .component {padding: 0 5px;}
	#facilitydetailspage #morephotos {text-align: right; line-height: 21px;}
	#facilitydetailspage .facility_view_header_near {display: block !important; text-indent: 0; margin-bottom: 10px;}
	#facilitydetailspage .facility_view_header_near div {margin: 5px;}
	#facilitydetailspage .search_results_list .facility_view_header_near { display: none !important; }
	#facilitydetailspage .facility_view_content, #facilitydetailspage .facility_view_card .check_avail_panel, #facilitydetailspage .summary_sites_list, #facilitydetailspage .summary_permits_list {display: block !important;}
	#facilitydetailspage a.favcta {width: 135px;}
	#facilitydetailspage div.check_avail_panel > a {margin-right: 10px;}
	#reservationspage .content, .otherReservations {padding: 5px;}
	
	#calendar .tr, #calendar .wh {display: flex;}
	#calendar .tr .td, #calendar .wh .th {flex: 1;}
	
	.offering.pills .pill {min-width: 90px;}
	#offeringsection.ml20 {margin-left: 0;}
	
	.map_view_switch {margin-right: 15px;}
	#groupsitesContainer div, #groupsites div, #groupsitescontent div,
	#stayeventsContainer div, #stayevents div, #stayeventscontent div {font-size: 14px;}
	#groupsitescontent .col2 {display: none;}
	#groupsitescontent .col1 {width: 60%; text-align: left;}
	#groupsitescontent .col3 {width: 40%;}
	.ctagrpbtn {float: none; text-align: center;}
	.calltoactionitem.facdetails.floatl, .calltoactionitem.last {float: none;}
	.calltoactionitem {margin: 0 0 20px;}
	#calltoaction {display: block;}
	.calltoactionitem.count2, .calltoactionitem.count3, .calltoactionitem.count4 {width: 100%;}
	
	#oficial_photos .blankimg {display: none;}
	#oficial_photos .PopBoxImageSmall.mb20, #photoscontent.mb20 {margin-bottom: 0;}
	.m_pl0 {padding-left: 0;}
	.m_float_none {float: none;}
	.m_mtop10 {margin-top: 10px;}
	
	.inCartDetails .newAddrSection .lastRow {margin-bottom: 0px;}
	.termconditionbody {
	  padding-left: 10px;
	  padding-right: 10px;
	}
	.ship_instr {padding: 5px 5px 0 10px;}
	#signupverifcodeform.width50p {width: auto;}
}
/**** MOBILE END ****/
@media (max-width: 767px) {	
	#onsalecgroundresultspage #pagetitle .caption {
   margin-left: 10px;
   margin-right: 10px;
   font-size: 12px;
	}	
	#filtersdiv .landmarkfilterdiv.left, #filtersdiv .textfilterdiv.left, #filtersdiv .regionfilterdiv.left {
	 float: none;
	 padding-left: 10px;
	}
	#filtersdiv .landmarkfilterdiv select, #filtersdiv .regionfilterdiv select {
	 width: 240px;
	}
	#filterscleardiv {
	 float: none;
	 text-align: center;
	}
	#filterscleardiv {
	 padding: 10px 0;
	}
	#srheaderdiv .namesection.left {
	  width: 50%;
	  padding-top: 5px;
	}	
	.categorysection {
	  width: 33%;
	}
	.onsaleFacilityCard .namesection.left {
	 width: 100%;
	 float: none;
	}
	.onsaleFacilityCard div[id^='namedistDiv'] {
	 padding-right: 10px;
	}
  .categorysection .check_avail_panel a.check_available, .categorysection .check_avail_panel a.check_available:hover {
    width: auto;
    margin: 0 5px;
  }
	.onsaleFacilityCard .categorysection h2, .onsaleFacilityCard .categorysection h5, .onsaleFacilityCard .categorysection a.check_available {font-size: 13px}
  
  .availStatusDiv {
    display: none;
  }
  .availStatusDiv-phone {
    display: block;
  }
  
  .rememberMeContainer {
    width: 90% !important;
    margin: 0 10px;
  }
  
  body.uwpLayout form#existing_cust input[type=checkbox]{
    width: auto !important;
    margin-left: 0 !important;
  }
  
  	.donationRefundLeftDiv, .donationRefundRightDiv {
		width: 100%;
	}
	.donateBtn {
		position: initial;
		margin-top: 10px;
	}
	#donateRefundcontent.sectioncontent {
		height: 610px;
	}
	
	.captionleft{
	    padding-left: 10px;
	    padding-right: 10px;
	}
	
	#resultViewToggle{
	    padding-left: 10px;
	}
	
	#passesList div {	
	    margin-left: 2px;
	    margin-right: 2px;
    }
  
    .listControl_hdr, .listControl_ftr, .noresults {
        margin-left: 9px;
        margin-right: 9px;
    }
	#avndetail #desc #descex {float: none; margin-bottom: 10px;}
	#avndetail #desc a {text-align: left;}
  #avndetail table.formpage td.r, #campingLotteryOrderDetails table.formpage td.r, #campingLotteryOrderDetailsAddInfo table.formpage td.r {width: 90px; min-width: 90px;}
  #avndetail .td_inner_wrapper {padding: 0 5px;}
  
  body#entranceDetailsPage .gridFormButton {padding-left: 5px; padding-top:  0px;}
	body#entranceDetailsPage div.hiddenoptions.hide {display: none;}
	body#entranceDetailsPage #permitBookButton {width: 100%;}
	#entranceAvailability td.permitAvailabilityTitle {padding-top:2px;width: 100%;}
	#entranceAvailability td {display: block;}
	#entranceAvailability .compactoptions .option {margin-left: 10px;}
	#entranceAvailability .compactoptions .hiddenoptions {display: block; clear:none;}
	body#entranceDetailsPage div.hiddenoptions div.option{font-weight: normal;}
	#entranceAvailability button.all.search {width: 100%;}
	
	/* Mobile header & menu redesign*/
	
    div#topMenuOptions.enhanced {
    	background-color: #fff; 
    	padding: 0px;
    	width: 75%;
    }
    div#topMenuOptions.enhanced a {color: #1D2939; font-size: 16px; line-height: 24px; border: none;}
	div#topMenuOptions.enhanced a:first-child, div#topMenuOptions.enhanced .enhancedMenuBottomDiv a {
		border: none;
		display: flex;
		padding: 8px 12px;
		align-items: center;
		gap: 8px;
	}
	div#topMenuOptions.enhanced #topNavMenuOptions {padding: 8px;}
	div#topMenuOptions.enhanced .enhancedSignInBtnMobile {
		display: flex;
		padding: 10px 18px;
		align-items: center;
		border-radius: 8px;
		border: 1px solid var(--primary_color_50, #E1EFC9);
		background: var(--primary_color_50, #E1EFC9);
	}
	div#topMenuOptions.enhanced .enhancedMobileMenuDiv {
		padding-bottom: 6px;
    	border-bottom: 1px solid var(--gray_color_300, #D0D5DD);
		background: var(--color_white, #FFF);
	}
	div#topMenuOptions.enhanced .enhancedMobileMenuDiv.signedout, div#topMenuOptions.enhanced .enhancedMenuBottomDiv {padding: 8px;}
	div#topMenuOptions.enhanced .enhancedMobileMenuDiv a {justify-content: center; padding: 0px;}
	div#topMenuOptions.enhanced .enhancedMobileMenuDiv .enhancedMobileAcctLinks {
		display: flow-root;
	    border-top: 1px solid var(--gray_color_300, #D0D5DD);
	    padding: 14px 8px 8px 8px;
	}
	div#topMenuOptions.enhanced .enhancedMobileMenuDiv .enhancedMobileAcctLinks a {justify-content: normal; padding: 8px 12px;}
	div#topMenuOptions.enhanced .enhancedMobileAcctName {min-height: 34px; padding: 8px;}
	div#topMenuOptions.enhanced .enhancedMobileNameDiv {margin: 9px 0px 9px 12px; font-size: 14px; font-weight: 600; line-height: 20px;     
		width: 70%;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    }
    div#topMenuOptions.enhanced .mobileNotifContainer {
    	display: flex;
		padding: 8px 0px;
		flex-direction: column;
		align-items: center;
		background: var(--gray_color_500, #667085);
    }
	div#topMenuOptions.enhanced .userDropdownIconContainer {
		width: 40px;
		height: 40px;
		background: var(--gray_color_600, #475467);
		color: var(--White, #FFF);
		font-size: 16px;
	}
	div#topMenuOptions.enhanced .userHeaderReminders {
		display: flex;
		padding: 4px 4px 4px 22px;
		align-items: center;
		gap: 8px;
		float: left;
		border-radius: 16px;
		background: var(--gray_color_50, #F9FAFB);
	}
	div#topMenuOptions.enhanced .userHeaderReminders .userHeaderRemindersText {color: var(--gray_color_700, #344054);}
	div#topMenuOptions.enhanced .userHeaderReminders div, div#topMenuOptions.enhanced .remindersBtnDiv a:visited, div#topMenuOptions.enhanced .remindersBtnDiv a:link {font-size: 14px;}
	div#topMenuOptions.enhanced .userHeaderReminders .remindersBtnContainer {
		float: right;
		display: flex;
		padding: 2px 6px 2px 8px;
		align-items: center;
		gap: 4px;
		border-radius: 16px;
		background: var(--gray_color_700, #344054);
	}
	div#topMenuOptions.enhanced .userHeaderReminders .remindersBtnContainer:hover {background: var(--gray-900, #101828);}
	div#topMenuOptions.enhanced .userHeaderReminders .remindersBtnDiv a {color: #fff;}
	div#topMenuOptions.enhanced .mobileCompareNo {
		display: flex;
		padding: 2px 10px;
		align-items: center;
		border-radius: 16px;
		background: var(--warning-50, #FFFAEB);
		mix-blend-mode: multiply;
		margin: 8px 12px 0px 0px;
		font-size: 14px;
		color: #B54708;
	}
	div#topMenuOptions.enhanced .enhancedMenuBottomDiv a {min-width: 70%; clear: none;}
	
	#mobiHeaderRightContainer {margin-right: 10px;}
	#mobiHeaderRightContainer .enhancedTimerContainer {margin-top: 14px; margin-left: 8px;}
	#mobiHeaderRightContainer .enhancedHeaderDiv #shoppingcartEnhance {margin-top: 4px;}
	.enhanced-header-mobi-lightBG, .enhanced-header-mobi-midBG { margin-top: 5px; } 
	.mobiFilterContainer .filterCategory div.dim {margin-right: 30px !important;}
	#newPermitUIFilterPopPopupTitle a {margin-right: 10px;}
	#newPermitUIFilterPopPopupContent .attributeField {width: 100% !important;}
}	

#passesList .all.search.prnt{
	margin: 0 !important;
}
    

@media only screen 
and (min-device-width : 767px) 
and (max-device-width : 1024px) {
	#onsalecgroundresultspage #pagearea {
	  min-height: 100%;
	  padding: 0 0 536px 0;
	  margin: 0;
	  width: 100%;
	}	
	#onsalecgroundresultspage #pagetitle h1 {
	 padding-left: 10px;
	} 
	#onsalecgroundresultspage #filtersdiv {
	  padding: 10px 10px 6px 10px;
	}
  #onsalecgroundresultspage #pagetitle .caption {
   margin-left: 10px;
   margin-right: 10px;
  } 
  .onsaleFacilityCard .namesection.left {
   width: 100%;
   float: none;
  }
  .onsaleFacilityCard div[id^='namedistDiv'] {
   float: left;
   padding-right: 10px;
/*    width:65%; */
  }
/*   .facilityphotodiv { */
/*    float: right; */
/*   } */
  .categorysection .check_avail_panel a.check_available, .categorysection .check_avail_panel a.check_available:hover {
    width: auto;
    margin: 0 5px;
  }
	.availStatusDiv {
    display: none;
  }
  .availStatusDiv-phone {
    display: block;
  }
}
/**** MOBILE END ****/

table div.noteText {
	font-weight:normal;
	padding:0.2em 0.1em;
}

div.contentpasshdr {
	background-color: rgb(22, 49, 84);
	color: rgb(255, 255, 255);
	padding: 10px;
}

div.hiddenText {
	margin-left: 15px;
	display: none;
	float: left;
	clear:both;
}

.showAttrText{
	margin-left: 15px;
	zoom: 100%;
}

.toggleArrow_Passes{
	display: inline-block;
	width: auto;
	background-image:url("/images/icon_arrow_down.png");
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 24px 0 0;
	cursor: pointer;
	/**color: #3399FF;*/
	color: rgb(0,0,255);
	text-decoration:underline;
}
	
#passesList div {
	margin-top:5px;
	margin-bottom:10px;	
}

div.attributesKit span.status{	
	color: #D11919;	
	font-weight:bold;
}

div.noresults{
	width: 100%;
	padding: 14px 14px 14px 0px;
	clear: left;
}

.checkout_flow_location_bar {
	padding: 10px 0 55px 3px;
}
.checkout_flow_item_text {
    font-size: 12pt;
	padding-top: 10px;
	color: #163154;
	display: inline-block;
}

.checkout_flow_item {
    background-image: url("/images/RA_bar_item_OFF.png");
    background-size:211px 37px;
    background-repeat: no-repeat;
    float: left;
    width: 211px;
    height: 37px;
	text-align: center;
	position: relative;
}

.el1 {
	z-index: 5;
}
.el2 {
	z-index: 4;
    margin-left: -20px;
}
.el3 {
	z-index: 3;
    margin-left: -20px;
}
.el4 {
	z-index: 2;
    margin-left: -20px;
}
.el5 {
    background-image: url("/images/RA_bar_right_OFF.png");
    margin-left: -30px;
	z-index: 1;
}

.el1_selected {
    background-image: url("/images/RA_bar_item_ON.png");
	z-index: 5;
}
.el2_selected {
    background-image: url("/images/RA_bar_item_ON.png");
    margin-left: -20px;
	z-index: 4;
}
.el3_selected {
    background-image: url("/images/RA_bar_item_ON.png");
    margin-left: -20px;
	z-index: 3;
}
.el4_selected {
    background-image: url("/images/RA_bar_item_ON.png");
    margin-left: -20px;
	z-index: 2;
}
.el5_selected {
    background-image: url("/images/RA_bar_right_ON.png");
	margin-left: -30px;
	z-index: 1;
}

/* PCR 3089w S3*/

#qtqadmtypeidid{
	width:100px !important;
	
}

.equipTypeLengthFieldV, .equipTypeDepthFieldV {
	width:86px !important;
	display:table-cell;
	
}
.equipMax, .equipMaxV{
	width:86px !important;	
}
.equipTypeLengthField, .equipTypeDepthField {
	display:none;
	width: 86px !important;	
}
.equipMax, .equipMaxV{
	font-size: 90%;
}
.equipTypeQtyField {
	display:none;
	width:85px !important;
}

.equipTypeQtyFieldV{
	display:table-cell;
	width:85px !important;
}


#equilenid  {
	width:60px !important;
	display:table-cell;
}

#equipdepthid, #equipqtyid {
	width:50px !important;
	display:table-cell;
}
#equipqtyidhid{
	background-color:#EBEBE4 !important;
	width:50px !important;
	display:table-cell;
	background-image:none;
}

#equipCells{
	padding-top:20px;
	width:70px;
}

.equipTypeRemoveLnk{
	width:20px;
	display:none;
}

#rmvLnkDiv{
	padding-right:10px;
	/*display:table-cell;*/
}

.equipTypeRemoveLnkV{
	display:table-cell;
	word-break: keep-all !important;
}

.equipMaxRange{
	padding-left:125px;
}

#qtypetsid, #qtyadmtypeid {
	width:60px;
}
	    
#tdRmvLnk {
	width:60px;
	padding: 5px 10px;
}

div.eInfo {
	margin-top: 0px;
}

div.eInfoText {
    float: left;
    padding-right: 5px;
    font-size: 10pt;
}
span.equipment_info{
	float: left;
	font-size: 16px;
}
td.equipComb {
	width:24%;
}

td.equipDetTd{
	width:78px;	
	padding: 3px !important;
}
td.equipDetTd.qty{
	width: 50px !important;
}

/*UWP-1603*/
body#orderdetailspage td.occFirstTd, body#orderdetailspage td.petFirstTd, body#orderdetailspage td.occFirstEquipTypeTd, 
body#changeReservation td.occFirstTd, body#changeReservation td.petFirstTd, body#changeReservation td.occFirstEquipTypeTd,
body#orderdetailspagechange td.occFirstTd, body#orderdetailspagechange td.petFirstTd, body#orderdetailspagechange td.occFirstEquipTypeTd

 {
	width:100px;
	padding-top:20px;
	border-bottom:none;
}	

/*UWP-1603*/
body#changeReservation td.r.occMainTd,
body#orderdetailspage td.r.occMainTd,
body#orderdetailspagechange td.r.occMainTd

 {
	padding-top:20px;
	width:25%;
}

table#tblStay{
	display:table-cell;
	height:50px;
	background-color: #F1EFE2;
    width: 140px;
    border-bottom: 3px solid #FFFFFF;
    padding: 5px 10px;
    margin-right: 1em;
    padding:10px;
    border-top: 3px solid #fff;
}

table#tblStay td#tblStayCell1 {
	text-align: right !important;
}

table#tblStay td#tblStayCell2 {
	text-align: right !important;
	width:40%
}

table#tblCalendarID{
	display:table-cell;
}

#divStay
{
	background-color: #F8F8F8;
}

body#orderdetailspage #calendar {
	display:table-cell;
	padding: 5px 10px 5px 10px;
}

body#orderdetailspage #inStayDatesID {
	margin-top:15px;
	margin-bottom:15px;
}

.admTypeQtyField , .petTypeQtyField{
	width:100px !important;
	display:none;
}

.admTypeQtyFieldV , .petTypeQtyFieldV{
	width:100px !important;
}

.admTypeQtyRemoveLnk , .petTypeQtyRemoveLnk, .vehTypeQtyRemoveLnk{
	display:none;
	text-align: right;
}

.admTypeQtyRemoveLnkV , .petTypeQtyRemoveLnkV{
	text-align: right;
}


.qtyAdmTypeTxBox, .qtyPetTypeTxBox {
	width:100px !important;
}

.qtyVehTypeTxBox{
	width:100px !important;
}


#poAdmissionTypeID, #admissionType_0, #petTypeID {
	width: 160px;
}


input.equipQTYHidden{
	background-color:#EBEBE4 !important;
	width:50px !important;
	display:table-cell;
	background-image:none;
}

/* PCR 3089w E3*/

#tripLocWrap div {
	padding: 5px 10px 5px 10px;
}

.startLabel {
	font-family: var(--font_family_sbold);
}

span.clearItineraryLink {
	margin-top:10px;
	margin-bottom:5px;
}

.siteDetailsComponent {
	display:  inline-table;
	width: 300px;
}

.btnaddtrip {
	float: none;
}
#divTripPlanID {
	float:  right;
	display:  block;
}

#divTripPlanID button{
	background-color: #152f52 !important;
	background-image: linear-gradient(to bottom, #152f52, #40516b);
	border: 1px solid #152f52;
}

#tripPlannerPage #divTripPlanID {
	float:  left !important;
}


div.moneyLabel.moneyEntranceLabel {
	float: left;
	text-align: left;
	font-size: 9pt;
	padding-left: 15px;
}

table.items td.idetails {
	width:27%;	
}	

div.smallerFont{
	font-size: 8pt;
}

.membershipalert {
	background-image: url(/images/2015/info-icon@1x_blue.png);
	background-repeat: no-repeat;
	color: #000;
	padding: 5px 5px 5px 25px;
}
div.replacePassAgreeDiv {
	background-color: #E3E3D5;
	padding: 10px;
	margin-top: 30px;
}


/* GIFT CARDS STYLES */

div.giftCardSectionTitle {
	margin-top: 15px;
	font-weight: bold;
}
div.giftCardSectionTitle span.giftCardSectionSubtitle {
	font-weight: normal;
}
div.giftCardPurchase, div.giftCardCustomerAddress, div.giftCardsAgreeDiv, div.giftCardBalance, div.giftCardReload {
	margin-top: 10px;
}
div.giftCardsAgreeDiv {
	margin-left: 20px;
}
div.giftCardAddessDiv {
	margin-left: 20px;
	margin-bottom: 10px;
	clear: both;
}
div.giftCardAmountInputDiv {
/* 	float: left; */
	clear: both;
	padding: 10px;
}
#giftCardAmountInput {
	margin-left: 10px;
}
div.giftCardAmountNotice, div.giftCardBalanceNotice, div.giftCardBalanceInputDiv, div.giftCardReloadNotice, div.giftCardReloadInputDiv  {
	padding-bottom: 10px;
}
div.giftCardTerms {
	margin-top: 5px;
	font-weight: normal;
	font-size: 10px;
  clear: both;
}
#GiftCardsKit_rootGroup_attrs label.rblabel {
	font-size: 20px !important;
	margin-top: 10px;
}
input.giftCardReloadNo, input.giftCardReloadPin, input.giftCardReloadAmount, input.giftCardReloadPromo, input.giftCardBalanceNo, input.giftCardBalancePin {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
input.giftCardBalancePin, input.giftCardReloadPin, input.giftCardReloadAmount {
	width: 80px;
}
#giftCards .attributeField label {
	margin: 0 0 4px 12px;
    float: left;
}
#giftCardsPurchaseButton{
	margin-top: 30px;
}
#giftCardsReloadButton{
	float: left;
	clear: both;
	margin-top: 30px;
}
div.giftCardInput {
	float: left;
	margin-right: 30px;
	margin: 20px 20px 0 0;
}
div.giftCardsErrorDiv {
	color: #c44601;
	font-weight: 600;
	margin-bottom: 10px;
}
div.giftCardBalanceValue, div.giftCardPurchaseAddress {
	margin-bottom: 10px;
	background-color: #F9ECC0;
	background-image: url("/images/bg_msg_notice.gif");
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
div.giftCardBalanceValue {
	padding: 10px 10px 10px 35px;
}
div.giftCardPurchaseAddress {
	padding: 10px 35px 10px 35px;
}
span.giftCardBalanceValueSpan, span.giftCardBalanceExpirySpan {
	font-weight: bold;
	color: green;
}
div.giftCardBalance h1, div.giftCardReload h1, div.giftCardPurchase h1 {
	font-size: 170% !important;
}
div.giftCardPurchaseSubtitle h2, div.giftCardPurchaseSubtitleAttributes h2 {
	font-size: 110% !important;
	font-weight: bold !important;
}
div.giftCardPurchaseSubtitle, div.giftCardPurchaseSubtitleAttributes {
	float: left;
	padding-top: 10px;
}
div.giftCardInput label {
	font-weight: bold !important;
}
td.giftCardSummaryRow {
	text-align: left !important;
}
.giftCardTermsText
{
	width: 400px;
	height: 200px;
	padding-bottom:10px;
	font-size:  10pt;
	margin-top: 10px;
	margin-left: 12px;
	resize: none;
	overflow: auto;
}

.agreementLabel {
    font-size: 20px;
    margin-bottom: 5px;
}

.groupSeparator {
    border-top: 1px solid;
    margin-bottom: 10px;
}

.agreementTermsText {
    height: 200px;
    padding: 5px;
    font-size: 14px;
    overflow: auto;
    border: 1px solid;
    margin-bottom: 10px;
}

div.dynamicGrpLabel {
  float: left;
  clear: none;
  margin-left: 12px;
  padding-right: 20px;
}


#GiftCardsKit_rootGroup_attrs div.attributeField input.TextBoxRenderer, #GiftCardsKit_rootGroup_attrs div.attributeField select.DropdownRenderer {
  width: 180px;
  margin-right: 12px;
  margin-left: 12px;
}
#GiftCardsKit_rootGroup_attrs div.attributeField input.TextBoxRenderer.l {
  width: 250px;
}
#GiftCardsKit_dollarAmountGrp_attrs div.error_item {
  margin-top: 10px;
}


#GiftCardsKit_purchaseSubGroup_attrs div.attrs {
  width: 100%;
  clear: both;
  float: left;    
}

#GiftCardsKit_purchaseSubGroup_attrs .groupcard.VIEW{
  margin: 10px 0;
  width: 100%;
}


#GiftCardsKit_purchaseSubGroup_attrs div.group {
  clear: both;
}
#GiftCardsKit_purchaseSubGroup_attrs div.group div.sgrps {
  margin-bottom: 15px;
}
#GiftCardsKit_purchaseSubGroup_attrs span.requiredMarker {
	color:red;
}

.AssociatingWithGifingGiftCardOrCardDesign div.giftCardPurchaseSubtitle, .AssociatingWithGifingGiftCardOrCardDesign div.giftCardPurchaseSubtitleAttributes{
	float: none;
}
.AssociatingWithGifingGiftCardOrCardDesign .shiptoRecipientDiv .reciepientInfoDiv .giftCardPurchaseSubtitle, .AssociatingWithGifingGiftCardOrCardDesign .selectCardDesignDiv .giftCardPurchaseSubtitle{
	margin-bottom: 10px;
}
.AssociatingWithGifingGiftCardOrCardDesign .selectGiftingDiv label, .AssociatingWithGifingGiftCardOrCardDesign .shiptoRecipientDiv label {
    margin-right: 30px;
}
.AssociatingWithGifingGiftCardOrCardDesign .everyCardDesign {
    float: left;
    margin-right: 55px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.AssociatingWithGifingGiftCardOrCardDesign .cardDesignRow > div:nth-child(odd) {
    clear: both;
}
.AssociatingWithGifingGiftCardOrCardDesign .giftCardsDynamicAttrs > div {
    clear: both;
}
.AssociatingWithGifingGiftCardOrCardDesign input[type="radio"], .AssociatingWithGifingGiftCardOrCardDesign .selectGiftingDiv .reciepientInfoDiv , .AssociatingWithGifingGiftCardOrCardDesign .shiptoRecipientDiv input[type="radio"], .AssociatingWithGifingGiftCardOrCardDesign .cardDesignRow {
	margin-left: 10px;
}
.AssociatingWithGifingGiftCardOrCardDesign .selectGiftingDiv .reciepientInfoDiv{
	margin-top: 20px;
}
.AssociatingWithGifingGiftCardOrCardDesign .selectGiftingDiv input[type="radio"], .AssociatingWithGifingGiftCardOrCardDesign .shiptoRecipientDiv input[type="radio"]{
	margin-top: 15px;
}
.AssociatingWithGifingGiftCardOrCardDesign .difAddrDiv select{
	 margin-right: 12px;
}  
.AssociatingWithGifingGiftCardOrCardDesign .shiptoRecipientDiv {
	margin-top: 20px;
}
.AssociatingWithGifingGiftCardOrCardDesign div.pnimgcontent {
    margin-top: 5px;
}
.AssociatingWithGifingGiftCardOrCardDesign .shiptoRecipientDiv {
    margin-top: 25px;
}
.AssociatingWithGifingGiftCardOrCardDesign #phonenumber_container{
	clear: both;
}
.AssociatingWithGifingGiftCardOrCardDesign div#shipaddresserrorinsection {
    margin-top: 20px;
}
.AssociatingWithGifingGiftCardOrCardDesign .selectGiftingDiv .giftCardPurchaseAddress {
    margin-top: 10px;
}
.items td.text div.giftCardDetails, .items td.text div.giftCardDetails div {
    padding: 0px !important;
}
.items td.text div.giftCardDetails div.cardDesign {
    margin-top: 10px;
}
.items td.text div.giftCardDetails .recipientInfoDiv > span {
    margin-top: 10px;
    display: block;
    margin-bottom: 5px;
}
.items td.text div.giftCardDetails .recipientInfoDiv span.addressSingleSectionSpan span.shippingtolbl {
    display: block;
    margin-bottom: 10px;
}
.items td.text div.giftCardDetails .cardDesign .designName{
	padding-bottom: 2px;
    display: block;
}
.items td.text div.giftCardDetails .cardDesign .pnimgcontent img {
    width: 120px;
    height: auto;
}
.items td.text div.giftCardDetails .standout-button {
    margin-top: 10px;
    margin-bottom: 10px;
}
.hiddenx{
	display: none;
}
.giftCardShipping .posProductDetailsAddress {
    margin-top: 10px;
    margin-bottom: 15px;
}
#recipientinfoerrorinsection.errors {
    margin-top: 20px;
}
.giftCardProductBtnDiv #btncancelchange {
    width: 200px;
    color: #163154;
    background-color: #FFF;
    background-image: linear-gradient(to bottom, #FFF, #FFF);
    border: 1px solid #163154;
}
.giftCardProductBtnDiv #btncancelchange:hover {
    color: #fff;
}
/* END GIFT CARDS STYLES */

div.facilitySwitchBar {
  font-size: 14px;
/*   float: left; */
/*   clear: both; */
  width: 100%;
}
div.facilitySwitchBarCurrent {
  font-weight: bold;
  color: #FFA500;
/*   float: left; */
/*   clear: both; */
  font-size: 16px;
}
/* div.facilitySwitchBarDiv { */
/*  	float: left; */
/* 	clear: both; */
/* } */
div.facilitySwitchBarDiv span.facilitySwitchBarSpan {
/*   float: left; */
  margin-top: 10px;
}
#campnamearea1 {margin-bottom:  10px;}
#interstitialPage {
	margin-left: auto;
    margin-right: auto;
    width: 50%;
}
table#calendar td.stiPermitRow{
	display: inline-flex;
	text-align: left;
}
#permitGridContainer table#calendar td.stiPermitRow > *{
	padding: 2px;
}
#permitGridContainer table#calendar td.msiteLabel a > *{
	margin: -16px 3px 0 3px;
}
#permitGridContainer .a1mv__icon-container{
	position: relative;
	margin-top: 7px;
}
#permitGridContainer .a1mv__legend-icon_general_custom1{
	filter: invert(36%) sepia(15%) saturate(4764%) hue-rotate(339deg) brightness(97%) contrast(82%);	
}
#permitGridContainer .a1mv__icon-first-image{
    margin-top: -20px;
    width: 32px;
    height: 60px
}
#permitGridContainer .a1mv__icon-second-image {
	margin-top: -8px;
    width: 25px;
    left:6px;
    top: 10px;
    position: absolute;
}
.stiDirectiveHeader, .stiSelections{
	display: none;
}
.locationEquipmentListDetails0 {
	font-weight:bold;
	font-size:16px;
	padding-top:10px;
	padding-bottom:15px;
	background-color:#FF9;
	text-align: center;
}
.locationEquipmentListDetails0 a, .locationEquipmentListDetails0 a:link, .locationEquipmentListDetails0 a:visited {text-decoration: underline;}
div.itineraryBtn {
	padding-top: 10px;
	padding-bottom: 10px;
}

#lastEvent {
	display: none;
}

/****************************************SL CHANGES*******************************************/

.insetMap {
	margin-bottom:20px;	
	background-color: #e7e7e7;
}

.insetMap span {
	color:#002863;
}

#permitsSearch  {
	width: 268px;
	height: auto;
	background-color: #e7e7e7;
	float: left;
	padding: 16px;
	border-radius: 8px 8px 8px 8px;
	left: 0px;
	margin-bottom:20px;
}

#startdatediv br,
#entranceDiv br,
#typeDiv br,
#groupSizeDivId br,
#lengthOfStayDivId br
{
	display:none;
}

#startdatediv #entranceDiv, #typeDiv, #startdatediv {padding-top:5px;}
#lengthOfStayDivId, #groupSizeDivId {padding-top: 0;}

#rbDiv label {
	float:left;
	margin-top:0;
}

#permitsSearch h2, #permitsSearch .h2 {
	color:#002863;
	font-size: 26px;
	display:block;
	background-image: url("/brands/pa/images/icon_search.png");
	background-position: 0% 50%;
	background-repeat: no-repeat;
	padding-left:24px;
}

#permitsSearch label, #permitsSearch div.label {
	font-family: var(--font_family_sbold);
	font-size:16px;
	color:#7A6654;
	font-weight:normal !important;
	margin-top:5px;
	margin-bottom:2px;
}
#permitsSearch .permit-attributes{
	margin: 10px 0 20px 0;
}
#permitsSearch .permit-attributes label{
	margin-top: 0 !important;
}
#permitsSearch label[id$='_label']{
    display: block;
    padding: 4px 0;	
}

.uploadIcon:before{
    content:"\f0ee";
}

.uploadTitle{
    margin-top:15px;
    display:flex;
}

.upload-header-container{
        margin-top:15px;
        margin-bottom:3px;
        display:flex;
}
.upload-preview-container{
}

.upload-preview-image{
    width:24px;
    height:24px;
    border-radius: 50%;
    margin-left:5px
}

.upload-header-container label{
    margin-top:5px
}



#entryExitDiv input[type="radio"] {margin-top: 12px;}
#permitsSearch .unifSearchCriteria input[type=text] {
	margin-right: 0;
	width: 263px;
}

/*
	todo, should just share the common css rules
*/

.acknoledgeButton {
	font-size: 16px;
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	padding: 4px 12px;
	margin: 8px 0;
	width: 265px;
	height: 44px;
	vertical-align: middle;
}

.all.search
{
	font-size: 16px;
	border-radius: 6px 6px 6px 6px;
	text-align: center;
	padding: 5px 5px;
	margin: 8px 0;
	width: 265px;
	height: 44px;
	vertical-align: middle;
	color: #fff;
	background-color: #FE8223;
	background: url(/images/2013/linear_bg.png);
	background-repeat: repeat-x;
	border: 1px solid #E2971F;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eba843), to(#e58d08));
	background: -webkit-linear-gradient(top, #eba843, #e58d08);
	background: -moz-linear-gradient(top, #eba843, #e58d08);
	background: -ms-linear-gradient(top, #eba843, #e58d08);
	background: -o-linear-gradient(top, #eba843, #e58d08);
}

.acknoledgeButton {
	width:100%;	
}

/*FORM PAGE */
div.content.shop .formpage {
	margin-top: 0;
}

#permitOrderDetailsForm .formpage {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 3px solid #fff;
}

#permitOrderDetailsForm  .formpage div.intable {
	width: 30em;
}

#permitOrderDetailsForm .formpage div.labeled{
	clear: none;
	color: #666666;
	float: left;
}

#permitOrderDetailsForm  .formpage div.msg {
	margin: .5em 0;
}

#permitOrderDetailsForm .formpage input.radio {
	margin-top: 5px;
}

#permitOrderDetailsForm .formpage div {
	border-bottom: 1px solid #c5cfc6;
	padding: .2em .5em;
}
#permitOrderDetailsForm .formpage div.msg.error {padding-left: 30px;}

#permitOrderDetailsForm .formpage div.wide {
	width: 100%;
}

#permitOrderDetailsForm .formpage div.btm {
	vertical-align: top;
}

#permitOrderDetailsForm .formpage div.td.error {
	border: none;
	padding: 0;
}

#permitOrderDetailsForm .formpage div, .formpage div.full {
	border-bottom: 0;
	padding: 3px 10px 10px 10px;
}
#permitOrderDetailsForm .formpage div.formFieldLabel {padding: 10px 0 0 0;}
#permitOrderDetailsForm .formpage div.inputwithrightlbl div {padding: 0;}

#permitOrderDetailsForm .formpage div.r {
	background-color: #e7e7e7;
	text-align: right;
	width: 140px;

}

#permitOrderDetailsForm .formpage div.r.last {
	border-bottom: none;
}

#permitOrderDetailsForm .formpage div.r_fixedwidth {
  background-color: #e7e7e7;
  text-align: right;
  width: 100px;
  vertical-align: top;
}


#permitOrderDetailsForm .formpage div.r-optional {
	background-color: #DFE5DF;
	text-align: right;
	width: 26%;
}

#permitOrderDetailsForm .formpage div.r.last {
	border-bottom: none;
}

#permitOrderDetailsForm .formpage table.formSection td input {
	margin-bottom:0em;
}

#permitOrderDetailsForm .headerLinks	{
	float:right;
	margin: 0 6px 6px 0;
}

#permitOrderDetailsForm .formSection tr > *{
	border: none;
	display: table-cell;
}
#permitOrderDetailsForm #groupSizeDiv .formSection tbody tr > *{
	border-bottom: 1px solid white !important;
}
#permitOrderDetailsForm .formSection th {
	background-color:#e7e7e7;
	vertical-align:middle;
	padding-left:4px;
	border-left:2px solid #ffffff;
}

#permitOrderDetailsForm .formpage table.formSection thead th {
	background-color:#DFE5DF;
	padding:4px;
	padding-left:10px;
}


#permitOrderDetailsForm #stiTable td.stiColContent1 {
	text-align: left;
	vertical-align: middle;
	padding-left:10px;
	background-color: #FAFAEE;
	border-bottom:3px solid white;
    border-color:white;
}

#permitOrderDetailsForm #stiTable td.stiColContent2 {
	text-align: left;
	vertical-align: middle;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #FAFAEE;
	border-bottom:3px solid white;
    border-color:white;
}

#permitOrderDetailsForm #stiTable td.stiColContent3 {
	vertical-align: middle;
	background-color: #FAFAEE;
	border-bottom:3px solid white;
    border-color:white;
}

#permitOrderDetailsForm #stiTable #formSection td {
	border-bottom: none;
}

#permitOrderDetailsForm #stiTable thead th {    /* column headers */
	color:#FFFFFF; 
	background-color:#7F99B2; 
	padding:0.1em 0.5em; 
	font-weight:bold; 
}

#permitOrderDetailsForm #stiTable th {   /* row headers */
	white-space:nowrap; 
	padding:4px;
	padding-left:10px;
	background-color:#DFE5DF; 
	border-bottom:none;
	font-weight:bold;
}

#permitOrderDetailsForm #stiTable td {
	padding:0.1em 0.5em; 
	border-bottom:none;
}

#permitOrderDetailsForm #stiTable tbody tr th {
	text-align:left;
	width: 230px;	
}

#permitOrderDetailsForm #stiTable tr.totals {
	white-space:nowrap; 
	border-bottom:none;
	padding:0.1em 0em; 
}

#permitOrderDetailsForm #stiTable td input {
	margin-bottom:0em;
}

#permitOrderDetailsForm #stiTable td.orderItemContent {
	text-align: right;
}

#permitOrderDetailsForm #commentAreaID,
#updatePermitReservationForm #commentAreaID{
	width:100%;
}

#permitOrderDetailsForm .formpage div#vehLabelDiv {
    padding-left: 0px;
}

#permitOrderDetailsForm .formpage div#vehLabelDiv,
#updatePermitReservationForm .formpage div#vehLabelDiv {
    text-align: left;
    background-color: #F8F8F8;
}

#permitOrderDetailsForm #vehicleInfoErrDiv.msg.error,
#permitOrderDetailsForm div[id^="vehicle_section_"] .msg.error {
    padding-top: 5px;
    padding-bottom: 7px;
}

#permitOrderDetailsForm .formpage div.inputwithrightlbl div[id^="formfieldleft_rental_"],
#permitOrderDetailsForm .formpage div.inputwithrightlbl div[id^="formfieldleft_remove_"],
#updatePermitReservationForm .formpage div.inputwithrightlbl div[id^="formfieldleft_rental_"],
#updatePermitReservationForm .formpage div.inputwithrightlbl div[id^="formfieldleft_remove_"] {
    padding-top: 25px;
    padding-left: 15px;
}

#permitOrderDetailsForm [id^="formfieldleft_remove_"] .fa-times-circle-o:before,
#updatePermitReservationForm [id^="formfieldleft_remove_"] .fa-times-circle-o:before {
    color: var(--color_grey);
}

#permitOrderDetailsForm .formpage #add_vehicle,
#updatePermitReservationForm .formpage #add_vehicle {
    text-align: left;
}

#permitOrderDetailsForm .formpage #add_vehicle.btn button,
#updatePermitReservationForm .formpage #add_vehicle.btn button {
    width: 135px;
}

#updatePermitReservationForm div[id^="vehicle_section_"] {
    border-bottom: none;
}

/****************************************SL CHANGES*******************************************/


div.permitPopUpDiv{
	padding: 20px 20px 20px 20px;
	max-width: 600px;
}

div.popupTitle{
 	float: left;
	font-size: 16px;
	font-weight: bold;
 	margin: 10px 10px 10px 0;
}

div.popupDescription{
 	float: left;
 	clear: left;
	padding-bottom: 10px;
}
div.popupZone, div.popupType{
 	float: left;
 	clear: left;
}
#permitDetailsSCPage div.popupZone, #permitDetailsSCPage div.popupType {margin-bottom: 20px;}
#permitDetailsSCPage div.popupTitle {margin-bottom: 15px;}
#permitDetailsSCPage div.popupDescription {float: none; min-width: 350px;}
@media (max-width: 767px) {
	#permitDetailsSCPage div.popupDescription {min-width: auto;}
}
div.popupAttributes{
 	float: left;
 	clear: left;
 	margin-bottom: 20px;
}
#permitDetailsSCPage div.popupAttributes {
	border-top: 1px solid #B3B3B3;
	padding-top: 20px;
	width: 100%;
	font-size: 14px;
}
#permitDetailsSCPage div.popupAttributes span {
	font-weight: bold;
}

div.popupPhoto{
 	float: right;
	margin: 15px 10px 0 10px;
 	padding-bottom: 20px;
}

span.closePopUp{
	position:absolute;
    top:10px;
    right:10px;
    width:10px;
    font-weight: bold;
    font-size: 14px;
}

div.tourDetails{
	padding-top: 20px;
}



#itineraryBookForm a {
    margin-left: 12px;
}
#itineraryBookForm span.itinerary-remove-all {
    background-image: url("/images/icon_red_cross.png");
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 6px 0;
    text-indent: 26px;
}

table.layout .widget_date {
    text-align: left;
    width: 50%;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
table.layout .widget_loc {
    text-align: left;
    width: 35%;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
table.layout .widget_grpsize {
    text-align: left;
    width: 15%;
    border-bottom: 1px solid #000;
}
#itinerary-permit-widget table.layout td {
	padding: 10px 10px 10px 0;	
}

.singleTrip-removeChoice {
    clear: right;
    color: #eaeaea;
    cursor: pointer;
    float: right;
    font-weight: bold;
    font-size: 1px;
    margin: 0 0 0 8px;
    background-image: url(/images/icon_red_cross_sm.png);    
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height:16px;
}

table.permitInfo {
	margin-bottom: 10px;
}

#permitOrderDetailsForm h3 {
	font-size: 16px;
	display: inline-block !important;
}
div.contenthdr .rightLinks {
	float: right;
	padding: 5px 8px 0 0;
}
div.contenthdr.subsection {
	background-color: #f8f8f7;
	margin-left: 5px;
}
.requiredMarker {
	color: red;
}
#alertsSection {
	margin-bottom: 10px;
}
.items.reservationHistory a.book.now {
	width: 70% !important;
	margin-left: 15%;
}
.items .payNowBtnDiv{
	min-width: 120px;
}
div.rightSideLinks {
	padding-top:10px;
  padding-bottom:10px;
	clear: both;
	white-space: nowrap;
	text-align: left;
}
#permitReservationDetails div.rightSideLinks {float: right;} 
div.rightSideLinks a
{
	clear: both;
	display: block;
}
#stiCol1 {
	width: 40%;
}

#stiCol2 {
	width: 35%;
	text-align: left;
}

#stiCol3 {
	width: 23%;
	text-align: center;
}

#stiTable th {
    background-color: #7F99B2;
    background-image: url("/images/2011/bg-lightfade.png");
    padding: 5px;
}

#stiTable td.stiColContent1 {
	width: 45%;
	text-align: left;
	vertical-align: middle;
	padding-left:10px;
	background-color: #FAFAEE;
	border-bottom:3px solid white;
    border-color:white;
}

#stiTable td.stiColContent2 {
	width: 33%;
	text-align: left;
	vertical-align: middle;
	padding-left:10px;
	background-color: #FAFAEE;
	border-bottom:3px solid white;
    border-color:white;
}

#stiTable td.stiColContent3 {
	width: 20%;
	text-align: center;
	vertical-align: middle;
	background-color: #FAFAEE;
	border-bottom:3px solid white;
    border-color:white;
}
#stiTable td.stiColContent3 > *{
	display: flex;
	flex-direction:row;
}

#stiTable td.stiColContent3 .maxGrpSize{
	padding: 4px 0;
	min-width: 60px;
	text-align: left;
}
#viewdetailspage table.contable {
	width: 45em;
}
#permitReservationDetails #divprtbutton{
	display: none;
}

#permitReservationDetails #customerdetail div.rightInfo{
	width: 100%;
	margin-top: 20px;
    float: right;
}

#permitReservationDetails #customerdetail div.left div.rightInfo{
	width: auto !important;
	margin-top: 0;
}

div.privateCampgroundInfo
{
	margin: 10px 0;
	PADDING-LEFT: 5px; 
	background-color: #DDFFDD;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

div.privateCampgroundInfo table td
{
	vertical-align:top;
}

div.privateCampgroundInfo table td.img
{
	padding-right:10px;
}

div.privateCampgroundInfo img
{
	display:inline-block;
	padding-right:10px;
}

div.privateCampgroundInfo a
{
	display:inline-block;
	padding-top: 13px; 
	font-size: 120%
}
.sectioncontent h4 {
	margin-top: 5px; 
}

.ad.south
{
	box-sizing:border-box;
	width: 100%;
  	height: auto;
  	background-color: #d7dce0;
  	text-align:center;
 }
.ad.south .adWrapper {
 	text-align: center;
 	height:auto;
 	margin:0 auto;
 	padding: 10px;
}
.ad.north2 .adWrapper  {
 	margin:0 auto;
 	text-align: center;
 	height:90px;
}

#pagearea.ext-page {
	padding-bottom:620px;
}

.ad.west, .ad.west_top  {
	margin-top:30px;
}

.seasonnotavailable {
	font-size: 11px;
	color: #888888;
}

.fullwidth {
	width:100%;
}

input.error, select.error, textarea.error {
    background-color: #FFF1EC;
    border: 1px solid red !important;
}
.enrollOuter {
	background-color: #EA9E21;
  padding: 2px 10px 10px;
  margin: 10px 5px 20px;
  font-size: 14px;
}

@media (max-width: 375px) {
  form input#userid {
    width: 150px;
  }

  div.unifSearch #lengthOfStay, div.unifSearch #dayUseLengthOfStay, div.unifSearch #dayPassLengthOfStay, div.unifSearch #marinaLengthOfStay,
	div.specific_attributes input[type="text"] {
		width: 30% !important;
  }
}

@media ( max-width : 767px) {
	#pagearea.ext-page {
		padding-bottom:870px;
	}
	.ad.south .adWrapper {
	 	padding: 0;
	}
	
  div.facilitySwitchBar:empty{
	display: none;
  }
  
	input.giftCardBalancePin, input.giftCardReloadPin, input.giftCardReloadAmount {
    width: 238px;
  }

	.buy-gift-card-title {
		color: black;
		font-weight: bold;
		padding-left: 10px;
		margin-bottom: 5px;
		font-size: 15px;
	}
	.giftcard-help-section {
		margin-top: 20px;
		margin-left: 10px;
		width: 90%;
		padding-bottom: 15px;
		background: #fbebc5;
	}
	
	input[type="radio"][name="giftcardtype"]{
	    margin-left: 10px;
	    margin-right: 5px;
	}
	
	.giftcard-star {
		color: #926e37;
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 5px;
		float: left;
	}
	.giftcard-section-1 {
		width: 80%;
		padding-left: 40px;
		padding-top: 12px;
	}
	.giftcard-section-2 {
		color: black;
		font-weight: bold;
		padding-left: 40px;
		padding-top: 5px;
		font-size: 15px;
		width: 80%;
	}
	
	div.giftCardsAttrsTableCell {
		float: left;
		clear: both;
	}
	
	div.giftCardsLabelTableCell {
		vertical-align: top;
	}
	
	#GiftCardsKit_purchaseSubGroup_attrs div.attributeField {
		clear: none !important;
		width: auto !important;
		float: left !important;
		margin-top: 10px;
		margin-bottom: 15px;
	}
	div.giftCardInput {float: none;}
	.rightSideLinks {text-indent: 15px;}
}

@media ( min-width : 768px) {
	.buy-gift-card-title {
		float: left;
		color: black;
		font-weight: bold;
		padding-right: 10px;
		font-size: 15px;
	}
	.giftcard-star {
		color: #926e37;
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 5px;
		float: left;
	}
	.giftcard-section-1 {
		width: 90%;
		padding-left: 40px;
		padding-top: 12px;
	}
	.giftcard-section-2 {
		color: black;
		font-weight: bold;
		padding-left: 40px;
		padding-top: 5px;
		font-size: 15px;
	}
	.giftcard-help-section {
		margin-top: 20px;
		width: 100%;
		padding-bottom: 15px;
		background: #fbebc5;
	}
	.on-gift-options {
		font-size: 18px;
		margin-top: 50px;
	}
	
	input[type="radio"][name="giftcardtype"]{
	    margin-left: 10px;
	}
	
	div.giftCardsAttrsTableCell {
		display: table-cell;
		float: left;
		clear: both;
	}
	div.giftCardsLabelTableCell {
		display: table-cell;
		vertical-align: top;
	}
	#GiftCardsKit_purchaseSubGroup_attrs div.attributeField {
		clear: none !important;
		width: auto !important;
		float: left !important;
		margin-top: 5px;
	}
}

@media ( min-width : 768px) {
	#GiftCardsKit_parentDynAttrsGroup1_attrs>div.group_errors {
		width: 510px
	}
}

#GiftCardsKit_dollarAmountGrp_attrs>div.group_errors {
	margin-left: 8px;
}

.giftCardOrders .instruction {
  background-color: #f8f8f7;
  padding: 10px;
}

.giftCardOrders .paging {
  height: 25px;
  color: #7a6654;
  vertical-align: middle;
	background-color: #e5e4d0;
	padding: 5px;
}

.giftCardList {
  line-height: 20px;
}

.giftCardList hr{
  clear: left;
  margin: 10px 0;
}

.giftCardList hr:first-child{
  display: none;
}

.giftCardList .clearfloat{
  clear: left;
}

.giftCardList .giftCardItem .giftCardItemOrderInfo{
  margin: 15px 0;
}
.giftCardList .giftCardItem .giftCardItemOrderInfo span{
  margin-right: 5px;
}

.giftCardList .giftCardItem .giftCardItemInfo{
  float: left;
  width: 30%;
  min-width: 160px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.giftCardList .giftCardItem  .giftCardItemInfo div > div{
  float: left;
}

.giftCardList .giftCardItem  .giftCardItemInfo > div:first-child{
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}

.giftCardList .giftCardItem .giftCardItemInfo strong{
  margin-left: 5px;
}

.giftCardList .giftCardItem .giftCardItemDetail{
  float: left;
  width: 50%;
  min-width: 250px;
  margin-bottom: 10px;
  margin-right: 10px;
  min-height: 70px;
}

.giftCardList .giftCardItem  .giftCardItemDetail div:first-child{
  font-size: 14px;
  font-weight: bold;
}

.giftCardList .giftCardItem .giftCardItemPrint{
  float: left;
  min-width: 100px;
}

.giftCardList .giftCardItem .giftCardItemPrint Button{
  background-color: #f98d00;
  background-image: url("/images/btn_yelo_grad3.gif");
  background-repeat: repeat-x;
  border: 1px solid #ffcc00;
  border-radius: 4px;
  box-shadow: 1px 1px 1px 1px #777;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 8px;
}

.giftCardList .recipientDetailsTitle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    line-height: 24px;
}

.giftCardList .recipientDetailsNameDiv {
    clear: both;
}

.gift-certificate-print a {
	background-color: #f98d00;
	background-image: url("/images/btn_yelo_grad3.gif");
	background-repeat: repeat-x;
	border: 1px solid #ffcc00;
	border-radius: 4px;
	box-shadow: 1px 1px 1px 1px #777;
	color: #fff;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 8px;
	margin-left: -5px;
}

.gift-certificate-print {
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px
}
body#giftCardsProducts .hiddenorshow{
	display: none !important;	
}

.gcShippingDiv {float: left; clear: both; margin-bottom: 10px;}
.gcShippingDiv .gcShippingTitle {font-weight: bold;}
.gcShippingDiv .gcShippingLabel {margin-left: 5px;}

/**Gift Card Enhancement Mobile Start**/
@media (max-width: 767px){
	body#giftCardsProducts div#giftCards {
		padding-left: 10px;
		padding-right: 10px;
	}

	body#giftCardsProducts div#giftCards .giftcard-help-section{
		margin-left: 0px;
		width: 100%;
	}

	body#giftCardsProducts div#giftCards .attributeField,
	body#giftCardsProducts div#giftCards div.difAddrDiv, 
	body#giftCardsProducts div#giftCards div.difAddrDiv div, 
	body#giftCardsProducts div#giftCards div.difAddrDiv input[type="text"]{
		width: 100% !important;
	}

	body#giftCardsProducts div#giftCards .attributeField input[type="text"]{
		width: 100%;
		margin: 0px;
	}

	body#giftCardsProducts div#giftCards .giftCardTermsText {
		width: 100% !important;
		margin-left: 0px;
        box-sizing: border-box;
	}

	body#giftCardsProducts div#giftCards .btn, 
	body#giftCardsProducts div#giftCards div.giftCardAmountNotice,
	body#giftCardsProducts div#giftCards div#pagetitle h1, 
	body#giftCardsProducts div#giftCards .buy-gift-card-title, 
	body#giftCardsProducts div#giftCards input[type="radio"], 
	body#giftCardsProducts div#giftCards .selectGiftingDiv .reciepientInfoDiv, 
	body#giftCardsProducts div#giftCards .shiptoRecipientDiv input[type="radio"], 
	body#giftCardsProducts div#giftCards .cardDesignRow{
		margin-left: 0px !important;
    	margin-right: 0px !important;
    	padding-left: 0px !important;
    	padding-right: 0px !important;
	}
	body#giftCardsProducts div#giftCards input[type="radio"]{
		margin-right: 10px !important; 	
	}
	body#giftCardsProducts div#giftCards #giftCardsPurchaseButton {
		width: 100%;
		margin-left: 0px;
	}
	body#giftCardsProducts div#giftCards div.giftCardPurchaseSubtitle, body#giftCardsProducts div#giftCards div.giftCardPurchaseSubtitleAttributes {
	    margin: 0px !important;
	}
	body#giftCardsProducts div#giftCards div.giftCardsAgreeDiv{
		margin-left: 0px !important;
	}
	body#giftCardsProducts div#giftCards .giftCardPurchaseAddress {
	    margin: 0 10px !important;
	    margin-left: 0px !important;
	    margin-right: 0px !important;
	    margin-top: 10px !important;
	}
	body#giftCardsProducts .hiddenorshow{
		display: block !important;
	}
	body#giftCardsProducts .changeShippingAddressOptions .newAddrSection{
		margin-left: 0px;
  	}
	body#giftCardsProducts body#giftCardsProducts div#giftCards div.difAddrDiv select{
		width: 100% !important;
  	}
	body#giftCardsProducts .btn.melissawidth{
		width: 100% !important;
  	}
  	body#giftCardsProducts .btn.melissawidth button {
	    width: 100% !important;
	}
	body#giftCardsProducts .changeShippingAddressOptions .newAddrSection{
		margin-left: 0px;
	}
	body#giftCardsProducts div#giftCards div.difAddrDiv select{
		width: 100% !important;
	}
	body#giftCardsProducts .btn.melissawidth{
		width: 100% !important;
	}
	body#giftCardsProducts .changeShippingAddrContainer.prdDetails .btn_orange, .changeShippingAddrContainer.prdDetails .btn_orange.grey {
	    width: 100%;
	}
	body#giftCardsProducts .changeShippingAddressRow{
		padding-right: 0px;
	}
	body#giftCardsProducts .newAddrSection .lastRow{
		margin-bottom: 0px;
	}
	body#giftCardsProducts div.changeShippingAddressOptions .newAddrSection + .changeShippingAddressRow .changeShippingAddress {
	    margin-top: 25px;
	}
	body#giftCardsProducts .giftCardProductBtnDiv #btncancelchange {
	    width: 100%;
	}
}
/**Gift Card Enhancement Mobile End**/
.widthClass {
	width: 90%;
}

.importantMemo ul, #importantinfo ul {
  list-style-type: disc;
  padding-left: 2.5em;
}

#facilityDetailsSingleColumn ul {
  list-style-type: disc;
  padding-left: 2.5em;
}
#facilityDetailsSingleColumn #photosContainer ul {
  list-style-type: none;
  padding-left: 0;
}

.loyaltyDiv {
	  background-color: #F8F8F8;
	  padding-bottom: 10px;
}

.loyaltyInfoDiv {
	  margin: 30px 15px 20px 15px;
	  background-color: white;
}

@media (min-width: 351px) {
	.availablePoints {
		 float: right;
		    margin-top: -40px;
	  		margin-right: 15px;
		  font-size: 18px;
		  font-weight: bold;
	}
}

@media (max-width: 350px) {
	.availablePoints {
		margin-left: 15px;
	    font-size: 18px;
	    font-weight: bold;
	}
}

.occupantenhanced {
	margin-bottom: 15px;
}

.loyaltyPointsBalance {
	font-size: 16px;
  	line-height: 16pt;
  	margin: 15px 15px 5px;
  	padding-top: 10px;
}

.loyaltyMembership {
	padding-bottom: 10px;
}

.loyaltyMembership label  {
	margin: 5px 15px 15px;
  	font-size: 12px;
  	color: #6d6e70;
  	padding-bottom: 10px;
}

.checkboxsavingdiv {
	margin-left: 22px;
}

.checkboxsavingdiv label {
	color: #6d6e70;
}

.redeemOptionsdiv {
	  margin: 20px 30px 0px;
}

.redeemnowdiv {
	margin-left: 15px;
}

.savingdiv {
	margin-left: 20px;
}

.membershipalertenhanced {
	margin: 5px 0px 20px 0px;
  	font-size: 16px;
 }


.loyaltySummaryLeft {
    float: left;
    line-height: 1.6;
}

.loyaltySummaryRight {
    float: right;
    text-align: right;
}

.loyaltySummary {
    color: #313741;
    float: left;
    width: 100%;
    margin-top: 5px;
}
.loyaltySummary .td {
	padding: 8px 15px;
	background-color: #fff;
  border: 1px solid #b3bdc1;
  border-bottom-width: 0;
  display: block;
}
.loyaltySummary .td.past5years {
  background-color: #f5f5f5;
}
.loyaltyProgrameName {
   font-weight: bold;
   font-size: 14px;
}

.loyaltyProgrameDesc {
  font-size: 12px;
}

.earnPointsLabel {
  font-size: 12px;
}

.earnPointsValue {
 font-weight: bold;
 font-size:25px;
}

.showOrHideHistoryDiv {
 font-size:12px;
 color:var(--more-link-color);
 padding-bottom:12px;
}

.pointsHistory > div.item {
 width:26%;
 float:left;
}
.pointsHistory > div.first {
 width:20%;
}
.pointsHistory > div.balancePoints {
    text-align: right;
    font-weight: bold;
    font-size: 25px;
    color: #313741;
    float: right;
}

.pointsHistory  div.createDate {
 font-size: 14px;
}

.pointsHistory span.orderNumLabel {
  font-size: 12px;
  color: #6d6e70
}

.pointsHistory a.orderNum {
  font-size: 12px;
  color: var(--more-link-color);
}

.pointsHistory .earnedLabel{
  font-size: 12px;
  font-weight: bold;
  padding-right: 9px;
}

.loyaltySummary td.toggleLink {
 text-align:center;
 }

 .myLoyaltyPoints div.disclaimer {
    font-size:12px;
    color:#313741;
    padding: 20px 15px 20px 15px;
    border: 1px solid #b3bdc1;
    clear: left;
    margin-bottom: 5px;
 }

 .confirmation-letter-msg {
    display: none;
}


div#pncontentrightcontent {
    margin-top: 10px;
    line-height: 25px;
}

@media (min-width: 991px){
	div#pncontentleftcontent{
		float: left;
		width: 30%;
	}
	div#pncontentrightcontent.paddingleft {
    	    float: left;
    		width: 70%;
	}
	
}

div#passcheckboxcontent > div input {
    vertical-align: middle;
}

.unitflatdiv div {
	margin-bottom: 10px;
}

.hideOther .isExistingOption,
.hideOther .primarySearchOption,
.hideOther .option,
.hideOtherInput .option,
.hideOtherExsit .primarySearchOption {
  display: none;
}
.hideOtherInput .isExistingOption,
.hideOtherInput .primarySearchOption,
.hideOtherExsit .isExistingOption {
  display: table-row;
}
.hideOtherExsit .option{
  display: table-row-group;
}

@media (max-width: 480px ) {
	#primarysearch {
		
		margin-left: 0px ! important;
	}
	body#orderdetailspage form#reservedetail #primarysearch input.s {
			display: inline-block ! important;
		}
	body#orderdetailspage form#reservedetail #primarysearch label {
			display: block;
		}
	#primarysearch div.content.btn {
		text-align: left ! important;
	}
}

.applybutton {
		height: auto !important;
    width: auto !important;
}

.customerPassOrTypeTitle{
  padding: 5px 10px 5px 10px;
  font-size: 90%;
}
.customerPassOrTypeItemCheckBox{
  padding: 5px 10px 5px 10px;
}
.customerPassOrTypeItemDesc{
  padding: 0 10px 5px 33px;
  font-size: 90%;
}

body#orderdetailspage tbody.option tr td select#stateProvince, body#orderdetailspage tbody.option tr td select#country{
		width: 281px;
}

body#changeReservation tbody.option tr td select#stateProvince, body#changeReservation tbody.option tr td select#country,
body#orderdetailspagechange tbody.option tr td select#stateProvince, body#orderdetailspagechange tbody.option tr td select#country  {
		width: 281px;
}

div#combinedFlowSignInKit_emailGroup_attrs span, div#combinedFlowSignInKit_passwrdGroup_attrs span {
    display: none;
}

@media ( max-width :767px) {
	body#orderdetailspage tbody.option tr td select#stateProvince, body#orderdetailspage tbody.option tr td select#country, body#orderdetailspage tbody.option tr td div.left input#address, 
	body#changeReservation tbody.option tr td select#stateProvince, body#changeReservation tbody.option tr td select#country, body#changeReservation tbody.option tr td div.left input#address,
	body#orderdetailspagechange tbody.option tr td select#stateProvince, body#orderdetailspagechange tbody.option tr td select#country, body#orderdetailspagechange tbody.option tr td div.left input#address {
		width: 160px;
	}
}

@media ( max-width :767px) {
  .loyaltySummary .item.center {
      line-height: inherit;
  }
}

div.check_avail_panel > a{
  margin-right: 20px;
  vertical-align: top;
}



@media ( max-width :767px) {
  .callToActionFavBtn{
    display: none;
  }

  #favprodfilter{
   margin: 10px 0 0 0;
  }
  
  .ui-dialog.favoriteDialog .ui-dialog-content{
      margin: 0 0 20px 0 !important;
   }
   
  .ui-dialog.favoriteDialog .contentWrapper {
  	margin: 0 10px 10px 10px !important;
  }
   
  ui-dialog.favoriteDialog .addToListOptions{
    margin-top: 10px;
    display: block;
  }
  
  .favenbld{
	display: inline !important;
	max-width: 400px;
  }
   
}

@media ( min-width :768px) {
	
  .favcta.icolink{
    display: none !important;
  }
	
  .favenbld{
	display: inline-block !important;
  }
  
  .ui-dialog.favoriteDialog.medium{
    width: auto !important;
  	max-width: 540px !important;
  }  
  
 .ui-dialog.favoriteDialog .addToListOptions{
    padding: 10px 0 0 0;
    display: table-cell;
    vertical-align: top;
  }
  
 .ui-dialog.favoriteDialog .addToListOptions:first-child:nth-last-child(1) {
    min-width: 320px;
  }
  
  .ui-dialog.favoriteDialog .addToListOptions:nth-child(1):nth-last-child(2),
  .ui-dialog.favoriteDialog .addToListOptions:nth-child(2):nth-last-child(1) {
    width: 236px;
  }
  
  .ui-dialog.favoriteDialog .buttons{
    margin-bottom: 10px;
  }
  
  .ui-dialog.favoriteDialog .contentWrapper {
  	margin: 10px;
  }
}
div.facilityDetailsTopInfoDiv div.callToActionFavBtn {
    float: left;
}
#fvSignInSignUp {
	overflow: hidden;
}
#fvSignInSignUp #okBtn {
  width: 170px !important;
  cursor: pointer;
}

.callToActionFavBtn{
  margin-bottom: 5px;
  margin-right: 10px;
}

#favprodfilter{
  margin: 5px 0;
}

.callToActionFavBtn a.favcta{
  min-width: 160px;
  font-size: 14px;
}

a.favcta:before{
    content: "\f08a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ff0000;
    font-size: 16px;
    margin-right: 10px;
}

a.favcta.fav:before{
    content: "\f004";
}

.favoritePopup{
   margin-top: 5px;
   text-align: left;
   min-width: 180px;
   margin-right: 10px;
}

.favoritePopup.fav.removed .operation{
   color: #CF300D;
   font-weight: bold;
}

.favoritePopup.fav.added .operation{
  color: #0F7850;
  font-weight: bold;
}

#facilityintro #campname h1 {
  display: inline-block;
}


a.favcta{
    display: inline-block;
    min-width: 140px;
    min-height: 20px;
    text-align: center;
    border-radius: 5px;
    padding: 7px 7px 5px 7px;
    background-color: transparent;
    text-decoration: none;
    border: 1px solid #D0D5DD;
    color: #344054;
}
.donate_refund_btn.nothanks a.donate_refund {
  background: #fff;
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #D0D5DD;
}
a.favcta:hover, .donate_refund_btn.nothanks a.donate_refund:hover{background: #F9FAFB; border: 1px solid #D0D5DD;}

.cta.sec{
    display: inline-block;
    min-width: 40px;
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    padding: 7px 20px;
    background-color: #fff;
    text-decoration: none;
    border: 1px solid #1f304c;
    color: #000;
}

.cta.main{
    display: inline-block;
    min-width: 40px;
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    padding: 7px 20px;
    background-color: #1f304c;
    text-decoration: none;
    border: 1px solid #1f304c;
    color: #fff;
}

div .cta:first-child{
	margin-left: 0 !important;
}

div .cta{
	margin-left: 10px;
}

.cta2{
	min-width: 180px;
}

.tdmaxtext{
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tdmaxtext.wstatus{
  max-width: 70px;
}

a.favcta.link{
  width: auto;
  border: none !important;
  margin: 0 0 4px 0;
  padding: 0;
  background-color: transparent !important;	
}

a.favcta.icolink{
  display: inline;
  width: auto;
  border: none;
  margin-left: 10px;
}

a.favcta.picolink{
  width: auto;
  min-width: auto;
  border: none;
  margin: 7px 0 0 7px;
  padding: 0;
  background-color: transparent !important;
}

.favprodsort label:before{
    content: "\f0b0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 16px;
    margin-right: 6px;
}
.favprodlock:before{
    content: "\f023";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 16px;
    margin-right: 6px;
}

.favprodsort.nosorting span.stmt{
	display: block;
}

.favprodsort.sorting span.stmt,
.favprodsort.nosorting input,
.favprodsort.nosorting label{
	display: none;
}
.favPrdWrapper{
   float: left;
   margin: 5px 0;
}

 .ui-tooltip, .tooltip-arrow:after {
    background: #fff;
    border: 2px solid #aaa;
  }
  .ui-tooltip {
    position: absolute;
    padding: 10px 20px;
    color: #000;
    border-radius: 5px;
    font: 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px #000;
  }
  .tooltip-arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .tooltip-arrow.top {
    top: -16px;
    bottom: auto;
  }
  
  .ui-tooltip.favoritesTooltip.mobile .tooltip-arrow.top{
     left: initial;
     right: -10px;
  }
  
  .tooltip-arrow.left {
    left: 20%;
  }
  .tooltip-arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .tooltip-arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  
 
.ui-dialog.favoriteDialog{
 	z-index:10000 !important;
 	min-width: initial;
}

.ui-dialog.favoriteDialog .ui-dialog-title{
   font-size: 18px;
}

.ui-widget-overlay{
    background: 50% 50% #000000;
    opacity: 0.5;
}

.ui-dialog.favoriteDialog.ui-widget-content,
.ui-dialog.favoriteDialog .ui-widget-content{
    border: none !important;
    background: #fff !important;
    margin-bottom: 10px;
}

.ui-dialog.favoriteDialog .ui-dialog-titlebar{
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

.ui-dialog.favoriteDialog .ui-dialog-titlebar-close{
  padding: 0;
  right: 15px;
}
.ui-dialog.favoriteDialog .ui-dialog-titlebar-close span{
    font-size: 26px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding: 0;
}

.ui-dialog.favoriteDialog .ui-dialog-titlebar-close.ui-state-hover {
  border: none !important;
  background: #fff !important;
  color: #000;
}

.ui-dialog.favoriteDialog .contentWrapper {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 0 10px 0;
    margin: 0 0 10px 0;
}

.ui-dialog.favoriteDialog .contentWrapper.empty {
    background: none !important;    
}

#confirmRemoveFavorite .confirm{
    padding: 0 20px 20px 20px;
}

.ui-dialog.favoriteDialog .confirm{
    text-align: center;
    padding: 20px;
    color: #444;
    line-height: 1.5;
    font-size: 15px;
    font-weight: bold;
      
}

.ui-dialog.favoriteDialog .buttons {
    margin-top: 0;
    text-align: center;
    width: 100%;
}
 
.ui-dialog.favoriteDialog .buttons button{
	font-family: var(--font_family_sbold);
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 6px 6px 6px;
    margin: 10px;
    background-color: #152F52 !important;
    background-image: linear-gradient(to bottom, #152F52, #40516B);
    background-repeat: repeat;
    text-decoration: none;
    border: 1px solid #1f304c;
    color: #fff;
 }
 
.ui-dialog.favoriteDialog button.link:hover{
   color: var(--more-link-color-hover, #3170AF);
 }
 
 .ui-dialog.favoriteDialog button[disabled]{
    background-color: #a1a1a1  !important;
    background-image: none;
    border: none;
 }
.ui-dialog.favoriteDialog .addToListOption{
   padding: 8px 2px;
   display: block;
}

 .ui-dialog.favoriteDialog .addToListOption > div{
   display: table-cell;
   vertical-align: top;
   padding-right: 10px;
 }
  
  .ui-dialog.favoriteDialog .addToListOption div.itineraryCtrl{
  	padding-top: 2px;
  }
 
  .ui-dialog.favoriteDialog .addToListOption div.itineraryLabel{
  	vertical-align: top;
  	padding-bottom: 3px;
  	word-break: break-word;
  	color: var(--more-link-color);
  	font-size: 15px !important;
  }
  
  .ui-dialog.favoriteDialog  #retrieveAddFavoriteToList{
    margin: 0 !important;
    padding: 0 1em !important;
  }
  
 .ui-dialog.favoriteDialog .itineraryEdit input{
    width: 200px; 
    font-size: 14px !important;
 }
 
  .ui-dialog.favoriteDialog .itineraryLabel.disabled{
    color: #aaa !important;
 }
 
 .ui-tooltip.favoritesListTooltip{
   z-index: 20000;
   max-width: 400px;
 }
 
 .ui-tooltip.favoritesListTooltip.mobile .tooltip-arrow:after{
   left: 30px;	
 }
 
.ui-tooltip.favoritesListTooltip.mobile{
  max-width: 250px !important;
  margin-left: 20px;
}
.ui-tooltip.raInfoPopup {border: 0; background-color: #000; color: #fff; }
.ui-tooltip.raInfoPopup .ratooltip-arrow {width: 25px; height: 25px; overflow: hidden; position: absolute; z-index: -1}
.ui-tooltip.raInfoPopup .ratooltip-arrow.toleft {left: -10px;}
.ui-tooltip.raInfoPopup .ratooltip-arrow.toright {right: -10px;}
.ui-tooltip.raInfoPopup .ratooltip-arrow.totop {left: 50%; top: -10px;}
.ui-tooltip.raInfoPopup .ratooltip-arrow.tobottom {left: 50%; bottom: -10px;}
.ui-tooltip.raInfoPopup .ratooltip-arrow:after {
	content: "";position: absolute; background: #000; border: 2px solid #000;  width: 21px; height: 21px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui-tooltip.raInfoPopup .ratooltip-arrow.toleft:after {left: 10px;}
.ui-tooltip.raInfoPopup .ratooltip-arrow.toright:after {right: 10px;}
.ui-tooltip.raInfoPopup .ratooltip-arrow.tobottom:after {bottom: 9px;}
.ui-tooltip.raInfoPopup .ratooltip-arrow.totop:after {top: 9px;}
.ui-tooltip.raInfoPopup .cancellationUnavail {min-height: 16px;}
@media (max-width: 767px) {
 .ui-tooltip.raInfoPopup {max-width: 100%;}
}

.displayNoneForOccupant{
    display:none !important;
 }
 
 .rememberMeContainer{
   width: 238px;
 }
 
 .rememberMeField{
   width: auto;
   float: left;
 }
 
 .rememberMeContainer label{
  vertical-align: 2px;
  margin-right: 10px;
 }
 
.rememberMeContainer input{
    margin-right: 5px;
 }
 
 .rememberMeContainer a{
   vertical-align: 2px;
   float: right;
 }

.content.campsiteAlerts br,
.content.campsiteNotes br {
  line-height: 160%;
}

.content.campsiteAlerts p,
.content.campsiteNotes p {
  margin: 6px 0 10px 0;
}

/*Feedback styles */

body#precheckinReservation div.feedback-trigger-container{
	width: auto !important;
}

.feedback-trigger-container {
  position: fixed;
  bottom: 25%;
  right: 32px;
  display: block;
  border: 1px solid #b3bdc1;
  border-radius: 6px 6px 0 0;
  background-color: #f4f4f4;
  text-shadow: 0 1px 1px #fff;
  font-size: 12px;
  font-weight: normal;
  margin-left: 0;
  padding: 8px 16px;
  text-decoration: none;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  -webkit-box-shadow: -1px 0px 5px -1px rgba(0, 0, 0, 0.49);
  -moz-box-shadow: -1px 0px 5px -1px rgba(0, 0, 0, 0.49);
  box-shadow: -1px 0px 5px -1px rgba(0, 0, 0, 0.49);
  z-index: 920;
  transform: rotate(-90deg);
  transform-origin: right top 0;
}

.feedback-trigger-container:hover {
  background-color: #ffffff;
}
.feedback-trigger-content {
  color: #0071ae;
  transition: all 0.15s ease-in-out;
}
.feedback-trigger-content:hover {
  color: #005d84;
}

.infoDialog{
	background-image: none;
	background-color: #fff;
	border: 5px solid #000;
	padding: 0 !important;
	min-width: 340px;
}

.ui-dialog.infoDialog {
  position: fixed;
  left: 50% !important;
  margin:0 0 0 -170px;
}

.infocontent{
	margin: 50px 0 20px 0;
	text-align: center;
  font-size: 14px;
}

.infoDialog .btn{
	text-align: center;
}

.infoDialog  #okBtn{
  width: 100px;
  height: 38px !important;
}

.feedbackDialog {
  font-size: 18px;
  background: none !important;
  background-image:url('/images/ra_beta_bg.png') !important;
  min-width: 635px;
  padding: 0 !important;
}
.posAddressDialog {
	background-image: none;
	background-color: #fff;
	border: 5px solid #000;
	padding: 0 !important;
	min-width: 535px;
}
.feedbackDialog, .ui-dialog.favoriteDialog, .posAddressDialog, .infoDialog  {
  z-index: 17500000 !important;
}
.feedbackDialog .ui-dialog-titlebar-close, .posAddressDialog .ui-dialog-titlebar-close, .infoDialog .ui-dialog-titlebar-close {
  z-index: 17500001 !important;
}	
.feedbackDialog .ui-dialog-titlebar, .listCgSwitchDialog .ui-dialog-titlebar, .posAddressDialog .ui-dialog-titlebar, .infoDialog .ui-dialog-titlebar {
  border: none;
  padding: 0px;
}
.feedbackDialog .ui-state-hover, .listCgSwitchDialog .ui-state-hover {
  border: none;
  background: none !important;
}
.feedbackDialog .ui-dialog-title, .listCgSwitchDialog .ui-dialog-title, #ui-dialog-title-listCgSwitchPopup, .posAddressDialog .ui-dialog-title, .infoDialog .ui-dialog-title {
	display: none;	
}
#feedbackPopup {
  background: none repeat scroll 0 0 transparent !important;
  border: none !important;
  color: white !important;
  overflow: hidden;
}

.feedbackRadioDiv span span {
	vertical-align: top;
}
.feedbackRadioDiv span img {
	margin-right: 7px;
}
#feedbackPopup .titleText {
  font-size: 40px;
  margin-left: 15px;
  display:block;
  font-family: Georgia,sans-serif;
}
#differentAddrPopup .titleText {
  font-size: 26px;
  font-weight: bold;
  margin: 15px 0 10px 0;
  display:block;
}
#feedbackPopup .title {
  border-left: 6px solid #ed6e17;
  margin: auto;
  margin-top: 30px;
  width: 50%;
}
.difAddrDiv{
	margin-top: 10px;
}

.difAddrDiv.firstCol{
	clear:left;
}
.difAddrDiv .required{
	color: red;
}
.difAddrDiv input{
	height: 24px;
    margin: 0 12px 0 0;
    background-image: -moz-linear-gradient(center top, #EEEEEE 1%, #FFFFFF 15%);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.7);
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #bbb;
    box-sizing: border-box;
    text-indent: 12px;
    line-height: 22px;
}
.difAddrDiv select{
	margin: 0 12px 0 0;
    width: 240px;
}
#differentAddrPopup .sectiondiv{
	-webkit-border-top-right-radius:    5px;
	-webkit-border-top-left-radius:     5px;
	-moz-border-radius-topright:        5px;
	-moz-border-radius-topleft:         5px;
	border-top-right-radius:            5px;
	border-top-left-radius:             5px;
	-moz-background-clip:    padding; 
	-webkit-background-clip: padding-box; 
	background-clip:         padding-box; 
	/*border: 1px solid #ddd;*/
	margin-top: 10px;
}
#differentAddrPopup .contentdiv{
    margin-top: -10px;
}
#differentAddrPopup .floatleft{
	float: left;
}
#differentAddrPopup .floatright{
	float: right;
}
#differentAddrPopup .clearb{
	clear: both;
}
#differentAddrPopup .marginb10{
	margin-bottom: 10px;
}
#differentAddrPopup .paddingt10{
	padding-top: 10px;
}
#differentAddrPopup .marginr12{
	margin-right: 12px;
}
.ui-dialog button.ui-dialog-titlebar-close {
	background: none;
	border: none;
	margin-top: -15px;
}
.ui-dialog.no-close button.ui-dialog-titlebar-close {display: none;}
.ui-dialog button.ui-dialog-titlebar-close:after {font-family: FontAwesome; content: "\f00d"; font-size: 26px; cursor: pointer;}
.ui-dialog button.ui-button-icon-only.ui-dialog-titlebar-close:after {content: "";}

.ui-button-icon-only .ui-icon {margin-top: -12px;}
.ui-button-icon-only {
    text-indent: 0;
    color:#000;
}

.feedbackButtonDiv, .posAddressButtonDiv {
  padding-top: 15px;
  margin-bottom: 25px;
  width: 100%;
  text-align: center;
  clear: both;
}

.feedbackButtonDiv #submitBtn {
  cursor: pointer;
  border-radius: 5px;
  width: 225px;
  height: 50px;
  background: #ed6e17;
  font-family: var(--font_family_sbold);
  font-size: 18px;
  color: #fff;
}
.posAddressButtonDiv #submitBtn {
  cursor: pointer;
  border-radius: 5px;
  width: 225px;
  height: 50px;
  background: #ed6e17;
  color: #fff;
  font-size: 16px;
}
.feedbackContentDiv, .feedbackConfirmationDiv {
  margin-top: 35px;
  margin-left: 60px;
  margin-right: 60px;
  font-size: 16px;
}

.feedbackConfirmationDiv {
	margin-bottom: 35px;
}

.feedbackQuestionDiv {
	float: left;
	clear: both;
	margin: 15px 20px;
	font-size: 16px !important;
}
.posAddressQuestionDiv {
	float: left;
	clear: both;
	margin-top: 10px;
}
.feedbackAnswerDiv {
	margin-top: 10px;
}
.feedbackAnswerDiv textarea {
	width: 428px;
	height: 54px;
	padding-top: 6px;
	padding-left: 12px;
}

.feedbackAnswerDiv select {
	width: 440px;
	height: 35px;
}
.feedbackAnswerDiv .ratingStars, .feedbackAnswerDiv .ratingValue {
	margin-left: 0px;
}
.feedbackAnswerDiv .ratingStars .left {
	margin-right: 16px;
}
.feedbackAnswerDiv .ratingStars .starLblDiv {
	margin-top: 5px;
	margin-left: 6px;
}
.feedbackAnswerDiv .ratingStars .starLblDiv.last {
	margin-left: 4px;
}
.feedbackRadioSquare {
	width: 100px;
	height: 27px;
	border: 1.5px solid #FFFFFF;
	border-radius: 5px;
	position: relative;
	float: left;
	cursor: pointer;
	margin-right: 20px;
	text-align: center;
	padding-top: 10px;
}
.feedbackRadioSquare.clicked {
	background-color: #ED6E17;
}
.feedbackQuestionDiv.subquestion.hidden {
	display: none;
}
.feedbackQuestionDiv.subquestion {
	display: block;
}
#feedbackConfirmationDiv {
	width: 70% !important;
}

@media (max-width: 470px) {
  #submitBtn{
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 100% !important;
  }
  
  .feedbackButtonDiv, .posAddressButtonDiv {
    float: none !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .feedbackDialog, .posAddressDialog {
    min-width: 270px;
    width: auto !important;
    padding: 20px 0px !important;
  }
  
  .feedbackButtonDiv, .posAddressButtonDiv{
    width: 100%;
    padding-top: 32px;
    margin: 0;
    text-align: center;
  }

  #feedbackPopup .title, #posAddressPopup .title {
    margin: 0px;
    width: auto !important;
  }
  #feedbackPopup .titleText, #posAddressPopup .titleText {
    font-size: 27px;
  }
  .feedbackContentDiv, .posAddressContentDiv {
    margin-top: 27px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 14px;
  }
  .feedbackQuestionDiv {
  	margin: 15px 0px;
  	font-size: 13px !important;
  	width: 100%;
  }
  .feedbackAnswerDiv .ratingStars .left {
  	margin-right: 0px;
  	width: 10%;
  }
  .feedbackButtonDiv #submitBtn, .posAddressButtonDiv #submitBtn {
    height: 45px;
    font-size: 14px;
    margin: auto;
	width: 200px !important;
  }
  .feedbackAnswerDiv textarea, .feedbackAnswerDiv select {
	width: 90%;
  }
  .ratingStars {
  	width: 100%;
  }
 	#unifsearchresults a.favcta.icolink {min-width: auto; border: none; padding: 10px 5px 10px 5px; display: inline-block; margin: 0;}
	#unifsearchresults a.favcta:before {margin-right: 0; font-size: 20px;}
 	.summary_sites_list.seasonalsection, .check_avail_panel.seasonalcta {display: inline !important;}
 	div.msg.seasonal_site_error {margin-right: 25px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .feedbackDialog {
    min-width: 500px;
    width: 90% !important;
  }
}

.campsiteType{
  padding: 0 5px 0 0;
}

.tourItemDetails{
   display: table;
   margin-top: 10px;
}

.tourItemDetails .tourProduct,
.tourItemDetails .tourInstances{
  display: table-cell;
}


.tourItemDetails > span{
   display: inline-block;
   vertical-align: top;
}

.tourItemDetails .tourItemInstance{
  display: inline-block;
}

.tourItemDetails .tourProduct{
  padding: 0 5px 0 0;
}

.tourItemDetails .tourName{
  padding: 0 0 6px 0;
}

.tourItemDetails .tourItemTickets{
  display: block;
  margin-top: 5px;
}
#cgrounddirectorypage #colsidebar2 {
	display: none;
}


/*List Campground switch popup*/

.listCgSwitchDialog {
  font-size: 18px;
  background: none !important;
  background-image:url('/images/ra_beta_bg.png') !important;
  min-width: 720px !important;
  padding: 0 !important;
}

#myFavorites .listCgSwitchDialog {
  border: 1px solid #AAAAAA !important;
}
.listCgSwitchDialog {
  z-index: 17500000 !important;
}	

.listCgSwitchDialog .ui-dialog-titlebar {
  border: none;
  padding: 0px !important;
}

#listCgSwitchPopup {
  background: none repeat scroll 0 0 transparent !important;
  border: none !important;
  color: white !important;
  overflow: hidden;
}

#listCgSwitchPopup .titleText {
  font-size: 25px;
  margin-left: 15px;
  display:block;
}
#listCgSwitchPopup .title {
  border-left: 6px solid #ed6e17;
  margin-top: 30px;
  margin-left: 120px;
}

.listCgSwitchContent {
	float: left;
	width: 45%;
	text-align: center;
	margin-top: 45px;
	font-size: 16px;
}

.listCgSwitchContent a:visited, .listCgSwitchContent a:link {
	color: white !important;
}

.listCgSwitchCenterContent {
	width: 10%;
	float: left;
	text-align: center;
	margin-top: 150px;
}

.listCgSwitchContent img {
	margin-top: 20px;
	margin-bottom: 55px;
	cursor: pointer;
}

.listCgSwitchCenterSpan:before, .listCgSwitchCenterSpan:after {
  content: "";
  display: inline-block;
  width: 30%;
  margin: 0 .8em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid;
}
.listCgSwitchCenterSpan:after {
	 margin: 0 -55% 0 .8em;
}
#list-cg-left:hover a, #list-cg-right:hover a {
	color: orange !important;
}

.daypasssection, .daypasssection #otherlinks  {
	margin-bottom: 20px;
}
.campingpermitsection {margin: 20px 0 20px 0;}
.campingpermitsection button {cursor: pointer;}

select[disabled]{
	color: #C0C0C0;
}
/* Restrict customer name change */
#mobinotecreate, #mobinoteupdate  {display: none;}
body#memberUpdateProfile #lnameid, body#memberUpdateProfile .left.initial {padding-left: 5px;}
body#memberUpdateProfile .left2 {padding-right: 10px;}
div.container span.account{
/*new for 2011*/
	border-radius: 10px 0 0 0;
}

a.accountside {
	display: block;
	margin: 5px 0 5px 10px;
	padding: 5px 0 5px 10px;

}

a.accountside.in {
	background-color: #FFF;
	color: #000;
	text-decoration: none;
	border-left: 5px solid  #FFE784;
	font-weight: bold;

}

a.accountside.indented {
	padding-left: 20px;
}

a.accountside.in.indented {
	padding-left: 20px;
}

div.container p.accountside{
	color: #339933;
}

div.disguiselinks a{
	color: #000000;
	text-decoration: none;
}

span.accountside {
	color: #339933;
	margin-left: 10px;
}

/*POS Products page*/

.posProductsSectionDiv {
  clear: both;
}

.posProductsSectionDiv h3 {
  font-size: 22px;
  padding-bottom: 3px;
}
/* POS catalog page redesigned */
.posProductsContainer {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.posProductsSectionDiv .posProductBox2 {
	background-color: white; 
	border: 1px solid #d8d8d8; 
	padding: 8px 8px 2px 8px; 
	margin-top: 15px; 
	border-radius: 6pt; 
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 
	width: 30%;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.posProductsSectionDiv .posProductBox2.fakebox {
	background-color: transparent; 
	border: none; 
	box-shadow: none;
}
.posProductsSectionDiv .posProductBoxInfoDiv2 {width: 100%; align-self: flex-end;}
.posProductsSectionDiv .check_avail_panel.posProductLink2 a.check_available, .posProductsSectionDiv .check_avail_panel.posProductLink2 a.check_available:hover,
.posProductsSectionDiv .posProductBoxInfoDiv2, .posProductsSectionDiv .posProductBoxInfo2, .posProductsSectionDiv .check_avail_panel.posProductLink2 a.check_outofstock {
	margin: 0;
  width: 100%;
  width: -moz-available;          /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  width: stretch;
}
.posProductsSectionDiv .check_avail_panel.posProductLink2 a.check_available, .posProductsSectionDiv .check_avail_panel.posProductLink2 a.check_available:hover,
.posProductsSectionDiv .check_avail_panel.posProductLink2 a.check_outofstock {
  font-size: 16px;
  font-weight: bold;
  height: auto;
  padding: 10px 6px;
}
.posProductsSectionDiv .posProductBoxPriceDiv2 {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 26px;
	font-weight: bold;
	margin-left: 5%;
}
.posProductsSectionDiv .posProductBoxNameDiv2 {
    margin-top: 10px;
    margin-left: 5%;
    font-size: 18px;
    font-weight: bold;
    word-break: break-word;
}
.posProductsSectionDiv .posProductBoxTitle2 {
    font-size: 13px;
    font-weight: bold;
    color: #264d73;
    margin: 3px;
    overflow-x: hidden;
    margin-left: 5%;
    min-height: 15px;
}
/* END POS catalog page redesigned */
.posProductsHeaderDiv {margin-top: 10px;}
.posProductsSectionDiv .posProductBox {
  background-color: white;
  border: 1px solid #d8d8d8;
  width: 30%;
  height: 325px;
  padding: 8px;
  float: left;
  margin-right: 15px;
  margin-top: 15px;
  border-radius: 6pt;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  font-family: var(--font_family_sbold);
  position: relative;
  line-height: 1.15;
}
.posProductsSectionDiv div.campingupsellselector .posProductBox {
  margin-bottom: 20px;
}

.posProductsSectionDiv .posProductBox.nomargin {
  margin-right: 0px;
}

.posProductsSectionDiv .posProductBoxTitle {
  font-size: 13px;
  font-weight: bold;
  color: #264d73;
  margin: 3px;
  overflow-x: hidden;
  margin-left: 5%;
  min-height: 15px;
}

.posProductsSectionDiv .posProductsHeaderDiv, .posProductsSectionDiv .posProductDiv, .posProductsSectionDiv .posProductsFooterDiv {
	clear: both;
} 

.posProductsSectionDiv .posProductsTitle {
	float: left;
} 

.posProductsSectionDiv .posProductsPagination {
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;
} 

.posPaginationPrevNext {
	margin-left: 15px;
}

.posProductsSectionDiv .posProductBox img, .posProductsSectionDiv .posProductBox2 img {
  width: 100%;
}

.posProductsSectionDiv .posProductBoxImg {
	height: 177px;
}

.posProductsSectionDiv .campingupsellselector .posProductBoxImg {
	width: auto;
	margin-left: 0px;
}

.posProductsSectionDiv .posProductBoxImg img {
	max-height: 177px;
	object-fit: contain;
	margin: 0 auto;
}

.posProductDetailsImgDiv .posProductBoxImg {
	margin-top: 10px;
}

.posProductDetailsImgDiv .posProductBoxImg img {
	max-height: 300px;
	max-width: 308px;
	object-fit: contain;
}
.posProductsSectionDiv .posProductBoxInfo {
  height: 240px;
}
.posProductsSectionDiv .campingupsellselector .posProductBoxInfo {
	margin-left: 8px;
}
.posProductsSectionDiv .posProductBoxInfoDiv{
	width: 90%;
}
.posProductsSectionDiv div.campingupsellselector .posProductBoxInfoDiv{
	width: 100%;
}
.posProductsSectionDiv .posProductBoxNameDiv {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-left: 5%;
	font-size: 18px;
	font-weight: bold;
	word-break:break-word;
}
.posProductsSectionDiv div.campingupsellselector .posProductBoxNameDiv {
	margin-top: 16px;
}

.posProductsSectionDiv div.campingupsellselector .posProductBoxNameDiv {
	font-size: 18px;
	margin-left: 0px;
	margin-bottom: 5px;
}
.posProductsSectionDiv div.campingupsellselector .posProductBoxUpsellTextDiv {
	font-size: 14px;
}
.posProductsSectionDiv div.campingupsellselector .posProductBox {
	height: 465px;
	position: relative;
}
.posProductsSectionDiv div.campingupsellselector .posProductLink {
	position: absolute;
	bottom: 0;
	width: 90%;
	margin-left: 8px;
}

div.campingupsellselector .previousprice{
   font-size: 14px !important;
}

.posProductsSectionDiv .posProductBoxQtyDiv {
	float: left;
    margin-top: 15px;
    margin-left: 5%;
    font-size: 18px;
}
.posProductsSectionDiv div.campingupsellselector .posProductBoxQtyDiv {
    margin-left: 0px;
    margin-bottom: 10px;
    font-size: 12px;
}
.posProductsSectionDiv .posProductBoxQtyDiv div {
	display: inline;
	margin-left: 5px;
}

.posProductsSectionDiv .posProductBoxQtyInp {
	text-align: right;
	width: 40px;
	height: 24px;
}
.posProductsSectionDiv .campingupsellselector .posProductBoxQtyInp {
	text-align: center;
	width: 50px;
}

.posProductsSectionDiv .posProductBoxVarPriceDiv {
	float: left;
    margin-top: 15px;
    margin-left: 5%;
    margin-bottom: 32px;
    font-size: 18px;
}

.posProductsSectionDiv .posProductBoxVarPriceDiv div {
	display: inline;
	margin-left: 5px;
}

.posProductBoxVarPriceDiv .posProductBoxVarPriceInp {
	text-align: right;
	width: 50px;
	height: 24px;
}

.posProductsSectionDiv .posProductBoxEmptyDiv {
	float: left;
    height: 43px;
    width: 10px;
}

.posProductsSectionDiv .posProductsHeaderDiv.upsell .proceedtocartdiv {
	float: right;
	clear: none;
	margin-right: 15px;
} 

div.posProductLink a.proceedtocart {
    width: 300px;
    font-size: 18px;
    height: 28px;
}
.check_avail_panel a.check_available.proceedtocart:hover {
	width: 300px;
}
.addonssection div.posProductLink a.proceedtocart {font-size: 16px; font-weight: bold;}

.posProductDetailsFormDiv input {
	font-size: 14px;
	text-indent: 12px;
	border: 1px solid #AAB4B8;
	border-radius: 5px;
	background-color: #FFFFFF;
	line-height: 32px;
}
.posProductDetailsFormDiv input[type="number"] {	
	width: 40px;
	height: 32px;
	margin-left: 10px;
}
.posProductDetailsFormDiv select{
	margin-right: 12px;
}
.guestInfo{
    float: left;
}
.guestInfo .fieldlbl, .guestInfo .nomatchstmt{
	font-size: 90%;
}
.guestInfo input, .guestInfo select{
	margin-top: 3px;
}
.guestInfo #searchaddress{
	margin-top: 10px;
}
.guestInfo #searchaddress #validatebtn{
	margin-right: 10px;
}
.shipDetailsTitle {
    /*width: 500px; remove this width as per BA(Kanchana)*/
    padding-bottom: 5px;
    margin: 15px 0;
    border-bottom: 1px solid;
    border-bottom-color: #d1d1d1;
}
.shipcntry {
	float: right;
	font-size: 12px;
	margin-top: -5px;
}
.shipcntry > *{
	vertical-align: middle;
	margin: 3px;
}
.addOnBody {font-size: 14px;}
.addOnBody h1 {margin: 10px 0; line-height: 32px;} 
.addOnBody, .addOnBody strong, .addOnBody ul, .addOnBody li, .addOnBody {all: revert;}
.addOnBody {margin: 30px 0; line-height: 24px; padding: 0 20px;}
.addOnBody ul {padding: 0 0 0 20px; margin: 0;}
.addOnBody li {margin: 10px 0 0 0;}
.addOnBody a, .addOnBody a:link, .addOnBody a:visited {text-decoration: underline;}
.bordered_pannel {
	font-size: 14px;
	padding : 10px;
	border: 1px solid #AAB4B8;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.bordered_pannel h1 {margin-bottom: 10px; color: #217C39;}
.bordered_pannel .label {margin-right: 5px; font-weight: bold;}
.bordered_pannel div {font-size: 15px;}

.posProductDetailsFormDiv input, 
.posProductDetailsFormDiv select, 
.posProductDetailsFormDiv textarea {
	margin-bottom: 6px;
}

.posProductDetailsFormDiv span.extra {
	color: black;
}

.posProductDetailsFormDiv .posOrderPromoCodeDiv {
	margin-top: 30px;
}

.posProductDetailsFormDiv .posOrderPromoCodeDiv div {
    width: auto;
    display: table-cell;
    padding: 3px 0 3px 0;
    font-size: 16px;
}

.posProductDetailsFormDiv .posOrderPromoCodeDiv span {
	font-size: 90%;
}

.posProductDetailsFormDiv .posOrderPromoCodeDiv input {
	width: 238px;
    margin-left: 10px;
}

.posProductDetailsQtySpan {
	margin-left: 20px;
}

.posProductDetailsDDDiv {
	margin-top: 30px;
	margin-right: 16px;
	border-radius: 6px;
}

.posProductBtnDiv.btn{
	position: relative;
}

.multipleInvOpts{
	border: solid 1px #ced1d3;
    border-radius: 10px;
    padding: 20px;
}

.multipleInvOpts a{
	font-size: 14px;
}

.multipleInvOpts .prdTitle{
	font-size: 16px;
	font-weight: bold;
}

.multipleInvOpts .prdInfo{
	margin: 10px 0 20px 0;
	font-size: 14px;
}
.multipleInvOpts button.addInvOpt {
    font-size: 14px;
    margin: 20px auto 0 auto;
    width: fit-content;
    height: auto;
    padding: 8px 14px;
}

.invOptItem select{
	height: 34px !important;
	margin-bottom: 0 !important;
	background: none;
	border: 1px solid #AAB4B8;
}

.invOptItem input[type=number]{
	width: 70px;
	margin-left: 0 !important;
}

.invOptItem div.invOptField{
	display: inline-grid;
}
.invOptItem div.invOptField.invOptPrice{
	width: 70px;
	vertical-align: -30px;
	text-align: right;
	overflow: auto;
	font-size: 90%;
}
.invOptItem div.invOptField.rem{
	vertical-align: -30px;
}
.invOptItem div.invOptField label{
	margin: 5px 0;
	font-size: 14px;
}
.invOptItem .stockqty{
	display: block;
	clear: both;
	font-size: 14px;
	margin: 6px 0;
}
.remInvOpt{
	margin-left: 10px;
}

.btnDivClick{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

#invoptsreq{
	margin-top: 30px;
}


.posProductDetailsDDDiv select option:disabled {
	color: #c1c1c1;
	font-weight: 300;
}

.posProductDetailsDDDiv select, .posProductDetailsDDDiv label, .posProductDetailsForm {
	clear: both;
	float: left;
}

.posProductDetailsDDDiv select {
	margin-bottom: 20px;
	min-width: 200px;
}

.posProductDetailsForm, #posDetailsForm .posProductDetailsAddress, .posProductDetailsForm, #tourAvailForm .posProductDifferentAddress {
	margin-top: 30px;
}

#shoppingCartForm .posProductDetailsAddress {
	padding: 4px 0;
}
.guest.posProductDetailsAddress {
	margin-bottom: 20px;
}
.edit.guest.posProductDetailsAddress{
	color: #c1c1c1;
}

.edit.guest.posProductDetailsAddress span.bold{
	color: #000;
}

.submissiondiv {	margin-top: 40px;}
.posProductBtnDiv {
	clear: both;
}
.posProductDetailsForm label.extra {
    float: left;
    margin-top: 2px;
    font-size: 16px;
    margin-right: 20px;
}

.posProductDetailsForm .attributeField{
	display: table-row;
}

.posProductDetailsForm .attributeField label.extra {
	margin: 0px;
}

.posProductDetailsForm .attributeField div{
	width: auto;
	min-width: 230px;
	vertical-align: top;
}
.posProductDetailsForm .attributesTable.variant.secpass .attributeField{
	height: 70px;
}
.posProductDetailsForm .attributesTable.variant.secpass.verified .attributeField{
	height: 40px;
}
.posProductDetailsForm .attributesTable.variant.secpass.verified .fieldInputDiv input,
.posProductDetailsForm .attributesTable.variant.secpass.verified .requiredMarker,
.posProductDetailsForm .attributesTable.variant.secpass.verified .fieldInputDiv .extra,
.posProductDetailsForm .attributesTable.variant.secpass.verified #seccPassWarning,
.posProductDetailsForm .attributesTable.variant.secpass.verified #seccPassError,
.posProductDetailsForm .attributesTable.variant.secpass.verified .btnDiv{
	display: none;
}
.posDetailsAttributesDiv {
	margin-top: 30px;
	margin-bottom: 20px;
}
.posDetailsAttributesInfoDiv {
	margin-bottom: 10px;
}

.posProductDetailsForm .attributeTable {
	margin-top: 20px;	
}

.posProductsSectionDiv .posProductBoxNameDiv .description {
	font-size: 11px;
	font-weight: normal;
	margin-top: 5px;
	max-height: 50px;
}

.posProductsSectionDiv .posProductBoxPriceDiv {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 26px;
	margin-left: 5%;
}
.posProductsSectionDiv div.campingupsellselector .posProductBoxPriceDiv {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 20px;
	margin-left: 0px;
}
.posProductsSectionDiv .posProductBoxPriceDiv span {
	font-size: 16px;
}

.posProductsSectionDiv .posProductLink {
	margin-bottom: 10px;
	padding: 0px;
}

.posProductsSectionDiv .posProductLink a {
	width: 95% !important;
	font-size: 16px !important;
	padding: 8px 5px 6px 6px !important;
}
.posProductsSectionDiv div.campingupsellselector .posProductLink a {
	padding: 10px 6px 4px 6px !important;
}

.posProductsSectionDiv .posProductsSeparator {
  border-bottom: 1px solid #bababa;
  margin-bottom: 20px;
}

.posProductsSectionDiv .posProductsNone {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  margin-left: 10px;
}

#posproductspage #page, #posproductspage #pagearea {
  background-color: #f1f1f1;
  padding-left: 0px;
  padding-right: 0px;
}

.posProductDetailsHeaderDiv {
	margin-top: 30px;
	margin-bottom: 15px;
}
.posProductDetailsDiv span#posProductPriceSpan {
  font-size: 26px;
}
.posProductDetailsDiv {
	margin-left: 10px;
}

.posProductDescrDiv {
	font-size: 14px;	
	width: 100%;
	float: left;
	clear: both;
}

.posProductDetailsForm .guestaddr {width: 100%;}

.posProductPriceDiv {
	text-align: left;
	margin-top: 30px;
	float: left;
	clear: both;
}
.posProductPriceDiv span {
	font-weight: bold;
	font-size: 16px;
	margin-left: 5px;
}
.posProductPriceDiv div {
	font-size: 16px;
}

.posProductDetailsFormDiv {
	width: 100%;
	float: left;
}

.posProductDetailsInfoDiv {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.posProductDetailsLoyaltyMsg {
	margin-top: 10px;
	font-weight: bold;
}

.posProductDetailsStock.in {
	color: green;
	font-weight: bold;
}
.posProductDetailsStock.out {
	color: red;
}

#renewalInfoDiv .passInfo{
	margin-top: 15px;
}

#renewalInfoDiv div.willNotReceiveNewCardMsg{
	margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}

#renewalInfoDiv div.willNotReceiveNewCardMsg span.fa{
	display: block;
    float: left;
    margin-right: 5px;
    font-size: 20px;
}

#renewalInfoDiv .sendNewCard input{
	float: left;
    display: block;
    margin-top: 5px;
    margin-right: 5px;
}

#renewalInfoDiv .sendNewCard input, #renewalInfoDiv .sendNewCard label{
	cursor: pointer;
}

#renewalInfoDiv .sendNewCard label{
	line-height: 24px;
}

#renewalInfoDiv div[id*="renewalSecPassInfoDiv"]{
	margin-top: 10px;
	margin-right: 10px;
	background: #F8F8F8;
}

#renewalInfoDiv  div.secPassInfo{
	background: #e58d08;
    color: white;
    padding: 5px;
    min-height: 24px;
    cursor: pointer;
}
#renewalInfoDiv #renewalSecPassInfoDivSelected div.secPassInfo{
	background: #E3E3E3;
    color: black;
}
#renewalInfoDiv  div.secPassInfo span:nth-of-type(1), #renewalInfoDiv  div.secPassInfo .secpassmsglabl{
    margin-right: 20px;
    display: block;
    float: left;
    margin-top: 2px;
}

#renewalInfoDiv  .secPassInfo span.fa {
    font-size: 20px;
    float: right;
}

#renewalInfoDiv div.secPassInfoDetails{
	padding: 10px;
}

#renewalInfoDiv div.secPassInfoDetails .posProductBtnDiv{
	margin-top: 0px;
}

#renewalInfoDiv div.secPassInfoDetails .posProductBtnDiv button{
	width: auto;
    height: auto;
    padding: 5px 20px;
    font-size: 14px;
}

#renewalInfoDiv div.secPassInfoDetails .posProductBtnDiv button:nth-of-type(2){
	margin-left: 10px;
}
#renewalInfoDiv	+ div.posProductDetailsForm .posProductBtnDiv{
	margin-top: 0px;
	margin-right: 10px;
}

.posProductDetailsForm{
	width: 100%
}

.posProductBtnDiv #btncancelchange {
	width: 200px;
	color: #163154;
	background-color: #FFF;
	background-image: linear-gradient(to bottom, #FFF, #FFF);
	border: 1px solid #163154;
}
.posProductBtnDiv #btncancelchange:hover {
	color: #fff;
}

div#posProductDetailsDiv span#posProductPriceSpan {
    display: inline-block;
}

@media (max-width: 767px) {
  .posProductDetailsForm {
    width: 100%;
  }	
  .posProductDetailsDiv{
  	margin: 0 7px 0 3px!important;
  }
  .invOptItem div.invOptField.invOptPrice{
	 margin: 30px 10px 0 0;
  }
  .invOptItem div.invOptField.qty,
  .invOptItem div.invOptField.invOptPrice,
  .invOptItem div.invOptField.rem{
      width: 33%;
  }
  .invOptItem .invAttrValue.invOptField{
  	margin-top: 10px;
	width: 100%;
  }
  .invOptItem .invOptField.rem{
	text-align: right;
  }  

	.posProductsContainer {justify-content: space-around;}
  .posProductsSectionDiv .posProductBox, .posProductsSectionDiv .posProductBox2 {
    width: 279px;
  }
  
  div.proceedtocartdiv {
  	margin-top: 15px;
  	margin-left: 5px;
  }
  
  .posProductsSectionDiv .posProductBox, .posProductsSectionDiv .posProductBox.nomargin {float: none; clear: both; margin: 0 auto 10px auto;}
  .addOnBody {margin: 20px 10px;}
  .posProductsHeaderDiv, .posProductsFooterDiv {margin: 0 10px;}
  div.posProductLink a.proceedtocart {margin: 10px;}
  .check_avail_panel.posProductLink {text-align: center;}
  
  #shoppingCartForm .posProductDetailsAddress {
  	clear: both;
  }
  
  #renewalInfoDiv div.secPassInfo {
	    padding-bottom: 20px;
  }

  #renewalInfoDiv .secPassInfo span.fa {
		position: absolute;
		display: inline;
		margin-left: -15px;
		margin-top: 8px;
  }
  .posProductDetailsForm #btnbookdates, #renewalInfoDiv div.secPassInfoDetails .posProductBtnDiv button{
	width: 100%;
  }
  
  #renewalInfoDiv div.secPassInfoDetails .posProductBtnDiv button:nth-of-type(2), .changeShippingAddrContainer.prdDetails .btn_orange.grey {
    margin-left: 0px;
  }
  .posProductBtnDiv #finishandcontinue, .posProductBtnDiv #btnbookdates, .posProductBtnDiv #btncancelchange, .changeShippingAddrContainer.prdDetails .btn_orange, .changeShippingAddrContainer.prdDetails .btn_orange.grey {
  	width: 95%;
  }
 
 .shipDetailsTitle, .posProductDescrDiv {
	width: 95% !important;
  }
  .posProductsSectionDiv .posProductBox2.fakebox {display: none;}
}

div.tabledef{
	margin: 10px 0 0 0;
	padding: 3px;
}

div.tabledef{
	width: auto;
	background-color: #F8F8F8;
}

div.tabledef dt{
	width: 200px;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
    display: inline-block;
    margin: 3px;
}

div.tabledef dd{
	border: 1px solid;
	width: 300px;
	background-color: #FFF;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    margin: 3px;
}

body#eventdetails .statusMessage,
body#eventdetails .footNote{
	font-weight: bold;
}

div.display.EXPIRED div.footNote{
   color: #f22;
}

body#eventdetails div#pagearea{
	margin-top: 26px;
}

.btn button:disabled, #btnDiv button:disabled, #btnDiv button:disabled:hover, .btn button:disabled:hover, #lookupbutton button:disabled, #lookupbutton button:disabled:hover, #facilityDetailsSingleColumn .addItineraryBtn:disabled, #facilityDetailsSingleColumn .addItineraryBtn:disabled:hover,
#sendpwdbtn button:disabled, #sendpwdbtn button:disabled:hover, #checkoutCartForm #continuebutton button:disabled, #checkoutCartForm #continuebutton button:disabled:hover, #btnValidExchangeFromPass:disabled, #btnValidExchangeFromPass:disabled:hover{
  background-color: var(--gray_color_200, #c1c1c1) !important;
  background-image: none !important;
  color: var(--gray_color_400, #000) !important;
  cursor: default !important;
}

div.subLevel1 {
    text-indent: 15px;
}

div.subLevel2 {
    text-indent: 30px;
}

.tableDisplay {
  display: inline-block;
  vertical-align: text-top;
}

.tableDisplay .col {
  display: table-cell;
}

.tableDisplay .pad {
  padding-left: 5px;
}


/*Hourly sites*/

.tbitems {width: 100%; display: table;}
.tbitems .tbdata {width: 12.5%;}
#csitecalendar .tbitems div.thead {background-color: #fff;}
#csitecalendar .tbitems div.thead.first {padding-left: 12%;}
.tbitems .br div.td {
	margin: 0; 
	padding: 0; 
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top: 0; 
	border-bottom: 0; 
	border-right: 1px solid #c1c1c1;
}
.tbitems .br.top {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top: 1px solid #c1c1c1; 
	border-bottom: 1px solid #c1c1c1;
} 
.tbitems div.gridtime, .tbitems div.td.gridtime {
	position:relative;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom: 1px dotted #8d7c6b;
	vertical-align: bottom;
}

.tbitems div.gridtime span{
  font-size: 10px;
  color: #000;
	position: relative;
/*   top: 10px;   */
}
#hourlyArvDate span.extra {color: #000;}
.tbitems .dayhd{
	padding: 3px 0;
	color: #7A6654;
}

.tbitems .targetdate .dayhd{
	font-weight: bold;
}

.tbitems .th.tbtimes{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px dotted #8d7c6b;
}

.tbitems tbody td{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-right: 1px solid #c1c1c1;
}

.tbitems .weeknav{
	padding: 10px 0;
}


.tbitems .weeknav a {
	color: #65a547;
	font-weight: bold;
}

.tbitems .weeknav.month{
	text-align: center;
	color: #796655;
	font-weight: bold;
}

.tbitems .weeknav.week2{
	text-align: right;
}

.tbitems .tblayout{
	z-index:10;
	width: 100%;
	background-color: #f1efe2;
}

.tbitems .tblock{
	display: table;
	width: 90%;
    margin: 0 auto;
	height: 100%;
	color: #fff;
}

.tbitems .tblock .availInfo{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.tbitems .tblock.avail{
	background-color: #D0D5DD;
	color: #113d62;
}

.tbitems .tblock.avail div.resmarker{
	width: 100%;
	text-align: center;
}

.tbitems .targetdate .tblock.avail{
	background-color: #173154;
	color: #fff;
}

.tbitems .tblock.avail .availInfo{
	font-size: 10px;
	font-weight: 600;
}

.tbitems .tblock.unavail{
	background-color: #d8d6cb;
}

.tbitems .tblock.unavail .availInfo{
	font-size: 14px;
}

.tbitems .tblock.avail.slctd{
	background-color: #fac613;
	color: #000;
}

.tbitems .dayhd,
.tbitems .gridcell{
	background-color: #f1efe2;
	cursor: pointer;
}

.tbitems.multiday .dayhd{
	cursor: auto;
}

.tbitems .gridcell, .tbitems .gridtime {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom:1px dotted #8d7c6b;
}

.tbitems .dayhd.targetdate,
.tbitems .tbdata.targetdate .gridcell,
.tbitems .dayhd.inactv,
.tbitems .gridcell.inactv{
	cursor: default !important;
}

.tbitems .tbday.sat .dayhd,
.tbitems .tbday.sun .dayhd{
	background-color: #CEE1EA !important;
	color: #000;
}

.tbitems .targetdate.dayhd{
   font-weight: bold;
}
.tbitems .targetdate.dayhd, .tbitems .td.targetdate.dayhd, .tbitems .targetdate.tbdata,
.tbitems .td.targetdate.tbdata{
	background-color: #f1efe2;
	color: #000;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

.tbitems .td.targetdate.dayhd{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top: 1px solid #000;
}
.tbitems .td.tbdata.gridtime{border-bottom: 1px solid #f1efe2;}
.tbitems .td.targetdate.tbdata.gridtime {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-top: 1px solid #000;
	border-bottom: 0;
}
.tbitems .td.targetdate.tbdata{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom: 1px solid #000;
}

.tbitems .targetdate .gridcell {
	background-color: #f1efe2;
	color: #000;
}

.confrmslctdtblk .ui-dialog-titlebar{
	background: none;
	border: none !important;
}
.confrmslctdtblk.mhr .ui-dialog-titlebar{
	display: none !important;
}

.confrmslctdtblk h3{
	font-size: 18px;
}

.confrmslctdtblk div{
	border: none !important;
}

.confrmslctdtblk .dialogcontent{
	margin: 10px 0 0 0;
	padding: 20px 0 30px 0;
	border-top: 1px solid #bbb !important;
	border-bottom: 1px solid #bbb !important;
	font-size: 14px !important;
}
.confrmslctdtblk a.ui-dialog-titlebar-close:hover{
	background: none;
	border: none !important;
}

.confrmslctdtblk .ui-dialog-buttonpane{
	text-align: center;
	margin-top: 0 !important;
	padding: 0 0.5em 0.5em 0.5em;
}

.confrmslctdtblk .ui-dialog-buttonset{
	float: right !important;
}

.confrmslctdtblk button:first-child{
	background: none;
	background-color: #fff;
	color: #0e2447;
	border-color: #0e2447;
}

.confrmslctdtblk button:last-child{
	background: none;
	background-color: #4166a3;
	color: #fff;
}
.confrmslctdtblk button.ui-dialog-titlebar-close{
	background-color: inherit !important;
}
.confrmslctdtblk.mhr button.ui-dialog-titlebar-close{
	display: none;
}
.confrmslctdtblk button:last-child:hover{
	background-color: #4166a3;
}

@media (min-width: 768px) {
	.confrmslctdtblk {
		width: 400px !important;
	}
}

@media (max-width: 767px) {

	#chourlysitedetailspage #csitecalendar{
		padding: 0;
	}

	 #chourlysitedetailspage #colsidebar{
		display: none;
	}
	
	.tbitems .tbdata {
	  width: 25%;
	}
	#csitecalendar .tbitems div.thead.first {padding-left: 24%;}
	.confrmslctdtbl{
		width: 100%;
	}
	
	.siteDetailswrapper{
		margin-top: 10px;
	}
	
	#chourlysitedetailspage #sitedetail .detail li {
		width: 100%;
	}
	
	.posProductDetailsImgDiv .posProductBoxImg img {
		height: 200px;
		max-height: 200px;
	}
}

#timeblocksTip{
	margin:8px;
	padding:8px;
	border:1px solid blue;
	position: absolute;
	background: #fff;
	z-index: 2;
}

#timeblocksTip .tipTitle{
 font-style: italic;
 font-weight: bold;
  padding: 2px;
}

#timeblocksTip .tipContent{
	padding: 2px 3px;
}
.subtotal{
	padding-top:2px;
}

.timeblocks{
	display: table-cell;
	width: fit-content;
	padding: 0 0 6px 4px !important;
}

.text.idetails.tbsbottom .timeblocks{
	padding-top: 4px !important;
}
#campnamearea .timeblocks{
	padding: 10px 0px !important;
}
.timeblocks .tbinfo{
	cursor: pointer;
	width: auto;
	font-size: 9pt;
}
.timeblock.sec{
	display: block;
	border-bottom: 1px solid #bbb;
	float: left;
    clear: both;
    width: 100%;
    padding: 4px 0 !important;	
}
.timeblock.sec:first-child{
	padding-top: 0 !important;
}
.timeblock.sec:last-child{
	border: none;
}
.timeblock.date,
.timeblock.label{
   min-width: 90px;
   float: left;
   clear:left;
}
.timeblock.label.empty{
	height: 2px;
}
.timeblock.item{
	float: left;
	padding-left: 4px;
}
.consecnote{
	clear: both;
	display: block;
}
.timeblock.label,
.timeblock.item{
	display: table-cell;
	font-size: 9pt;
}
.timeblock.item{
	width: auto !important;	
}
.timeblock.item ul>li{
	font-size: 9pt;
}
.timeblock.item li span.group{
	font-size: 9pt;
	width: auto !important;
	margin-bottom: 0 !important;
}

.timeblock.item li span.consecnote{
	font-size: 9pt;
}
 div.resvSummaryInfo .timeblocks div{
 	font-size: 9pt !important;
 }
.cartTimeblockInfo .timeblock.item,
.cartTimeblockInfo .timeblock.label{
	float: none;
}

.cartTimeblockInfo > span,
.cartTimeblockInfo > ul{
	display: table-cell;
}

.cartTimeblockInfo .timeblock.item li span.group{
	font-size: 9pt;
	white-space: nowrap;
}

.timeblock.item li span.elem{
	font-size: 9pt;
	color: #606060;
	margin: 0 12px;
	white-space: nowrap;
}

#validatebtn button, #homevalidatebtn button {
    height: 35px;
    float:left;
    margin: 8px 0;
}

@media (max-width: 767px) {
	#validatebtn button, #homevalidatebtn button{
		width:94% !important;
	}
	.sortResvDiv #sortResvDD {
		margin-right: 5px;
	}
}

@media (max-width: 767px) {
	div#stateAddressGrp label, div#countryAddressGrp label, div#countyAddressGrp label, 
	div#streetAddressLine2Grp label, div#zipAddressGrp label, div#cityAddressGrp label, div#streetAddressGrp label,
	div#homeStateAddressGrp label, div#homeCountryAddressGrp label, div#homeCountyAddressGrp label, 
	div#homeStreetAddressLine2Grp label, div#homeZipAddressGrp label, div#homeCityAddressGrp label, div#homeStreetAddressGrp label{
	padding-left:10px;
	}	
}
.missingdatavalidatebtn{
	margin-top:15px;
}

.melissawidth{
	width:100%;
}
.changeShippingAddressOptions .melissawidth{
	width:auto;
}

.orddetails .campinfo {
	margin-bottom: 3px !important;
}

#missingdatavalidatebtn, #missingdatahomevalidatebtn{
	margin-top: 15px;
}

#passesList .itemDiv {
 position: relative;
}

#passesList .rightColDiv {
 position: absolute;
  right: 0px;
  top: 0px;
}

#passesList .feePrice {
  font-size: 8pt;
}

#passesList .primaryPassDiv{
  margin-left: 20px;
  font-style: italic;
}

#passesList .blankLine{
  font-size: 0;
  margin-bottom: 14px !important;
}

#passesList .cantRenewMsg{
  margin-bottom: 14px;
  display: table;
}

#passesList .cantRenewMsg span{
  display: table-cell;
  vertical-align: middle;
}

#passesList .cantRenewMsg span:first-child{
  font-size: 20px;
}

#passesList .details{
  margin-top: 2px;
  margin-bottom: 2px;
}

#passesList .replacepass, #passesList .secondarypass, #passesList .exchangepass {
  background-color: #fff;;
  background: linear-gradient(to bottom,#fff 0,#fff 100%);
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #fff, #fff);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #fff, #fff);
  /* IE 10 */
  background: -ms-linear-gradient(top, #fff, #fff);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #fff, #fff);
  FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ffffff);
  border: 1px solid #000;
  color:#1C7D58;
}

#passesList .replacepass:hover, #passesList .secondarypass:hover, #renewalInfoDiv #noThanksBtn:hover, #passesList .exchangepass:hover{
  color: #000;
}

.rightColDiv a.replacepass,
.rightColDiv a.renewpass,
.rightColDiv a.secondarypass,
.rightColDiv a.exchangepass {
    font-size: 100% !important;
    width: 100px;
    height: 16px;
    display: block;
    float: right;
    padding: 4px 12px;
    min-height: 16px;
}
.rightColDiv a.secondarypass {
    width: 170px;
}

.sortResvDiv {
	text-align: right;
	margin: 0 0 5px 0;
}

.sortResvDiv #sortResvDD {
	margin-left: 10px;
	padding: 4px;
}

@media (max-width: 767px) {
 #passesList .rightColDiv {
   position: static;
   right: auto;
   top: auto;
 }
 .rightColDiv a.replacepass,
 .rightColDiv a.renewpass,
 .rightColDiv a.secondarypass,
 .rightColDiv a.exchangepass {
    width: calc(100% - 20px);
    margin-left: -5px;
 }
}

.lookupInstructionalText {
	margin-top: 15px;
}

#lookupIdentifiersGroup div.r {
	padding: 5px 0 0 0;
}
#lookupIdentifiersGroup div.sgrps .attrs {
	margin-bottom: 10px;
}

#lookupIdentifiersGroup div.sgrps.collapsible, #lookupIdentifiersGroup div.attrs.collapsible, #lookupIdentifiersGroup .group.collapsible, #lookupIdentifiersGroup div.supercollapsible {
	display: none;
}

#reserveworld-username, #tpwd-id, #pass-number, #reservation-number {
	margin-top: 5px;
}

@media (max-width: 767px) {
	.lookupInstructionalText {
		margin-left: 10px;
		margin-right: 5px;
	}
	.formrow_wrapper, #lookupIdentifiersGroup {
		margin-left: 7px;
	}
	.addressSingleSectionDiv {
		margin-top: 40px;
	}
}

.existAcct, .zipCodeBox, .phoneDigits{
	margin: 12px 0;
}

.confQuest {
	margin: 20px 0 5px 0;
}

.groupFieldTitle{
	margin: 10px 0 3px 0;
}

.promoGrp{
	margin: 20px 0 0 0;
}

.createAcctGrp .group_errors{
	margin-top: 20px;
}

form.mainform #state, form.mainform #homeState {
	min-width: 204px;
}

span.avNotifLnk{
	margin-left: -30px;
}

.addressSingleSectionDiv {
	background-color: #f4f4f4;
	width: 100%;
}
.addressSingleSectionDiv .addressSingleSection {
	padding: 10px;
	margin-bottom: 5px;
}
.addressSingleSectionDiv .addressSingleSectionText {
	padding: 0 10px 10px 10px;
	margin-bottom: 5px;
}

.addressSingleSectionInfo {
	margin-bottom: 3px;
}

.addressSingleSectionSpan {
	font-family: var(--font_family_sbold);
	font-size: 12px;
}
.addressSingleSectionSpan .addressSingleSectionNameSpan {
  font-weight: bold;
}

.tpattr .tpaname{
	margin: 5px 0 0 0;
}

.tpattr .tpavalue{
	margin: 0 0 0 5px;
	font-weight: bold;
}
/* handle background within UWP */

#articlePage #page, #articlesPage #page {
    background-repeat: no-repeat;
    width: 100%;
    background-position: 0 120px;
    background-size:contain;
    width: 100% !important;
}

/* new template */
#articlePage body, #articlesPage body {
	margin:0;
}

/* POS filters */
.webPOSFiltersDiv {
	padding-top: 15px;
	padding-bottom: 5px;
} 
.webPOSFiltersDiv select {
	width: 200px;
	float: left;
	margin-right: 10px;
}
.webPOSFiltersDiv .label {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin-right: 20px;
	padding-top: 3px;
}

/*******************************************************/
/* Wrapper
/*******************************************************/

.acm-article{font-size:14px;line-height:1.6;color:#333333;}
.acm-article *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.acm-article a{color:#2589c7;text-decoration:none;}
.acm-article a:hover{text-decoration:none;}
.acm-article p{margin:0 0 1.5em 0;}
.acm-article img{max-width:100%;height:inherit}

/*******************************************************/
/* Content Area
/*******************************************************/

.acm-article-contentarea{width:1024px;margin:0 auto;background:#fff;padding:15px 36px;}
.acm-article-contentarea.new-article {padding: 15px 20px 0 0;}
.acm-article-content .acm-article-main {width: 70%; float: left;}
.acm-article-content .acm-article-panel {width: 30%; float: left;}
.acm-article-content .acm-article-panel.mr {padding-left: 20px;}
.acm-article-content .acm-article-panel.ml {padding-right: 20px;}

.acm-article-heading{border-bottom:1px solid #E2E2E2;margin:0 0 35px 0;padding:0 0 15px 0}
.acm-article-path{font-size:12px;color:#f8a402}
.acm-article-path.hiddeBreadCrumb {display: none;}
h1.acm-article-title{font-size:32px;line-height:1.2;color:#000;margin:7px 0 7px 0;font-family: var(--font_family_bold);}
.acm-article-subtitle{font-style:italic;font-size:14px;margin:0 0 10px 0}

.acm-article-share{vertical-align:middle}
.acm-article-share h4 {margin: 10px 0 5px 0; font-size: 14px;font-weight: bold;}
.acm-article-share .acm-article-like{margin:0 0 20px 0;width:100%;overflow:hidden}

.acm-article-share a{display:inline-block;width:29px;height:29px;background-size:cover;background-repeat:no-repeat;margin:0 2px 0 0;font-size:28px;vertical-align:middle}
.acm-article-share a.acm-article-share-icon-facebook{background: url(/images/social/icon-facebook.png)}
.acm-article-share a.acm-article-share-icon-googleplus{background: url(/images/social/icon-googleplus.png)}
.acm-article-share a.acm-article-share-icon-twitter{background: url(/images/social/icon-twitter.png)}
.acm-article-share a.acm-article-share-icon-share{background: url(/images/social/icon-share.png)}

.new-article-share h4 {margin: 5px 10px 5px 0; float: left;}

a.acm-article-button{display:inline-block;font-size:12px;font-family: var(--font_family_bold);border-radius:4px;background:#FFBE27;padding:4px 8px;color:#000}


/*******************************************************/
/* Content
/*******************************************************/
div.unifSearchHorizontal #progressBar, div.unifSearchHorizontal #progressBar div, div.unifSearchHorizontal #inlineProgressBar, div.unifSearchHorizontal #inlineProgressBar div {height: 15px;}
#articlePage #acm-search {position: relative;}
#articlePage #acm-search .loading {height: 10px;}
#articlePage #acm-search .loading img {vertical-align: top;} 
#articlePage #acm-search h4 {margin: 0;}
#articlePage #acm-search .unifSearchHorizontal #locationCriteria {width: 250px !important; height: 35px; margin-right: 5px;}
#articlePage #acm-search #btnDiv, #location_section {display: table-cell;vertical-align: top;}
#articlePage #acm-search .unifSearchHorizontal #btnDiv button {width: auto; height: auto;  margin-top: 2px;}
#articlePage #acm-search #btnDiv button img {height: auto;}
#articlePage #acm-search .progBarWrapper h2 {font-size: 14px; color: #e68b06; margin: 0; padding: 0;  border: none;}
#articlePage #acm-search .unifSearch form {width: 300px;} 
#articlePage #acm-search .label {color: #423416;}

.acm-article-content{width:630px;float:left;margin:0 22px 0 0}
.acm-article-content h2{font-size:16px;margin:30px 0 5px 0;font-size: 16px;font-family: var(--font_family_bold);color: #333333;}
.acm-article-content h3{font-size:15px;margin:40px 0 2px 0;color:#666666;font-weight:normal}
.acm-article p {font-size:14px !important;}
.acm-article-summary{font-size:18px}

.acm-article .new-article.social .acm-article-content {border-bottom: 1px solid #E2E2E2; margin-bottom: 35px; padding-bottom: 10px;}

.acm-article-content.fw {width: 100%;}

.acm-article-photo{font-size:12px;color:#555555;margin:0 0 30px 0}

.acm-article-reservations{width:300px;float:right;margin:0 0 20px 30px}
.acm-article-reservations-heading{background:#EFEFEF;font-family: var(--font_family_bold);padding:7px 20px}
.acm-article-reservations ul{margin:0;padding:0px 20px;list-style:none;background:#F7F7F7;height:200px;overflow:auto}
.acm-article-reservations ul li{margin:0;padding:10px 0;clear:both;border-bottom:1px solid #E2E2E2;}
.acm-article-reservations ul li:before,.acm-article-reservations ul li:after {content: " ";display: table;}
.acm-article-reservations ul li:after {clear: both;}
.acm-article-reservations ul li .acm-article-feature-photo{width:95px;float:left;margin:0 10px 0 0}
.acm-article-reservations ul li .acm-article-feature-content{font-size:12px;line-height:1.2;}
.acm-article-reservations ul li .acm-article-feature-content .acm-article-button{margin-top:7px}

.acm-article-links{width:300px;float:right;margin:0 0 20px 30px}
.acm-article-links-heading{background:#EFEFEF;font-family: var(--font_family_bold);padding:7px 15px}
.acm-article-links ul{margin:0;padding:0px;list-style:none;background:#F7F7F7;}
.acm-article-links ul li{margin:0;padding:10px 20px;clear:both;border-bottom:1px solid #E2E2E2;}
.acm-article-links ul li:last-child{border:none;}

.acm-article blockquote.acm-article-pullquote{display:inline-block;font-weight:bold;font-size:16px;font-style:italic;width:300px;float:left;margin:0 30px 30px 0}
.acm-article blockquote.acm-article-pullquote p{margin:0}

.acm-article-explore-list{border-top:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2;}
.acm-article-explore-list ul{margin:0;padding:8px 0;list-style:none;}
.acm-article-explore-list ul li{margin:3px 30px 3px 0;padding:0;list-style:none;display:inline-block}

.acm-article-explore-location{background:#EFEFEF;padding:15px 15px}
.acm-article-explore-location h2:first-child{margin:0 0 15px 0}
.acm-article-explore-location *:last-child{margin-bottom:0}
.acm-article-explore-location .acm-article-photo.acm-article-photo.acm-article-photo-half{width:50%;float:left;padding:0 10px 0 0;}
.acm-article-explore-location .acm-article-photo.acm-article-photo.acm-article-photo-half img{width:100%;}
.acm-article-explore-location .acm-article-photo.acm-article-photo.acm-article-photo-half:nth-last-child(2){padding:0 0 0 10px;}


.acm-article-share-bottom{background:#EFEFEF;padding:7px 15px;margin:40px 0 0 0}
.acm-article-share-bottom strong{padding:0 10px 0 0}

/*******************************************************/
/* Column
/*******************************************************/

.acm-article-column{width:300px;float:left}

.acm-article-share-top{margin-bottom:0px}
.new-article-share {float: right; margin-right: 10px;}

.acm-article-column h2{color:#2589c7;margin:50px 0 15px 0;border-bottom:1px solid #e2e2e2;padding:0 0 10px 0;line-height:1.4;font-size: 21px;font-weight: bold;}
.acm-article-column h3{color:#000;margin:5px 0 5px 0;line-height:1.4}

.acm-article-column ul{margin:0 0 20px 0;padding:0;list-style:none}
.acm-article-column ul li{margin:0;padding:0;list-style:none}

.acm-article-inthisarea ul{margin:0;padding:0;list-style:none;}
.acm-article-inthisarea ul li{margin:0 0 15px 0;padding:0;clear:both;position:relative}
.acm-article-inthisarea ul li:last-child{margin-bottom:0}
.acm-article-inthisarea ul li .acm-article-feature-photo{font-size:0}
.acm-article-inthisarea ul li .acm-article-feature-content{font-size:15px;font-family: var(--font_family_bold);line-height:1.2;color:#fff;position:absolute;bottom:0;left:0;right:0;padding:15px;background: url(../images/caption-bg.png) bottom left repeat-x}
.acm-article-inthisarea ul li .acm-article-feature-content a{color:#fff}
.acm-article-inthisarea ul li .acm-article-feature-content .acm-article-button{margin-top:7px;color:#000}
.acm-article-inthisarea .acm-article-inthisarea-footer{text-align:right;font-size:13px;color:#0b3d1c;font-family: var(--font_family_bold);margin:5px 0 0 0}
.acm-article-inthisarea .acm-article-inthisarea-footer a{color:#0b3d1c}

.acm-article-tripideas ul{margin:0;padding:0;list-style:none;}
.acm-article-tripideas ul li{margin:0 0 15px 0;padding:0;clear:both;position:relative;background:#EFEFEF}
.acm-article-tripideas ul li:before,.acm-article-tripideas ul li:after {content: " ";display: table;}
.acm-article-tripideas ul li:after {clear: both;}
.acm-article-tripideas ul li:last-child{margin-bottom:0}
.acm-article-tripideas ul li .acm-article-feature-photo{font-size:0;width:115px;float:left;margin:0 10px 0 0}
.acm-article-tripideas ul li .acm-article-feature-content{font-size:14px;font-family: var(--font_family_bold);line-height:1.2;color:#000;float:left;width:100px;padding:12px 10px 12px 0px}
.acm-article-tripideas ul li .acm-article-feature-content a{color:#000}
.acm-article-tripideas .acm-article-tripideas-footer{text-align:right;font-size:13px;color:#0b3d1c;;font-family: var(--font_family_bold);margin:5px 0 0 0}
.acm-article-tripideas .acm-article-tripideas-footer a{color:#0b3d1c}

.acm-article-totop{text-align:right;margin:30px 0 0 0;position:fixed;width:960px;bottom:20px;right:20px}
.acm-article-totop a{display:inline-block;background:#888888;border-radius:3px;padding:7px 17px;font-size:15px;color:#fff;text-decoration:none;}

.acm-hero-image.hasCarousel {width: auto; height: 350px; vertical-align: middle; display: table-cell;} 
.acm-hero-image.hasCarousel #myGallery {display: inline-block;}
.acm-hero-image.hasCarousel #myGallery .item {overflow: hidden; }
.acm-hero-image.hasCarousel #myGallery .item-img {height: auto; width: 1004px !important;}
.acm-hero-image.hasCarousel .carousel-control {width: 20px; color: #FFF; opacity: .9; background-image: none;}
.acm-hero-image.hasCarousel .carousel-control:hover {filter: alpha(opacity=0); outline: 0; opacity: .9}
.acm-hero-image.hasCarousel .carousel-control .glyphicon-chevron-left, .acm-hero-image.hasCarousel .carousel-control .glyphicon-chevron-right {
	background-color: grey; opacity: 0.9; padding-top: 2px;
}

/*******************************************************/
/* Mobile
/*******************************************************/

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

.acm-article{background:none;}
.acm-article-contentarea{width:100%;padding:15px 10px;}
.acm-article-contentarea.new-article{padding: 15px 10px;}
.acm-article-content{width:auto;float:none;margin:0 0 15px 0}
.acm-article-column{width:auto;float:none;margin:0 0 15px 0}

.acm-article-content .acm-article-main, .acm-article-content .acm-article-panel {width: 100%;}
.acm-article-content .acm-article-panel.mr {padding-left: 0px;}
.acm-article-content .acm-article-panel.ml {padding-right: 0px;}

.acm-article-content.ml {display: flex; flex-direction:column-reverse;}
.acm-article .new-article img {height: auto !important;}

.acm-article-explore-list ul li{display:block;margin:3px 0px}


.acm-article-reservations{width:auto;float:none;margin:0 0 15px 0}
.acm-article-links{width:auto;float:none;margin:0 0 15px 0}
.acm-article blockquote.acm-article-pullquote{width:auto;float:none;margin:0 0 15px 0}
.acm-article-explore-location .acm-article-photo.acm-article-photo.acm-article-photo-half{width:auto;float:none;margin:0 0 15px 0;padding:0}
.acm-article-explore-location .acm-article-photo.acm-article-photo.acm-article-photo-half:nth-last-child(2){width:auto;float:none;margin:0 0 15px 0;padding:0}
ul li .acm-article-feature-photo img{width:100%;height:inherit}
.acm-article-totop{display:none}

.acm-hero-image.hasCarousel {height: 120px;}

}

div.marketingContainer {
    margin-left: 0 !important;
}

@media (min-width: 768px) {
	#articlesPage.owpLayout #pagearea, #articlePage.owpLayout #pagearea {
	    width: 1024px !important;
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}
	#facilityDetailsSingleColumn #facilityinfoContainer .sectiontitle { display: none; }
	#facilitydetailspage #facilityDetailsSingleColumn #facilityinfoContainer .sectioncontent{
	 display: block !important;
	}	
	#facilityDetailsSingleColumn .facilityDetailsCarouselDiv{ max-height: 350px;}
	#cgrounddetailspage #facilityDetailsSingleColumn{
		display: none;
	}
	
}

@media (max-width: 767px) {
  .acm-article-column > div:nth-child(2) {
    display: block !important;
  }
}

.acm-article-column > div {
	margin-bottom:15px;
}

.acm-article-content .carousel-control {
    height: 370px;
    width: auto;
}

@media only screen and (max-width: 414px) {
	.acm-article-content .carousel-control {
	   top: 0px;
     height: 60px;
	}
}

.acm-article-content .carousel-control {
	background-image:none;
	font-size: 150px;
	color:#fff;
	opacity: .6;
	padding-top: 50px;
}
.acm-article-content .carousel-control:hover {opacity: .9;}
.acm-article-content .carousel-control.left {margin-bottom: 0;}
.acm-article-content .carousel {
    max-width: 580px;
    margin-top: 20px;
}

.gallery-image {
    background: #333;
    height: 370px;
    max-width: 580px;
    width: 100% !important;
}

@media only screen and (max-width: 767px) {
  .gallery-image {height: 100%;}
}

.acm-article-content .carousel-control {display: none;}
.gallery-image .gallery-image-outer {
    display: table;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.gallery-image .gallery-image-inner {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}

.gallery-image .gallery-image-inner img {
    display: block;
    margin: auto;
/*     max-height: 370px; */
    max-width: 100%;
    width: auto;
}

#sitedetail3 li.entrancefeeitem{
   margin: 0 0 0 25px; 
   list-style-type: none;
}

#sitedetail3 li.entrancefeesubitem{
   margin: 0 0 0 40px; 
   list-style-type: none;
}

#sitedetail3 .discountComponentDiv {
   margin: 0 0 0 15px; 
}

table.tourCartSummary tr.spaceBrline.entrancefeerow td{
   border: none; 
}

table.tourCartSummary tr.spaceBrline td.entrancefeeitem{
   padding: 0;
}

table.tourCartSummary td.taxItemAmount, .subtaxItemCart{
   padding: 0;
}

table.tourCartSummary tr.spaceBrline td.entrancefeesubitem{
   padding: 0 0 0 30px; 
}

table.tourCartSummary tr.resMoneyCategory  td{
	font-weight: bold;
}
#entranceAvailability br {display: none;}

.posProducts-custom-object-fit {
  	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;  	
	background-size: contain;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
}

.posProducts-custom-object-fit img {
   	opacity: 0;
} 
.homeHide, .hideHero {
	display: none;
}

.hideCheckBox input[type="checkbox"]{
	display: none;
}
.hideCheckBox{
	padding-left: 10px;
}
.mapSubTabs {padding-top: 5px;}
.mapSubTabs label {vertical-align: top}
.mapSubTabs input.radio {margin-top: 1px;}
#csiterst .br a.book.now, #csitecalendar .br a.book.now {margin: 4px auto;}
div.gridFormButton {clear: both; padding-left: 5px; text-align:left;}
#entranceAvailability .permitAvailabilityTitle {background-color: #E3E3D5;}
#entranceAvailability .formHeader {background-color: #F8F8F8;}
#entranceAvailability br {display: none;}
#entranceAvailability .formHeader .compactoptions .extra {width: auto;}
#entranceAvailability #groupSizeDivId {padding: 0;}
#entranceAvailability input[type="text"] {margin-right: 0;}
#entranceAvailability .gridFormButton {display: none;}
#groupSizeDiv .personTypeInfo .money {width: 110px; text-align: right; margin-right: 0;}
#groupSizeDiv .personTypeInfo .xxs.quantity {width: 60px; padding: 0 5px;}

#photoToolPage .tabs.sub div.nav_tab {vertical-align: middle; white-space: normal; }
#photoToolPage button.all.regular {width: 13em; height: 3em; margin-top: 20px;}
div.displayorder {text-align: center; width: 60px;}
div.displayorder.wide {width: 130px; padding-top: 0;}
.paymentSummaryRow {
	margin-bottom: 40px;
	clear: both;
}
.paymentSummaryLeftCol {width: 47%; margin-left: 10px;}
.paymentSummaryLeftCol, .paymentSummaryRightCol {
	margin-bottom: 12px;
	float: left;
}	
.paymentSummaryRightCol .paymentSummaryItemValue.leftLg	{overflow-wrap: break-word;}
.paymentSummaryRightCol {
	width: 45%;
	margin-left: 30px;
	margin-bottom: 10px;
}
.paymentSummaryItemLabel {
	margin-bottom: 3px;
}
.paymentSummaryItemLabel.creditcard:before {
	font-family: FontAwesome, Sans-serif;
	content: "\f09d";
	margin-right: 5px;
}
.paymentSummaryItemValue {
	margin-bottom: 4px;
	margin-left: 15px;
	clear: both;
}
.paymentSummaryItemValue a {text-decoration: underline;}
.paymentSummaryItemValue.bold {
	font-weight: bold;
}
.paymentSummaryItemLabel.dollar:before {
	font-family: FontAwesome, Sans-serif;
	content: "\f155";
	margin-right: 5px;
}
.paymentSummaryItemValue.leftLg {
	margin-left: 20px;
	clear: both;
}
/*Melissa confirmation popup*/

.melissaConfirmationPopup, .siteIDErrorPopup {
	background-color: white;
	width: 600px;
	border-radius: 3px;
}
.melissaConfirmationPopup p, .siteIDErrorPopup p {
	margin: 0 !important;
}
.melissaConfirmationPopupTitle {
	padding-top: 20px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #b22f2f;
}
.melissaConfirmationPopupBody{
	padding: 20px 20px 10px 20px;
	color: #333333;
}
.melissaConfirmationPopupBody.info {
	margin-top: 0px;
	margin-bottom: 10px;
}
#melissaConfirmationAddressInfo h2 {
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#melissaConfirmationAddressInfo {
	padding: 0px 20px 20px 20px;
}
#melissaConfirmationAddressInfo h2 {
	color: #000;
}
.melissaConfirmationPopupButtons{
	padding-bottom: 20px;
}
#melissaConfirmationPopupWrap div.modalPopLite-wrapper, #siteIDErrorPopupWrap div.modalPopLite-wrapper {
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	position: fixed;
} 
#permitPopUpDivWrapper div.modalPopLite-wrapper {
	position: fixed;
}
.popupdialog div.confirmButton,
.popupdialog div.cancelButton,
.melissaConfirmationPopup div.confirmButton,
.melissaConfirmationPopup div.cancelButton {
	float: left;
	padding-top: 10px;
	height: 25px;
	width: 150px;
	margin-left: 20px;
}

#tripAddedToCartPopupPopupWrap.popupdialog div.confirmButton{
	float: right !important;	
}
#tripAddedToCartPopupPopupWrap.popupdialog div.cancelButton{
	float: none !important;
}

#tripAddedToCartPopupPopupTitle h1{
	display: none;
}

#tripAddedToCartPopupPopupTitle a{
	float: right;
}

/*End Melissa confirmation popup*/

.accessCodeSectionDiv {
	margin-left: 9px;
}
.accessCodeSectionDiv.DE {
	margin-left: 0px;
}
.accessCodeDiv {
	font-weight: bold;
	margin-top: 5px;
}
.accessCodeDiv.DE {
	margin-top: 10px;
}
.accessCodeDiv span {
	font-weight: normal;
	margin-left: 3px;
}
.accessCodeInfoDiv {
	padding-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
.accessCodeSectionLeftDiv, .accessCodeSectionRightDiv {
	width: 50%;
	float: left;
}

.siteIDErrorPopup .floatr {
	clear: both;
	padding: 10px 10px 0 0;
	cursor: pointer;
}
.siteIDErrorPopupText {margin: 20px; clear: both;}

@media (max-width: 767px) {
	.paymentSummaryLeftCol {
  		margin-left: 5px;
  	}
	.paymentSummaryRightCol {
		margin-left: 10px;
	}
	#differentAddrPopup .floatright{
		float: left;
	}
	#differentAddrPopup .fieldlbl {
		margin-top: 10px;
	}
	#webPOSSubcategoryFilter {
	    margin: 5px 0 0 59px;
	}
	.webPOSFiltersDiv{
		padding-left: 20px;
	}
	.specialInstructionsTitleDiv {
		display: inline-block;
		width: 100%;
	}
	.specialInstrTitle {
		margin-left: 5px;
		width: 90%;
	}
	#posSpecialInstructions_visible {
		margin-left: 5px;
		width: 95%;
	}
	
	#melissaConfirmationPopupWrap .modalPopLite-wrapper, #guestCheckoutPopupWrap .modalPopLite-wrapper, #siteIDErrorPopupWrap .modalPopLite-wrapper {
		width: 99%;
	}
	.melissaConfirmationPopup, .guestCheckoutPopup, .siteIDErrorPopup {
		width: auto !important;
	}
	.posProductDetailsForm .attributeField div {
		clear: both;
		float: left;
	}
	.posProductDetailsForm .attributesTable.variant.secpass .attributeField{
		height: 100px;
	}
	.posProductDetailsFormDiv .posOrderPromoCodeDiv input {
		width: auto;
	}
	.posProductDetailsFormDiv .posOrderPromoCodeDiv div {
		min-width: auto;
		width: auto;
	}
	#giftCards #giftCardsBanner {
		margin-top: 10px;
		width: 100%;
	}
	.guestCheckoutPopup .popupbuttons {float: none;}
	.guestCheckoutPopup div.continueButton, .guestCheckoutPopup div.cartButton {width: auto !important;}
	.guestCheckoutPopup .gcPopupInfoImg {max-width: 50%;}
	.guestCheckoutPopup .gcPopupInfoDiv {max-width: 40%;}
}

#mark_page .container {padding: 0;}
#ormsuserpanel {
  background-color: #f1f1f1 !important;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  padding: 5px;
  color: #666;
  margin-bottom: 10px;
}
#ormsuserpanel a:link, #ormsuserpanel a:visited {color: #666;}
#ormsuserpanel.usearch_results_header {float: none;}

/* Facility Transfer Flow */
.facilityTransferBanner {background-color: #E3E3D5; padding: 10px; margin-bottom: 5px;}
.facilityTransferBanner .title {font-size: 24px;}
.content.btn .cancellnk {padding: 20px 0; width: 240px; text-align: center; font-size: 16px; font-weight: bold;}
@media (max-width: 767px) {
	.content.btn.transfer {margin-top: 10px !important;}
	.content.btn.transfer .floatl {float: none;}
	.content.btn .cancellnk {width: 100%;} 
	#confTransfDiffFac #pagetitle, #exitTransfDiffFac #pagetitle {text-align: center; margin-bottom: 10px;}
	#confTransfDiffFac #pagetitle h1, #exitTransfDiffFac #pagetitle h1 {margin: 0 !important;}
}


.unknownStroke {
  stroke: #fcfcd4;
  fill:#000;
}

.unknownLeaseColor {
  fill:#fcfcd4;
}

.unknownBoatColor {
  fill:#000;
}

.leaseText
{
  font-size: 6px;
  font-family: var(--font_family_sbold);
  font-weight: 600;
}
.changeShippingAddressTitleText {
	display: inline-block;
	width: 94%;
}
.overviewsection-titleDiv {
	display: none;
}
#overviewsection a, #overviewcontent a, .facility_view_description.all a, .facility_view_desc_detail a,.lookingForPermitTypeDescription a, #tripStatemenmt a {text-decoration: underline;}

/*Facility details redesign*/

#facilityDetailsSingleColumn .campgroundBulletin {background-image: none; margin-top: 10px;}
#facilityDetailsSingleColumn .facilityDetailsSingleColumnDiv { margin-top: 15px; }
#facilityDetailsSingleColumn .facilityNavigationLeft a:visited, #facilityDetailsSingleColumn .facilityNavigationLeft a:link,
#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv a:visited, #facilityDetailsSingleColumn .facilityDetailsTopInfoDiv a:link,
#facilityDetailsSingleColumn .nearbyParkInfoDiv a:visited, #facilityDetailsSingleColumn .nearbyParkInfoDiv a:link {color: var(--more-link-color); }
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv { margin-top: 5px; margin-bottom: 15px;}
#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv {color: #1c3e7c;}
#facilityDetailsSingleColumn #alertsContainer, #facilityDetailsSingleColumn .facilityDetailsInfoDiv, #facilityDetailsSingleColumn .facilityDetailsCardsDiv 
	{margin-top: 25px; clear: both;}
#facilityDetailsSingleColumn .facilityDetailsInfoDiv {margin-bottom: 15px; border-bottom: 2px solid #e7e7e7; overflow: hidden; border-radius: 5px;}
#facilityDetailsSingleColumn #alerts.sectiontitle, #facilityDetailsSingleColumn .content .msg.alertTitle { background-image: none !important; padding-left: 15px; 
	color: black; border-radius: 0px; }
#facilityDetailsSingleColumn .sectiontitle, #facilityDetailsSingleColumn .facilityDetailsInfoDiv { border-radius: 0px; background: none; }
#facilityDetailsSingleColumn .facilityDetailsInfoDiv .sectiontitle, #facilityDetailsSingleColumn #prdcontainer .sectiontitle {border: 1px solid #3A6C91; }
#facilityDetailsSingleColumn .facilityDetailsInfoDiv .sectiontitle:focus, #facilityDetailsSingleColumn #prdcontainer .sectiontitle:focus {outline-color: #3A6C91;}
#facilityDetailsSingleColumn .facilityDetailsInfoDiv .sectiontitle {font-size: 16px;}
#facilityDetailsSingleColumn #alertsContainer{background-color: #fbebc2;}
#facilityDetailsSingleColumn #alertsContainer .sectiontitle {border: 0px;}
#facilityDetailsSingleColumn .facilityDetailsSingleColumnDiv #morephotos {text-align: right; line-height: 21px;}
#facilityDetailsSingleColumn .facilityDetailsNearbyDiv.referral { display: inline-block; }
	
#facilityDetailsSingleColumn .facilityCard {
  background-color: white;
  border: 1px solid #d8d8d8;
  width: 27%;
  min-height: 125px;
  height: auto;
  padding: 8px;
  float: left;
  margin: 5px 0px 25px 13px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  position: relative;
}	
#facilityDetailsSingleColumn .facilityCardInfoTitleDiv {text-align: center; border-bottom: 2px solid #e7e7e7; margin-bottom: 10px; }
#facilityDetailsSingleColumn .facilityCardInfoTitleDiv h2 {font-size: 18px; font-weight: bold; margin-bottom: 5px;}
#facilityDetailsSingleColumn .check_avail_panel a.check_available {width: 96%;}
#facilityDetailsSingleColumn .facilityCardInfo {min-height: 80px; height: auto;}
#facilityDetailsSingleColumn .facilityCard.first {margin-left: 0px !important;}
#facilityDetailsSingleColumn .loadMoreDiv {margin-top: 20px; width: 100%;}
#facilityDetailsSingleColumn .loadMoreDiv a {margin: 0 auto;}
#facilityDetailsSingleColumn .facilityReferralsRow.hide, #facilityDetailsSingleColumn .loadMoreDiv.hide  {display: none;}
#facilityDetailsSingleColumn .facilityReferralsRow { display: flex; justify-content: normal; flex-wrap: wrap;}
#facilityDetailsSingleColumn .nearbyParkCard {  
  background-color: white;
  width: 32%;
  margin: 10px 0 25px 0;
  padding: 0.65%;
  position: relative;
  height: 204px;
}
#prdsecttitle{ margin-bottom: 25px; }
#facilityDetailsSingleColumn .nearbyParkCard img {width: 100%; height: 100%; cursor: pointer; border-radius: 5px; }

#facilityDetailsSingleColumn #prdcontainer {margin-top: 25px; margin-bottom: 15px; border-bottom: 2px solid #e7e7e7;}
#facilityDetailsSingleColumn .ussSubSection, #facilityDetailsSingleColumn #permitsSearch { background-color: #fff; border-radius: 0; box-shadow: 1px 1px 6px #666666; }
#facilityDetailsSingleColumn div.facilitySwitchBarCurrent { font-weight: normal; color: #000; font-size: 14px; margin-bottom: 10px;}
#facilityDetailsSingleColumn .facilitySwitchBarCategItem {float: left; border: 1px solid green; padding: 8px; margin-right: 10px; }
#facilityDetailsSingleColumn .facilitySwitchBarCategItem .fa {margin-right: 5px;}
#facilityDetailsSingleColumn .facilitySwitchBarCategItem a:visited, #facilityDetailsSingleColumn .facilitySwitchBarCategItem a:link {color: green; }
#facilityDetailsSingleColumn .facilitySwitchBarCategItem.selected {background-color: #FFAA00; color: #000; border: 1px solid #FFAA00; }
#facilityDetailsSingleColumn .content.first h2 {font-size: 14px !important; font-weight: bold;}
#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv #overviewsection { padding-left: 0; }
#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv #overviewsection.twocolumns {width: 66%;}
#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv #campgStatus {margin-bottom: 20px;}
#facilityDetailsSingleColumn .sectiontitle.mapoptions {color: #000; }

#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider { position: relative }
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider .slider-parent { padding: 0; display: flex }
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider .slider-parent .images-list { background-size: cover; margin: 0 auto; display: none; }
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider .slider-parent .images-list.first { display: block; }
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider .slider-parent .images-list img { max-width: 968px; max-height: 360px; }
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider > .fa { position: absolute; top: 42%; font-size: 40px;}
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider > .fa:first-of-type { right: 5px}
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider > .fa:last-of-type { left: 5px}
#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider .fa { text-shadow: 5px 5px 5px #555; cursor: pointer }

 #facilityDetailsSingleColumn #eventInfoSection {
     float: right;
     width: 32%;
     margin-bottom: 15px;
 }     
#facilityDetailsSingleColumn #eventInfoSection.legacy {margin-top: -48px;}
 #facilityDetailsSingleColumn #eventInfoSection > div{
     background: #FFFFFF;
     box-shadow: 0px 2px 8px rgb(0 0 0 / 8%);
     border-radius: 8px;
     padding: 3px 3px 15px;
 }

 #facilityDetailsSingleColumn  #eventInfoSection img.eventImage {
    max-width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    max-height: 200px;
    border-radius: 5px 5px 0 0;
 }
 #facilityDetailsSingleColumn #eventInfoSection .eventHeader {
     padding: 10px 13px;
     line-height: 29px;
     font-weight: bold;
     font-size: 24px;
 }
 #facilityDetailsSingleColumn #eventInfoSection .eventLinkCaption {
     padding: 0 13px;
     font-size: 16px;
     line-height: 19px;
 }
  #facilityDetailsSingleColumn  #eventInfoSection .eventCheckNow {
      padding: 10px 13px;
      font-size: 14px;
      line-height: 17px;
  }

@media (max-width: 767px) {
  #facilityDetailsSingleColumn .facilityDetailsTopInfoDiv {
     float: none;
     width: auto;
     padding-right: 0;
     margin-bottom: 0;
  }
  #facilityDetailsSingleColumn  #eventInfoSection {
      float: none;
      width: auto;
      margin-top: 20px;
      margin-bottom: 0;
  }
  #facilityDetailsSingleColumn #facilityinfoContainer{
      padding: 0 10px;
  }
  #facilityDetailsSingleColumn #facilityinfoContainer .sectioncontent{
      padding: 10px 0;
  }
	#facilityDetailsSingleColumn .facilityDetailsCarouselDiv {margin-top: 0; margin-bottom: 0;}
	#facilityDetailsSingleColumn .facilityDetailsSingleColumnDiv {margin-top: 0;} 
	#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv #overviewsection.twocolumns {width: 100%; margin-top: 0; float: none;}
	#facilityDetailsSingleColumn #eventInfoSection.legacy {margin-top: 20px;}
}




@media (max-width: 767px) {
	#facilityDetailsSingleColumn .campgroundBulletin {padding: 10px !important;}
	#facilityDetailsSingleColumn .campgroundBulletin div {padding: 0px !important;}
	#facilityDetailsSingleColumn .mobiDropDown {word-break: break-word; margin-bottom: 15px;}
	#facilityDetailsSingleColumn .check_avail_panel a.check_available {width: 90%;}
	#facilityDetailsSingleColumn .facilityCard {width: 90%; margin: 0px 10px 25px 0px; min-height: 100px; height: auto; padding: 12px !important;}
	#facilityDetailsSingleColumn .facilityCardInfo {height: auto;}
	#facilityDetailsSingleColumn .check_avail_panel {padding-bottom: 0px; }
	#facilityDetailsSingleColumn .facilityDetailsNearbyDiv, #facilityDetailsSingleColumn .facilityDetailsNearbyDiv.referral {display: inline-block; }
	#facilityDetailsSingleColumn .nearbyParkCard {width: 100% !important; height: auto; border: 0px;}
	#facilityDetailsSingleColumn .nearbyParkCard img {border: 1px solid black; }
	#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv #campnote {margin: 5px 0px; }
	#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv #campname {width: 97% !important; margin: 0px !important;}
	#facilityDetailsSingleColumn .facilityDetailsTopInfoDiv .ratingViewDiv {margin-left: 0px;}
	#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider > .fa { font-size: 25px }
	#facilityDetailsSingleColumn .facilityDetailsCarouselDiv .slider .slider-parent .images-list img { max-width: 100%; max-height: 230px; }
	#facilityDetailsSingleColumn .facilityNavigationLeft {margin-bottom: 15px;}
}

#offeringsSection {border:1px solid #000; padding: 20px;}
#offeringsSection h2 {color: #000;}
#offeringsCTA .check_avail_panel {clear: none;}
#seasondetails.panelGroup {display:flex; justify-content: space-between;}
.displayInline {display: inline;}
@media (max-width: 767px) {
  #seasondetails.panelGroup {display:block;}
  #offeringsCTA .check_avail_panel a.book_now {width: 100%; background: none !important; background-color: #163154 !important;}
}

#vehicle_details.noshow {display: none;}
/* #bringingVehicle_no {margin-left: 10px; margin-top: 10px;} */
[id^="vehicle_section_"] {border-bottom:1px solid #bbb; padding-bottom: 10px; margin-bottom: 10px;}
.remove_vehicle {margin-top: 10px;}
.vehicle_calendar .day {background-color: #ffffff; text-align: center; overflow: auto; padding: 4px 0; vertical-align: middle; border:1px solid #bbb; width: 30px;}
.vehicle_calendar .day input[type="checkbox"] {margin: 10px 0;}
.vehicle_calendar .day_S {background-color: #ffffe8;} 
.vehicle_calendar .veh_cal_row {margin: 10px 0; }
.vehicle_calendar .veh_cal_row * {font-size: 90%;}
.vehicle_calendar { margin-bottom: 16px; }
.vehicle_calendar .veh_cal_row > *{ display: table-row;}
.vehicle_calendar .equipDatesTotal {background-color: #ffffff; text-align: right; line-height: 26px; margin-right: 4px; border:1px solid #bbb;}
.vehicle_calendar .equipDatesTotal .equipDatesText { margin-right: 4px; }
.vehicle_calendar .equipDatesTotal .equipDatesCounter{ margin-left: 4px;}
.vehicle_calendar .selectdates.disabledates { display: none;}
#add_vehicle.btn {text-align: right;}
.remove_vehicle {text-align: left;}
.remove_vehicle button {color: #000;}
.marker {display: block; border: none; cursor: pointer; padding: 0;}
/**Google Translate/G Google Translate Start**/
body.associategtrans {
    top: 0px !important;
}
.translated-ltr span.notranslate.amounttext {
    padding-right: 2px;
}
body > div.notranslate > iframe.notranslate, .notranslate .goog-te-banner-frame, .goog-tooltip.notranslate {
    visibility: hidden !important;
}
a.gflag {
	vertical-align: middle;
	font-size: 16px;
	padding: 1px 0;
	background-repeat: no-repeat;
	background-image: url(//gtranslate.net/flags/16.png);
}
a.gflag img {
	border: 0;
}
a.gflag:hover {
	background-image: url(//gtranslate.net/flags/16a.png);
}
#goog-gt-tt {
	display: none !important;
}
.goog-te-banner-frame {
	display: none !important;
}

.goog-te-menu-value:hover {
	text-decoration: none !important;
}
#google_translate_element, #g_translate_element_msg {
	display: none !important;
}
font.goog-text-highlight {
    background-color: transparent;
    box-shadow: 0px 0px 0px transparent;
    position: relative
}
font.goog-text-highlight {
    background-color: transparent;
    box-shadow: 0px 0px 0px transparent;
    position: relative
}
button[title="null"], button[title="nul"], button[title^="nul"] {
    display: none !important;
}
html.translated-ltr button {
	overflow: hidden; 
	text-overflow : ellipsis; 
	white-space : nowrap;
	display: inline-block;
}
html.translated-ltr #changeReservation #continuebutton button{
	display: inline-block !important;
}
html.translated-ltr a.book.now {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
}
html.translated-ltr span.pricingInSearch, html.translated-ltr .bblBookNow a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 80px;
}

html.translated-ltr div.olBblLeft > div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 145px;
}

html.translated-ltr div.usearch_results_label {
    width: auto;
}
.giftCardTermsTextSupportGTranslateDiv {
    height: 200px;
    width: 400px;
    min-height: 120px;
    max-height: 300px;
    padding: 5px;
    border: 1px solid lightgray;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
    margin-left: 12px;
    font-size: 10pt;
}
html.translated-ltr .money, html.translated-ltr table.tourCartSummary tbody tr td:nth-of-type(4) {
    white-space: nowrap;
}
html.translated-ltr #topnav ul.tabs, #topnav ul.tabs.supportgtrans{
	width: 1060px;
}
html.translated-ltr div.td.cta2 {
    min-width: 230px;
}
#topnav ul.tabs.supportgtrans li.gtranslatetab {
    float: right;
    position: static;
    padding-left: 0;
    margin-left: 0;
}
@media (max-width: 767px){
	.mobi-gTranslate {
        padding-bottom: 0px;
        background-color: #005C99;
        padding: 8px;
        text-align: right;
    }
    .mobi-gTranslate #g_translate_element {
		margin-right: 5px;
	}
}
@media only screen 
and (min-device-width : 767px) 
and (max-device-width : 1024px) {
	body.associategtrans #topnav ul.tabs, body.associategtrans #topnav ul.tabs.supportgtrans {
	    width: auto !important;
	}
	body.associategtrans #topnav{
		height: 40px;
	}
	body.associategtrans #topnav ul.tabs.supportgtrans li.gtranslatetab {
	    margin-top: -25px;
	}
}
/**Google Translate/G Google Translate end**/
/**Campsite Waiting List start**/
div#siteWaitingListDetailsUI{
	margin-top: 20px;
	margin-left: -20px;
  margin-right: -20px;
}
div#siteWaitingListDetailsUI .title.msg {
	background-position: -90px -97px;
	padding-left: 40px;
}
div#siteWaitingListDetailsUI .title strong {
    font-weight: bold;
}
div#siteWaitingListDetailsUI .addmetowaitinglist {
    background-color: #fbebc2;
    padding-left: 50px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-top: 0px;
}
div#siteWaitingListDetailsUI .content {
    border: 1px solid #DCE2E5;
    padding: 20px;
    margin-top: 0px;
}
div#siteWaitingListDetailsUI .content strong {
    font-weight: bold;
}
div#siteWaitingListDetailsUI .content .row {
    padding-top: 20px;
}
div#siteWaitingListDetailsUI .content .row > div {
    display: inline-table;
}
div#siteWaitingListDetailsUI .content .row .col1 {
    width: 120px;
}
div#siteWaitingListDetailsUI .content .option label, div#siteWaitingListDetailsUI .content .option span {
    display: none;
}
div#siteWaitingListDetailsUI .content a.link {
    margin-left: 5px;
    text-decoration: underline;
    font-weight: bold;
}
div#siteWaitingListDetailsUI .content .col2 span {
    display: block;
    padding-bottom: 5px;
}
div#siteWaitingListDetailsUI .content span.requiredMarker {
    display: none;
}
div#siteWaitingListDetailsUI .content .option{
	display: inline-block;
}
div#siteWaitingListDetailsUI .content .btnbar{
	padding-top: 20px;
}
div#siteWaitingListDetailsUI .content .confirmbtn {
	width: auto;
    height: auto;
    padding: 10px 20px;
	font-size: 14px;
}
div#siteWaitingListDetailsUI .content .grey{
	border: 0px;
    background-image: none;
    font-weight: bold;
    color: var(--more-link-color);
    background-color: unset;
    width: auto;
    margin-left: 60px;
}
div#siteWaitingListDetailsUI .content input#phoneNumberD {
    width: 120px;
    margin-left: 10px;
}
div#siteWaitingListDetailsUI .content .viaemail{
	padding-bottom: 5px;
}
div#siteWaitingListDetailsUI .col2 input, div#siteWaitingListDetailsUI .col2 label, div#siteWaitingListDetailsUI .col2 a {
    display: inline-block;
    vertical-align: middle;
}
div#siteWaitingListDetailsUI .col2 label[for="notifyViaSMS"]{
	line-height: 26px;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div {
    padding: 15px;
}
div#siteWaitingListDetailsUI .modalPopLite-mask{
	background-color: transparent;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div .popupcontent .popc{
	margin-bottom: 10px;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div .popupcontent .popc label {
    display: block;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div {
    display: inline-block;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] a {
    text-decoration: underline;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.cancelButton {
    float: left;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.cancelButton a {
    color: #000;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.confirmButton {
    float: right;
}
div#siteWaitingListDetailsUI input#earliestArrivDateD,
div#siteWaitingListDetailsUI input#latestArrivDateD {
	width: 148px;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div label{
	font-weight: bold;
    margin-bottom: 2px;
}
div#siteWaitingListDetailsUI div.modalPopLite-wrapper > div input[type="number"] {
    height: 20px;
    width: 80px;
    margin-right: 10px;
    padding-left: 2px;
}
div#siteWaitingListDetailsUI .werrormsg .msg{
	background-color: transparent !important;
    border: 0px;
    color: red;
    background-image: none !important;
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div#siteWaitingListDetailsUI .successfulinfo{
	background-color: #fbebc2;
	padding-bottom: 20px;
}
div#siteWaitingListDetailsUI .successfulinfotitle.msg {
	padding-left: 0px;
    padding-bottom: 5px;
    background: none;
    background-image: none !important;
}
div#siteWaitingListDetailsUI .successfulinfotitle.msg .fa{
	float: left;
    line-height: 20px;
    padding-right: 9px;
    font-size: 24px;
    color: var(--more-link-color-hover, #3170AF);
}
div#siteWaitingListDetailsUI .successfulinfotitle strong {
    font-weight: bold;
}
div#siteWaitingListDetailsUI .successfulinfocontent {
    padding: 10px 40px;
    padding-top: 0px;
    line-height: 20px;
}
div#siteWaitingListDetailsUI div#notifyMeUI .col2 {
    margin-left: 4px;
}
div#siteWaitingListDetailsUI div#notifyMeUI .col2.adjustmentui {
    margin-left: 0px;
}
body#memberwaitinglist .settings {
    display: none;
}
body#memberwaitinglist .td.cta2 {
    min-width: 50px;
}
body#memberwaitinglist .wstatus{
    font-weight: bold;
}
body#memberwaitinglist .wstatus.green {
    color: green;
}
body#memberwaitinglist a.wlremove.onlyremove {
    margin-left: 46px;
}
div#claimWaitingListStatementUI {
    background-color: darkred;
    color: white;
    padding: 10px;
    margin-top: -20px;
    margin-bottom: 10px;
}
div#claimWaitingListStatementUI > div {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
div#claimWaitingListStatementUI div.left {
    width: 470px;
}
div#claimWaitingListStatementUI div.left span {
    display: block;
    line-height: 20px;
}
div#claimWaitingListStatementUI #claimWaitingListTimer {
    font-weight: bold;
}
div#claimWaitingListStatementUI .left a:visited, div#claimWaitingListStatementUI .left a:link {
    color: white;
    text-decoration: underline;
}
div#claimWaitingListStatementSuccessfulUI {
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: left;
}
div#claimWaitingListStatementSuccessfulUI h1{
    margin-bottom: 20px;
}
div#claimWaitingListStatementSuccessfulUI {
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: left;
}
div#claimWaitingListStatementSuccessfulUI h1{
    margin-bottom: 20px;
}
div#siteWaitingListDetailsUI.unsubscribewaitinglist {
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
div#siteWaitingListDetailsUI.unsubscribewaitinglist .content {
    border: 0px;
}
div#siteWaitingListDetailsUI.unsubscribewaitinglist div#notifyMeUI .col2 {
    margin-left: 0px;
}
div.memberwaitinglistunsubscribe #pagetitle{
	margin-left: 20px;
}
div.memberwaitinglistunsubscribe .errorsdiv, div.memberwaitinglistedit .errorsdiv{
    margin-bottom: 10px;
}
@media ( max-width :767px) {
	div#siteWaitingListDetailsUI div.modalPopLite-wrapper{
    	right: 15px;
    	left: auto !important;
	}
	div#siteWaitingListDetailsUI .content .row > div {
	    display: block;
	}
	div#siteWaitingListDetailsUI .content .row .col1 {
	    margin-bottom: 10px;
	}
	div#siteWaitingListDetailsUI .title.msg {
	    background-position: -86px -97px;
	}
	div#siteWaitingListDetailsUI .content .grey {
	    width: 100%;
	    margin: 0px;
	}
	div#siteWaitingListDetailsUI div.msg.error{
		padding: 2px;
	}
	div#siteWaitingListDetailsUI .col2 #notifyViaEmailDisabled {
	    margin-left: -3px;
	}
	div#claimWaitingListStatementUI {
    	margin-top: 0px;
	}
	div#siteWaitingListDetailsUI .successfulinfotitle.msg .fa{
		line-height: 16px;
	}
	div#siteWaitingListDetailsUI .successfulinfo{
		padding-left: 15px;
    	padding-right: 10px;
	}
	div#claimWaitingListStatementUI div.left {
	    width: auto;
	}
	div#claimWaitingListStatementUI div {
	    display: block;
	    text-align: left;
	}
	div#claimWaitingListStatementSuccessfulUI {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	div#siteWaitingListDetailsUI.unsubscribewaitinglist div#notifyMeUI .col2 {
	    margin-left: 4px;
	}
	div.memberwaitinglistunsubscribe #pagetitle {
	    margin-left: 16px;
	}
	body#memberwaitinglist a.wlremove.onlyremove {
	    margin-left: 27px;
	}
}
/**Campsite Waiting List end**/
/**Lease Slip Waiting List start**/
div.lease_slips span.lease_slip_w_Text {
    font-style: italic;
}
body#cleaseslipwaitinglistdetails .parkImages {
    text-align: center;
}
.leaseSlipWaitingListWrapper .facility_view_description, .leaseSlipWaitingListWrapper .facility_view_desc_detail {
    margin-top: 20px;
    margin-bottom: 20px;
}
.leaseSlipWaitingListWrapper .warningtext.msg{
	background-position: -100px -96px;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI {
    margin-left: 0px;
    margin-right: 0px;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content{
	border: 0px;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content .row .col1.notelbl{
	vertical-align: top;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content .row .col1 span{
	padding-left: 2px;
	color: red;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div#notifyMeUI input[type="text"] {
    width: 210px !important;
    margin-left: 10px;
}
#WaitingListUnsubscribeForm  div#siteWaitingListDetailsUI  div#leaseslipcontent div#notifyMeUI input[type="text"] {
    width: 210px !important;
    margin-left: 10px;
}
#WaitingListUnsubscribeForm div#siteWaitingListDetailsUI div#leaseslipcontent div#notifyMeUI label {
    min-width: 55px;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div.note {
    padding: 1px;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div.note textarea {
    width: 320px;
    height: 100px;
    padding: 5px 10px;
    border: 1px solid #bbb;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div#notifyMeUI input[type="checkbox"] {
    min-height: 30px !important;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div#notifyMeUI label {
    min-width: 55px;
    min-height: 30px;
    margin-top: 15px;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div#notifyMeUI .viasms{
	margin-top: -20px;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .werrormsg .msg{
	background-image: url(/images/2013/icon_msg.png) !important;
    background-repeat: no-repeat;
    background-position: -150px -10px;
    margin: 10px 0px -10px 0px;
    padding: 5px 5px .5em 30px;
    background-color: var(--color-background-error, #efd1d1) !important;
    border: 10px solid var(--color-background-error, #efd1d1);
    color: black;
}
#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .werrormsg.notifyme{
	margin-bottom: -25px;
}
#leaseSlipWaitingListForm div#progresspopup {
    margin-left: 20px;
}
@media ( max-width: 767px ) {
	body#cleaseslipwaitinglistdetails #pagearea {
	    padding-bottom: 390px;
	}

	body#cleaseslipwaitinglistdetails #colsidebar, #colsidebar2 {
	    display: none !important;
	}
	body#cleaseslipwaitinglistdetails .formwrapper.leaseSlipWaitingListWrapper {
	    padding: 20px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content{
		padding: 0px;
		padding-bottom: 20px;
		margin: 0px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content input[type="text"], #leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content select, #leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content textarea {
	    width: 100% !important;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div.note {
	    padding: 0px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div.note textarea {
	    padding: 0px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .successfulinfo {
	    padding-left: 0px;
	    padding-right: 0px;
	    margin-bottom: 40px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content .row .col1 {
	    margin-bottom: 5px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content #notifyMeUI.row .col1 {
	    margin-bottom: -5px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI div#notifyMeUI .col2 {
	    margin-left: 0px;
	}
	div.memberwaitinglistedit form#leaseSlipWaitingListForm {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	#WaitingListUnsubscribeForm div#siteWaitingListDetailsUI.unsubscribewaitinglist div#leaseslipcontent {
        margin: 0px;
	}
    #WaitingListUnsubscribeForm div#siteWaitingListDetailsUI.unsubscribewaitinglist div#leaseslipcontent div#notifyMeUI .col2 {
            margin-left: 0px;
    }
}
@media ( max-width: 991px ) {
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div.note {
	    padding: 0px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content div.note textarea {
	    padding: 0px;
	}
	#leaseSlipWaitingListForm div#siteWaitingListDetailsUI .content .row {
	    padding-top: 18px;
	}
}
/**Lease Slip Waiting List end**/
/**Equipment Rental Selected Products UI start**/
.rentalList .errorsdiv {
    margin-bottom: 10px;
}
div#selectedEquipmentRentalListUIWraper {
    margin-left: -26px;
    background-color: rgb(227,227,213);
    margin-right: -26px;
    margin-bottom: -40px;
}
div#selectedEquipmentRentalListUIWraper .content{
	margin: 0px;
}
div#selectedEquipmentRentalListUI {
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 20px;
    padding-bottom: 40px;
}
div#selectedEquipmentRentalListUI > h2 {
    font-weight: bold;
}
div#selectedEquipmentRentalListUI .titlebar > span, div#selectedEquipmentRentalListUI .databar .datarow > span {
    min-width: 200px;
    display: inline-block;
    padding-top: 20px;
    font-weight: bold;
}
div#selectedEquipmentRentalListUI span.eqname {
    min-width: 195px;
   	width: 195px;
    margin-right: 5px;
    word-break: break-word;
}
div#selectedEquipmentRentalListUI .termsconditonsbar {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 16px;
    display: flex;
}
div#selectedEquipmentRentalListUI .termsconditonsbar input, div#selectedEquipmentRentalListUI .termsconditonsbar label {
    vertical-align: middle;
    line-height: 20px;
    align-self: flex-start;
}
div#selectedEquipmentRentalListUI .termsconditonsbar input{
	margin-top: 2px;
}
div#selectedEquipmentRentalListUI .customername {
    margin-bottom: 15px;
}
div#selectedEquipmentRentalListUI .contentbyequipmenttype {
    padding-bottom: 10px;
}
div#selectedEquipmentRentalListUI a.removeeq {
    padding-left: 10px;
    padding-right: 10px;
}
div#selectedEquipmentRentalListUI span.note{
	color: black;
}
div#selectedEquipmentRentalListUI .customername span:nth-of-type(1) {
    font-weight: bold;
    margin-right: 10px;
}
tr.equipmentrentalrow td.itemdetails > div span:nth-of-type(3) {
    color: #163154;
}

tr.equipmentrentalrow td.locinfo {
    width: 115px;
}
tr.equipmentrentalrow td.itemdetails{
	width: 180px;
	padding-right: 0px;
}
#confirmationpage tr.equipmentrentalrow td.itemdetails {
    width: 130px;
}
tr.equipmentrentalrow div.qtyfeerow span:nth-of-type(1) {
    display: inline-block;
    width: 120px;
    word-break: break-word;
}
tr.equipmentrentalrow div.qtyfeerow span:nth-of-type(2) {
    margin-left: 10px;
    display: inline-block;
    width: 100px;
    text-align: right;
    word-break: break-word;
    padding-right: 10px;
}
tr.equipmentrentalrow .qtyfeerow span {
    vertical-align: top;
}
tr.equipmentrentalrow span.notranslate {
    width: auto !important;
}
tr.equipmentrentalrow div.qtyfeerow span:nth-of-type(3) {
    float: right;
    padding-right: 10px;
}
tr.equipmentrentalrow div {
    font-size: 9pt;
}
@media (max-width: 767px) {
	div#selectedEquipmentRentalListUI .titlebar > span, div#selectedEquipmentRentalListUI .databar .datarow > span {
	    min-width: 150px;
	}
	div#selectedEquipmentRentalListUI span.eqname {
	    min-width: 145px;
    	width: 145px;
	    margin-right: 5px;
	    word-break: break-word;
	}
	div.equipmentrentalrow .tdx.locinfo > div {
	    display: inline-block;
	}
	div.equipmentrentalrow .tdx.locinfo a {
	    display: inline-block;
	    float: right;
	    line-height: 16px;
	}
	div.mShopDet.equipmentrentalrow .tdx {
	    padding-bottom: 10px;
	}
	div.mShopDet.equipmentrentalrow .qtyfeerow > span {
	    padding-right: 10px;
	    display: inline-block;
	    vertical-align: top;
	}
	div.mShopDet.equipmentrentalrow .qtyfeerow > span:nth-of-type(1) {
	    width: 180px;
	    word-break: break-word;
	}
	#confirmationpage div.mShopDet.equipmentrentalrow .qtyfeerow > span:nth-of-type(1) {
		width: 180px;
	}
	div.mShopDet.equipmentrentalrow .qtyfeerow > span:nth-of-type(2) {
	    width: 180px;
	    word-break: break-word;
	    text-align: right;
	}
	div.mShopDet.equipmentrentalrow .qtyfeerow > span:nth-of-type(3) {
	    float: right;
	    width: 60px;
	    text-align: right;
	}
}
@media (max-width: 480px) {
	div#selectedEquipmentRentalListUIWraper {
	    margin-left: -10px;
    	margin-right: -10px;
   	 	margin-bottom: -65px;
	}
	div#selectedEquipmentRentalListUI {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	div#selectedEquipmentRentalListUI .titlebar > span, div#selectedEquipmentRentalListUI .databar .datarow > span {
	    min-width: 55px;
	}
	div#selectedEquipmentRentalListUI span.eqname {
	    min-width: 70px;
    	width: 70px;
	    margin-right: 5px;
	    word-break: break-word;
	}
	div#selectedEquipmentRentalListUI span.eqquantity {
	    min-width: 55px;
	}
	div#selectedEquipmentRentalListUI span.eqdate {
	    margin-right: 10px;
	    min-width: 74px;
	}
	div#selectedEquipmentRentalListUI span.labeld.eqtime {
	    width: 120px;
	}
	div#selectedEquipmentRentalListUI a.removeeq {
	    padding-right: 0px;
    	padding-left: 5px;
	}
	div#selectedEquipmentRentalListUI .customername input {
	    width: 100%;
	}
	div#selectedEquipmentRentalListUI button {
	    width: 100%;
	}
	div.mShopDet.equipmentrentalrow .qtyfeerow > span:nth-of-type(1) {
    	width: 130px;
	}
	#confirmationpage div.mShopDet.equipmentrentalrow .qtyfeerow > span:nth-of-type(1) {
		width: 130px;
	}
	div.mShopDet.equipmentrentalrow .qtyfeerow > span:nth-of-type(2) {
    	width: 110px;
	}
}
/**Equipment Rental Selected Products UI end**/
.notifyoflatearrivalnotes {
	height: 120px;
    width: 350px;
}

.orderDetailsCampForm > div > div {
	padding: 0 0 0.5em 0;
}

@media (max-width: 767px) {
	.orderDetailsCampForm {
		padding: 0 10px;
	}
	.orderDetailsCampForm #pagetitle {
		margin: 0px -10px;
	}
	.orderDetailsCampForm #arrivalTime {
		width:100%;
	}
	.orderDetailsCampForm #notes {
		width:100%;
	}
	
	.orderDetailsCampForm #continuebutton.btn button {
		width:100%;
	}
	
	.orderDetailsCampForm .book.now {
		width:100%;
	}
}
/* GIS Maps */
.gismap_popup_plSites_main-content {padding-top: 5px;}
.mapboxgl-popup {z-index: 10;}
.plSites-popup, .plSites-popup-highlight {max-width: 325px !important;}
.gismap_popup_plSites_main-content div {font-size: 12px;}
.gismap_popup_plSites_main-content .site_image {
  width: 139px;
}
.gismap_popup_plSites_main-content .site_name {
  font-size: 18px;
  font-weight: bold;
  padding: 3px 0;
}
.gismap_popup_plSites_main-content .site_accessible {
  float: left;
  height: 24px;
  background-color: #000;
  margin-right: 5px;
}
.gismap_popup_plSites_main-content .attributes {
  padding-left: 5px;
  line-height: 14px;
}
.gismap_popup_plSites_main-content .small {font-size: smaller;}
.a1mv__text-truncate .a1mv__anchor{font-size: smaller; color: #217C39;}
.a1mv__text-truncate .a1mv__anchor:hover {cursor: pointer;}
.a1mv__text-truncate a {text-decoration: none;}
.gismap_popup_plSites_main-content .book {
  display: block;
  font-size: 10pt;
  text-align: center;
  width: auto;
  height: auto;
  padding: 5px;
  margin: 0 auto;
  background: none;
  background-color: #fff;
  color: var(--more-link-color);
}
.gismap_popup_plSites_main-content .book.now, .gismap_popup_plSites_main-content .book.now:hover {
	height: 34px;
	padding: 5px;
	margin: 0 auto;
}
.gismap_popup_plSites_main-content .price {
  text-align: right;
  padding-top: 5px;
}
.gismap_popup_plSites_main-content .bottom-row{
  display: table;
  width: 100%;
}
.gismap_popup_plSites_main-content .coords {
	padding: 6px 0 5px 0;
	background-image: url(/images/coords.png);
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: 23px;
}
.gismap_popup_plSites_main-content .image.row {display: flex; justify-content: space-between;}
.gismap_popup_plSites_main-content .btn.cell {text-align: left; margin: 0 5px; display: flex; flex-direction: column; justify-content: space-between;}
.gismap_popup_plSites_main-content .action-buttons {text-align: center;}
.gismap_popup_plSites_main-content .head.row {margin-bottom: 10px; border-bottom: 1px solid #B3B3B3;}
.gismap_popup_plSites_main-content .section.row {padding-top: 5px; margin-top: 5px; border-top: 1px solid #B3B3B3;}
.gismap_popup_plSites_main-content .a1mv__text-truncate {line-height: normal;}
@media (max-width: 767px) {
	.gismap_popup_plSites_main-content .image.cell {display: none;} 
}
/* End GIS Maps */

/**Facility Waiting List start**/
div#facilityWaitingListDetailsUI .title.msg {
	background-position: -90px -97px;
	padding-left: 40px;
}
div#facilityWaitingListDetailsUI .title strong {
    font-weight: bold;
}
div#facilityWaitingListDetailsUI .addmetowaitinglist {
    background-color: #fbebc2;
    padding-left: 50px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-top: 0px;
}
div#facilityWaitingListDetailsUI .content {
    border: 1px solid #DCE2E5;
    padding: 20px;
    margin-top: 0px;
}
div#facilityWaitingListDetailsUI .content strong {
    font-weight: bold;
}
div#facilityWaitingListDetailsUI .content .row {
    padding-top: 20px;
}
div#facilityWaitingListDetailsUI .content .row > div {
    display: inline-table;
}
div#facilityWaitingListDetailsUI .content .row .col1 {
    width: 120px;
}
div#facilityWaitingListDetailsUI .content .option label, div#facilityWaitingListDetailsUI .content .option span {
    display: none;
}
div#facilityWaitingListDetailsUI .content a.link {
    text-decoration: underline;
    font-weight: bold;
}
div#facilityWaitingListDetailsUI .content .col2 a.link {
    margin-left: 5px;
}
div#facilityWaitingListDetailsUI .content .col2 span {
    display: block;
    padding-bottom: 5px;
}
div#facilityWaitingListDetailsUI .content .line {
    height: 20px;
}
div#facilityWaitingListDetailsUI .content span.requiredMarker {
    display: none;
}
div#facilityWaitingListDetailsUI .content .option{
	display: inline-block;
}
div#facilityWaitingListDetailsUI .content .btnbar{
	padding-top: 20px;
}
div#facilityWaitingListDetailsUI .content .confirmbtn {
	width: auto;
    height: auto;
    padding: 10px 20px;
	font-size: 14px;
}
div#facilityWaitingListDetailsUI .content .grey{
	border: 0px;
    background-image: none;
    font-weight: bold;
    color: var(--more-link-color);
    background-color: unset;
}
div#facilityWaitingListDetailsUI .content input#phoneNumberD {
    width: 120px;
    margin-left: 10px;
}
div#facilityWaitingListDetailsUI .content .viaemail{
	padding-bottom: 5px;
}
div#facilityWaitingListDetailsUI .col2 input, div#facilityWaitingListDetailsUI .col2 label, div#facilityWaitingListDetailsUI .col2 a {
    display: inline-block;
    vertical-align: middle;
}
div#facilityWaitingListDetailsUI .col2 label[for="notifyViaSMS"]{
	line-height: 26px;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div {
    padding: 15px;
}
div#facilityWaitingListDetailsUI .modalPopLite-mask{
	background-color: transparent;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div .popupcontent .popc{
	margin-bottom: 10px;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div .popupcontent .popc label {
    display: block;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div {
    display: inline-block;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] a {
    text-decoration: underline;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.cancelButton {
    float: left;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.cancelButton a {
    color: #000;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.confirmButton {
    float: right;
}
div#facilityWaitingListDetailsUI input#earliestArrivDateD,
div#facilityWaitingListDetailsUI input#latestArrivDateD {
	width: 148px;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div label{
	font-weight: bold;
    margin-bottom: 2px;
}
div#facilityWaitingListDetailsUI div.modalPopLite-wrapper > div input[type="number"] {
    height: 20px;
    width: 80px;
    margin-right: 10px;
    padding-left: 2px;
}
div#facilityWaitingListDetailsUI #siteTypeNameD,#siteCodeD {
	min-width: 150px;
}
div#facilityWaitingListDetailsUI .werrormsg .msg{
	background-color: transparent !important;
    border: 0px;
    color: red;
    background-image: none !important;
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div#facilityWaitingListDetailsUI .successfulinfo{
	background-color: #fbebc2;
	padding-bottom: 20px;
}
div#facilityWaitingListDetailsUI .successfulinfotitle.msg {
	padding-left: 0px;
    padding-bottom: 5px;
    background: none;
    background-image: none !important;
}
div#facilityWaitingListDetailsUI .successfulinfotitle.msg .fa{
	float: left;
    line-height: 20px;
    padding-right: 9px;
    font-size: 24px;
    color: var(--more-link-color-hover, #3170AF);
}
div#facilityWaitingListDetailsUI .successfulinfotitle strong {
    font-weight: bold;
}
div#facilityWaitingListDetailsUI .successfulinfocontent {
    padding: 10px 40px;
    padding-top: 0px;
    line-height: 20px;
}
div#facilityWaitingListDetailsUI div#notifyMeUI .col2 {
    margin-left: 4px;
}
div#facilityWaitingListDetailsUI div#notifyMeUI .col2.adjustmentui {
    margin-left: 0px;
}
body#memberwaitinglist .settings {
    display: none;
}
body#memberwaitinglist .td.cta2 {
    min-width: 50px;
}
body#memberwaitinglist .wstatus{
    font-weight: bold;
}
body#memberwaitinglist .wstatus.green {
    color: green;
}
@media ( max-width :767px) {
	div#facilityWaitingListDetailsUI div.modalPopLite-wrapper{
    	right: 15px;
    	left: auto !important;
	}
	div#facilityWaitingListDetailsUI .content .row > div {
	    display: block;
	}
	div#facilityWaitingListDetailsUI .content .row .col1 {
	    margin-bottom: 10px;
	}
	div#facilityWaitingListDetailsUI .title.msg {
	    background-position: -86px -97px;
	}
	div#facilityWaitingListDetailsUI .content .grey {
	    width: 100%;
	}
	div#facilityWaitingListDetailsUI div.msg.error{
		padding: 2px;
	}
	div#facilityWaitingListDetailsUI .col2 #notifyViaEmailDisabled {
	    margin-left: -3px;
	}
}
/**Facility Waiting List end**/


a.selfcheckinsite{
	padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
	background: white !important;
    background-image: none;
    color:#163154 !important;
    font-weight: bold;
    text-decoration: none !important;
    transition: all 0.33333s ease-in-out;
    border-radius: 0;
    border: 0.1rem solid #163154 !important;
    margin: 0 auto;
}

div.search_btn_div {
	clear:both;
}

.selfcbx {
    float: left;
    margin: 10px 10px 10px 0px;
    cursor: pointer;
}
.selfcbx .uncheck {
  border:2px solid #767676;
  color:#767676;
  padding:5px 10px;
  height:16px;
  border-radius: 16px;
  line-height: 26px;
  font-style: normal;
}

.selfcbx .check {
  padding:5px 10px;
  height:16px;
  border-radius: 16px !important;
  font-weight: normal !important;
  line-height: 26px;
  font-style: normal;
}

.qty_div {
	clear:both;
	margin:10px 0px;
}

form #prdGroupId {
	margin: 0 12px 0 0;
}

.prd_div {
	margin: 20px 0px;
}

.rentalList > #back_to_link > a:link,
.rentalList > #back_to_link > a:visited {
	color:#767676;
}

.rentalList .facilityName {
	margin-top: 25px;
}

.rentalList .equipRental {
	margin-bottom: 5px;
	margin-top:15px;
	font-weight:bold;
	font-size:20px;
}

.rentalList .searchCriteria {
	margin: 15px 0px;
}

.rentalList .searchCriteria input {
	width:150px;
}

.rentalList .searchCriteria select {
	width:200px;
}

.rentalList .prdName {
	font-size: 20px;
    font-weight: bold;
}

.rentalList .rentalLbl {
	font-weight: bold;
	margin:10px 0px;
}

.rentalList .rentalRate {
	margin:10px 0px;
}

.rentalList .rentalRateDesc {
	margin:10px 0px;
}

.prd_div > .prdNameDiv, .prd_div > .prdDescDiv {
	margin:10px 0px;
}

.rentalList .bookQty > select {
	width: 60px;
}

@media (max-width: 767px) {
	.rentalList {
		padding:10px;
	}
	
	.rentalList .searchCriteria > div.floatl,
	.rentalList .searchCriteria.floatl {
		float:none;
	}
	
	.rentalList .searchCriteria input,
	.rentalList .searchCriteria select,
	.rentalList .search_btn_div > button,
	.rentalList #addtorentallist,
	.rentalList #addmoreequipments {
		width:100%;
	}
	
}

.sitecomparenum {
	padding-top: 8px;
	color: #333;
	font-size: 14px;
}

.sitecompareback {
	margin-bottom: 50px;
}

.sitecompareback a {
	font-size: 14px;
	font-weight: bold;
}

.sitesCompareHeader table,.sitesCompareDetailContainer table{
	width:100%;
	color:#000;
}

.sitesCompareHeader td{
	padding-left:5px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:30px;
}	

.sitesCompareDetailContainer td,.sitesCompareDetailContainer th{
	padding-left:20px;
	padding-right:50px;
	padding-top:20px;
	padding-bottom:20px;
	border:1px solid #ccc;
}

.sitesCompareDetailContainer td {
	font-size: 14px;
	font-weight: bold;
	color: #4d4d4d;
}

.sitecomparetitle h1, .similarsitestitle h1 {
	font-weight: bold;
}

.sitecomparecenter{
    display: block;
    text-align: center;
}
.sitecomparebutton a{
	margin-left:0px !important;
}
.sitecomparesitename{
	font-size: 18px;
    font-weight: bold;
    padding-bottom: 8px;
}

.sitecomparepark{
    font-weight: bold;
    font-size: 12px;
}

.sitecomparenum {
	font-size: 14px;
	font-weight: bold;
	color: #666464;
}

.sitesCompareDetailContent{
	padding-left:0px !important;
	padding-right:0px !important;
	text-align: center;
}

.sitesComparePhotoClose{
	position: relative;
    left: 75px;
    top: 20px;
    z-index: 999;
}

.sitesComparePhotoClose a{
	color:white !important;
}

.sitesComparePhotoClose a i {
	background-color: black;
	border-radius: 6px 6px 6px 6px;
}

.sitesComparePrice{
	height: 20px;
    font-weight: bold;
}

.sitecomparebutton a {
	width: 178px !important;
}

.sitecomparenext a {
	width: 177px;
	font-size: 12px;
	height: 24px;
	border: 0.1875rem solid;
	padding-top: 7px;
	margin: 5px;
	display: block;
	border-radius: 5px 5px 5px 5px;
}

.sitecomparesitenotavail {
	height: 24px;
	margin-bottom: 10px;
}

.sitecomparesitenotavail a {
	color: #525151 !important;
	display: block;
	padding-top: 4px;
	font-size: 10px;
	width: 180px;
	height: 18px;
	background: #c4c6c4 !important;
	color: #fff;
	font-weight: bold;
}

.sitesCompareDetailContainer th{
	font-size: 20px;
    font-weight: bold;
}
.sitesCompareDetailContainer i.fa-check-circle {
	color: green;
}
.sitesCompareDetailContainer i.fa-times {
	color: gray;
}

.selfCheckInOneLine {
	display: inline-block;
}

@media ( min-width : 768px) {
	.selfCheckInBrother {
		display: inline-block;
	}
	.selfCheckInDetail {
		float: right;
		margin-top: 10px;
	}
	.selfCheckBrotherInTopLink {
		margin-top: 20px;
	}
}

@media ( max-width : 767px) {
	.selfCheckInDetail {
		margin-top: 20px;
		margin-left: 5px;
	}
	.selfCheckBrotherInTopLink {
		margin-top: 20px;
	}
	.selfcheckinsite {
		display: block;
		width: 35%;
		margin-top: 8px;
		margin-left: 15%;
		text-align: center;
		margin-bottom: -5px;
        margin-top: 2px;
	}
}

a.comparecta {
	margin: 7px 0 0 7px;
    padding: 0;
    display: inline-block;
    height: 20px;
}

a.comparecta {
    background-image: url(/images/compare.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    width: 22px;
}

a.comparecta.compared{
    background-image: url("/images/compare_checked.png");
}

a.siteCompareTopLink {
	background-image: url(/images/compare_top_menu.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    margin-right: 10px;
    height: 15px;
    display: inline-block;
    padding: 0 12px 0 26px;
    background-position: center left;
    font-family: var(--font_family_sbold);
}

.sitesCompareThreeCol {
	width: 33%;
}

.sitesCompareFourCol {
	width: 25%;
}

div.sitesComparePhoto {
	height: 120px;
	width: 180px;
	margin-bottom:30px;
}

.site_type_item_redesigned, .tour_item_redesigned {
	border: 1px solid rgba(0,0,0,.24);
	border-radius: 20px;
	padding: 6px 10px 6px 10px;
	display: inline-block;
	margin-bottom: 5px;
}
.site_type_item_redesigned:hover {
	border-color: black;
}
.site_types_content .site_type_item_redesigned, .site_types_content .site_type_item_redesigned a {background-color: #fff; color: #000; margin-right: 0;}
.site_types_content .site_type_item_redesigned.slct {background-color: rgba(0,0,0,.06);}
#selectedTimeBlockPills.site_types_content .site_type_item_redesigned {margin-right: 5px;}
.ui-dialog.siteCompareDialog .ui-dialog-titlebar {
	border: none;
    background: none;
}
.site_type_item_redesigned.restricted, .site_type_item_redesigned.restricted a{
	background: var(--color-background-error, #efd1d1);
}
.ui-dialog.siteCompareDialog button {
	right: 15px;
}

.ui-dialog.siteCompareDialog .ui-dialog-titlebar-close span {
	font-size: 26px;
    font-weight: bold;
    color: #333;
}

.ui-dialog.siteCompareDialog .ui-dialog-title {
	margin: 0.5em 0 0 0;
	font-size: 18px;
}

.ui-dialog.siteCompareDialog .confirm {
	margin: 0 0 1em 0;
	color: #767676;
}

.ui-dialog.siteCompareDialog .prdDiv {
	margin-bottom: 10px;
    float: left;
}

.ui-dialog.siteCompareDialog .prdDiv .imgDiv {
	float: left;
    width: 80px;
    height: 53px;
}

.ui-dialog.siteCompareDialog .prdDiv .rightDiv {
	float: left;
	width: 160px;
	padding: 5px;
}

.ui-dialog.siteCompareDialog .prdDiv .rightDiv .prdName {
	font-size: 14px;
    font-weight: bold;
}

.ui-dialog.siteCompareDialog .prdDiv .rightDiv .parkInfo {
	font-size: 12px;
    color: #767676;
}

.ui-dialog.siteCompareDialog .prdDiv .delDiv {
	float: right;
	padding-top: 10px;
}

.ui-dialog.siteCompareDialog .prdDiv .delBtn {
	border-radius: 20px;
    border-width: 0;
    height: 20px;
    width: 20px;
    background-image: url(/images/compare_remove.png);
    background-size: 20px 20px;
}

.ui-dialog.siteCompareDialog .buttons {
	float: right;
}
.ui-dialog.siteCompareDialog .buttons button {
	width: 134px;
    padding: 10px 0px;
    font-family: var(--font_family_sbold);
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    background-color: #152F52 !important;
    background-repeat: repeat;
    text-decoration: none;
    border: 1px solid #1f304c;
    color: #fff;
   	cursor: pointer;
}

.ui-dialog.siteCompareDialog .buttons button.link {
    background: none !important;
    color: #152F52;
}

.ui-dialog.siteCompareDialog button:disabled {
	cursor: auto;
}

.ui-dialog.siteCompareDialog {
	z-index: 17500000 !important;
}

.ui-dialog.siteCompareDialog span.tp-close-btn {
	position:static;
}

.tdnoborder {
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;
}

.nobgcolor {
    background-color: transparent !important;
}

.itemcell {
    height: 50px;
}

.ontop {
    vertical-align: top !important;
}

.rentperiod {
	width: 140px;
}

.locpadding {
	padding-top: 22px !important;
}

.ordpadding {
	padding-top: 12px !important;
}

.sortequip {
    text-align: right;
    margin: 2px 0px;
}

@media (max-width: 767px) {
	body#memberequipmentrental .items th, body#memberequipmentrental .items div.th {
		padding: 2px !important;
	}
	
	body#memberequipmentrental .itemcell {
    	height: 76px !important;
	}
	
	body#memberequipmentrental a.book.now {
		width: auto !important;
		padding-left: 2px;
    	padding-right: 2px;
	}
	
	body#memberequipmentrental .locpadding {
    	padding-top: 12px !important;
	}
	
	body#memberequipmentrental .mbontop {
		vertical-align: top;
	    padding-top: 8px;
	}
	body#memberequipmentrental .fixheight {
	    height: 84px !important;
	}
}


.similarsitescontent {
	display: inline-block;
	height: 180px;
	width: 100%;
}

.similarsitesarrowscontainer {
	float: right;
	margin-bottom: 40px;
}

.similarsitestitle {
	margin-top: 100px;
	margin-bottom: 10px;
}

.similarsitessecondtitle {
	float: left;
	margin-top: 5px;
	color: #454444 !important;
	font-size: 16px;
}

.sitecomparesimilarsites {
	float: left;
	text-align: center;
	margin-top: 10px;
	width: 25%;
}

.similarsitesarrowscontainer a {
	padding-top: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
	padding-right: 17px;
	background: white !important;
	background-image: none;
	color: #000;
	font-weight: bold;
	border-radius: 4px !important;
	text-decoration: none !important;
	border: 0.1rem solid #e4e4e4 !important;
	margin-right: 10px;
}

.sitesimilartotalcontainer{
	width:100%;
}

.sitecomparesimilarsites .sitecomparesitename {
	margin-top: 10px;
}

.sitecomparesitename a:hover {
	text-decoration: underline;
}

.sitecomparesitename a {
	color: black !important;
}

/**Waiting List Edit start**/
div#waitingListEditDetails{
	margin-top: 15px;
}
div#waitingListEditDetails .title.msg {
	background-position: -90px -97px;
	padding-left: 40px;
}
div#waitingListEditDetails .title strong {
    font-weight: bold;
}
div#waitingListEditDetails .addmetowaitinglist {
    background-color: #fbebc2;
    padding-left: 50px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-top: 0px;
}
div#waitingListEditDetails .content {
    padding: 20px;
    margin-top: 0px;
}
div#waitingListEditDetails .content strong {
    font-weight: bold;
}
div#waitingListEditDetails .content .row {
    padding-top: 20px;
}
div#waitingListEditDetails .content .row > div {
    display: inline-table;
}
div#waitingListEditDetails .content .row .col1 {
    width: 120px;
}
div#waitingListEditDetails .content .option label, div#waitingListEditDetails .content .option span {
    display: none;
}
div#waitingListEditDetails .content a.link {
    text-decoration: underline;
    font-weight: bold;
}
div#waitingListEditDetails .content .col2 a.link {
    margin-left: 5px;
}
div#waitingListEditDetails .content .col2 span {
    display: block;
    padding-bottom: 5px;
}
div#waitingListEditDetails .content .line {
    height: 20px;
}
div#waitingListEditDetails .content span.requiredMarker {
    display: none;
}
div#waitingListEditDetails .content .option{
	display: inline-block;
}
div#waitingListEditDetails .content .btnbar{
	padding-top: 20px;
}
div#waitingListEditDetails .content .confirmbtn {
	width: auto;
    height: auto;
    padding: 10px 20px;
	font-size: 14px;
}
div#waitingListEditDetails .content .grey{
	border: 0px;
    background-image: none;
    font-weight: bold;
    color: var(--more-link-color);
    background-color: unset;
}
div#waitingListEditDetails .content input#phoneNumberD {
    width: 120px;
    margin-left: 10px;
}
div#waitingListEditDetails .content .viaemail{
	padding-bottom: 5px;
}
div#waitingListEditDetails .col2 input, div#waitingListEditDetails .col2 label, div#waitingListEditDetails .col2 a {
    display: inline-block;
    vertical-align: middle;
}
div#waitingListEditDetails .col2 label[for="notifyViaSMS"]{
	line-height: 26px;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div {
    padding: 15px;
}
div#waitingListEditDetails .modalPopLite-mask{
	background-color: transparent;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div .popupcontent .popc{
	margin-bottom: 10px;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div .popupcontent .popc label {
    display: block;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div {
    display: inline-block;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div div[class*="PopupButtons"] a {
    text-decoration: underline;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.cancelButton {
    float: left;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.cancelButton a {
    color: #000;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div div[class*="PopupButtons"] > div.confirmButton {
    float: right;
}
div#waitingListEditDetails input#earliestArrivDateD,
div#waitingListEditDetails input#latestArrivDateD {
	width: 148px;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div label{
	font-weight: bold;
    margin-bottom: 2px;
}
div#waitingListEditDetails div.modalPopLite-wrapper > div input[type="number"] {
    height: 20px;
    width: 80px;
    margin-right: 10px;
    padding-left: 2px;
}
div#waitingListEditDetails #siteTypeNameD,#siteCodeD {
	min-width: 150px;
}
div#waitingListEditDetails .werrormsg .msg{
	background-color: transparent !important;
    border: 0px;
    color: red;
    background-image: none !important;
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
div#waitingListEditDetails .successfulinfo{
	background-color: #fbebc2;
	padding-bottom: 20px;
}
div#waitingListEditDetails .successfulinfotitle.msg {
	padding-left: 0px;
    padding-bottom: 5px;
    background: none;
    background-image: none !important;
}
div#waitingListEditDetails .successfulinfotitle.msg .fa{
	float: left;
    line-height: 20px;
    padding-right: 9px;
    font-size: 24px;
    color: var(--more-link-color-hover, #3170AF);
}
div#waitingListEditDetails .successfulinfotitle strong {
    font-weight: bold;
}
div#waitingListEditDetails .successfulinfocontent {
    padding: 10px 40px;
    padding-top: 0px;
    line-height: 20px;
}
div#waitingListEditDetailsPageTitle {
	margin-left: 20px;
}
div#waitingListEditDetails div#notifyMeUI .col2.adjustmentui {
    margin-left: 0px;
}
#waitingListEditDetails .readonlyflexible label {
    margin-top: -5px;
    margin-right: 5px;
}
div#waitingListEditDetails input#arrivDateD {
	width: 148px;
}
div#waitingListEditDetails div#ArrivDateLabel + a.link, div#waitingListEditDetails div#LengthOfStayLabel + a.link {
    margin-left: 2px;
}
body#memberwaitinglist #pagearea .fa {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
    font-size: 16px;
}
body#memberwaitinglist .settings {
    display: none;
}
body#memberwaitinglist .td.cta2 {
    min-width: 50px;
}
body#memberwaitinglist .wstatus{
    font-weight: bold;
}
body#memberwaitinglist .wstatus.green {
    color: green;
}
div#backwaitinglist {
	margin-bottom: 10px;
}
@media ( max-width :767px) {
	div#waitingListEditDetails div.modalPopLite-wrapper{
    	right: auto;
    	left: auto !important;
	}
	div#waitingListEditDetails .content .row > div {
	    display: block;
	}
	div#waitingListEditDetails .content .row .col1 {
	    margin-bottom: 10px;
	}
	div#waitingListEditDetails .title.msg {
	    background-position: -86px -97px;
	}
	div#waitingListEditDetails .content .grey {
	    width: 100%;
	}
	div#waitingListEditDetails div.msg.error{
		padding: 2px;
	}
	div#waitingListEditDetails .col2 #notifyViaEmailDisabled {
	    margin-left: -3px;
	}
	body#memberwaitinglist #pagearea .fa {
	    padding-left: 5px;
	    padding-right: 5px;
	}
}
/**Waiting List Edit end**/
/**Reservation Details Page - POS Charges to Reservation Start**/
div.poschargetoreservation li.order {
    margin-bottom: 10px;
}
div.poschargetoreservation span.chargepositeminfo {
    margin-left: 15px;
    display: inline-block;
}
.poschargetoreservation ul.detail {
    padding-left: 0px;
}
/**Reservation Details Page - POS Charges to Reservation End**/
#siteResultViewToggle .view_switch.selected, #favsBtn.view_switch, #favsBtn.view_switch.selected, #tripsBtn.view_switch, #tripsBtn.view_switch.selected
	{background-color: #fff !important; background-image: none; border: 1px solid rgba(0,0,0,.24); border-bottom: none;}
#siteResultViewToggle .view_switch.selected a {color: #000 !important;}
#siteResultViewToggle .view_switch {margin-bottom: -1px;}

#mixSeasonalTabs .view_switch.selected {background-color: #fff !important; background-image: none; border: 1px solid rgba(0,0,0,.24); border-bottom: none;}
#mixSeasonalTabs .view_switch.selected a {color: #000 !important;}
#mixSeasonalTabs .view_switch {margin-bottom: -1px;}
#mixSeasonalTabs .view_switch.seasonreadyonly {color: #7A6654;background-color:#dce2e5;background-image: none;}
#mixSeasonalTabs .view_switch.seasonreadyonly a{color: #7A6654;}

#mixSeasonalTabs .view_switch a {height:28px;}

.previouslyPurchasedPosDiv > .posLstDiv {
	clear:both;
}

.previouslyPurchasedPosDiv > .posLstDiv > .posProductBox {
	float: left;
    border: 1px solid #d8d8d8;
    width: 180px;
    padding: 0px 10px 10px 10px;
    margin-right: 20px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
}

.previouslyPurchasedPosDiv > .posLstDiv > .posProductBox.nomargin {
	margin-right: 0px !important;
}

.previouslyPurchasedPosDiv > .posProductsHeaderDiv > .posProductsTitle {
	float:left;
	font-size: 18px;
    font-weight: bold;
}

.previouslyPurchasedPosDiv > .posProductsHeaderDiv > .pagDiv {
	float:right;
	margin-right: 5px;
}

.previouslyPurchasedPosDiv {
	width: 100%;
	clear: both;
}

.previouslyPurchasedPosDiv .posProductBoxImg {
	text-align: center;
	height: 117px;
}

.previouslyPurchasedPosDiv .check_avail_panel a.check_available {
	width: 100% !important;
    box-sizing: border-box;
    height: 34px;
}

.previouslyPurchasedPosDiv .check_avail_panel a.check_outofstock {
    width: 100% !important;
    box-sizing: border-box;
	height:40px;
	padding-top: 12px;
}

#contentArea .component .previouslyPurchasedPosDiv .posProductBoxImg img {
	padding: 0;
	width: 100%;
}

.previouslyPurchasedPosDiv .posPaginationPrevNext > span > a {
	font-weight: bold;
    margin-left: 20px;
    font-size: 18px;
}

.previouslyPurchasedPosDiv  .posProductBoxNameDiv {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    word-break: break-word;
}

.previouslyPurchasedPosDiv .posProductBoxPriceDiv {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    min-height: 22px;
}


.previouslyPurchasedPosDiv .posProductBoxTitle {
    font-size: 10px;
    color: #264d73;
    overflow-x: hidden;
    min-height: 13px;
}

.previouslyPurchasedPosDiv .posProductBoxImg img {
    max-height: 117px;
    object-fit: contain;
}

.previouslyPurchasedPosDiv .posPaginationPrevNext > span > a.disabled {
	color: #757575;
	cursor: auto;
}

.previouslyPurchasedPosDiv .posProductBoxInfo {
    height: 196px;
}

.searchResultsHeaderRedesigned .facility_view_header_near, .searchResultsHeaderRedesigned .facility_view_header_nearest {
	background-color: #fff;
	color: #000 !important;
	opacity: 0.77;
	padding: 0px;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
}
.searchResultsHeaderRedesigned .distance_measurement {
	font-weight: normal;
}

@media ( max-width :767px) {
	.previouslyPurchasedPosDiv > .posProductsHeaderDiv {
		padding: 10px;
	}
	
	.previouslyPurchasedPosDiv > .posLstDiv {
		padding: 10px;
	}
	
	.previouslyPurchasedPosDiv > .posLstDiv > .posProductBox {
		width: 100%;
    	box-sizing: border-box;
	}
	
	.previouslyPurchasedPosDiv .posProductBoxNameDiv {
		text-align:center;
	}
	
	.previouslyPurchasedPosDiv .posProductBoxPriceDiv {
		text-align:center;
	}
}

/* TOP NAV BAR with SUBMENUS */
nav {    
  display: block;
  text-align: center;
}
nav ul {
  list-style: none;
  text-align: left;
}
.nav.tabs a {
  display:block; 
  text-decoration: none;
  position: relative;
}
.nav.tabs {  
  vertical-align: top; 
  display: inline-block;
}
.nav.tabs li {
  position: relative;
}
.nav.tabs > li { 
  float: left; 
  border-bottom: 4px solid transparent; 
  margin-right: 1px; 
} 
.nav.tabs > li > a { 
  margin-bottom: 1px;
}
.nav.tabs > li:hover, 
.nav.tabs > li:hover > a { 
  border-bottom-color: #fff;
}
.nav.tabs li:hover > a { 
  color:#fff; 
}
.nav.tabs > li:first-child { 
  border-radius: 4px 0 0 4px;
} 
.nav.tabs > li:first-child > a { 
  border-radius: 4px 0 0 0;
}
.nav.tabs > li:last-child { 
  border-radius: 0 0 4px 0; 
  margin-right: 0;
} 
.nav.tabs > li:last-child > a { 
  border-radius: 0 4px 0 0;
}
.nav.tabs li li a { 
  margin-top: 10px;
}
.nav.tabs li a:first-child:nth-last-child(2):before {
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  border: 5px solid transparent; 
  top: 50% ;
  right:-15px;  
 }
/* submenu positioning*/
.nav.tabs ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 5px solid transparent;
  z-index: 100;
  left: -99999em;
}
.nav.tabs > li:hover > ul, .nav.tabs > li > ul.slct {
  left: auto;
  margin-top: 5px;
  min-width: 100%;
}
.nav.tabs > li li:hover > ul, .nav.tabs > li li > ul.slct  { 
  left: 100%;
  margin-left: 1px; 
  top: -1px;
}
/* arrow hover styling */
.nav.tabs > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #fff; 
}
.nav.tabs > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: #fff; 
  margin-top:-5px
}
.nav.tabs li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #fff; 
  margin-top: -5px
}
.nav.tabs li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: fff;
  right: 10px; 
}
#topnav ul li {padding-top: 5px;}
#topnav .nav.tabs li ul {top: 20px;}
#topnav .nav.tabs li ul li ul {top: 0;}
.submenuOpts {width: 94%; margin-left: 6%;}
.mobsubmenu a:after {
	font-family: FontAwesome;
	margin-left: 5px;
  content: "\f0d7";
  float: right;
}
.mobsubmenu.expanded a:after {
  content: "\f0d8";
}
/* END Top nav bar with submenus*/

div.tourWaitingListDetailsUI,
div.tourWaitingListEditUI {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

div.tourWaitingListEditUI {
    margin-top: 0px !important;
}

div.tourWaitingListDetailsUI .content {
	margin:0px;
}

div.tourWaitingListEditUI .content {
	margin:0px;
	border-width: 0px !important;
}


@media ( max-width :767px) {
	div.tourWaitingListDetailsUI .title.msg,
	div.tourWaitingListEditUI .title.msg {
	    background-position: -90px -97px !important;
	}
	div#ticketAddWaitingListSuccessfullyUI.title.msg + div.successfulinfo {
    	padding-left: 10px;
    }

}

div.tourWaitingListDetailsUI select#earliestTimeD,
div.tourWaitingListDetailsUI select#latestTimeD,
div.tourWaitingListEditUI select#earliestTimeD,
div.tourWaitingListEditUI select#latestTimeD {
    width: 150px;
}

div#ticketAddWaitingListSuccessfullyUI.title.msg
{
    background-position-x: -100px;
}

@media ( min-width : 768px) {
	.addressfloatleft {
		float: left;
	}
	.systemsuggestsection{
	    padding-left:110px;
	}
	.addressinfocontentdiv{
	    width: 150px;
	}
}

.addresspopupclear {
		clear: both;
	}
.addressfloatleft p{
	padding-bottom:5px;
}
@media ( max-width : 767px) {
	.addressfloatleftmobile{
	   float: left;
	}
	
	.systemsuggestsection{
	   clear:both;
	}
	
}

.addresspopupclear p{
	padding-top: 3px;
}
.xtrnllnk span {float: left;}
.xtrnllnk:after {  font-family: FontAwesome; content: "\f14c"; margin-left: 5px;} 
a[href^=tel] {text-decoration:inherit; color: inherit;}


div#headerEnhance {
	padding-right: 200px;
	background-color: white;
	display: flow-root;
}

div#headerEnhance #cartLinkBackup {
    font-family: var(--font_family_sbold);
}

div#headerEnhance .cartstatusnewlinediv span#countdown {
	background-image: none;
	padding-left: 0px;
	padding-right: 1px;
}


div#headerEnhance .cartstatusnewlinediv div.bestbefore, div#headerEnhance .otherlinks {
	display: inline;
}

div#headerEnhance .otherlinks, div#headerEnhance div.bestbefore {
	float: none;
}	

div#headerEnhance #checkoutLink{
	padding-left: 10px;
}

div#headerEnhance .expired, div#headerEnhance .bestbefore {
	color: #757574;
}

div#headerEnhance .otherlinks{
	padding: 0px 0px 0 10px;
}

div#headerEnhance .cartstatusnewlinediv{
	clear: none;
	padding-top: 22px;
}

div#headerEnhance .cartstatusnewlinediv:empty {
    padding-top: 0px;
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 767px) {
	 div#headerEnhance {
		 padding-right:0px !important;
	}
	
	div#headerEnhance .cartstatusnewicondiv{
	     padding-right: 5%;
	}
}

@media (max-width: 767px) {
	#memberwaitinglist .waitinglist .items .br div.td {
		padding: 4px 2px;
	}
}
div#headerEnhance .cartstatusnewlinediv{
	font-size:14px;
	font-family: var(--font_family_sbold);
}
form[name=unsubscribeRatingForm]{
	padding: 0 6px;
}

/*View All Lotteries page*/
.viewLotteriesSectionDiv {clear: both; padding-top: 30px;}
.viewLotteriesFAQSection {clear: both; padding-top: 55px;}
.viewLotteriesSectionDiv.current {padding-top: 0px;}
.viewLotteriesSectionDiv h3, .viewLotteriesFAQSection h3 {font-size: 22px; padding-bottom: 3px;}
.viewLotteriesFAQSection {padding-bottom: 30px;}
.lotteryBox {
  background-color: white;
  border: 1px solid #d8d8d8;
  width: 30%;
  height: 295px;
  padding: 8px;
  float: left;
  margin-right: 15px;
  margin-top: 15px;
  border-radius: 6pt;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  font-family: var(--font_family_sbold);
  position: relative;
  line-height: 1.15;
}
.lotteryBox.nomargin {margin-right: 0px;}
.viewLotteriesSectionDiv.upcoming .lotteryBox {height: 265px;}
.viewLotteriesSectionDiv.closed .lotteryBox {height: 195px;}
.lotteryBoxTitle {
  font-size: 13px;
  font-weight: bold;
  color: #264d73;
  margin-top: 3px;
  overflow-x: hidden;
}
.lotteryBoxTitle a {color: #2689c6; text-decoration: none;}
.lotteryBoxDrawDate, .lotteryBoxPermitDates, .lotteryBoxAppClose {padding-left: 15px; padding-bottom: 10px; clear: both;}
.lotteryBoxPermitDates b, .lotteryBoxAppClose b {width: 40%;}
.lotteryBoxDrawDate div, .lotteryBoxPermitDates div, .lotteryBoxAppClose div {width: 50%; float: right;}
.lotteryBoxDrawDate .lotteryBoxResultsDiv {width: 45%; float: left; margin-bottom: 7px;}
.lotteryBoxProgress {
  border-radius: 5px; 
  margin-left: 25px;
  margin-right: 25px;
  border: 1px;
  border-style: solid;
  border-color: #bababa;
}
.lotteryBoxProgress > div {background-color: #ffb366; height: 13px; border-radius: 5px;}
.lotteryBoxCloseDate, .lotteryBoxOpensDate {
  padding: 15px;
  color: #999999;
  width: auto;
  float: left;
  font-size: 13px;
}
.lotteryBoxCloseDate {padding-bottom: 5px;}
.lotteryBoxCloseDate div, .lotteryBoxOpensDate div {color: black;}
.lotteryBoxEntryPeriod {
  padding: 15px;
  color: #999999;
  float: left;
  clear: both;
}
.lotteryBoxEntryPeriod div {color: black;}
.lotteryBoxToGo {
  float: right;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  color: #999999;
  font-size: 13px;
}
.lotteryBoxToGoDays {
  font-weight: bold;
  color: black;
  font-size: 30px;
  float: left;
  margin-right: 5px;
  display: table-cell;
}
.lotteryBoxDaysText {
  display: table-cell;
  margin-right: 25px;
  margin-top: 2px;
  float: right;
}
.lotteryBox img {
  width: 93px;
  height: 70px;
  float: left;
  margin-right: 10px;
}
.lotteryBoxPartOf {
  margin-top: 5px;
  font-size: 10px;
  color: #555555;
}
.lotteryBoxPartOf a {color: #2689c6; text-decoration: none;}
.lotteryBoxEnterDiv.check_avail_panel {padding: 0;}
.lotteryBoxEnterDiv {
  width: 63%;
  height: 35px;
  border-radius: 5px;
  float: left;
  position: absolute;
  top: 263px;
  left: 19%;
}
.lotteryBoxEnterDiv a {
  text-decoration: none;
  display: block;
  margin-top: 9px;
  margin-left: 24.5%;
  font-size: 14px;
  font-weight: bold;
}
.lotteryBoxImg, .lotteryBoxNames {float: left; height: 85px;}
.lotteryBoxNames {max-width: 158px;}
.lotteryBoxInfo {height: 221px;}
.lotteryBoxProgressDiv {clear: both; padding-top: 15px;}
.lotteryBoxOpensDate {clear: both;}
.lotteryBoxDetailsLink {left: 35%;top: 255px;position: absolute;}
.lotteryBoxDetailsLink a { 
  text-decoration: none;
  color: blue;
  font-weight: bold;
  font-size: 14px;
}
.lotteryBoxNowClosed {
  color: red;
  font-weight: bold;
  font-size: 14px;
  left: 26%;
  top: 185px;
  position: absolute;
}
.viewLotteriesFAQText {margin-top: 15px;}
.viewLotteriesSectionDiv.closed .lotteryBoxDrawDate {padding-top: 15px;}
.viewLotteriesFAQLink, .viewLotteriesTopLink {float: right; font-size: 12px; margin-right: 3px;}
.viewLotteriesTopLink {padding-top: 40px;}
.viewLotteriesFAQLink a, .viewLotteriesTopLink a {text-decoration: none; color: #2789c5; font-weight: bold;}
.viewLotteriesFAQLink span, .viewLotteriesTopLink span {margin-right: 5px;}
.viewLotteriesSeparator {border-bottom: 1px solid #bababa; margin-bottom: 20px;}
.viewLotteriesNone {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  margin-left: 10px;
}
#viewlotteriespage #page, #viewlotteriespage #pagearea {background-color: #f1f1f1;}
.viewLotteriesMobileTabs, .viewLotteriesMobileTitle, .viewLotteriesMobileFAQLink {display: none;}
.lotteryBoxSecondLabel {color: #999999 !important; font-size: 10px;}

@media (max-width: 767px) {
  .viewLotteriesMobileTabs {
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .viewLotteriesMobileTitle, .viewLotteriesMobileFAQLink {display: block;}
  .viewLotteriesTitle, .viewLotteriesFAQLink {display: none;}
  .viewLotteriesMobileFAQLink {float: right; font-size: 12px; margin-right: 10px;}
  .viewLotteriesMobileFAQLink a {text-decoration: none; color: #2789c5; font-weight: bold;}
  .viewLotteriesMobileFAQLink span {margin-right: 5px;}
  .viewLotteriesMobileTitle h3 {font-size: 22px;padding-bottom: 3px;}
  .viewLotteriesSectionDiv {padding-top: 0px;}
  .mobileTabsOpen, .mobileTabsClosed, .mobileTabsFuture {
    width: 30%;
    float: left;
    background-color: #fafaee;
    color: #555555 !important;
    padding: 7px 0 7px 0;
    text-align: center; 
    margin-top: 5px;
    margin-right: 1px;
    max-width: 100px;
    font-weight: bold;
  }
  .mobileTabsOpen a, .mobileTabsClosed a, .mobileTabsFuture a {text-decoration: none !important;}
  .mobileTabsOpen.selected, .mobileTabsClosed.selected, .mobileTabsFuture.selected {background-color: #2689c6;}
  .mobileTabsOpen.selected a, .mobileTabsClosed.selected a, .mobileTabsFuture.selected a {color: #fff !important;}
  .mobileTabsOpen {border-radius: 6pt 0 0 6pt;}
  .mobileTabsFuture {border-radius: 0pt 6pt 6pt 0;}
  .viewLotteriesSectionDiv.closed, .viewLotteriesSectionDiv.upcoming {display: none;}
  .viewLotteriesSeparator {display: none;}
  #viewlotteriespage #contentArea {margin-left: 5px;}
  .lotteryBox {width: 279px; float: none;}
  .viewLotteriesNone {padding-top: 15px;}
  .viewLotteriesFAQText {margin-left: 5px; width: 95%;}
}

@media (max-width: 991px) {
  .lotteryBox {margin-right: 5px;}
}
/*End View Lotteries page*/


.posProductBoxImg .slick-prev {
	left: 5px;
    z-index: 1000;
}

.posProductBoxImg .slick-next {
	z-index: 1000;
    right: 5px;
}

.posProductBoxImg .slick-prev:before,
.posProductBoxImg .slick-next:before {
	color: #ddd;
}

.posProductBoxImg .slick-dots {
	bottom: 0px;
}

.posProductBoxImg .slick-dots li {
	margin:0px;
}

.posProductDetailsImgDiv .posSlickCarousel {
	width:308px;
}
.posProductDetailsImgDiv .posSlickCarousel  .slick-slide{
	width:308px;
	border:1px solid #fff;
}

.posProductsSectionDiv .posProductBoxImg .posSlickCarousel {
	width:261px;
	height: 100%;
	margin: 0 auto;
}

.posProductsSectionDiv .posProductBoxImg .posSlickCarousel .slick-slide {
	width:261px;
	border:1px solid #fff;
}

.previouslyPurchasedPosDiv .posProductBoxImg .posSlickCarousel {
	width:180px;
	height: 100%;
	margin: auto;
}
.previouslyPurchasedPosDiv .posProductBoxImg .posSlickCarousel .slick-slide {
	width:180px;
	margin: auto;
	border:1px solid #fff;
}

.posProductDetailsImgDiv .posProductBoxImg img {
	width:100% !important;
}


.buyXGetYCarousel.multiItems
.freePOSProductDetails {
    padding: 0px 10px 0px 20px;
}

.freePOSProductDetails .freePOSProductImgContainer,
.freePOSProductDetails .freePOSProductInfos,
.freePOSProductDetails .claimFreeGift {
	float: left;
}

.freePOSProductMsg {
    background-color: #FFFCF5;
    color: #B54708;
	padding: 10px 15px;
	font-size: 10pt;
	font-weight: bold;
	border: 2px solid #FEC84B;
}

.freePOSProductDetails .freePOSProductImgContainer {
	padding: 10px;
	width: 170px;
}

.buyXGetYCarousel {
}

.buyXGetYCarousel .slick-prev {
    left: 0px;
    z-index: 10;
}

.buyXGetYCarousel .slick-next {
    right: 0px;
    z-index: 10;
}

.buyXGetYCarousel .slick-prev:before, .buyXGetYCarousel .slick-next:before {
  font-family: FontAwesome;
  font-size: 30px;
  color: #000;
}

.buyXGetYCarousel .slick-prev:before {
  content: "\f104";
}
.buyXGetYCarousel .slick-next:before {
  content: "\f105";
}

.buyXGetYCarousel .posImageDiv img {
   max-width: 170px;
   object-fit: contain;
}

.freePOSProductDetails .freePOSProductInfos {
	padding: 30px 0 0 10px;
}

.freePOSProductDetails .freePOSProductInfos .freePOSProductName,
.freePOSProductDetails .freePOSProductInfos .freePOSProductQty,
.freePOSProductDetails .freePOSProductInfos .freePOSProductPrice,
.freePOSProductDetails .freePOSProductInfos .freePOSProductName {
	font-size: 10pt;
	font-weight: bold;
	padding: 10px 0;
}

.freePOSProductDetails .freePOSProductInfos .freePOSProductName {
	width: 190px;
}

.freePOSProductDetails .freePOSProductInfos .freePOSProductPrice .freePOSProductPriceValue,
.freePOSProductDetails .freePOSProductInfos .freePOSProductPrice .freePOSProductPriceNowLabel .freePOSProductPriceNow,
.freePOSProductDetails .freePOSProductInfos .freePOSProductPrice .freePOSProductPriceValueLabel,
.freePOSProductDetails .freePOSProductInfos .freePOSProductPrice .freePOSProductPriceNowLabel {
	display: inline;
}

.freePOSProductDetails .freePOSProductInfos .freePOSProductPrice .freePOSProductPriceNowLabel {
	margin-left: 10px;
}

.freePOSProductDetails .claimFreeGift {
	margin-left: 20px;
	margin-top: 64px;
    width: 190px;
}

.freePOSProductDetails .freePOSProductInfos .freePOSProductPrice .freePOSProductPriceNowLabel .freePOSProductPriceNow {
	background-color: #EE0000;
	color: #fff;
	width: 120px;
	text-align: center;
	border-radius: 10px;
	padding: 2px 15px;
}

.freePOSProductDetails .freePOSProductImgContainer .freePOSProductImg {
	background-color: #EE0000;
	color: #fff;
	margin: 5px 0;
	padding: 3px 10px;
	width: 135px;
	text-align: center;
	border-radius: 10px;
}

.freePOSProductDetails .freePOSProductPromoCode{
    background-color: #EE0000;
    color: #fff;
    margin: 5px 0;
    padding: 3px 10px;
    width: 135px;
    text-align: center;
    border-radius: 10px;
}

.freePOSProductDetails .claimFreeGift > .posProductLink > a {
    height: auto;
}

@media (max-width: 767px) {
	.posProductsSectionDiv .posProductBoxImg .posSlickCarousel {
		width:251px;
	}

	.posProductsSectionDiv .posProductBoxImg .posSlickCarousel .slick-slide {
		width:251px;
	}
	
	#csitedetailspage .sitePhotoContainer #samplpics > div, #chourlysitedetailspage .sitePhotoContainer #samplpics > div { max-width: 48%; }
	#csitedetailspage .sitePhotoContainer #samplpics img, #chourlysitedetailspage .sitePhotoContainer #samplpics img {width: 100%;}

    .freePOSProductMsg {
	    width: 90%;
        margin: 0 4%;
        padding: 10px 5px;
    }

    .buyXGetYCarousel {
        margin: 0 4%;
    }

    .freePOSProductDetails .claimFreeGift {
        width: 100%;
        margin: auto;
    }

    .freePOSProductDetails .freePOSProductInfos {
        padding-top: 10px;
    }
}

@media (max-width: 319px) {
    .buyXGetYCarousel {
        margin: 0 2%;
    }

    .freePOSProductMsg {
        margin: 0 2%;
    }

}

#photo_360 {
	width: 100%;
	height: 400px;
	margin-bottom: 20px;
}

#image360-pv-cont {
	width: 100%;
	height: 100%;
}

.ui-dialog#image360-dialog .ui-dialog-titlebar {
	border: none;
    background: none;
    margin: 0;
    padding: 0;
}

.posOrderProductsContainer .posProductImageBox{
	height: 100px;
	width: 120px;
	padding-right:10px;
	padding-bottom:7px;
}

.posProductImageBox{
	 text-align: center;
}

.posProductImageBox img{
	min-width: 50px;
    max-width: 120px;
    min-height: 10px;
    max-height: 100px;
}

.posProductNameDiv{
	font-weight: bold;
	color: #000;
	padding-top: 2px;
	width:100%;
}

.posProductPriceAndQty{
	padding-top: 5px;
	color: #000;
	font-size:12px;
}

.posOrderHeadDiv{
	text-align: left !important;
    padding-left: 20px !important;
    width: 35%;
}

.posOrderHeadShippingDiv{
    width: 18% !important;
}

.posOrderShippingDiv{
	 width: 40%;
	 text-align:left !important;
}

.posOrderHeadPriceDiv{
	text-align: right !important;
	padding-right:20px !important;
}

.checkYourPOSOrderDiv{
	font-weight: bold;
	color: #000;
	padding-bottom: 20px;
}

.posOrderMenu{
	text-indent:20px !important;
}

.posProductShippedStatus{
	height:20px !important;
}

.posProductShippingDiv{
    border-radius: 15px;
    background: #747474;
    width: 45px;
    height: auto;
    padding-top: 5px;
    padding-left: 4px;
    padding-right: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: white;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
    margin-top:5px;
}

.posProductShippingDivPlus{
	display: inline-block;
    float: left;
    height: 35px !important;
}

.posProductShippedDivPlus{
	display: inline-block;
    float: left;
    height: 20px !important;
}

.posProductShippingCarrierDiv{
	display: inline-block;
    float: left;
    margin-left: 10px;
    padding-top:5px;
}

.posProductShippingInfoDiv, .posItemShippingCarrierDiv {
	display: inline-block;
	float: left;
	width:47%;
}

.posShippingCarrierUnifiedFont,.posProductShippingInfoDiv span{
	font-size:12px;
}

.posItemShippingToTitleDiv,.posItemShippingCarrierTitleDiv{
	background-color:#e3e3d5;
	width: 100%
}

.posShippingCarrierLogoDiv{
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position-y: top;
    background-size: 20px 20px;
}

.posShippingCarrierLogoUPSDiv{
	background-image: url(/images/ups.gif);
	padding-left: 20px;
}

.posProductShippedStatus{
	background: green !important;
}

.posShippingCarrierLogoFedexDiv{
	background-image: url(/images/FedEx_Logo.jpg);
	padding-left: 35px;
	background-size: 30px 20px !important;
}

.posShippingCarrierLogoUSPSDiv{
	background-image: url(/images/OIP-C.gif);
	padding-left: 30px;
	background-size: 30px 20px !important;
}

.posProductPriceAndQtyPlus{
	clear:both;
}

.purchaseAgainBtnDiv a{
	width: 115px !important;
}

.purchaseAgainBtnDivContainer{
	float: right;
}

#myPOSOrderMobileDiv + div.items{
	margin-top:0px;
}

.posProductNameDiv{
	padding-bottom:5px;
}

.posOrderHeadDiv span, .posOrderHeadDiv span,.posOrderHeadPriceDiv span{
	display: inline-block;
	font-size: 14px;
    padding-top: 3px;
}

.addressAndCarrierTotalContainer{
	width:85%;
	margin-top:5px;
}

.posNotAvailContainer{
	height:450px;
}

div.posProductShippingCarrierDiv div, div.posProductShippingCarrierDiv div a{
	font-size:12px;
}
#csitecalendar .calfloatdiv, #csitecalendar .calnotavailfloatdiv {border-bottom: none;}
.calfloatdiv, .calnotavailfloatdiv{
  position:absolute;
  border-top: 3px solid #ffffff;
  padding: 4px;
  height: 100%;
	height: -moz-available;          /* WebKit-based browsers will ignore this. */
	height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
	height: fill-available;
}
#csitecalendar .pozl14 {left: 0%;}
#csitecalendar .pozl13 {left: 7%;}
#csitecalendar .pozl12 {left: 14%;}
#csitecalendar .pozl11 {left: 21.30%;}
#csitecalendar .pozl10 {left: 28.30%;}
#csitecalendar .pozl9 {left: 35.50%;}
#csitecalendar .pozl8 {left: 42.6%;}
#csitecalendar .pozl7 {left: 49.75%;}
#csitecalendar .pozl6 {left: 57%;}
#csitecalendar .pozl5 {left: 64%;}
#csitecalendar .pozl4 {left: 71%;}
#csitecalendar .pozl3 {left: 78%;}
#csitecalendar .pozl2 {left: 85.25%;}
#csitecalendar .pozl1 {left: 93%;}
#csitecalendar 
#csitecalendar .wdth2 {width: 12.5%;}
#csitecalendar .wdth3 {width: 19.85%;}
#csitecalendar .wdth4 {width: 27%;}
#csitecalendar .wdth5 {width: 34%;}
#csitecalendar .wdth6 {width: 41%;}
#csitecalendar .wdth7 {width: 48%;}
#csitecalendar .wdth8 {width: 55.5%;}
#csitecalendar .wdth9 {width: 62.5%;}
#csitecalendar .wdth10 {width: 69.6%;}
#csitecalendar .wdth11 {width: 76.7%;}
#csitecalendar .wdth12 {width: 84%;}
#csitecalendar .wdth13 {width: 91%;}
#csitecalendar .wdth14 {width: 98%;}

#daterangediv .pozl14 {left: 29.75%;}
#daterangediv .pozl13 {left: 34.75%;}
#daterangediv .pozl12 {left: 39.75%;}
#daterangediv .pozl11 {left: 44.75%;}
#daterangediv .pozl10 {left: 49.75%;}
#daterangediv .pozl9 {left: 54.75%;}
#daterangediv .pozl8 {left: 59.75%;}
#daterangediv .pozl7 {left: 64.75%;}
#daterangediv .pozl6 {left: 69.75%;}
#daterangediv .pozl5 {left: 74.75%;}
#daterangediv .pozl4 {left: 79.75%;}
#daterangediv .pozl3 {left: 84.75%;}
#daterangediv .pozl2 {left: 89.75%;}
#daterangediv .pozl1 {left: 94.75%;}

#daterangediv .wdth2 {width: 8.5%;}
#daterangediv .wdth3 {width: 13.5%;}
#daterangediv .wdth4 {width: 18.5%;}
#daterangediv .wdth5 {width: 23.5%;}
#daterangediv .wdth6 {width: 28.5%;}
#daterangediv .wdth7 {width: 33.5%;}
#daterangediv .wdth8 {width: 38.5%;}
#daterangediv .wdth9 {width: 43.5%;}
#daterangediv .wdth10 {width: 48.5%;}
#daterangediv .wdth11 {width: 53.5%;}
#daterangediv .wdth12 {width: 58.5%;}
#daterangediv .wdth13 {width: 63.5%;}
#daterangediv .wdth14 {width: 68.5%;}

.calfloatdiv{
	 background-color: #173154;
	 padding-top: 27px;
	 padding-bottom: 31px;
}

.calnotavailfloatdiv{
   background-color: #f8f8f6;
}

.calnotavailfloatdiv a{
	color: #888888 !important;
}

div.calfloatdiv a, div.calnotavailfloatdiv a, div.seasondivcell a, div.calfloatdiv, div.calnotavailfloatdiv {
   font-size:12px !important;
}
#csitecalendar div.seasondivcell {width: 7.15%;}
#daterangediv div.seasondivcell {width: 5%;}
div.calfloatdiv:hover{
     background-color: #4f82bf;
}
#daterangediv div.calnotavailfloatdiv {padding: 33px 4px;}
#csitecalendar div.calnotavailfloatdiv {padding: 23px 4px;}

div.calnotavailfloatdiv.w {
    background-color: #F1EFE2;
    color: #7b6653;
}

div.calnotavailfloatdiv.c {
    background-color: #FFFFFF;
    color: #888888;
}

.status.slct.a a:link, div.calfloatdiv.status.a.slct a:link {
    color: #222222 !important;
}
div.calfloatdiv.status.a.slct a:link {padding: 0;}

div.calnotavailfloatdiv.status.r, .br div.td.r {
    background-color: #F1EFE2;
    color: #4F4F4F !important;
}

div.calnotavailfloatdiv.status.c, .td.status.c {
    background-color: #FFFFFF;
    color: #595959 !important;
}

select#seasonalSchdDD option:disabled{
    background-color:grey;
}

@media (max-width: 767px) {
	.posOrderShippingDiv{
	   clear: both !important;
	   width:95% !important;
	   padding-top: 10px;
       padding-bottom: 10px;
       padding-left:5px;
	}
	
   .purchaseAgainBtnDivContainer{
	    float: left;
	    margin-left: -25px;
	    clear: both;
   }
   .purchaseAgainBtnDiv{
	    margin-top: 7px;
   }
	.posOrderHeadDiv {
	   width: 33%;
	}
	.posOrderHeadDiv span, .posOrderHeadDiv span,.posOrderHeadPriceDiv span{
	   font-size: 12px;
   }
   .posOrderProductsContainer{
       margin-left:5px;
   }
   
   .posOrderMenu{
	  text-indent:46px !important;
   }
   
   .posOrderHeadContainerDiv{
      padding-left:10px;
   }
   
   .posProductShippingInfoDiv, .posItemShippingCarrierDiv {
      width:50%;
  }
  
  .mbdel a{
      font-size: 12px !important;
  }
  
  .mbdel {
     font-size: 13px !important;
  }
  
  .calfloatdiv, .calnotavailfloatdiv{
     display: none !important;
  }
  
  .td.status.w a, .td.status.c a, .td.status.w, .td.status.c{
    color: black !important;
  }
  
  #mixSeasonalTabs {
	margin: 0px 0 0 0;
  }

  #mixSeasonalTabs div.first{
	margin-left:0px;
  }
  
  #fromwrappermixedcontainer{
    margin-left:0px !important;
    margin-right:0px !important;
    padding-left:10px;
  }
}

select.ssdropdownhide{
	display:none !important;
}

#fromwrappermixedcontainer{
	clear: both;
	border:1px solid rgba(0,0,0,.24);
	margin-left:20px;
	margin-right: 20px;
	padding-bottom: 10px;
	padding-top:15px;
}

@media (min-width: 768px) {
	 .mbdel a {
	    display: none !important;
	 }

     .mbdel{
        background-color:#f8f8f6 !important;;
     }
}
.keyvalues{
  max-width: 400px;
}

.keyvalues > dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0
}

.keyvalues > dl > dt {
  float: left;
  clear: left;
  width: 160px;
  padding: 0;
  margin: 0
}

.keyvalues > dl > dd {
  float: left;
  padding: 0;
  margin: 0
}

@media (max-width: 767px) {
 .keyvalues{
  margin: 10px;
 } 
 .phonepaydetails{
 	margin-bottom: 4px !important; 
 }
 .shophdr.entries .entryval{
   display: block;
 }
}

.ccOnFileInfoSection, .ccOnFileNoteSection {
	padding: 10px 15px;
    margin: 5px 0px;
    background: #EEEEEE;
    border-style: solid;
    border-color: #E1E1E1;
    border-width: 2px;
}

.ccOnFileInfoSection div.checkboxInline {
	display: inline;
}

.ccOnFileInfoSection input[type="checkbox"] {
	margin-right: 5px;
}

.ccOnFileInfoSection a:not(#ccOnFileInfo_a) {
    margin-left: 20px;
    padding-top: 5px;
	text-decoration: revert;
}

.ccOnFileNoteSection label {
	font-weight: bold;
	margin-right: 5px;
}

.cartCCOnFileCancel {
	text-align: right;
   	background-color: #F8F8F8;
    padding: 5px 10px;
}
.redtxt {color:#DC0000;}
div.inlineDiv select[name=cardType]{
	vertical-align: top;
	margin-top: 2px;
}
input[type="checkbox"][readonly] {pointer-events: none;}
div.ptblogos{
    display: inline;
    margin: 0 0 0 5px;
}
div.ptblogos > img{
	margin-top: 5px;
}
#photoToolPage div.photo {text-align: center; padding: 5px 10px 10px 10px; width: 180px;}
#photoToolPage div.photo.video {width: auto;}	
#phtlogo {height: 90px;}
.ovflowwrapany {overflow-wrap: anywhere;}

/*Guest checkout popup*/

.guestCheckoutPopup {
	background-color: white;
	width: 600px;
	border-radius: 3px;
}
.guestCheckoutPopup p {
	margin: 0 !important;
}
.guestCheckoutPopup .popuptitle {
	padding-top: 20px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #b22f2f;
}
.guestCheckoutPopup .popuptitle h1:before {
  font-family: FontAwesome;
  content: "\f058";
  color: #2e8b57;
  margin-right: 10px;
}
.guestCheckoutPopup .popupbody{
	padding: 20px 20px 10px 20px;
	color: #333333;
}
.guestCheckoutPopup .popupbuttons{
	float: right;
	margin-right: 20px;
	clear: both;
}
.guestCheckoutPopupWrap div.modalPopLite-wrapper {
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
} 
.guestCheckoutPopup div.continueButton,
.guestCheckoutPopup div.cartButton {
	float: left;
	padding-top: 10px;
	height: 25px;
	width: 150px;
	margin-left: 20px;
	margin-bottom: 20px;
	min-height: 25px;
}

.guestCheckoutPopup div.continueButton a:visited, .guestCheckoutPopup div.continueButton a:link,
.guestCheckoutPopup div.cartButton a:visited, .guestCheckoutPopup div.cartButton a:link {
	color: #FFF; 
}

.guestCheckoutPopup .gcPopupInfoImg, .guestCheckoutPopup .gcPopupInfoDiv {float: left;}
.guestCheckoutPopup .gcPopupInfoDiv {margin-left: 20px;}
.guestCheckoutPopup .gcPopupInfoName {margin-bottom: 10px; font-weight: bold;}
.guestCheckoutPopup .gcPopupInfoPrice {margin-top: 15px;}

.guestCheckoutPopup .gcPopupInfoImg img{
	height: 80px;
	object-fit: contain;
}
/*End Guest checkout popup*/

/* Guest checkout*/

.guestSectionTitle {
	font-size: 20px;
    font-weight: bold;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #D6D6D6;
    display: flex;
}

.guestCheckoutSection .guestCheckoutContactInput span.extra, .guestCheckoutContactDone .guestCheckoutEmailDone span.extra, .guestCheckoutContactDone .guestCheckoutPhoneDone span.extra, .guestCheckoutContactDone .guestCheckoutNameDone span.extra, .guestCheckoutContactDone .guestCheckoutAddressDone span.extra, .guestCheckoutBillingDone .guestCheckoutNameDone span.extra, .guestCheckoutBillingDone .guestCheckoutAddressDone span.extra, .guestCheckoutPassHolderInput span.extra, .guestPaymentWrapperDiv span.extra, .guestCheckoutPassHolderNameDone span.extra{
    color:#000;
    font-size: 10pt;
}

.guestCheckoutSection.done .guestSectionTitle {background-color: #fff; justify-content: space-between; }
.guestSectionSubtitle {font-size: 20px;}
.guestSectionInfo {font-size: 16px; margin-top: 5px;}
.guestCheckoutFormWrapper {margin-bottom: 20px; float:left; clear: both; width: 90%;}
.guestCheckoutFormWrapper #validatebtn{ margin-top: 20px;}
.guestCheckoutContactInput, .guestCheckoutPassHolderInput {float: left; width: 50%; margin-bottom: 20px;}
.guestCheckoutContactInput input, .guestCheckoutPassHolderInput input {width: 90%;}
.guestCheckoutContactInfo {color: #666666; font-size: 80%; margin-top: 5px;}
.guestSectionEdit {align-self:flex-end; font-size: 16px;}
.guestCheckoutErrorDiv {margin-top: 20px; margin-bottom: 20px; }
.guestCheckoutTopLinks {display: none;}
.guestCheckoutTopLinks + .component #shophdr .hdr h1{font-size:30px; line-height:38px; color:black;font-weight:700;}

.guestCheckoutSection div.securitycert{ margin: 0 10px 0 0 !important;}
.guestCheckoutSection.done .guestCheckoutAddressInfo {margin-left: 12px;}
.guestCheckoutSection.greyed .guestSectionTitle {color: #757575;border-bottom: 0px; }
.guestCheckoutSection.greyed .guestSectionTitle span {color: #919191;}
.guestCheckoutAddressInfo.edit{ color: #c1c1c1;}
.guestBillingAddressSectionForm .btn a{margin-left: 30px;}

.guestPaymentWrapperDiv {float: left; width:100%; }
.guestPaymentWrapperDiv .guestPaymentRow input[name="firstName"],.guestPaymentWrapperDiv .guestPaymentRow input[name="lastName"], .guestPaymentWrapperDiv .guestPaymentRow input[name="cardNumber"],.guestPaymentWrapperDiv .guestPaymentRow input[name="postalCode"],.guestGiftCardNumberDiv input[name="giftCardNumber"]{ width: 300px; }
.guestPaymentRow {clear: both; float: left; margin-bottom: 15px;display: flex;justify-content: space-between; width: 100%;}
.guestPaymentRow div.ptblogos{float:left;clear:left;}
.paymentinfo, #guestCheckoutContactForm .btn, .guestCheckoutPassHolderForm .btn {clear: both;}

.guestCheckoutFloatingDiv {position: sticky; top: 0; z-index: 1000;}
.guestCheckoutFloatingDiv div.securitycert{float:none; margin-top:10px; margin-left:20px;}
.guestCheckoutPriceDiv {clear: both; width: auto; margin-left: 20px;}
.guestCheckoutOrderSummary, .guestCheckoutOrderDetails {border: 1px solid #c4c4c4; padding: 10px;}
.guestCheckoutOrderSummary .title, .guestCheckoutOrderDetails .title {font-size: 20px;}
.guestCheckoutPriceDetails, .guestCheckoutItemDetails {margin-top: 10px; padding-top: 10px; border-top: 1px solid #c4c4c4; }
.guestCheckoutPriceDetails .subtotal {margin-bottom: 8px;}
.guestCheckoutOrderDetails {margin-top: 20px;}
.guestCheckoutItemDetails > * {display: table-cell; vertical-align: middle;}
.guestCheckoutItemDetailsImg img { height: 50px; width: 50px; object-fit: contain; margin-right: 10px;}

.guestGiftCardPaymentDiv .giftCardInfo {width: 60%; padding: 10px 0 10px 0;}
.guestGiftCardSecCodeDiv {margin-left: 5%;}
.guestCheckoutRedeemedGC div {width: 25%;}
.guestCheckoutRedeemedGC .undoLinkDiv {text-align: center;}
.guestGiftCardPaymentDiv {display: grid;}

.guestSectionInfo #guestCheckoutDonorCB {margin: 15px 10px 20px 0; vertical-align: -1.5px;}
#guestCheckoutDonorAddressDiv .shipDetailsTitle .bold {font-size: 20px;}
#guestCheckoutPassHolderForm .guestCheckoutFormWrapper{margin-bottom:0px;}
#guestCheckoutDonorAddressDiv input, #guestCheckoutDonorAddressDiv select, #guestCheckoutBillingAddressForm input, #guestCheckoutBillingAddressForm select{
    width:280px;
}

 .guestCheckoutSectionIcon {
	  background: #008567;
	  width: 1.875rem;
	  height: 1.875rem;
	  color: white;
	  border-radius: 50%;
	  margin-right: 10px;
	  display: inline-flex;
	  -webkit-box-align: center;
	  align-items: center;
	  -webkit-box-pack: center;
	  justify-content: center;
 }
 .guestCheckoutSectionIcon.checkmark {display: none;}
 .guestCheckoutCheckmarkDiv {display: flex; font-size: 20px;}
 .guestCheckoutSection.greyed .guestCheckoutSectionIcon {background: #f6f6f6;}

 .guestCheckoutSection form#checkoutCartForm div.acknowledgement div{
   margin-top: 10px;
 }

 .guestCheckoutSection form#checkoutCartForm div.acknowledgement{
    border: 1px solid #FEC84B;
    border-radius: 5px;
    color: #93370D;
    background-color: #FFFCF5;
    line-height: 16px;
    font-size: 14px;
 }

 .guestCheckoutSection form#checkoutCartForm div.acknowledgement label{
    line-height: 20px;
    font-size: 14px;
    color: #93370D
 }

 .guestCheckoutSection form#checkoutCartForm div.acknowledgement h4{
     color: #93370D;
     font-weight: 800;
     font-size: 16px;
     line-height: 24px;
     margin-bottom: 5px;
 }

.guestCheckoutTitleText{
    align-self: center;
    padding-left: 10px;
}

#guestContactAddressContainer .nomatchstmt{
   margin-bottom: 0px;
}

#guestCheckoutContactForm button.signuprightbtns, #guestCheckoutBillingAddressForm button.signuprightbtns, .guestCheckoutSection #checkoutCartForm button#chkout, #guestCheckoutDonorAddressForm button.signuprightbtns, #guestCheckoutPassHolderForm button.signuprightbtns{
      border-radius: 8px;
      height: 40px;
 }

.guestTourDetailImportantContainerWrap{
      display: flex;
      border: 1px solid #EAECF0;
      border-radius: 5px;
      padding-top: 15px;
      padding-left: 10px;
      padding-bottom: 10px;
}
.guestTourDetailInfoContainer{
     margin-left: 5px;
}
.guestTourDetailInfoTitle{
    padding-top: 5px;
}
.guestTourDetailInfoTitle span{
    font-size: 18px;
    font-weight: 600;
}

.guestTourDetailInfoContent{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    padding-right: 10px;
}

.guestTourDetailInfoContent span:first-child{
   margin-bottom: 5px;
   font-size: 14px;
   font-weight: 600;
}

.guestTourDetailInfoContent span:nth-child(2){
   margin-bottom: 5px;
   font-size: 12px;
   line-height: 20px;
   color:black;
}

.guestDetailsFeesContainer{
   margin-bottom: 10px;
}

.guestTotalFeesItemContainer.guestBoldField, .guestDetailsFeesItemContainer.guestBoldField {
   font-weight:700;
}

.guestFeesNewContainer{
    width: 40%;
}

.guestResvParkAndOtherDetailsContainer > .guestFeesNewContainer{
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.guestResvParkAndOtherDetailsContainer > .guestFeesNewContainer > .guestDetailsFeesContainer{
    width: 40%;
}

#guestCancelDisplayBottomProcessBar{
    align-self: flex-end;
}

.guestDetailsFeesItemContainer, .guestTotalFeesItemContainer{
   display: flex;
   flex-wrap: wrap;
   font-size: 14px;
   padding-bottom: 5px;
}

.guestDetailsFeesItemContainer span:first-child, .guestTotalFeesItemContainer span:first-child{
   width: 80%;
}

.guestDetailsFeesContainer .guestTotalFeesContainer{
   margin-top: 10px;
}

.guestTotalFeesBottomContainer .guestTotalFeesContainer{
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   padding-bottom: 10px;
}
.guestTotalFeesBottomContainer .guestTotalFeesContainer .guestTotalFeesItemContainer{
   width: 30%;
   font-size: 16px;
}

.guestTotalFeesBottomContainer{
   display: flex;
   justify-content: space-between;
}

.guestTotalFeesBottomRight{
   width: 40%;
}

.guestTotalFeesBottomContainer div.guestTotalFeesBottomRight div.guestTotalFeesItemContainer{
   width: 100%;
}

.guestPassHolderSectionForm{
   margin-bottom: 10px;
}

@media (max-width: 767px) {	
	.guestSectionSubtitle, .guestSectionForm, .guestPassHolderSectionForm {padding: 10px;}
	.guestCheckoutContactInput, .guestCheckoutPassHolderInput {width: 100%;}
	.guestCheckoutPriceDiv, .guestCheckoutSection #checkoutCartForm {margin: 10px;}
	.guestCheckoutRedeemedGC div {width: 100%; text-align: left;}
	.guestCheckoutRedeemedGC .undoLinkDiv {text-align: left;}
	.guestCheckoutRedeemedGC .giftCardAction {text-align: right;}
	.guestCheckoutTopLinks {display: block;}
	.guestCheckoutFloatingDiv #otherlinks {display: none;}
	.guestBillingAddressSectionForm {margin-left: 10px;}
	.guestBillingAddressSectionForm input, .guestBillingAddressSectionForm select{width: 300px;}
	#guestCheckoutBillingAddressForm .btn button {width: auto;}
	div.giftCardInfoImage {width: auto; margin-right: 5px;}
	.guestGiftCardPaymentDiv .giftCardInfo {width: 100%;}
	.guestPaymentRow{justify-content:flex-start;display:block;}
	.guestPaymentRow .formField{ padding-bottom: 10px;}
	.guestCheckoutFloatingDiv div.securitycert{ margin-left:10px;}
	.guestTotalFeesContainer div.guestTotalFeesItemContainer, .guestTotalFeesBottomRight{ width: 100%; }
}
@media (min-width: 380px) and (max-width: 767px) {
	.guestPaymentRow .securityCode {margin-top: -14px;}
    .guestPaymentRow {flex-wrap: wrap;}
    .guestPaymentRow > div { margin-bottom: 10px; }
}

#guestcheckoutpage #contentArea input, #guestcheckoutpage #contentArea select{
    border: 1px solid #D6D6D6;
    box-shadow: none;
    transition: none;
}

.guestGiftCardPaymentDiv a, #rightbody .guestCheckoutFloatingDiv #otherlinks a, .guestCheckoutFormWrapper .nomatchstmt a, #guestcheckoutpage form#checkoutCartForm a{
  color: #3538CD;
}

.guestManullyAddress #zipcode_container div{
   margin-bottom: 10px;
}

.guestSectionForm, .guestBillingAddressSectionForm{
    margin-bottom: 10px;
}
.guestCheckoutSectionSeparator{
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 20px;
}

.guestPaymentRow input[name="expYear"], .guestPaymentRow input[name="expMonth"]{
   width: 68px;
}

.guestPaymentRow div.seccode.formField{
    position: relative;
}
.guestPaymentRow div.seccode.formField > div > input{
    padding-right: 25px;
    width: 63px;
}
.guestCheckoutSecureQuestion{
    cursor: pointer;
    position: absolute;
    width: 22px;
    top: 22px;
    right: 10px;
    color: grey;
}

input.guestContactInputReadonly{
    background-color: #fafafa;
}

.guestCheckoutContactDone, .guestCheckoutBillingDone, .guestCheckoutPassHolderNameDone{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    width: 90%;
    flex-wrap: wrap;
    margin-left: 10px;
}

.guestCheckoutPassHolderNameDone{
  margin-top: 20px;
}

.guestCheckoutContactDone > div > span.extra, .guestCheckoutBillingDone > div > span.extra{
   font-size: 14px;
   display: inline-block;
   margin-bottom: 5px;
}

.guestCheckoutPassHolderNameDone .guestCheckoutNameDone span.extra{
    color:#000;
    font-size: 10pt;
}

.guestCheckoutContactDone > div > span, .guestCheckoutBillingDone > div > span, .guestCheckoutPassHolderNameDone > div > span{
   font-size: 18px;
}

.guestCheckoutContactDone > div, .guestCheckoutBillingDone > div, .guestCheckoutPassHolderNameDone > div{
    width: 50%;
    margin-bottom: 30px;
}

.guestCheckoutDonorCNDoneContainer{
    width: 100%;
}

#guestContactAddressContainer > #contactAddress_container{
   display:none;
}

#guestContactAddressContainer, #guestCheckoutMailingAddressErrorInfo{
    float: left;
}

#guestContactAddressContainer > div, #guestContactAddressContainer #autoAddressDetails .difAddrDiv  {
   width: 50%;
}

#guestContactAddressContainer input, #guestContactAddressContainer select{
   width: 90%;
}

#guestContactAddressContainer .nomatchstmt{
   width: 96%;
}

input#phone[readonly], input#contactFirstName[readonly], input#contactLastName[readonly], input#email[readonly], input#contactAddress_addressSearchInputId[readonly], input#contactAddress[readonly]{
   color: #666666;
}

#guestContactAddressContainer, #guestContactAddressContainer #autoAddressDetails{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

#guestContactAddressContainer input#contactAddress_addressSearchInputId{
   width: 100%;
}

/*End guest checkout*/

#tourOrderDetails .TextAreaRenderer {
    width: 98%;
    box-sizing: border-box;
    min-height: 70px;
    overflow: auto;
}
@media (max-width: 767px) {
	#tourOrderDetails .TextAreaRenderer {margin-left: 5px;}
	.guestCheckoutContactDone > div, .guestCheckoutBillingDone > div, .guestCheckoutPassHolderNameDone > div{
        width: 100%;
    }
	#guestcheckoutpage #otherlinks a{
		color: #3538CD;
	}
}

#addrsearch_container > div, #contactAddress_addressSearchInputId_container > div{
  position: relative;
  width: 500px;
}

.guestCheckoutDonorAddressInfo + .guestCheckoutContactDone .guestSectionInfo{
  width: 100%
}

@media (max-width: 767px) {
	#addrsearch_container, #addrsearch_container > div, .nomatchstmt{
		width: 280px !important;
	}
	#contactAddress_addressSearchInputId_container > div:first-child, #guestContactAddressContainer #autoAddressDetails .difAddrDiv  {
	    width: 90%;
	}
	#guestContactAddressContainer > div, #guestContactAddressContainer #autoAddressDetails .difAddrDiv  {
       width: 100%;
    }
    .guestCheckoutDonorAddressInfo + .guestSectionInfo{margin-left: 10px;}
}
#addrsearch, #contactAddress_addressSearchInputId, #contactAddress_addressSearchInputId_container, #newEditPermitTopCancelPopPopupButtons button{
	width: 100% !important;
}
#autoAddressDetails{
	margin-top: 10px;
}

#contactAddress_addressSearchInputId_container > div {
   width: 95%;
}

.nomatchstmt{
	width: 500px;
    margin-bottom: 25px;
    float: left;
}

#guestcheckoutpage .nomatchstmt{
	width: 570px;
}

.nomatchstmt > a{
	float: right;
	margin-right: 10px;
}
.avsmatches {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  width: 100%;
  z-index: 99;
  top: 100%;
  left: 0;
}
.avsmatches-item {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  font-size: 12px;
}
.avsmatches-item:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}

#exchangeattrscomponent{
  font-weight: bold;
}

#exchangeattrscomponent .exchangepassnumdiv, #exchangeattrscomponentattrframe .exchangepassnumdiv{
   margin:0;
   padding:0;
   width: 100%;
   height:1px;
   background-color: #dbdbdb;
   overflow:hidden;
   margin-bottom: 15px;
   margin-top: 5px;
}

@media (min-width: 768px){
	div#exchangeattrscomponent + div.content.shop, div#exchangeattrscomponentattrframe + div.content.shop {
		margin-bottom: 40px;
	}
	div#exchangeattrscomponent + div.content.shop .attributeField, div#exchangeattrscomponentattrframe + div.content.shop .attributeField {
		display: inline-block;
	}
	div#exchangeattrscomponent + div.content.shop .attributeField > div, div#exchangeattrscomponentattrframe + div.content.shop .attributeField > div {
		display: block;
	}
	div#exchangeattrscomponent + div.content.shop .attributesTable .attributeField, div#exchangeattrscomponentattrframe + div.content.shop .attributesTable .attributeField {
		height: auto;
	}
    .posexchangefrompassnumberdiv{
        margin-top: 50px;
    }
	.posexchangefrompassnumberdiv div.attributeField > div {
    	   width: auto;
	}
	#btnValidExchangeFromPass{
	   width: 70px
	}
	.attrbiutevalidbutton{
	   width: auto !important;
	   margin-left: 20px;
	}
	#guestcheckoutpage #addrsearch_container > div{
      width: 570px;
    }
    #guestcheckoutpage #contactAddress_addressSearchInputId_container > div{
      width: 560px;
    }
}

.containpreviousprices{
    padding-left: 2px;
    padding-top: 2px;
}

.posexchangefrompassnumberdiv  div.attributeField > button {
	width: 100px;
	height: 27px;
	border-radius: 3px 3px;
}

div.exchangemsg.success {
	background-image: url(/images/bg_msg_success.gif) !important;
	background-repeat: no-repeat;
	background-position: 1% -20%;
	color: #1C761D;
    background-color: #ffffd5;
    padding-left: 35px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}
.posexchangefrompassnumberdiv input[disabled]{
	color:#C0C0C0;
}

.posProductBoxPriceDiv span.previousprice, .posProductPriceDiv span.previousprice{
	text-decoration: line-through;
    color: #666666;
    font-size:16px;
    font-weight: normal !important;
}

.previouslyPurchasedPosDiv span.previousprice{
	font-size: 12px !important;
}

.previouspriceseparator{
	color: #666666;
}

.exchangeposhidden {
		display: none !important;
}

@media (max-width: 767px){
	#exchangeattrscomponent,#exchangeattrscomponentattrframe {
		width: 95% !important;
	}
    #contactAddress_addressSearchInputId_container > div {
           width: 90%;
    }
    .nomatchstmt > a{
           float: left;
    }
    .guestPaymentWrapperDiv{
           margin-bottom: 0px;
    }
}

div.ongoingLotteryMsg {
	   background-color:#fbebc2;
	   margin-bottom:5px;
	   padding:10px 10px 10px 10px;
}

div.facility_view_card div.ongoingLotteryMsg {
	margin-top: 10px;
	clear: both;
}

#facilityDetailsSingleColumn div.ongoingLotteryMsg { 
	   background-color: #FFAA00; 
	   background-image: none;
}

.smsposdetailsbody > .header > div {
  font-size:22px;
  font-weight:bold;
  line-height:1.5;
}

.smsposdetailsbody > .header > .ordnum {
  color:#666;
}

.smsposdetailsbody > .item {
  background-color:white;
  padding:20px;
  color: rgb(51, 51, 51);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 20%) 2px 2px 9px 3px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
  margin-top:20px;
}

.smsposdetailsbody > .item > .name {
  font-weight:bold;
  text-transform: uppercase;
  display: flex;
}

.smsposdetailsbody > .item > .name > div {
    font-size: 18px;
}

.smsposdetailsbody > .item > .name > div:nth-child(2) {
    text-align: center;
    flex-grow: 1;
}

.smsposdetailsbody > .item > .name > .itemnum {
  color:#666;
  padding-right: 5px;
}

.smsposdetailsbody > .item > .qrcode {
  text-align:center;
  min-height: 20px;
  margin-top: 5px;
}

.smsposdetailsbody > .item > .barcode > div {
  text-align:center;
  font-weight:bold;
  line-height:2;
  font-size: 16px;
}

.smsposdetailsbody > .item > .barcode > div > img {
  max-width:100%;
}

.smsposdetailsbody > .item > .attrs {
  line-height:1.5;
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.smsposdetailsbody > .item > .attrs > div {
  float:left;
  width:50%;
  margin-bottom:10px;
}

.smsposdetailsbody > .item > .attrs div.label {
    font-size: 14px;
    text-transform: uppercase;
    color: #666;
}

.smsposdetailsbody > .item > .attrs div.value {
    font-size: 18px;
}

#smsPOSPurchaseDetails #pagearea {
  background-color: #F8F8F8;
}

@media (max-width: 767px) {
  .smsposdetailsbody {
    padding: 10px;
  }

}

.smsposdetailsbody > .fees {
	background-color: white;
    padding: 20px;
    color: rgb(51, 51, 51);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 20%) 2px 2px 9px 3px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
    margin-top: 20px;
}

.smsposdetailsbody > .fees > .itemfee {
    display: flex;
    justify-content: space-between;
	font-size: 14px;
	padding: 5px 0;
}

.smsposdetailsbody > .fees > .itemfee > div > span {
	display: inline-block;
    width: 40px;
}

.smsposdetailsbody > .fees > .seperator {
	border-top: 1px solid #dadee5;
    margin: 20px 0px;
}

.smsposdetailsbody > .fees > .totalfee {
    display: flex;
    justify-content: space-between;
	font-size: 14px;
}

.smsposdetailsbody > .fees > .grandtotal {
	display: flex;
    justify-content: space-between;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.smsposdetailsbody > .fees > .payment {
    display: flex;
    justify-content: space-between;
	font-size: 14px;
}

.smsposdetailsbody > .additionalText {
	background-color: white;
    padding: 20px;
    color: rgb(51, 51, 51);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 20%) 2px 2px 9px 3px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
    margin-top: 20px;
}

.smsposdetailsbody > .additionalText > .title  {
	font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

.smsposdetailsbody > .additionalText  > .seperator {
	margin: 20px -20px 0px -20px;
    border-top: 1px solid #dadee5;
}

.smsposdetailsbody > .additionalText > .subitem {
	margin-top: 20px;
}

.smsposdetailsbody > .additionalText > .subitem  > .subtitle {
    font-size: 14px;
    font-weight: bold;
}

.smsposdetailsbody > .additionalText > .subitem  > .subcontent {
    font-size: 14px;
    line-height: 1.5;
}

.smsposdetailsbody > .oops {
	background-color: white;
    padding: 20px;
    color: rgb(51, 51, 51);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 20%) 2px 2px 9px 3px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
    margin-top: 20px;
}

.smsposdetailsbody > .oops > .body {
	background-color: #F8F8F8;
    padding: 20px 20px;
    line-height: 2;
}

.smsposdetailsbody > .oops > .body > .oopsmsg {
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
}

.smsposdetailsbody > .fees > table.smsposfee table td {
    padding: 5px 0px;
}

.smsposdetailsbody > .fees > .importantInfo {
    line-height: 1.5;
}
.listrowl img {max-width: 200px;}
.listrowl {padding-left: 5px; border-left: 5px solid transparent; display: flex; align-items: center;}
.listrowl:hover  {border-left: 5px solid #d8d8d8;}
.pssrv.photo {min-width: 40%;}
div.check_avail_panel a.check_outofstock{
	background-color: #757575 !important;
    background-image: none;
    color: #ffffff;
    font-weight: 500;
    border: none;
    display: inline-block;
    height: 20px;
    text-align: center;
    background-repeat: repeat;
    text-decoration: none;
    cursor:default;
    cursor: not-allowed;
}

.posProductDetailsStock.outofstock{
    width: 90px;
    background-color: #B40805;
    color: #ffffff;
    border-radius: 2px 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    text-align: center;
    vertical-align:middle;
}

.posProductDetailsStock.instock{
    width: 60px;
    background-color: #006600;
    color: #ffffff;
    border-radius: 2px 2px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    text-align: center;
    vertical-align:middle;
}
form div.inputlike {
	float:left;
	padding-left: 10px;
	padding-top: 5px;
	margin-right: 5px;
}
#selectedContract {margin-right: 10px;}
div.letters {
	padding-top: 3px;
	clear: both;
	margin: 10px 0;
}

.guestOrderTracking > .title, .verificationcode.formSection > .title, .ssoCustIdentify > .title {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    padding-top: 17px;
    padding-bottom: 15px;
}

.guestOrderTracking > .tip, .verificationcode.formSection > .tip, .ssoCustIdentify > .tip {
    padding-bottom: 23px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.guestOrderTracking > .steps_bar, .verificationcode.formSection > .steps_bar, .ssoCustIdentify > .steps_bar {
    padding-top: 0px;
    padding-bottom: 36px;
}

.guestOrderTracking > .formSection > .errorMsgSection, .verificationcode.formSection > .errorMsgSection, .ssoCustIdentify > .formSection > .errorMsgSection {
    padding-bottom: 24px;
}

.guestOrderTracking > .formSection, .verificationcode.formSection, .ssoCustIdentify > .formSection {
    margin: auto;
    max-width: 529px;
    padding: 24px 30px 0px 30px;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}

.guestOrderTracking .formItem > label, .verificationcode.formSection .formItem > label, .ssoCustIdentify .formItem > label {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #464646;
    margin-bottom: 10px;
    display: inline-block;
}

.guestOrderTracking .formItem > input, .verificationcode.formSection .formItem > input, .ssoCustIdentify .formItem > input {
    margin-bottom: 24px;
    border: 1px solid #BBBBBB;
    border-radius: 5px;
    height: 33px;
    width: 100%;
}

 .verificationcode.formSection .formItem > input, .ssoCustIdentify .formItem > input  {
    margin-bottom: 10px;
 }

 .verificationcode.formSection .sendAgainLink, .ssoCustIdentify .sendAgainLink {
    text-align: right;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
 }
 .ssoCustIdentify .sendAgainLink {margin-bottom: 24px;}
.trusteddevice label,  .trusteddevice input {color: var(--trusteddevice-color);}
.guestOrderTracking .btn, .verificationcode.formSection .btn, .ssoCustIdentify .btn {
    text-align: right;
    margin-left: -30px;
    margin-right: -30px;
    padding-right: 30px;
    padding-left: 30px;
    background: #F8F8F8;
    border-radius: 0px 0px 5px 5px;
    clear:both;
}

.guestOrderTracking .btn > button, .guestOrderTracking .btn button:disabled, .guestOrderTracking .btn button:disabled:hover,
.guestOrderTracking .btn button:hover,
.verificationcode.formSection .btn > button, .verificationcode.formSection .btn button:disabled, .verificationcode.formSection .btn button:disabled:hover,
.verificationcode.formSection .btn button:hover,
.ssoCustIdentify .btn > button,
.ssoCustIdentify .btn button:hover
 {
    padding: 12px 36px;
    border-radius: 5px;
    line-height: 19px;
    font-weight: 500;
}

.verificationcode.formSection .btn > button, .ssoCustIdentify .btn > button {
    width:auto;
}

.verificationcode.formSection .btn > a.marginRight, .ssoCustIdentify .btn > a.marginRight {
    margin-right: 26px;
}

.guestOrderTracking .subtitle, .ssoCustIdentify .subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 29px;
}

.verificationcode.formSection > form .requestResult {
    clear:both;
    background-color: #f7f7f7;
    padding: 10px;
}

.verificationcode.formSection .subtitle {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 15px;
}

.verificationcode.formSection .requestTip {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 33px;
}

.verificationcode.formSection .requestActionRow {
    float: left;
    width: 100%;
    margin-bottom: 29px;
}

.verificationcode.formSection .requestActionRow > a > div {
    width: 220px;
    border: 1px solid #D8D8D8;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
    line-height: 32px;
}

.verificationcode.formSection .requestActionRow > a > div.selected {
    background: #F9FCF8;
    border: 1px solid #4D7636;
}

.verificationcode.formSection .requestActionRow > a > div.selected > .methodStatus {
    color:#4D7636;
}

#guestOrderLookUpVerification .verificationcode.formSection .requestActionRow > a > div.selected {
	background: #FFFFFF;
    border: 1px solid #444CE7;
}
#guestOrderLookUpVerification .verificationcode.formSection .requestActionRow > a > div.selected > .methodStatus {
    color:#444CE7;
}
#guestOrderLookUpVerification .verificationcode.formSection .requestActionRow .methodIcon {
    background: #F2F4F7;
    color: #475467;
}
#guestOrderLookUpVerification .verificationcode.formSection .sendAgainLink a:link {
	font-size: 14px;
	color: #3538CD
}
.verificationcode.formSection .requestActionRow .methodStatus {
    padding-right: 10px;
    color: #AAB4BB;
}

.verificationcode.formSection .requestActionRow .methodName {
    color: #000;
}

.verificationcode.formSection .requestActionRow .methodIcon {
    float: right;
    text-align: center;
    width: 32px;
    height: 32px;
    background: #E3EFDC;
    border-radius: 16px;
    line-height: 32px;
}

.verificationcode.formSection .selfCheckInDetail {margin-top: 20px; margin-bottom: 30px;}

.verificationcode.formSection .requestSMSResult, .verificationcode.formSection .requestMailResult,
.verificationcode.formSection .beforeRequestSMSResult, .verificationcode.formSection .beforeRequestMailResult,
.ssoCustIdentify .requestTip
 {
    margin-bottom: 29px;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    clear: both;
}

.verificationcode.formSection .allDoneIcon, .ssoCustIdentify .allDoneIcon {
    text-align: center;
    margin-top: 41px;
    margin-bottom: 33px;
}

.verificationcode.formSection .allDoneIcon > img, .ssoCustIdentify .allDoneIcon > img {
    width:106px;
    height:106px;
}

.verificationcode.formSection .allDoneMsg, .ssoCustIdentify .allDoneMsg {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 77px;
}

.guestOrderTracking > .title > h1, .verificationcode.formSection > .title > h1 {
    font-weight: 500;
}

.verificationcode.formSection .btn > a {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000;
    padding: 12px 0;
    line-height: 19px;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .guestOrderTracking, .ssoCustIdentify {
        padding: 0 10px;
    }

    .verificationcode.formSection {
        padding: 0 10px;
    }

    .verificationcode.formSection > form .floatl {
        float:none;
    }

    .verificationcode.formSection > form input, .verificationcode.formSection > form button, .verificationcode.formSection > .btn > button {
        width:100%;
    }

    .verificationcode.formSection > form > .requestActionRow > div:first-child {
        margin-right:0px;
    }

    .verificationcode.formSection .requestActionRow > a > div {
        width: 100%;
    }

    .verificationcode.formSection .requestActionRow > a  {
        display: flex;
    }

    .verificationcode.formSection .requestActionRow > a:first-child {
        margin-bottom: 24px;
    }

    .verificationcode.formSection .allDoneIcon > img, .ssoCustIdentify .allDoneIcon > img {
        width:78px;
        height:78px;
    }
}

.docmtlayout, .docmtlayout div{
	font-size: 16px !important;
	line-height: 22px;
}
.docmtlayout #component{
	background-color: #FFF;
}
.docmtlayout #header_wrapper{
	height: 250px;
	background-color: #F8F7FA;
	background-image: none;
}
.docmtlayout #header_inner{
	width: 1180px;
}
.docmtlayout #enhpgheader{
   width: 1130px;
   margin: 20px auto 0 auto;
}
.docmtlayout #footer_inner{
	width: auto !important;
	padding: 20px;
	margin: 0 auto;
}
.docmtlayout #footer_inner > div{
	display: table-cell;
}
.docmtlayout #logo_bottom{
	margin-left: 20px;
}
.docmtlayout #footer_links{
    text-align: right;
    vertical-align: middle;
}
.docmtlayout #footer_links ul li{
	font-size: 14px;
}
.docmtlayout #page{
	background-color: #fff;
	background-image: none;
}
.docmtlayout #pagearea{
	width: 1130px;
	background-color: transparent;
	padding: 0 26px 380px 26px;
}
.docmtlayout #pagearea > table{
	margin-top: 10px;
}
.docmtlayout #colbody1 {
	width: 825px !important;
	background-color: #fff;
}
.docmtlayout  #colbody1 .td_inner_wrapper{
	margin-top: -28px;
}
.docmtlayout #pagetitle h1{
	font-size: 24px;
	font-weight: 500;
}
.docmtlayout #pagetitle h1{
	font-weight: bold;
}
.docmtlayout select{
	height: 33px;
	background: #fff;
	box-shadow: none;
	border-radius: 5px;
}
.docmtlayout select,
.docmtlayout select option{
	font-size: 14px !important;
	line-height: 22px;
	color: #000 !important;	
}
.docmtlayout input,
.docmtlayout input.xs{
	height: 33px;
	background-color: #fff;
	box-shadow: none;
	border-radius: 5px;
}
.docmtlayout input[type=radio],
.docmtlayout input[type=checkbox]{
	height: auto !important;
}
.docmtlayout span.extra,
.docmtlayout span.extrainfo{
	color: #666666;
	line-height: 20px;
}
.docmtlayout div.fees{
	display: inline-block;
	width: 100%;
}
.docmtlayout .display-table.charges{
	border: 1px solid #e0e0e0;
}
.docmtlayout .divider{
	height: 12px;
}
.docmtlayout .divider.top{
	border-bottom: 1px solid #e0e0e0;
}
.docmtlayout .display-table.charges .tr{
	display: table-row;
	border-bottom: 1px solid #e0e0e0;
}
.docmtlayout .display-table.charges .td{
	padding: 16px 10px;
}
.docmtlayout .mobi_label{
	display: none;
}
.docmtlayout .display-table .th.qty,
.docmtlayout .display-table .td.qty{
	text-align: center !important;
}
.docmtlayout .display-table .th.money,
.docmtlayout .display-table .td.money{
	text-align: right !important;
	padding-right: 10px !important;
}
.docmtlayout .display-table.charges .th{
	width: 12.5%;
	display: table-cell;
	background-color: #1c3e7c;
	color: #fff;
	padding: 16px 0;
	text-align: center;
	font-size: 16px;
}
.docmtlayout .display-table.charges .th:first-child{
	width: 47%;
	text-align: left;
	text-indent: 10px;
}
.docmtlayout .display-table.charges .th:nth-child(3){
	padding-right: 20px !important;
}
.docmtlayout .display-table.summary{
	margin: 16px 0;
}
.docmtlayout .display-table.summary .tr{
	display: table-row;
}
.docmtlayout .display-table.summary .tr .td{
	padding: 6px 10px;
}
.docmtlayout .display-table.summary .tr .td:first-child{
	width: 84.5%;
	text-align: right;
}
.docmtlayout .display-table.summary .tr .td:last-child{
	width: 12.5%;
}
.docmtlayout div.hdrtxt{
	padding: 5px 0;
	font-size: 18px;
	color: #000;	
}
.docmtlayout .display-table.duedates .thead{
	background-color: #1c3e7c;	
}
.docmtlayout .display-table.duedates .thead .th {
	display: table-cell;
	background-color: #1c3e7c;
	color: #fff;
}
.docmtlayout .display-table.duedates .thead .th.deposit {
	width: 60%;
}
.docmtlayout .display-table.duedates .thead .th.balance {
	width: 40%;
}
.docmtlayout .display-table.duedates .duedate{
	padding: 19px 12px;
	width: auto;
	float: right;
	text-align: left;
}
.docmtlayout .display-table.duedates .duedate span.cell_label{
	font-size: 14px !important;
}
.docmtlayout .display-table.duedates .duedate span.cell_value{
	font-size: 20px !important;
}
.docmtlayout .display-table.duedates .duedate > span{
	display: block;
}

.docmtlayout div.hdrtxt .hdrlabel{
	font-weight: bold;
}
.docmtlayout .docmt{
	margin-top: 20px;
    padding: 0 10px 30px 10px;
    border: 1px solid;
    border-color: #eaeaea;
    box-shadow: 1px 1px 3px 0px #eaeaea;
}
.docmtlayout .docmt .display-table .td.infocell {
	width: 254px;
	padding:5px; 
	vertical-align: top; 
	font-size: 16px !important;
}
.docmtlayout .docmt .infocell .label{
	font-size: 14px;
    color: #0a0a0a;
    line-height: 24px;
}
.docmtlayout .docmt .content:first-child{
	margin-top: 5px;
}
.docmtlayout .docmt .content{
	margin: 0;
	clear: initial;
}
.docmtlayout .docmt .contenthdr h3{
	font-size: 20px;
	line-height: 24px;
	color: #000;
}
.docmtlayout .docmt .contenthdr{
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid;
	border-color: #e0e0e0;
	margin-bottom: 3px;
}
.docmtlayout .docmt .contenthdr .ctrl{
	float: right;
	top: -26px;
	margin-right: 6px;
    font-size: 10px;
}
.docmtlayout .docmt .contenttxt{
	margin: 10px 0;
}
.docmtlayout .docmt .content .fa-plus,
.docmtlayout .docmt .content.collapsed .fa-minus{
	display: none;
}
.docmtlayout .docmt .content.collapsed .fa-plus,
.docmtlayout .docmt .content .fa-minus{
	display: block;
}
.docmtlayout .doctx{
	margin: 80px 0 20px 30px;
	position: fixed;
	width: 255px;
}
@media (max-width: 1180px) {	
	.docmtlayout #rightbody .doctx{
		display: none !important;
	}
	.docmtlayout .mobiwrapper .doctx{
		display: block !important;
		position: relative;
		width: 100% !important;
		display: block !important;
		margin: 30px 0 !important;
	}
	.docmtlayout #enhpgheader{
		padding: 0 16px;
		margin: 0 !important;
		width: auto !important;
		clear: both;
	}
	.docmtlayout #plactivelogo {
	    width: 100% !important;
	    padding: 0;
	}
	.docmtlayout #header, .docmtlayout div#headerEnhance {
    	width: 100% !important;
	}
	.docmtlayout #pagearea{
		width: 100% !important;
		padding: 0 0 180px 0;
	}
	.docmtlayout #footer_wrapper{
		width: 100% !important;
	}
	.docmtlayout #footer_links{
		width: 100% !important;
	}
	.docmtlayout .back-to-top{
		display: none !important;
	}
	.docmtlayout #rightbody{
		display: block !important;
		width: 100% !important;
	}
	.docmtlayout #colbody1 {
		display: block !important;
		width: 100% !important;
	}
}
@media (min-width: 1180px) {	
	.docmtlayout #rightbody .doctx{
		display: block !important;
	}
	.docmtlayout .mobiwrapper .doctx{
		display: none !important;
	}
}

.docmtlayout .doctx .ctxhdr{
	border-radius: 8px 8px 0 0;
	background-color: #1c3e7c;
    color: #fff;
    padding: 14px 5px;
    font-size: 16px;
    text-indent: 4px;
}
.docmtlayout .doctx .ctxhdr .fa-stack-icon{
	width: auto;
	position: absolute;
	margin-top: -3px;
}
.docmtlayout .doctx .ctxhdr .fa-circle-o {
	font-size: 23px;
}
.docmtlayout .doctx .ctxhdr .fa-info-circle {
	font-size: 14px;
	margin: 1px 4px;
}
.docmtlayout .doctx .ctxhdr .ctxhdrtext {
	 margin-left: 34px;
}
.docmtlayout .doctx .content{
	margin-top: 0;
	border: 1px solid;
	border-color: #eaeaea;
}
.docmtlayout .content .contenttxt{
	display: block;
}
.docmtlayout pre{
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    font-family: var(--font_family) !important;
    font-size: 16px !important;
}
.docmtlayout .content.collapsed .contenttxt{
	display: none !important;
}
.docmtlayout .doctx .content:last-child{
	border-radius: 0 0 8px 8px;
}
.docmtlayout .doctx .content:last-child .contenthdr{
	border-radius: 0 0 6px 6px;
}
.docmtlayout .doctx .contenthdr{
	background-color: #eaeaea;
	margin-bottom: 0;
}
.docmtlayout .doctx .contenttxt{
	padding: 10px;
}
.docmtlayout .doctx .contenttxt b{
	font-family: var(--font_family_bold);
}
.docmtlayout .doctx .contenthdr h4{
	color: #000;
	font-size: 14px;
	margin: 7px 0 5px;
	font-weight:lighter;
}
.docmtlayout .doctx .contenthdr .fa.fa-check-circle{
	margin: -26px 14px 0 0;
	font-size: 22px;
	color: #4D7636;
	float: right;
}
.docmtlayout .doctx .content .contenthdr h4{
	font-family: var(--font_family_bold);
}
.docmtlayout .statusMessage{
	padding: 10px 0;
}
.docmtlayout .warningtitle{
	display: block;
	margin-bottom: 15px;
	font-weight: bold;
}
.docmtlayout .warningnote{
	border: 1px solid #D79F0E;
	background-color: #FDF7E7;
	padding: 10px;
}
.docmtlayout .paymtchoices{
	padding: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	margin: 12px 0 30px 0;
}
.docmtlayout .paymtdesc{
	margin: 3px 24px;
}
.display-table.gcards > .tr > .td{
	display: table-cell;
}
.display-table.gcards > .tr {
	display: table-row;
}
.display-table.gcards a.remove {
	color: #B71C1C !important;
	display: block;
	margin: 4px 0 12px 0;
}
.display-table .giftcardform button{
	padding: 7px 24px !important;
	height: 32px !important;
}
.display-table.gcfields > .tr:first-child{
	margin-bottom: 16px;
}
.display-table.gcfields .fa-question-circle-o{
	position: absolute;
	margin-top: 15px;
	font-size: 16px !important;
	line-height: 16px !important;
	color: #4D7636;
	cursor: pointer;
}
.display-table.gcfields .giftCardInfoPopup{
	padding: 12px;
	float: left;
	clear: both;
}
.display-table.gcfields .giftCardInfoPopup .giftCardInfoHeader{
	border-bottom: 1px solid #e0e0e0;
	font-size: 16px !important;
	line-height: 16px !important;
}
.display-table.gcfields #giftCardInfoPopupCloser{
	display: inline-block;
    float: right;
    cursor: pointer;
}
.display-table.gcfields .giftCardInfoHeader{
	padding: 4px 0 12px 0;
}
.giftCardInfoPopup .giftCardInfo{
	width: 500px !important;
	display: block;
	clear: both;
}
.giftCardInfoPopup .giftCardInfoImage{
	width: 500px !important;
	display: block;
	clear: both;
}
.display-table.paymentdata .gcsummary{
	margin-top: 10px;
}
.display-table.paymentdata .gcsummary .coverage{
	padding: 2px 4px;
	margin-top: 25px;
    background: rgba(28, 62, 124, 0.1);
}
.display-table.paymentdata .gcsummary .coverage i.fa-credit-card{
	margin-right: 4px;
}
.display-table.paymentdata .gchidden{
	display: none;
} 
.display-table.paymentdata div{
	font-size: 14px !important;
}
.display-table.paymentdata > .tr{
	display: table-row;
}
.display-table.paymentdata > .tr > .td{
	padding: 6px 0;	
}
.display-table.paymentdata.compact > .tr:first-child .td:first-child {
	vertical-align: top;
	padding-top: 30px;
}
.display-table.paymentdata > .tr.ccrow[id$=_cardPaymentType] .td span.extra,
.display-table.paymentdata > .tr.ccrow.first .td span.extra{
	visibility: hidden;
}
.display-table.paymentdata > .tr.ccrow[id$=_ccPostCode]{
	height: 80px;
}
.display-table.paymentdata > .tr.ccrow[id$=_ccPostCode] .td{
	position: relative;
	left: 252px;
}
.display-table.paymentdata > .tr.gcrow.first > .td{
    vertical-align: top;
    padding-top: 20px;	
}
.display-table.paymentdata > .tr.ccrow.first > .td:first-child{
	vertical-align: top;
	padding: 26px 26px 20px 0;
}
.display-table.paymentdata > .tr > .td:first-child{
	width: 150px;
	padding: 40px 26px 0 0;
	vertical-align: top;
	text-align: right;
}
.display-table.paymentdata > .tr.ccrow[id$=_ccPostCode] .td:first-child{
	padding: 0;
	text-align: left;
}
.display-table.paymentdata .td .formField {
	display: inline-block;
	margin-top: 16px;
}
.display-table.paymentdata .td .formField.separator {
	margin: 46px 4px 0 -6px;
}
.display-table.paymentdata .td .xs{
	width: 100px !important;
}
.display-table.paymentdata .td input[type=number][name=paymentAmountChoice]{
	width: 238px !important;
	-moz-appearance: textfield;
}
.display-table.paymentdata .td input[type=number][name=paymentAmountChoice]::-webkit-outer-spin-button,
.display-table.paymentdata .td input[type=number][name=paymentAmountChoice]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.display-table.paymentdata .td .formField.securityCode  img{
	margin-top: 12px;
}
.display-table.paymentdata .inlineDiv{
	display: inline-block;
}
.display-table.paymentdata .ptblogos{
	float: right;
	margin: -4px 6px;
}
.display-table.paymentdata span.extra,
.display-table.paymentdata span.extrainfo{
	font-size: 12px;
}
.display-table.paymentdata .giftcardform {
	min-width: 450px;
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #9E9E9E;
	border-radius: 5px;
}
.display-table.paymentdata .giftcardform .gcinstrs {
	margin-bottom: 15px;
}
.display-table.paymentdata .giftcardform .docmtcta{
	width: auto;
	min-height: 50px !important;
	margin: 18px 0 0 0 !important;
	padding: 0 !important;
	background-color: #fff;
	border-top: 1px solid #9E9E9E;
}
.display-table.paymentdata .giftcardform .gcards .tr:first-child > .td{
	padding-bottom: 10px;
}
.display-table.paymentdata .giftcardform .tr:last-child{
	margin-top: 12px;
}
.display-table.paymentdata .giftcardform .docmtcta .content.btn{
	margin: 10px 0 -10px 0;
}  
.display-table.success .tr .td.infocell{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}
.display-table.success .fa.fa-check-circle-o{
	margin-top: 30px;
	font-size: 106px;
	color: #4D7636;
}
.display-table.success .statusmsg{
	font-size: 20px;
	font-weight: bold;
	color: #4D7636;
	line-height: 36px;
}
.display-table.confirmation .tr{
	display: table-row;
}
.display-table.confirmation .tr:first-child{
	height: 70px;
}
.display-table.confirmation .tr .td{
	display: table-cell;
}
.docmtlayout .docmtcta{
	min-height: 64px;
	margin: 0px -10px -30px -10px;
	padding: 2px 10px 2px 0;
	font-size: 14px !important;
	background-color: #F8F8F8;
}
#eventpaymentconfirm .docmtcta,
#eventordercheckout .docmtcta{
	margin: 10px -10px -40px -10px;
}
#eventordercheckout .billingAddr .formField.first {margin-top: 20px;}
#eventordercheckout .billingAddr .formField, #eventordercheckout .billingAddr .ccDropdown {margin-bottom: 10px;}
#eventordercheckout .billingAddr select {width: 238px; margin-right: 12px;}
.docmtlayout .docmtcta > div{
	display: inline-block;
}
.docmtlayout .docmtcta div.memo{
	padding: 12px;
	font-size: 14px !important;
}
.docmtlayout .docmtcta .content.btn{
	float:right;
}
.docmtlayout .docmtcta .content.btn button[value=cancel],
.docmtlayout .docmtcta .content.btn button.cancel{
	background: #fff;
	color: #464646;
	border: 1px solid #9E9E9E;
}
.docmtlayout .docmtcta .content.btn #cancelgc{
	margin-right: 12px;
}
.docmtlayout .docmtcta .content.btn button[value=submit]{
	margin-left: 24px;
}
.docmtlayout .docmtcta .content.btn button{
	width: auto;
	padding: 12px 24px;
	font-weight: normal;
}
@media (max-width: 767px) {
    .docmtlayout #mobi_header{
    	background-image: none;
    	background-color: #F8F7FA;
    	text-align: center;
    	border: none !important;
    }
    .docmtlayout #mobi_logo{
    	float: none;
    }
    .docmtlayout #enhpgheader{
    	width: 100%;
    	text-align: center;
        background-color: #F8F7FA;
        margin: 0;
        padding-bottom: 20px;
    }
    .docmtlayout #footer_wrapper{
    	position: inherit;
    	margin-top: 100px;
    }
    .docmtlayout #footer_inner{
		width: 90% !important;
		padding: 20px 0;
    }
    .docmtlayout #footer_inner > div{
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.docmtlayout #logo_bottom {
    	margin: 0;
	}
	.docmtlayout #footer_links{
		display: block !important;
		height: auto !important;
	}
    .docmtlayout #pagearea {
    	width: 100%;
    	padding: 0;
    }
    .docmtlayout #pagetitle{
    	margin-top: 20px;
    	text-align: center;
    }
    .docmtlayout #rightbody,
    .docmtlayout #colbody1{
       display: block;
       width: 100% !important;
    }
	.docmtlayout .docmt{
		margin: 20px 10px 10px 10px;
		padding: 0;
		border: 0;
		box-shadow: none;
	}
	.docmtlayout .doctx .ctxhdr .fa-info-circle {
		margin: 1px 4px !important;
	}
	.docmtlayout .docmt.static{
		border: 1px solid;
	    border-color: #eaeaea;
	    box-shadow: 1px 1px 3px 0px #eaeaea;
	}
	.docmtlayout .docmt .content{
	    padding: 0 5px;
	    border: 1px solid;
    	border-color: #eaeaea;
    	box-shadow: 1px 1px 3px 0px #eaeaea;
    	margin: 10px 0;
	}
	.docmtlayout .docmt.static .content{
		border: 0;
		box-shadow: none;
	}
	.docmtlayout .docmt .content.collapsed .contenthdr{
	  	border: 0;
	}	
	.docmtlayout .docmt .content .contenthdr{
	  	border-bottom: 1px solid;
	  	border-color: #eaeaea;
	}
    .docmtlayout .fees{
    	border: none !important;
    }	
    .docmtlayout .docmt .display-table .td {
        display: block !important;
    }
    .docmtlayout .docmt .display-table .td.infocell{
    	width: auto !important;
    }
    .docmtlayout .docmt .display-table .td .display-table .td {
        display: table-cell !important;
    }
    .docmtlayout .display-table.charges .thead .th{
       display: block;
       text-align: left;
       background-color: #fff;
       color: #000;
       text-indent: 0 !important;
    }
    .docmtlayout .display-table.charges .thead{
    	display: none;
    }
    .docmtlayout .display-table.charges .td > span{
    	display: inline-block;
    }
    .docmtlayout .display-table.charges span.mobi_label{
		width: 30%;
		text-align: left;
		vertical-align: top;
    }
    .docmtlayout .display-table.charges span.cell_value{
    	width: 68%;
    	text-align: right;
    }
    .docmtlayout .display-table.summary .td{
    	display: table-cell !important;
    }
    .docmtlayout .doctx{
	   position: inherit !important;
	   margin: 10px 10px 30px 10px;
	   width: auto !important;
	}
	.docmtlayout .doctx .content{
		margin: 0;
	}
	.docmtlayout .display-table.duedates .thead .th {
		width: 100% !important;
		display: inline-block !important;
		padding: 0;
	}
	.docmtlayout .display-table.duedates .duedate {
		float: left !important;
		padding: 12px;
	}
	.docmtlayout .display-table.duedates .th:nth-child(2) .duedate {
		padding-top: 0 !important;
	}
	#eventpaymentconfirm .divider.top{
		display: none;
	}
	.display-table.paymentdata .giftcardform {
		display: block;
		min-width: auto !important;
	}
	.display-table.gcards > .tr > .td:first-child{
		min-width: 120px;
	}
	.display-table.gcfields .giftCardInfoPopupWrap,
	.display-table.gcfields .giftCardInfoPopup{
		width: 300px !important;
	}
	.display-table.gcfields .giftCardInfoPopup .giftCardInfo,
	.display-table.gcfields .giftCardInfoPopup .giftCardInfoImage{
	 	width: auto !important;
	}
	.docmtlayout .display-table.paymentdata{
		margin-bottom: 15px;
	}
	.docmtlayout .display-table.paymentdata .formField.fullmb{
		display: block !important;
		width: 100%;
	}
	.docmtlayout .display-table.paymentdata .formField.fullmb input{
		width: 90%!important;
	}
	.display-table.paymentdata .tr .td:first-child{
		display: none !important;
	}
	.display-table.paymentdata > .tr.ccrow[id$=_ccPostCode] .td:first-child{
		display: block !important;
	}
	.display-table.paymentdata > .tr.ccrow[id$=_ccPostCode]{
		height: auto;
	}
	.display-table.paymentdata > .tr.ccrow[id$=_ccPostCode] .td{
		position: relative;
		left: unset;
	}
	.display-table.paymentdata > .tr.ccrow[id$=_cardPaymentType] .td span.extra,
	.display-table.paymentdata > .tr.ccrow[id$=_ccPostCode] .td span.extra,
	.display-table.paymentdata > .tr.ccrow.first .td span.extra{
		visibility: visible;
	}
	.display-table.paymentdata .tr .td span.extra{
		font-size: 14px !important;
		color: #464646;
	}
	.docmtlayout .display-table.confirmation .tr .td.infocell{
		display: inline-block !important;
	}
	.docmtlayout .display-table.confirmation .tr .td.infocell:nth-child(odd){
		width: 30% !important;
	}
	.docmtlayout .display-table.confirmation .tr .td.infocell:nth-child(even){
		width: 60% !important;
	}
	.docmtlayout .docmtcta{
		margin: 0px -5px -10px -5px !important;
	}
	#eventorderdetails .docmtcta{
		margin: 0px -5px -2px -5px !important;
	}
    .docmtlayout .content .content.btn{
    	float: none;
    	border: 0;
    	box-shadow: none;
    }
    .docmtlayout .content .content.btn button{
    	width: 100% !important;
    	margin: 8px 0 !important;
    }
    #eventordercheckout .content .content.btn button{
    	width: auto !important;
    	margin: 8px !important;
    }
    #eventordercheckout .content .content.btn #addgc,
    #eventordercheckout .content .content.btn #cancelgc,
    #eventordercheckout .content .content.btn #verifygc{
    	margin: 16px 8px 8px 8px !important;
    }

}    

.steps_bar {
    padding: 10px 0px 10px 0px;
    display: flex;
}

.step_item {
    background-size: 100% 37px;
    background-repeat: no-repeat;
    float: left;
    flex-grow: 1;
    height: 37px;
    text-align: center;
    position: relative;
}

.step_item_on {
    background-image: url(/images/RA_bar_item_ON.png);
}

.step_item_off {
    background-image: url(/images/RA_bar_item_OFF.png);
}

.step_item_right_on {
    background-image: url(/images/RA_bar_right_ON.png);
}

.step_item_right_off {
    background-image: url(/images/RA_bar_right_OFF.png);
}

.step_item_correct_position {
    margin-left: -30px;
}

.step_item_text {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #163154;
    padding-top: 10px;
    display: inline-block;
}

@media (max-width: 767px) {
    .steps_bar {
        flex-direction: column;
    }

    .step_item_correct_position {
        margin-left: 0px;
    }

    .step_item_on, .step_item_right_on {
        background-image: none;
        background: linear-gradient(180deg, #EDEDED 0%, #C1C1C1 100%);
    }

    .step_item_off, .step_item_right_off {
        background-image: none;
    }

    .steps_bar > .step_item {
        background-color: #FEFEFE;
        border: 1px solid #EDEDED;
        border-top-width: 0px;
        height: 44px;
    }

    .steps_bar > .step_item:first-child {
         border-radius: 5px 5px 0px 0px;
         border-top-width: 1px;
    }

    .steps_bar > .step_item:last-child {
         border-radius: 0px 0px 5px 5px;
    }

    .step_item_text {
        font-size: 16px;
        line-height: 24px;
    }
    
    .posProductsSectionDiv .posProductsHeaderDiv.upsell .proceedtocartdiv {
    	float: none;
    }
}

.signatureSection {
    background-color: #F8F8F8;
    margin: 20px -10px 0px -10px;
    padding: 0px 10px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-weight: 500;
}

.docmtlayout div.signatureHeader {
    font-size: 20px !important;
    line-height: 24px;
    padding: 24px 0px 9px 0px;
    border-bottom: 1px solid #CCCCCC;
}

.signatureInfo {
    display: flex;
    justify-content: space-between;
    column-gap: 80px;
    margin: 12px 0px;
}

.signatureInfo > div {
    flex-grow: 1;
    margin: 12px 0px;
}

.signatureInfo > div input {
    width: 100%;
}

.signatureInfo > div input[readonly] {
    color: #525252;
}

.signatureInfo > div label {
    margin-bottom: 3px;
    display: inline-block;
}

.signaturePad {
    margin-bottom: 12px;
    background-color: white;
    text-align: center;
}

.signaturePad > img {
    max-width: 100%;
}

@media (max-width: 767px) {

    .signatureSection {
        margin: 0px -5px 0px -5px;
        border-top: 0px;
    }

    #eventorderdetails .docmtlayout .docmt .content:last-child {
        margin: 0px -10px;
    }

    .signatureInfo {
        flex-direction: column;
    }
}



#eventorderdetails .expiryPage {
    border: 1px solid rgba(204, 204, 204, 0.5);
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    margin-top: 20px;
    padding: 20px;
    text-align: center;
}

#eventorderdetails .expiryPage .message {
    font-size: 24px !important;
    margin-top: 30px;
    font-weight: bold;
}

#eventorderdetails .expiryPage .brokenLink {
    width: 200px;
    height: 200px;
    display: inline-block;
    background: #F5F5F5;
    border-radius: 100px;
    margin-top: 30px;
}

#eventorderdetails .expiryPage .brokenLink img {
    width: 100px;
    margin-top: 50px;
}

#eventorderdetails .expiryPage .detail {
    margin-top: 30px;
    font-weight: bold;
}

#eventorderdetails .expiryPage .btn {
    margin-top: 30px;
    margin-bottom: 150px;
}

@media (max-width: 767px) {
    #eventorderdetails .expiryPage {
        margin-top: 0px;
    }
}

.guestOrderTracking > .needToKnow {
    margin: auto;
    max-width: 529px;
    padding: 10px 30px 10px 30px;
    background-color: #FDF7E7;
    margin-bottom: 10px;
}

.taxbreakdown{
  font-size: 9pt;
  text-indent: 12px;
}

.expiryPageBody #rightbody {
    display:none;
}

@media only screen and (max-device-width: 1200px) and (min-device-width: 768px) {

    .expiryPageBody #footer_inner {
        width: 984px;
    }

    .expiryPageBody #pagearea {
        padding-left: 0;
        padding-right: 0;
        width: 1024px;
    }

    .expiryPageBody #enhpgheader {
        width: 984px;
        margin-left: 40px;
    }

}

@media screen and (device-width:767px) {
    .expiryPageBody #footer_wrapper {
        width: 100% !important;
    }

    .expiryPageBody #plactivelogo {
        width: 100% !important;
    }
}


#eventGuestOrderTracking .ui-tooltip, .arrow:after {
    background: black;
    border-width: 0px;
}

#eventGuestOrderTracking .ui-tooltip {
    padding: 10px;
    color: white;
}

#eventGuestOrderTracking .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

#eventGuestOrderTracking .arrow.top {
    top: -16px;
    bottom: auto;
}

#eventGuestOrderTracking .ui-tooltip-eventID .arrow.left {
    left: 100px;
}

#eventGuestOrderTracking .ui-tooltip-email .arrow.left {
    left: 83px;
}

#eventGuestOrderTracking .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#eventGuestOrderTracking .arrow.top:after {
    bottom: -20px;
    top: auto;
}

#eventGuestOrderTracking .tooltip-input-label {
    color: black;
    font-size: 1em;
    margin-left: 10px;
    vertical-align: 0px;
}

@media (max-width: 767px) {
    #eventGuestOrderTracking .ui-tooltip {
        max-width: 571px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .guestOrderTracking > .formSection, .verificationcode.formSection, .ssoCustIdentify > .formSection {
        max-width: none;
    }

    .guestOrderTracking > .needToKnow {
        max-width: none;
    }
}

div.signatureSection > div.signedExternally {
    margin: 0px -10px;
    padding: 1px 0px 0px 30px;
}

@media (max-width: 767px) {
    div.signatureSection > div.signedExternally {
        border-left-width: 5px;
        border-right-width: 5px;
    }
}
#ifcheckoutpage .otherlinks {display: none;}
#ifcheckoutpage #pagearea {padding-bottom: 30px;}

/* Open lotteries banner */
.openLotteriesWrapper {
  border: 5px solid #809f54;
  font-family: var(--font_family_sbold);
  font-size: 13px;
  width: 650px;
  display: none;
}
.openLotteriesWrapper.multi {
  background-color: #809f54;
  border: none;
}
.openLotteries {
  margin: 5px;
  display: inline-block;
  width: 640px;
}
.openLotteriesMulti {
  text-align: center;
  padding: 10px 0 0 0;
}
.openLotteries.slick-slider {
	margin: 10px 20px 0 20px;
  padding: 0 0 30px 0;
  width: auto;
}
.openLotteries button, .openLotteriesMulti h2 {
  margin: 0;
} 
.openLotteries.slick-slider .slick-prev, .openLotteries.slick-slider .slick-next {
  height: 30px;
} 
.openLotteries.slick-slider .slick-prev {
  left: -15px;
} 
.openLotteries.slick-slider .slick-next {
  right: -15px;
} 
.openLotteries.slick-slider .slick-prev:before, .openLotteries.slick-slider .slick-next:before {
  font-family: FontAwesome;
  font-size: 30px;
  color: #000;
} 
.openLotteries.slick-slider .slick-prev:before {
  content: "\f104";
}
.openLotteries.slick-slider .slick-next:before {
  content: "\f105";
}
.openLotteries .slick-dots {
	bottom: -7px;
}
.openLotteries h2, .openLotteriesMulti h2 {
  font-size: 18px;
  font-weight: bold;
}
.lottbtndiv {
  text-align: center;
  margin: 29px 0 9px 0;
}
.lottbtndiv .btn_book_now {
  color: #000;
  text-decoration: none;
  padding: 8px 40px;
  font-size: 14px;
}
.lcol {
  font-weight: bold;
}
.lotteryCard {
  background-color: #fff;
	display: inline-block;
	padding: 10px 20px 20px 20px;
	width: 600px;
} 
.lotteryCard.multi {
  margin: 0 10px;
  height: auto;
  padding: 10px 20px 20px 20px;
}
.lottitlediv {
	margin-bottom: 5px;
}
.vsp5px {
	height: 5px;
}
.lotteryCard.multi span.note {
	color: #000;
	font-size: 12px;
}
.openLotteries .slick-dots li button:before {
  content: "\25cf";
  font-size: 23px;
  color: white;
  opacity: 1;
}

.fieldset.bar{
  display: table-row;
}

.fieldset.bar > div{
  display: table-cell;
  padding: 20px 20px 0 20px;
}

.fieldset.bar > div > label{
   display: block;
}

.fieldset.bar.command {
  display: block !important;
  margin: 15px 0;
  text-align: center;
}
.fieldset.bar.command button {padding: 10px;}
.fieldset.bar.command a {margin-right: 20px;}

#forcedTripForm label{
 font-weight: bold;
 margin: 5px 0;
}

#forcedTripForm input{
  height: 26px;
  text-indent: 23px;
}

#forcedTripForm select {
   width: 200px;
}

.forcedTripInstr{
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

#forcedTripTopInstr{
  margin-top: 20px;
}

#forcedTripBottomInstr{
  margin-bottom: 20px;
}


#tripStatement{
  margin: 0 0 15px 0;
  font-weight: bold;
  color: #FF8C00; 
}

@media (max-width: 767px) {
  
  .fieldset.bar > div{
  	display: table-row;
  	padding: 20px 20px 0 20px;
  }
  
  #forcedTripForm {
   margin: 10px;
  }
  
  #tripStatement{
  	margin: 0 10px 15px 10px;
  }
  
  #forcedTripForm label{
  	margin: 15px 0 5px 0;
  }
  
  #forcedTripForm select {
    min-width: 200px !important;
    max-width: 300px !important;
  }
  
  #forcedTripForm button{
     width: 100%;
  }
  
  #bookForcedTrip{
     border: 1px solid #777;
     padding: 0 20px;
  }

}


.tp.tripsignin{
	padding-left: 40px;
}

.tp.tripcancel{
	padding-left: 30px;
}

.tp.signup span{
	margin-left: 75px;
    	margin-top: 100px;
    	line-height: 60px;
}
.tp.tripalertWarningPopup{
	padding-right: 60px;
}

@media (max-width: 767px) {
	.tp.tpalertWarningPopup{
		width: 100%;
	}
	.tp.tripcancel,.tp.tripsignin{
		width: auto;
		padding-left: 15px;
    		padding-right: 15px;
	}
	.tp.signup span{
		margin-left: 55px;
	}
}
table.permitInfo td div.label h2, table.permitInfo td h2 {
	margin:0;
	padding:5px;
	font-size: 18px;
}
body#permitOrderDetails table.permitInfo, body#lotteryOrderDetails table.permitInfo {margin-top: 10px;}	
	table.permitInfo .label{
		white-space: normal;
		text-align: left !important;
		margin-left: 10px;
	}
	
	div.tripDetailsError{
	  margin-left: 0 !important;
	  width: 90% !important; 
	}
	body#permitOrderDetails table.permitInfo td,
	body#lotteryOrderDetails table.permitInfo td {
		vertical-align: top;
	}
	
    body#permitReservationUpdate a.book.now.booknow {
        width: 180px !important;
        height: auto !important;
        padding: 8px !important;
    }

	body#permitReservationUpdate .updtrcol{
		width:25%!important;
		text-align:left!important;
	}
	
	body#permitReservationUpdate .updtrcolcon{
		text-align:left!important;
		background-image: none!important;
		background-color: inherit!important;
	}


/* END Open lotteries banner */

/* enhanced layout layout 2 */

body.layout2{
	visibility: hidden;
}

body.layout2 #header_wrapper2{
	position:absolute !important;
	width: 100%;
	z-index: 1000000 !important;
}

body.layout2 #pagearea{
	padding: 20px 26px 60px 26px !important;
}

body.layout2#cgroundresultshomepage #pagearea{
    padding: 0 !important;
}

.maxBookingWindowPopup{
	padding: 24px;
	clear: both;
}
.maxBookingWindowPopup .maxBookingWindowHeader{
	border-bottom: 1px solid #e0e0e0;
	font-size: 22px !important;
	font-weight: bold;
	line-height: 16px !important;
	padding: 6px 0 24px 0;
}
.maxBookingWindowPopup #maxBookingWindowCloser{
    cursor: pointer;
    margin-top: -6px;
}
.maxBookingWindowPopup .maxBookingWindowInfo{
	width: 500px !important;
	display: block;
	clear: both;
}

.maxBookingWindowPopup .maxBookingWindowPopupDiv {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}

#maxBookingWindowPopupWrap .modalPopLite-wrapper, #newPermitUIFilterPopPopupWrap .modalPopLite-wrapper {
	max-width: 600px;
}


@media (max-width: 767px){
	body.layout2 #pagearea {
	    padding: 20px 6px 20px 6px !important;
	}
}

@media only screen 
and (min-device-width : 767px) 
and (max-device-width : 1024px) {
	body.layout2 #pagearea {
	    padding: 20px 0 20px 0!important;
	}
}

div#addNewAuthCustomerSection{
   margin-top:50px
}

div#addNewAuthCustomerSectionForm,div#addNewAuthCustomerSectionBtnDiv{
	overflow:auto;
}

div#addNewAuthCustomerSectionBtnDiv{
    margin-top:25px
}

div#addNewAuthCustomerSectionForm label{
   font-size:14px;
}

div#addNewAuthCustomerSectionForm>div{
	float:left;
	margin-top:10px;
	margin-right:20px;
}

div#addNewAuthCustomerSectionTopDescp{
	font-weight:200;
	margin-top:10px;
	font-size:16px;
}

div#addNewAuthCustomerSectionTopTitle{
	font-size:20px;
}

#maxBookingWindowPopupWrap .modalPopLite-wrapper .maxBookingWindowPopupInfo {margin-bottom: 10px;}

div#addNewAuthCustomerSectionBtnDiv a{
	float:left;
	margin-left:0px;
	margin-top:20px;
	margin-right:20px;
	border-radius:5px !important;
}

div#addNewAuthCustomerSectionFormErrorDiv, div#addNewFamilyMemberSectionFormErrorDiv{
	color:red;
	font-size:14px;
}

div#addNewFamilyMemberSectionFormErrorDiv{
   margin-bottom: 10px;
}

#addNewAuthCustomerSectionSaveBtn, #addNewAuthCustomerSectionCancelBtn,  #addauthcustbtn{
	width: 100px;
	margin-right: 20px;
	border-radius:5px !important;
}

 #addNewAuthCustomerSectionCancelBtn{
     border: 1px #b5b1b1 solid !important;
     background-color: white !important;
 }


#authorizedCustomerDeleteMsgAlert_PopupWrap div.confirmButton button,
#authorizedCustomerDeleteMsgAlert_PopupWrap div.cancelButton,
#customerFamilyMemberDeleteMsgAlert_PopupWrap div.confirmButton button,
#customerFamilyMemberDeleteMsgAlert_PopupWrap div.cancelButton{
	font-size: 16px;
	border-color: #000;
}

#addFamilyMemberPopup_PopupWrap div.cancelButton, #cancelposwaiverdialogPopupButtons div.cancelButton{
	border-color: #000;
}

#authorizedCustomerDeleteMsgAlert_PopupWrap div.cancelButton a,
#customerFamilyMemberDeleteMsgAlert_PopupWrap div.cancelButton a{
	background-color:transparent !important;
	color: black;
}

#addauthcustbtn{
	font-size: 16px;
	width:120px;
}

div#authorizedCustomer div#pagetitle ul, div#authorizedCustomer div#pagetitle ol {
	list-style: inside;
}

div#authorizedCustomer div#authListTitle {
	margin: 20px 0px 10px 0px;
    font-size: 14pt;
    font-weight: bold;
}

div#authorizedCustomer i.pencil-square-o {
	margin-right: 10px;
    color: #335f95;
}
i.trash-o {color: #000;}
a.authCustomerUpdateIcon{
  margin-right:5px;
}

a.familyMemberUpdateIcon{
  margin-right:15px;
}

div.emailwidth {
	width: 40%;
}

div.forcebreak {
	word-break: break-all;
}

div.forcenowrap {
	white-space:nowrap;
}

@media (max-width: 767px) {
	div#authorizedCustomer div#subtitle, div#authCustTable {
		padding-left: 10px;
	}

	div#addNewAuthCustomerSection {
    	margin-left:10px
    }
    
    div#authorizedCustomer {
    	padding-right: 10px;
    }
	.rightColDiv a.replacepass,
	.rightColDiv a.renewpass,
	.rightColDiv a.secondarypass,
	.rightColDiv a.exchangepass {
		float: none;
	}
}
#campnamearea1 .externalLinkBtn {float: right; margin-right: 10px;}
#itinerary-permit-widget tr {margin-bottom: 10px;}

#madiMemberMissingInfo input[readonly], #madiMemberMissingInfo select[disabled] {
    cursor: default;
    border-color: rgba(118, 118, 118, 0.3);
    background-color: #f4f4f4;
    color: #000;
}

#madiMemberMissingInfo div#pagetitle {
	margin-bottom: 15px;
}
#madiMemberMissingInfo div#pagetitle h1 {
    margin-bottom: 10px;
}
#madiMemberMissingInfo div#pagetitle span {
    line-height: 1.5;
}

#madiMemberMissingInfo button#cancelbtn {
	background-color: #FFFFFF !important;
	background: linear-gradient(to bottom,#FFFFFF 0,#FFFFFF 100%) !important;
	color: #20508d !important;
}

.grouppassfamilymembersdiv {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 20px;
}

.grouppassfamilymembersdiv .memberssection {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border: 2px solid  #5F76A8;
    width:100%;
}


.grouppassfamilymembersdiv .membersheaderseparatediv {
    border-bottom: 2px solid #5F76A8;
}

.grouppassfamilymembersdiv .membersheadersection {
    display: flex;
    padding: 16px 20px 16px 16px;
    align-items: flex-start;
    gap: 4px;
    cursor: default;
}



.grouppassfamilymembersdiv .membersheadersection .leftsub {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
    color: #344054;
}

.grouppassfamilymembersdiv .membersheadersection .leftsub .groupicon {
    display: flex;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    border: 6px solid  #F9FAFB;
    background: #F2F4F7;
}

.grouppassfamilymembersdiv .membersheadersection .leftsub .membersheaderdiv {
    display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	flex: 1 0 0;
}

.grouppassfamilymembersdiv .membersheadersection .leftsub .membersheaderdiv .membersheadertext {
    color:  #475467;
    font-size: 16px;
    line-height: 24px;
}

.grouppassfamilymembersdiv .addedmemberssection {
    display: block;
    padding: 16px;
    align-self: stretch;
}

.grouppassfamilymembersdiv .addedmembersdiv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid  #EAECF0;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

.grouppassfamilymembersdiv .addmemberbtndiv {
    padding-top: 16px;
    float: right;
}

.grouppassfamilymembersdiv .addedmembersheadersection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}

.grouppassfamilymembersdiv .addedmembersheaderdiv {
    display: flex;
    padding: 20px 24px 20px 24px;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.grouppassfamilymembersdiv .addedmembersheaderdiv .addedmemberslabeldiv {
    font-weight: 600;
}

.grouppassfamilymembersdiv .membersselecteddiv {
    display: flex;
    padding: 2px 8px;
    align-items: center;
    border-radius: 16px;
    background: #F2F4F7;
    color: #344054;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.grouppassfamilymembersdiv .memberslistsection {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.grouppassfamilymembersdiv .memberslistheaderdiv {
    display: flex;
    padding: 12px 24px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-top: 1px solid #EAECF0;
    border-bottom: 1px solid #EAECF0;
    background: #F9FAFB;
    font-size: 14px;
    font-weight: 700;
    color: #475467;
}

.grouppassfamilymembersdiv input[type=checkbox]{
	margin-bottom: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #667085;
    width: 20px;
    height: 20px;
    border-radius: 25%;
    position: relative;	
}

.grouppassfamilymembersdiv input[type="checkbox"]:checked {
    background: #EEF4FF;
}

.grouppassfamilymembersdiv input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 10px;
    border: solid #444CE7;
    border-width: 0 2px 2px 0;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.grouppassfamilymembersdiv .memberslistheaderdiv label{
    font-size: 12px;
}

.grouppassfamilymembersdiv .memberitemdiv {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-bottom: 1px solid  #EAECF0;
    color: #101828;
    font-size: 14px;
    min-height: 45px;
}

.grouppassfamilymembersdiv .memberitemdiv .memberpicname{
	display: flex;
	justify-content: start;
    align-items: center;
    gap: 12px;	
    color: #101828;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.grouppassfamilymembersdiv .memberitemdiv img{
	display: flex;
	width: 40px;
	height: 40px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 200px;
}


.grouppassfamilymembersdiv .modalPopLite-wrapper, #updateMemberPicture_PopupWrap .modalPopLite-wrapper{
    padding: 24px;
    width: 400px;
}
.grouppassfamilymembersdiv div#addFamilyMemberPopup_PopupTitle .PopupTitle {
    padding-bottom: 10px !important;
}

.grouppassfamilymembersdiv div#addFamilyMemberPopup_PopupTitle h1,
 div#updateMemberPicture_PopupTitle h1{
    font-size: 18px !important;
}

#posOrder .grouppassfamilymembersdiv .addedmemberssection{
    padding:0px;
    padding-top: 16px;
}

.grouppassfamilymembersdiv .addmemberpopupcontent, #updateMemberPicture_PopupWrap .addmemberpopupcontent{
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.grouppassfamilymembersdiv .addmemberpopupcontent input[type=text] {
    width: 100%;
    height: 44px;
    margin-top: 6px;
}
.grouppassfamilymembersdiv .addmemberpopupcontent .upload-header-container {
    margin-top: 0px !important;
}

 .grouppassfamilymembersdiv .memberitemdiv span.mlbl{
    display: none;
 }

.grouppassfamilymembersdiv .memberpicturepolicydiv {
    display: flex;
    align-items: flex-start;
}

.memberpicturepolicydiv input{
    margin-right: 10px;
    margin-top: 2px;
    flex: 1 31px;
}

.grouppassfamilymembersdiv .memberssigninnotice {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    color: #1D2939;
    font-size: 16px;
    line-height: 24px;
}


.grouppassfamilymembersdiv .preprintsection {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
}
.grouppassfamilymembersdiv .preprintsection div {
    font-size: 16px;
}

.grouppassfamilymembersdiv .preprinttext {
    color: #1D2939;
}

.grouppassfamilymembersdiv .preprinttitle, .grouppassfamilymembersdiv .preprintradiobtnsection label{
    font-weight: bold;
}

.grouppassfamilymembersdiv .preprintradiodiv {
    display: flex;
    gap: 12px;
}

.grouppassfamilymembersdiv .preprintradiodiv div {
    font-size: 14px;
}

.grouppassfamilymembersdiv .preprintradiobtnsection  input[type=radio]::after
{
    background-size: contain !important;
    background-repeat: no-repeat;
    content: "";
    height: 16px;
    width: 16px;
    display:inline-block;
    position: absolute;
    margin-left: -12px;
    visibility: visible;
}

.grouppassfamilymembersdiv .preprintradiodecs {
    padding-left: 23px;
    color: #344054;
}

.grouppassfamilymembersdiv div#addmemberpopupcontentid label, .grouppassfamilymembersdiv div#addmemberpopupcontentid div,
 #updateMemberPicture_PopupDiv .upload-header-container label,
 #updateMemberPicture_PopupDiv #addmemberpopupcontentid div{
    font-size: 14px !important;
}

#updateMemberPicture_PopupWrap #addmemberpopupcontentid{
	gap: 2px;
}

#addNewFamilyMemberSectionForm .imageuploadpreviewcontainer{
	width: 100%;
}

#addNewFamilyMemberSectionForm .previewpicturetitle{
	margin-top: 20px;
	width: 100%;
}

.grouppassfamilymembersdiv .memberitemdiv .membererror{
	display: flex !important;
	flex: 5;
	justify-content: end !important; 
}

.grouppassfamilymembersdiv .memberitemdiv .membererror .errtxt{
	background-color: #FEF3F2;
	color: #B42318;
	font-size: 12px;
	line-height: 18px;
	padding: 4px 16px;
	border-radius: 100px;
	display: none;
}

.grouppassfamilymembersdiv .memberitemdiv .membererror .errtxt b{
	font-weight: 600;
}
    
@media (max-width: 280px) {
  #posproductdetailspage #colsidebar{
    width: 100%;
	padding: 0;
  }
  .posProductDetailsImgDiv .slick-track,.posProductDetailsImgDiv .posSlickCarousel .slick-slide{
  	width: 100% !important;
  }
 .posProductDetailsImgDiv .posSlickCarousel{
  	width: 100%;
 }
 .grouppassfamilymembersdiv .modalPopLite-wrapper{
 	width: 75% !important;
 }
 .grouppassfamilymembersdiv .membersheadersection{
	padding: 12px 8px;
 }
 #contentArea  #sitedetail{
	margin: 0 4px !important;
 }
 #contentArea  #sitedetail .siteGalleryContainer{
	  margin: 20px 0 20px -4%;
 }

}
@media (max-width: 768px) {
    .grouppassfamilymembersdiv {
        margin-right: 10px;
    }
    
    .grouppassfamilymembersdiv .addedmembersheaderdiv {
    	flex-direction: column;
    	padding: 20px 16px 20px 16px;
    }
	    
    .grouppassfamilymembersdiv .memberslistsection {
    	border-top: 1px solid #EAECF0;
    }
    
    .grouppassfamilymembersdiv .memberslistheaderdiv{
    	display: none;
    }
    
    .grouppassfamilymembersdiv .memberitemdiv {
        padding: 16px 12px;
        word-break: break-word;
        margin-left:2px;    
        display: flex;
        flex-direction: column;
        align-items: stretch;        
    }
    
    .grouppassfamilymembersdiv .memberitemdiv > div{
    	display: flex;
    	align-items: center;
    	justify-content: space-between !important;   
    }
    
    .grouppassfamilymembersdiv .memberitemdiv span.mlbl{
    	display: block;
    	font-size: 14px;
    	font-weight: 700;
    	color: #475467;
    }
    
    .grouppassfamilymembersdiv .memberchkboxdiv input{
    	margin-right: 0;
    }

    .grouppassfamilymembersdiv .preprintradiodiv {
        flex-flow: column;
    }
    .grouppassfamilymembersdiv .modalPopLite-wrapper {
        width:85%;
        margin-left:2px;
    }
	#posproductdetailspage .familymemberdobdiv, #posproductdetailspage .memberslistheaderdobdiv{
		display: none;
		visibility: hidden;
	}
}

.memberitemdiv .familymemberdobdiv{
    margin-right: 100px;
}

.memberitemdiv .familymemberdobdiv div{
    float: right;
}

.memberitemdiv .familymemberdobdiv .familymemberdobdivsucess{
   float: left;
}

.familymemberdobdiv input{
    width: 120px;
}

.memberslistheaderdiv .memberslistheaderdobdiv{
    flex: 1;
    display: flex;
    justify-content: center;
    font-size: 14px;
    margin-left:50px;
}

.familymemberdobdiv .familymemberdobdivsucess:before{
    font-family: FontAwesome;
    content: "\f058";
    color: #2e8b57;
    margin-right: 10px;
    margin-top: 5px;
}

#madiMemberMissingInfo div#pagetitle span {
    line-height: 1.5;
}

div.familymemberfloatdiv, div#addNewFamilyMemberSectionForm {
    overflow:auto;
}

div.familymemberfloatdiv div, div#addNewFamilyMemberSectionForm div{
    float: left;
    font-size: 14px;
}


div.familymembertbodydiv div.familyMemberCol1{
    font-weight: bold;
}

div#addNewFamilyMemberSectionForm div{
    width: 28%;
}

div#addNewFamilyMemberSectionForm div:nth-child(3){
    margin-left: 50px;
}

div#familyMemberAddNewButtonContainer{
    text-align: right;
}

div#addNewFamilyMemberSectionForm div:nth-child(5){
    float: right;
    margin-right: 2px;
}

div#addNewFamilyMemberSectionForm div input{
	height: 28px;
}

div#addNewFamilyMemberSectionForm div input{
    width: 100%;
}

div#addNewFamilyMemberSectionForm div label{
    font-size: 14px;
}

div#addNewFamilyMemberSectionForm{
    overflow-x: hidden;
}

div#addNewFamilyMemberSectionTopTitle{
    font-size: 20px;
}

div#addNewFamilyMemberSectionTopDescp{
    font-size: 16px;
    margin-top: 20px;
    font-weight: 200;
}

div.familymemberfloatdiv div.familyMemberCol1{
    width: 300px;
}

div.familymemberfloatdiv div.familyMemberCol2{
    width: 200px;
}

div.familymembertbodydiv div.familyMemberCol2{
    color: #475467;
}

div.familymemberfloatdiv div.familyMemberCol3{
    float: right;
    padding-right: 20px;
}

a.familyMemberUpdateIconWithoutDelInCurrentItem {
	margin-right: 27px;
}

a.familyMemberUpdateIconWithoutDelInList {
	margin-right: 0px;
}

div#familyMemberListContainer{
    border: solid 1px #ced1d3;
    border-radius: 10px;
}

.photoUploadContainer{
    width:100% !important;
 }


.photoUploadContainer div{
    width:100% !important;
 }


.upload-drop-zone {
    min-height:120px;
    border: 1px solid #ced1d3;
    border-radius: 10px;
    padding: 30px 0px;
    transition: background-color .01s linear .01s;
    position: relative;
    text-align:center;
    box-sizing: border-box;
  }
div.familymemberthead {
    background-color: #EAECF0;
    height: 50px;
    line-height: 50px;
}

div.familymembertbodydiv{
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #ced1d3;
}

div.familymembertbodydiv:last-child{
    border-bottom: 0px;
}

div#familyMemberListTitle{
    height: 60px;
    line-height: 60px;
    padding-left: 10px;
    font-weight: bold;
}

div#familyMemberListTitle, div.familymemberthead, div.familymembertbodydiv{
    padding-left: 25px;
}

img.familyMemberImageCol1{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    padding: 0px !important;
    margin-right: 10px;
}

#familymemberaddeditcontainer{
    margin-top: 50px;
}

div#familyMemberPageTitleText{
	font-size: 18px;
	margin-top:20px;
}

div#familyMemberPageTitleContainer{
	margin-bottom: 50px;
}

div#familyMemberTitleContentItem{
	margin-top: 20px;
	margin-left:40px;
}

div#familyMemberTitleContentItem li{
	font-size: 16px;
}

button#addFamilyMemberSectionSaveBtn{
	border-radius: 5px !important;
	width: 120px;
}

button#addFamilyMemberSectionCancelBtn{
	background: white !important;
	border-radius: 5px !important;
	border: 1px solid #d5d1d1 !important;
	width: 100px;
	margin-left: 10px;
	height: 35px;
}

button#addfamilymemberbtn{
	border-radius: 5px !important;
	width: 120px;
	height: 35px;
}

div#addNewFamilyMemberSectionForm div input{
	font-size: 14px !important;
}

div#familyMemberTitleContentItem ul li{
	list-style: disc;
}

#addfamilymemberbtn, #addNewFamilyMemberSectionFormErrorDiv .error_item{
	font-size: 14px;
}

#addNewFamilyMemberSectionTopTitle{
	overflow: hidden;
}

#addNewFamilyMemberSectionTopTitle div{
	float: left;
	margin-right: 10px;
}

#addFamilyMemberPopup_PopupButtons .cancelButton, #updateMemberPicture_PopupButtons .cancelButton{
    border-radius: 8px;
}

@media (max-width: 768px) {
	#madiMemberMissingInfo #contentArea .component {
		padding: 0px 5px;
	}
	#madiMemberMissingInfo div#pagetitle {
		padding: 5px 0px;
    	margin-bottom: 0px;
	}
	#madiMemberMissingInfo div#pagetitle h1 { 
		margin-left: 0px !important;
	}
	#madiMemberMissingInfo #createnew {
	    display: inline-block;
	}
	#madiMemberMissingInfo div.r {
	    width: 25%;
	}
	#madiMemberMissingInfo div.l {
	    padding: 5px !important;
	    /* display: inline-block; */
	    margin: 0px;
	    width: 95%;
	}
	#madiMemberMissingInfo div.l div.half {
		width: 100%;
	}
	#madiMemberMissingInfo div.l input:not([type="checkbox"]):not(#ext), #madiMemberMissingInfo div.l select {
	    width: 100%;
	}
	#madiMemberMissingInfo button#updateprofilebtn, #madiMemberMissingInfo button#cancelbtn {
		width: 96%;
	}
	/* #madiMemberMissingInfo div#wphonetr div.l {
		display: inline-flex;
	} */
	#madiMemberMissingInfo div#wphonetr div.l div:first-of-type {
		width: 59%;
	}
	#madiMemberMissingInfo div#wphonetr div.l div:nth-of-type(2) {
		margin-left: 2px;
	}
	#madiMemberMissingInfo div#wphonetr div.l div:nth-of-type(5) {
		width: 28%;
		display: inherit;
	}
	#madiMemberMissingInfo div#wphonetr div.l div:nth-of-type(5) input.xs {
		width: 100%;
	}
	
	div#addNewFamilyMemberSectionForm div{
		clear: both;
		display: block;
		margin-left: 0px !important;
		width: 95%;
	}

	div#familymemberaddeditcontainer{
		padding-left: 10px;
	}

	div#addNewFamilyMemberSectionForm div:nth-child(5){
		float: none;
		margin-right: 0px;
	}

	#familyMemberListContainer{
		border: none !important;
		border-radius: 0px !important;
	}
	#familyMemberPageTitleContainer{
		padding-top: 10px;
		padding-left: 10px;
	}

	#signinsignuppage .grouppassfamilymembersdiv .addedmemberssection .addmemberbtndiv button {
		width: 100%;
		margin-left: 0px;
		height: 35px;
    }

	#signinsignuppage .grouppassfamilymembersdiv .addedmemberssection .addmemberbtndiv {
		width: 100%;
	}

	#signinsignuppage #addFamilyMemberPopup_PopupButtons .confirmButton {
		width: 150px !important
    }

    #viewpublicwaivercontent #pagearea,
    #viewpublicwaiversignature #pagearea,
    #viewpublicwaiverconfirmation #pagearea{
       padding-bottom: 410px !important;
    }

    .memberitemdiv .familymemberdobdiv{
       margin-right: 0px;
    }
    .memberitemdiv .familymemberdobdiv input{
       width: 110px;
    }
}

@media (max-width: 991px) {
    div.familymemberfloatdiv div.familyMemberCol1, div.familymemberfloatdiv div.familyMemberCol2{
        width: 40%;
    }
}

#posorderfamilymemberdivid .memberssection{
	border: 0px;
}

#posOrder .grouppassfamilymembersdiv{
  gap: 0px;
}

#posOrder .memberheadplacehold{
  flex: 5;
}

.myposordermemberlistheadercontainer{
		width: 100%;
}

.myposordermemberlistheadercontainer, .myposordermemberlistheadercontainer div.membernamecontentdiv{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.myposordermemberlistheadercontainer div.membernamecontentdiv img{
    margin-right: 5px;
}

.membersignupcontainer{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.membersignupcontainer .signupnamediv{
	display: flex;
	align-items: center;
}

.membersignupcontainer .signupnamediv span{
   margin-left: 5px;
}

.readyforprintsuccessdialogheader, .readyforprintsuccessdialogtext{
	margin-left: 10px;
}



#headreadyforprintdivid{
	background-color: #FFFCF5;
}


#headreadyforprintdivid a, .familymemberreadyforprintdiv a{
	color: #B54708;
	text-decoration: underline !important;
}

.familymemberreadyforprintdiv a{
	color: #93370D !important;
}

#headreadyforprintdivid .topalert{
	margin-top: 0px;
	margin-left: 10px;
	display: flex;
	align-items: center;
	line-height: 20px;
	padding-top: 8px;
}


#headreadyforprintdivid .topalert div{
	font-size: 14px;
	font-weight: 600;
	color: #B54708;
	margin-top:3px;
	margin-left: 10px;
}

#headreadyforprintdivid .topalertmessage{
	margin-left: 48px;
	margin-top: 2px;
	margin-bottom: 0px;
	font-size: 14px;
	color: #B54708;
	padding-bottom: 8px;
}


.readyforprintdiv a{
	color: #D0D5DD !important;
}



#myposorderreadyforprintsuccessDialog_PopupButtons .confirmButton.btn,
#myposorderreadyforprintsuccessDialog_PopupButtons button{
	width: 100% !important;
	height: 40px;
	margin-bottom: 20px;
}

#myposorderreadyforprintsuccessDialog_PopupButtons .cancelButton{
	display: none;
}

.readyforprintsuccessdialogheader{
	margin-top: 10px;
	margin-bottom: 5px;
}

.readyforprintsuccessdialogheader span{
	font-size: 18px;
	font-weight: 600;
}
.readyforprintsuccessdialogtext span{
	font-size: 14px;
}

#myposorderreadyforprintsuccessDialog_PopupDiv{
	width: 350px;

}


.purchaseAgainBtnDivContainer .readyforprintdiv .book.now, .viewfamilymemberlistdiv .book.now{
	background: white !important;
	font-size: 14px;
	border: 1px solid #222 !important;
	width: 120px;
}


.familmemberlistshowdiv a{
   text-align: center;
   display: inline-block;
   width: 30px;
   line-height: 30px;
   border: solid 1px #b8bcc2;
   border-radius: 5px;
   color: #545252;
}

div[id^="posorderfamilymemberdivid"] .memberssection{
	border: 0px;
}

.familymemberreadyforprintdiv{
	display: flex;
	width: 100%;
	background-color: #fef0c7;
	border-bottom: 1px solid #93370D;
	margin-bottom: 30px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.1em
}

.familymemberreadyforprintdiv div{
	padding-right: 5px;
}

.familymemberreadyforprintdiv img{
	width: 25px;
	height: 25px;
	margin-left: 5px;
}

.familymemberreadyforprintdiv span{
	font-size: 13px;
	color: #93370D;
}

.posOrderProductsContainer + .grouppassfamilymembersdiv{
	margin-bottom: 0px;
}

#poswaivercontainer .signatureHeader{
	margin-top: 15px;
	margin-bottom: 15px;
}

#poswaivercontainer .signatureFooter{
	margin-top: 15px;
	margin-bottom: 15px;
	
    font-size: 14px;
    font-style: italic;
    color: #344054;
	
}

#poswaivercontainer .signatureSection{
	background-color: unset;
    border-top: unset;
    border-bottom: unset;
}
#poswaivercontainer .sectionDiaplayName{
	font-size: 1.2em;
    font-weight: bold;
}

#poswaivercontainer #btncancelchange{
	color: #163154 !important;
	background-color: #FFF !important;
	border: 1px solid #9E9E9E !important;
}

#poswaivercontainer .backDiv{
	width: 100%;
    position: fixed;
    z-index: 999;
    left: 0px;
    top: 0px;
    background: #FFF;
	padding: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #98A2B3;	
}

#viewpublicwaivercontent .content{
	padding-top: 60px;
}

#viewpublicwaiversignature .content{
	padding-top: 60px;
}

#poswaivercontainer .backLabel{
	margin-left: 5px;
}

#poswaivercontainer #publicWaiverButtonDiv{
	width: 100%;
    position: fixed;
    z-index: 999;
    left: 0px;
    bottom: 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-top: 1px solid #98A2B3;
    background: #FFF;
}

#poswaivercontainer #publicWaiverButtonDiv #btnDiv{	
    padding: 10px;
}

#poswaivercontainer #publicWaiverButtonDiv #agreeandsign{	
    width: fit-content;
}
#poswaivercontainer #publicWaiverButtonDiv #finish{	
    width: fit-content;
}

#viewpublicwaivers #mobiHeaderMenuButton{
	visibility:hidden
}

#viewpublicwaivers #membershipbar{
	display: none;
}

#viewpublicwaivers #hellobar_wrapper,
#viewpublicwaivercontent #hellobar_wrapper,
#viewpublicwaiversignature #hellobar_wrapper,
#viewpublicwaiverconfirmation #hellobar_wrapper{
	display: none;
}
#viewpublicwaivers div.hellobar-controls.buttons,
#viewpublicwaivercontent div.hellobar-controls.buttons,
#viewpublicwaiversignature div.hellobar-controls.buttons,
#viewpublicwaiverconfirmation div.hellobar-controls.buttons{
	display: none;
}

#viewpublicwaivers #headerEnhance,
#viewpublicwaivercontent #headerEnhance,
#viewpublicwaiversignature #headerEnhance,
#viewpublicwaiverconfirmation #headerEnhance{
	display: none;
}

#viewpublicwaivers #headreadyforprintdivid,
#viewpublicwaivercontent #headreadyforprintdivid,
#viewpublicwaiversignature #headreadyforprintdivid,
#viewpublicwaiverconfirmation #headreadyforprintdivid{
	display: none;
}

@media (min-width: 991px) {
#viewpublicwaivers #pagearea{
/* header is 96px but header_wrapper is 100px */
	margin-top: 4px;
}
}

#viewpublicwaivers #header_right{
    display: none;
}

#viewpublicwaivercontent, #pageContainer {
    background-color: #fff !important;
}

#viewpublicwaiversignature, #pageContainer {
    background-color: #fff !important;
}



td.old.day {
    color: #787373 !important;
}

td.new.day {
    color: #787373 !important;
}
span.old.year {
    color: #787373 !important;
}

span.new.year {
    color: #787373 !important;
}

#signinsignuppage .grouppassfamilymembersdiv .addedmemberssection input[type=checkbox]::after{
	margin-left: 0px;
}

#productWaiversSectionDiv .posProductBoxTitle, .posProductBoxTitle2{
	color: #344054 !important;
}

#productWaiversSectionDiv .posProductBoxNameDiv2, .posProductBoxNameDiv2{
	font-weight: bold !important;
}

#viewpublicwaiverconfirmation #poswaivercontainer{
    line-height: 38px;
}

#viewpublicwaiverconfirmation #poswaivercontainer #waiverConfirmFootTextDiv{
   line-height: 30px;
}

#poswaivercontainer .firstWaiverConfirmDiv{
    margin-top: 200px !important;
}

#poswaivercontainer .firstWaiverConfirmDiv h1{
    font-size: 30px !important;
}

#poswaivercontainer .waiverConfirmDiv{
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
}

#poswaivercontainer .waiverConfirmNumberTextDiv{
   font-size: 20px;
}

#poswaivercontainer .waiverConfirmNumberDiv{
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}

.memberslistheaderdiv .myposordermemberlistheadercontainer{
	width: 68%;
}

.flexspacebetweendiv{
	display: flex;
    justify-content: space-between;
    width: 30%;
}

.posordermemberupdatepicture{
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.posordermemberupdatepictureimgele{
	width: 20px !important;
	height: 20px !important;
	border-radius: 0 !important;
}

#previewImageDivId{
	display: flex;
	width: 84px;
	height: 84px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 200px;
	border: 4px solid var(--primary-700, #3F5990);
	background: var(--avatar-user-square-phoenix-baker, url(<path-to-image>), lightgray 50% / cover no-repeat);
}


.imageuploadpreviewcontainer{
	display: flex;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 12px;
	border: 1px solid var(--gray-200, #EAECF0);
	background: var(--gray-50, #F9FAFB);
	height:90px
}

#updateMemberPicture_PopupDiv .photoUploadContainer #dropZoneContainer span,#updateMemberPicture_PopupDiv .photoUploadContainer #dropZoneContainer label{
	font-size: 14px;
}


#updateMemberPicture_PopupDiv #memberpicturepolicydivid input{
	margin-top: 2px;
	margin-right: 5px;
}


#updateMemberPicture_PopupDiv #memberpicturepolicydivid{
	display: flex;
    align-items: flex-start;
    margin-top: 10px;
	margin-bottom: 10px;
}

#updateMemberPicture_PopupDiv #memberpicturepolicydivid div{
	width: 345px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

#updateMemberPicture_PopupButtons,#addFamilyMemberPopup_PopupButtons{
	display: flex;
	width: 100% !important;
	padding: 0px;
	margin: 0px;
	flex-direction: column-reverse;
	margin-top: 30px;
}

#updateMemberPicture_PopupButtons .cancelButton, #updateMemberPicture_PopupButtons .confirmButton,
#addFamilyMemberPopup_PopupButtons .cancelButton, #addFamilyMemberPopup_PopupButtons .confirmButton {
	margin: 0px;
	width: 100% !important;
	margin-bottom: 10px;
    height: 44px !important;
    padding: 10px 18px 10px 18px;
    gap: 8px;
}
#updateMemberPicture_PopupButtons .cancelButton,#addFamilyMemberPopup_PopupButtons .cancelButton{
    border: solid 1px #D0D5DD;
}

#updateMemberPicture_PopupButtons .cancelButton, #addFamilyMemberPopup_PopupButtons .cancelButton{
	display: flex;
	align-items: center;
}

#updateMemberPicture_PopupButtons .confirmButton button, #addFamilyMemberPopup_PopupButtons .confirmButton button{
	width: 100%;
	height: 44px;
}

#updateMemberPicture_PopupButtons .cancelButton a,
#addFamilyMemberPopup_PopupButtons .cancelButton a{
	padding: 0px;
	margin: 0px;
    width: 100% !important;
}

#posProductDetailsDiv #addedmemberssectionid .updatepicturesectiondiv{
	flex:1;
    display: flex;
    flex-direction: row;
	justify-content: flex-end;
}

@media (max-width: 767px) {
#productWaiversSectionDiv .posProductsSectionDiv .posProductBox, .posProductsSectionDiv .posProductBox2 {
    width: 90%;
  }

  .imageuploadpreviewcontainer{
      display: flex !important;
      width: 90% !important;
   }
}

#addNewFamilyMemberSectionForm .photoRequirements
{
    font-size: 14px;
    float: left;
    color: #3F5990;
    font-weight: 700;
    margin-top: 10px;
}
.addmemberpopupcontent .photoRequirements
{
    font-size: 14px;
    float: left;
    color: #3F5990;
    font-weight: 700;
}

#updateMemberPicture_PopupDiv .photoRequirements {
    margin-top: 10px;
}

.feeBreakdownPopupDiv, .timeslotsPopupDiv, .feeInfoPopupDiv {margin: 0px !important; padding: 0px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 }

.feeBreakdownPopupDiv .fa-circle-info {
 display: none;
}

.feeBreakdownPopupDiv .hasIcon {
    padding-right: 22px !important;
}

.timeslotsPopupTitle {background-color: #f0f0f0; padding: 10px; font-weight: bold;}
.timeslotsPopupContent {padding: 10px;}
.feeInfoPopupDiv .timeslotsPopupTitle {display: none;}
.feeInfoPopupDiv .timeslotsPopupContent {
    border-radius: 4px;
    color: #fff;
    background-color: rgba(51,51,51,0.9);
    padding: 20px;
} 
.feeInfoPopupDiv.usFeeIcon .timeslotsPopupContent {
    color: #000;                                   
    background-color: #fff;                        
} 
.feeInfoPopupDiv.usFeeIcon .tooltip-arrow {color: #fff;}
.feeInfoPopupDiv.usFeeIcon .tooltip-arrow.top:after {background-color: #fff;}
.feeInfoPopupDiv .tooltip-arrow.top:after {background-color: rgba(51,51,51,0.9);}
.eventBanner {
    margin-top: -5px;
}

.eventBanner > .eventRow {
    background-color: #006080;
    color: #fff;
    float: left;
    width: 100%;
    border-top: 2px solid #00B9E6;
    margin-bottom: 5px;
}

.eventBanner > .eventRow > div {
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.eventBanner > .eventRow .eventLearnMore {
    float: right;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
}

.eventBanner > .eventRow a.eventLearnMore:visited,
.eventBanner > .eventRow a.eventLearnMore:link {
    color: #fff;
}

.eventBanner > .eventRow a.eventLearnMore:hover {
    text-decoration: none;
}


.upload_file_zone_limited_text_color{
	color: #686666;
}

.upload_file_zone_limited_text{
	font-size: 10pt;
    display: flex;
    justify-content: center;
    color: #686666;
    margin-top: 3px;
}

#marinaResvDocUploadSection  td:not(.sectionhdr1){
	padding-left: 0px;
	padding-right: 0px;
}

.upload_files_zone {
    min-height: 120px;
    border: 1px solid #ced1d3;
    border-radius: 10px;    
    transition: background-color .01s linear .01s;   
    
    box-sizing: border-box;
    margin-top: 25px;
}
.upload_files_zone_title_section{
	text-align: left;
    padding-left: 25px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.upload_files_zone_title{
	font-size: 13pt;
	font-weight: 580;       
}

#marinaResvDocUploadInput td{
	border:none;
}

div.documentfilethead {
    background-color: #EAECF0;
    height: 50px;
    line-height: 50px;
}

div.documentfilebodydiv{
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #ced1d3;
}

div.documentfilebodydiv:last-child{
    border-bottom: 0px;
}

div.documentfilethead, div.documentfilebodydiv{
    padding-left: 25px;
}

.documentfileCol1 .file-o{
   
    border-radius: 15px;
    padding: 0px !important;
    margin-right: 10px;
	vertical-align: middle;
	margin: auto;
    color: darkred;
}

div.documentfilethead {
    background-color: #EAECF0;
    height: 50px;
    line-height: 50px;
}

div.documentfilefloatdiv{
    overflow:auto;
}

div.documentfilefloatdiv div{
    float: left;
    font-size: 14px;
}


div.documentfilefloatdiv div.documentfileCol1{
    width: 40%;
}

div.documentfilefloatdiv div.documentfileCol2{
    width: 40%;
}

div.familymemberfloatdiv div.familyMemberCol3{
    float: right;
    padding-right: 20px;
    font-size: 17px;
}

#contentArea .component img.updrecord, img.updrecord{
	width: 18px;
	height: 18px;
	margin: -2px 0 0 0;
}

#editListName img.updrecord{
	margin: 0;
}

div.documentfilebodydiv div.documentfileCol1{
    font-weight: bold;
}

div.documentfilebodydiv div.documentfileCol2{
    color: #475467;
}

div .fileiconcontainer{
	position: relative;
    background: #EAECF0;
    border-radius: 50%;
    display: flex;
    margin: auto;
    width: 30px;
    height: 30px;
    margin-top: 15px;
}

.fileNameLabel{
	padding-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

#uploadFileSectionFormErrorDiv{
	margin-bottom:7px;
}

#marinaOrderDocumentUploadSectionInCart	td.sectionhdr1{
	background-color: #F1EFE2;
	padding: 12px 0 12px 9px;
	margin-bottom: 3px;
  font-family: var(--font_family_bold);
	font-size: 14px !important;
	font-weight: normal
}

#documentUploadBtn{
	background: #ffffff !important;
    color: black !important;
    border: solid 1px !important;    
	display: flex;    
    justify-content: center;
}

#documentUploadBtn span{
	order: 2;
}

#documentUploadBtn .fa.fa-file-text-o{
	float: left;  
	padding-right: 5px;	
}

.defaultFileUploadDropZoneDragover {
	background-color: #FBFBFB;
	border: 1px dashed blue !important;
}

@media (max-width: 767px) {
	#marinaReservationDetails #fileUploadContainer{
		width: 96%;
	}
	#checkoutpage #fileUploadContainer{
		width: 94%;
	}
	div .fileiconcontainer {	  
	    float: left;	   
	    width: 25px;
	    height: 25px;
	  	margin-top: 0px;
	    flex-direction: column-reverse;
	    align-content: center;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	
	#upload-files-zone-items-section {    
    	margin-bottom: 5px;	
	}
	
	.fileNameLabel {
	    padding-left: 2px;
	    white-space: normal;
	}
}



.reservationDetailEventsDiv {
	padding-top: 20px;
}


.reservationDetailEventsDiv .parkEventHeaderSection	{
	background: #006080;
	padding: 14px;
	margin-bottom: 23px;
}

.reservationDetailEventsDiv .parkEventHeaderDiv	{
	color:#FFF;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.38px;
}

.reservationDetailEventsDiv .parkLabSection{
	margin-bottom:16px;
}

.reservationDetailEventsDiv .parkLabSection .parkLabDiv{
	padding-bottom: 4px;
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.38px;
	border-bottom: 1px solid var(--gray-neutral-300, #D2D6DB);
}

.reservationDetailEventsDiv .eventListSection {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.reservationDetailEventsDiv .eventListDiv {
    display: flex;
    gap: 16px;
    flex-flow: column;
    width: 100%;
    padding-bottom: 16px;
}


.reservationDetailEventsDiv .eventItemSection {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
    border-radius: 12px;
    border: 1px solid #BDBDBD;
    background: #FFF;
}

.reservationDetailEventsDiv .eventInfoDiv .eventImageDiv > img {
    border-radius: 12px;
    height: auto;
    max-width: 140px;
}

.reservationDetailEventsDiv .eventInfoDiv {
    display: flex;
    max-width: 75%;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    align-self: stretch;
}

.reservationDetailEventsDiv .eventDetailDiv {
    display: flex;
    max-width: 75%;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
}

.reservationDetailEventsDiv .eventNameDiv {
    color: #152F52;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.reservationDetailEventsDiv .parkNameDiv {
    color: #212529;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 12px;
}

.reservationDetailEventsDiv .dateRangeDiv div {
    color: #212529;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.reservationDetailEventsDiv .eventBtnDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 19%;
    border-left: 1px solid #D0D5DD;
}

.reservationDetailEventsDiv .eventBtnDiv a.book.now {
    margin-left: 8px;
    height: auto;
    padding: 5px;
    font-size: 14px;
    width: auto;
    white-space: break-spaces;
}

.reservationDetailEventsDiv .viewAllDiv {
    padding-bottom: 40px;
}

.reservationDetailEventsDiv .viewAllDiv a.book.now {
    padding: 12px 37px 2px 37px;
    margin: 0;
    width: fit-content;
    font-size: 18px;
    height: 30px;
}
@media (max-width: 767px) {
    .reservationDetailEventsDiv {
        margin-right: 10px;
    }
    .reservationDetailEventsDiv .eventItemSection {
        gap: 0px;
        flex-flow: column;
    }
    .reservationDetailEventsDiv .eventInfoDiv, .reservationDetailEventsDiv .eventDetailDiv {
        max-width: 100%;
        flex-flow: column;
    }
    .reservationDetailEventsDiv .eventDetailDiv {
        padding-top: 10px;
    }
    .reservationDetailEventsDiv .eventInfoDiv .eventImageDiv {
        width: 100%;
    }
    .reservationDetailEventsDiv .eventInfoDiv .eventImageDiv > img {
        max-width: 100%;
        width: 100%;
    }
    .reservationDetailEventsDiv .eventBtnDiv {
        border: none;
        width: 100%;
        justify-content: flex-start;
    }
    .reservationDetailEventsDiv .eventBtnDiv a.book.now {
        margin-left: 0px;
        margin-top: 10px;
    }

}


.parkEvents {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: 30px;
}

.parkEvents > .eventCard {
    width: 32%;
    border-radius: 12px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.20), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
    margin-bottom: 20px;
}

.parkEvents > .emptyEventCard {
    width: 32%;
    margin-bottom: 20px;
}

.parkEvents > .eventCard > .eventName {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: rgba(21, 47, 82, 0.87);
    padding: 14px 16px 0px 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.parkEvents > .eventCard > .parkName {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #000000DE;
    margin: 0px 16px 12px 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.parkEvents > .eventCard > .parkName > img {
    vertical-align: middle;
    margin-right: 5px;
}

.parkEvents > .eventCard > .facilityImage {

}

.parkEvents > .eventCard > .hideBorder {
	border-color: transparent !important;
}

.parkEvents > .eventCard > .startDate {
    margin: 16px 16px 0px 16px;
    padding-bottom:10px;
}

.parkEvents > .eventCard > .endDate {
    margin: 0px 16px 16px 16px;
    padding-top: 8px;
    border-top: 1px solid #EAECF0;
}

.parkEvents > .eventCard > .startDate, .parkEvents > .eventCard > .endDate {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #212529;
}

.parkEvents > .eventCard > .startDate > img, .parkEvents > .eventCard > .endDate > img {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.parkEvents > .eventCard > .endDate {

}

.parkEvents > .eventCard > .learnMore {
    margin: 0px 16px 14px 16px;
}

.parkEvents > .eventCard > .facilityImage > img {
    max-width: 100%;
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.parkEvents > .loadMore {
    width: 100%;
    text-align: center;
}

.parkEvents > .loadMore > button {
    color: #163154 !important;
    background-color: #FFF !important;
    border: 1px solid #9E9E9E !important;
    width: auto;
}

#eventsViewAll .searchLabelDiv {
    margin-top:28px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

#eventsViewAll .input-group {
    position: relative;
    margin-bottom: 32px;
}

#eventsViewAll .input-group > .form-control {
    width: 100%;
    margin-right: 0px;
    height: 44px;
    box-sizing: border-box;
    padding-right: 110px;
}

#eventsViewAll .input-group > .input-group-btn {
    position: absolute;
    top: 0px;
    right: 0px;
}

#eventsViewAll .input-group > .input-group-btn > .search-btn {
    height: 44px;
    width: auto;
    margin: 0;
    border-radius: 0px 4px 4px 0px !important;
    border: 1px solid #0081a0 !important;
}

#eventsViewAll .input-group > .input-group-btn > .search-btn > i {
    margin-right: 5px;
}

.parkEvents  div.check_avail_panel > a.check_available {
    width: auto;
    padding: 5px;
}

.parkEvents  div.check_avail_panel.loadMore > a.check_available {
    margin-right: 0px;
    padding: 5px;
}

.searchEventBar, .nearParkHeader, .hiddenEventFields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-around;
}

.nearParkHeader {
    margin-bottom: 28px;
}

.nearParkHeader > div {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
}

.searchEventBar > div, .nearParkHeader > div, .hiddenEventFields > div, .parkEvents > .msg {
    width:100%;
}

.parkEvents > div.msg.warning {
    box-sizing: border-box;
    background-position: -100px -95px;
}

.parkEvents > .noEvents {
    width: 100%;
    text-align: center;
}

.parkEvents > .noEvents > .noEventsMessage {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 24px;
}

.parkEvents > .noEventsLine {
    padding-bottom: 30px;
    border-bottom: 1px solid #D2D6DB;
}

@media (max-width: 767px) {
    .parkEvents > .eventCard, .parkEvents > .emptyEventCard, .parkEvents > .noEvents {
        width: 90%;
    }

    .parkEvents {
        justify-content: space-around;
    }

    .searchEventBar > div, .nearParkHeader > div, .hiddenEventFields > div, .parkEvents > .msg {
        width:90%;
    }

    .parkEvents > .eventCard > .eventName {
        white-space: break-spaces;
    }

    .parkEvents > .eventCard > .parkName {
        white-space: break-spaces;
    }
}
.fa span {
  font-family: var(--font_family);
}
.clickToUploadLabel{
	font-weight: 700;
	color:#3F5990;
	cursor: pointer;
}
:not(:root):fullscreen .a1mv__button.view_360_photo {display: none;}

.promotionCodeContainer {
margin: 24px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border: 1px solid var(--gray-neutral-300, #D2D6DB);
}

.promotionCodeContainerTitle {
display: flex;
padding: 8px 16px;
align-items: flex-start;
gap: 10px;
align-self: stretch;
border-bottom: 1px solid #A2A076;
background: #E5E4D0;

color: var(--gray-neutral-900, #111927);

/* Text xl/Medium */

font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 30px; /* 150% */
}


.promotionCodeSectionContent {
flex-wrap: wrap;
}

.promotionCodeSectionContent {
display: flex;
padding: 0px 16px 16px 16px;
justify-content: space-between;
align-items: flex-start;
align-self: stretch;
gap: 16px;
}

.sectionContentApply {
display: flex;
align-items: flex-start;
gap: 6px;
align-self: stretch;
}

.sectionContentApplyInputDiv {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
align-self: stretch;

color: var(--gray-true-700, #424242);

/* Text sm/Medium */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}



.sectionContentApplyButtonDiv {
    display: flex;
    padding-top: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
#sectionContentApplyInputDiv .promoCodeToApply {
height: 30px;
width: 150px;
}
.btn_orange.applyPromoCode {
width: fit-content;
border-radius: 8px !important;
}

.appliedPromotionCodeList{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}

.appliedPromotionCodeTable {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid var(--gray-300, #D0D5DD);
}


.appliedPromotionCodeListTitle {
color: var(--gray-neutral-900, #111927);

/* Text md/Medium */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
}

.appliedPromotionCodeCell_th {
color: var(--gray-neutral-900, #111927);

/* Text sm/Medium */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

.appliedPromotionCodeRow {
display: flex;
    padding: 8px;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-bottom: 1px solid var(--gray-200, #EAECF0);
    background: var(--gray-25, #FCFCFD);
}

.appliedPromotionCodeCell1 {
width: 150px;
color: var(--gray-neutral-800, #1F2A37);

/* Text sm/Regular */

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.appliedPromotionCodeCell2 {
width: 70px;
font-size: 14px;
}

.removePromotionCodeIcon {
color: #B42318 !important;
}
.applyPromoCodeInCartItemListHeader{
background-color: #E5E4D0;
}

.promotionCodeSectionPopup .items td.text{
width: 50%;
}

.applyPromoCodeValidationMessageRow{
font-size: 18px;
margin-bottom: 10px;
}

.promotionCodeSectionPopup .PopupTitle h1{
font-size: 24px;
}
.promotionCodeSectionPopup .cartseparator{
margin: 0px;
}

.invalidPromoCodeToApplyRow{
align-self: stretch;
}

#selectedorderminerror{
    background-color: #fff !important;
    border: 10px solid #fff !important;
    color: red !important;
}
#selectedordermaxerror{
    background-color: #fff !important;
    border: 10px solid #fff !important;
    color: red !important;
}

@media (min-width: 768px) {
.promotionCodeSectionPopup .modalPopLite-wrapper{
width: 600px;
}
}

@media (max-width: 767px) {
	.promotionCodeContainer {clear: both; padding-top: 10px; border-top: none;}
	body#accountoverviewpage div#pageContainer div#pagetitle span{
		display: inline-block;
	}

	#guestCheckoutPopupWrap #popupbody .popupDetailContainerDiv{
	   width: 100%;
	   margin-left: 0px;
	   max-width: 100%;
	   margin-top: 10px;
	}
}

#groupSizeDiv .totalQuantity {text-align: right; padding-right: 40px !important;}
#permitReservationUpdate #groupSizeDiv .totalQuantity {padding-right: 25px;}
.invNotOnHold {color: #8a181a;}


#guestCheckoutPopupWrap .popupDetailContainerImgDiv img{
   height: auto;
   width: 100px;
}

#guestCheckoutPopupWrap .popupDetailContainerDiv{
   width: 65%;
}
#guestCheckoutPopupWrap .popupRightContainerDiv .gcPopupInfoAttr{
   overflow: auto;
   padding-bottom: 8px;
}

#guestCheckoutPopupWrap .popupRightContainerDiv .gcPopupInfoAttr .gcPopupInfoAttrLeft{
   float: left;
   width: 30%;
}

#guestCheckoutPopupWrap .popupRightContainerDiv .gcPopupInfoAttr .gcPopupInfoAttrRight{
   float: left;
   width: 70%;
}

#guestCheckoutPopupWrap .dialogpopupbtnsdiv div.continueButton,  #guestCheckoutPopupWrap .dialogpopupbtnsdiv div.cartButton{
	min-height: 25px;
}

#confirmationpage div#guestremindertext .mrc_alert {
    padding: 6px;
    margin-bottom: 0px;
    border-radius: 6px;
}

#confirmationpage div#guestremindertext .mrc_alert .ctrContent
{
    max-width:90%;
}

@media (max-width: 767px) {
  #confirmationpage div#guestremindertext .mrc_alert {
    width:90%;
    margin: 0 10px 6px 10px;
  }

}

/*guest flow enhance start*/

#guestOccupantProfileDDContainer div select{
   width: 40%;
   margin-bottom: 20px;
}

#guestContactToggleContainer{
   display: flex;
   margin-bottom: 20px;
}
#guestContactToggleContainer img{
   width: 44px;
   height: 24px;
}

#guestContactToggleContainer span{
   align-self: center;
   margin-left: 10px;
}


/*guest flow enhance end */

/* Header redesign*/

#header_right_enhanced {
	float: right;
	margin: 0;
    position: absolute;
    top: 30%;
    right: 5%;
}
.enhanced-header-midBG {
    border-radius: 4px;
    background: rgba(16, 24, 40, 0.65);
    padding: 1px 6px 2px 0px;
}
#header_wrapper .enhanced {position: relative;}
.enhancedHeaderDiv {height: 20px; color: #fff; font-size: 20px;}
.enhancedHeaderDiv a:visited, .enhancedHeaderDiv a:link {color: #fff; font-size: 20px;}
.enhanced-header-lightBG .enhancedHeaderDiv {color: #475467; }
.enhanced-header-lightBG .enhancedHeaderDiv a:visited, .enhanced-header-lightBG .enhancedHeaderDiv a:link, .enhanced-header-mobi-midBG .shoppingtotalcontainer a:visited, .enhanced-header-mobi-midBG .shoppingtotalcontainer a:link, .enhanced-header-mobi-lightBG .shoppingtotalcontainer a:visited, .enhanced-header-mobi-lightBG .shoppingtotalcontainer a:link {color: #101828; }
.enhanced-header-lightBG .enhancedTimerContainer, .enhanced-header-lightBG .enhancedTimerContainer a:visited, .enhanced-header-lightBG .enhancedTimerContainer a:link, .enhanced-header-lightBG .remindersBtnContainer a:visited, .enhanced-header-lightBG .remindersBtnContainer a:link, .enhanced-header-midBG #countdown, .enhanced-header-midBG .enhancedTimerContainer a:visited, .enhanced-header-midBG .enhancedTimerContainer a:link {color: #FFF !important; }
.enhancedHeaderDiv .comparenumdiv {top: -41px; left: 21px;}
.enhancedHeaderDiv .shoppingcartnumdiv {top: -41px; left: 23px;}
/*.enhancedHeaderDiv #shoppingcartEnhance, .enhancedHeaderDiv .favoritescontainerEnhance, .enhancedHeaderDiv .siteComparisionContainer {margin-top: 14px; padding-left: 0px;}*/
.enhancedHeaderDiv .siteComparisionContainer, .enhancedHeaderDiv .favoritescontainerEnhance {padding-top: 4px;}
.enhancedHeaderDiv #shoppingcart {float: left;}
.userDropdownContainer {
	float: left; 
	margin: 4px 0 0 16px; 
	display: flex;
	align-items: center;
	gap: 4px;
}
.userDropdownContainer .userDropdownIconDiv {
	float: left; 
	display: flex;
	align-items: center;
	padding: 4px;
	gap: 4px;
}
.userDropdownContainer .fa-user {font-size: 20px;}
.userDropdownIconContainer {
	display: flex;
	width: 34px;
	height: 34px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 200px;
	background: var(--gray-100, #F2F4F7);
	color: #475467;
	font-size: 14px;
}
.userDropdownIconContainer i {color: #475467;}
.enhanced-header-lightBG .userDropdownIconContainer {background: var(--Gray-300, #D0D5DD);} 
.userDropdownContainer .chevron {font-size: 16px;}
.enhancedHeaderDiv .dropdownContent {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  max-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1001;
  top: 46px;
  right: 0px;
  padding: 6px;
  border-radius: 6px;
}
.enhancedHeaderDiv .dropdownContent a, .enhancedHeaderDiv .dropdownContent span {
  float: none;
  color: #344054;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.enhancedHeaderDiv .dropdownContent span {
	overflow: hidden;
  	text-overflow: ellipsis;
  	font-weight: bold; 
  	border-bottom: 1px solid var(--gray-200, #EAECF0);
  	margin-bottom: 6px;
  	font-size: 16px;
}
.userDropdownContainer:hover .dropdownContent {display: block;}
.enhancedHeaderDiv .dropdownContent a:hover {background-color: #EAECF0; }
.enhancedHeaderDiv .dropdownContent a:visited, .enhancedHeaderDiv .dropdownContent a:link {font-size: 16px; border-top: 1px solid #EAECF0;}
.enhancedHeaderDiv .dropdownContent > a:first-of-type, .enhancedHeaderDiv .dropdownContent .userSignOutDiv a:visited, .enhancedHeaderDiv .dropdownContent .userSignOutDiv a:link { border-top: 0px; }
.enhancedHeaderDiv .dropdownContent a img {float: left; margin-right: 8px; }
.enhancedHeaderDiv .dropdownContent .userSignOutDiv {border-top: 1px solid var(--gray-200, #EAECF0); margin-top: 6px; padding-top: 6px;}
.enhancedHeaderDiv .userHeaderReminders {
	display: flex;
	padding: 4px 4px 4px 12px;
	align-items: center;
	gap: 8px;
	margin: 10px;
	float: left;
	border-radius: 16px;
	background: var(--gray-50, #F9FAFB);
}
.enhanced-header-midBG .enhancedHeaderDiv .userHeaderReminders {margin-bottom: 7px;}
.enhanced-header-lightBG .userHeaderReminders { background: var(--Gray-300, #D0D5DD);}
.enhancedHeaderDiv .userHeaderReminders .userHeaderRemindersText {color: var(--gray-700, #344054);}
.enhancedHeaderDiv .userHeaderReminders div, .enhancedHeaderDiv .remindersBtnDiv a:visited, .enhancedHeaderDiv .remindersBtnDiv a:link {font-size: 14px;}
.enhancedHeaderDiv .userHeaderReminders .remindersBtnContainer {
	float: right;
	display: flex;
	padding: 2px 6px 2px 8px;
	align-items: center;
	gap: 4px;
	border-radius: 16px;
	background: var(--gray-700, #344054);
}
.enhancedHeaderDiv .userHeaderReminders .remindersBtnContainer:hover {background: var(--gray-900, #101828);}
.enhancedHeaderDiv .userHeaderReminders .remindersBtnDiv {color: #fff;}
.enhancedTimerContainer {
	display: flex;
	padding: 4px;
	align-items: center;
	gap: 4px;
	border-radius: 4px;
	background: var(--error-700, #B42318);
	margin: 12px 0px 10px 10px;
}
.enhanced-header-lightBG .enhancedTimerContainer {margin-top: 10px;}
.enhanced-header-midBG .shoppingcartnumdiv {margin-bottom: -20px;}
.enhancedTimerContainer.expired {background: var(--warning-300, #FEC84B);}
.enhancedTimerContainer #countdown {
	background-image: none;
	padding: 0px;
}
.enhancedTimerContainer .enhancedExpiredDiv {font-size: 14px; color: var(--warning-900, #7A2E0E);}
.enhancedTimerContainer a:visited, .enhancedTimerContainer a:link {font-size: 14px;}
.enhancedHeaderDiv .favoritesiconcontainer {
	display: flex;
	padding: 10px 12px 8px 10px;
	align-items: flex-start;
	gap: 8px;
}
.enhancedHeaderDiv .shoppingcartnewicon {
	display: flex;
	padding: 10px 12px 8px 10px;
	align-items: flex-start;
	gap: 8px;
}
.enhancedHeaderDiv .compareiconcontainer {
	display: flex;
	padding: 10px 15px 8px 10px;
	align-items: flex-start;
	gap: 8px;
}
.enhancedHeaderDiv .favoritescontainerEnhance {padding-left: 0px;}
.enhancedHeaderDiv .favoritesiconcontainer:hover, .enhancedHeaderDiv .shoppingcartnewicon:hover, .enhancedHeaderDiv .compareiconcontainer:hover, .enhancedHeaderDiv .userDropdownIconDiv:hover,
.enhancedHeaderDiv .userDropdownIconDiv:focus {
	border-radius: 4px;
	background: var(--gray-600, #475467);
	cursor: pointer;
}
.enhanced-header-lightBG .favoritesiconcontainer:hover, .enhanced-header-lightBG .shoppingcartnewicon:hover, .enhanced-header-lightBG .compareiconcontainer:hover, .enhanced-header-lightBG .userDropdownIconDiv:hover
 {background: var(--Gray-200, #EAECF0);}
.enhancedHeaderDiv .shoppingcartnumdiv, .enhancedHeaderDiv .comparenumdiv {
	background-color: var(--error-700, #B42318) !important;
	display: flex;
	width: 14px;
	height: 14px;
	flex-direction: column;
	justify-content: center;
}

.mapboxgl-popup-close-button {font-size: 24px;}

.gismap_popup_plSites_main-content .selfRegInfo {
	display: flex;
	gap: 5px;
	line-height: normal;
	padding-left: 4px;
    padding-top: 6px;
}

.gismap_popup_plSites_main-content .selfRegInfo .fa-circle-info:before {
	font-size: 15px;
}
.completetxt {display: none;}
.showmoretxt {color: #217C39;cursor: pointer;}

@media (max-width: 319px) {/* For phones with less then 320 px resolution*/
  #locationCriteria, .unifSearchCriteria select, #btnDiv button, #siteCode {width: 100% !important;}
  div[id^="availability_section_"], .unifSearch form, #lengthOfStay {width: auto !important;}
  div#mobiFilterDiv {margin: 0 2px !important;}
  #subnav .firstslct, #subnav .first {margin-left: 0px;}
  #bookDatesButton button, #divTripPlanID button, #tourAvailability div.compactoptions button, #tourPricing div.component button {margin: 0;}
  #permitsSearch {padding: 6px;}
  .mapboxgl-control-container .mapboxgl-ctrl-bottom-left .a1mv__icon-map-scale_right_offset {margin-bottom: 40px;}
	#contentArea div.h3 {word-break: break-all;}
	#tourReservationDetail #contentArea .component {width: 91%;}
	#mShopR {margin: 0 2% !important;}
	.mobiFilterContainer .filterCategory div.dim {margin-right: 16px !important;}
}

#customerPassAndCustomerTypeDiv div.expanded-pass.hide, #customerPassAndCustomerTypeDiv div.view-more-pass.less .more,
#customerPassAndCustomerTypeDiv div.view-more-pass.more .less {
    display: none;
}
#customerPassAndCustomerTypeDiv div.view-more-pass {
    padding-top: 5px;
    font-weight: bold;
}
#customerPassAndCustomerTypeDiv div.view-more-pass .more:after {
	font-family: FontAwesome;
	margin-left: 5px;
    content: "\f107";
    padding-top: 2px;
}

#customerPassAndCustomerTypeDiv div.view-more-pass .less:after {
	font-family: FontAwesome;
	margin-left: 5px;
    content: "\f106";
    padding-top: 2px;
}
#customerPassAndCustomerTypeDiv div.discountSection.hideDesc {
    padding-top: 7px;
}

#guestCheckoutPopupPopupWrap > .modalPopLite-wrapper {
    padding: 24px;
    width: auto;
}

#guestCheckoutPopupPopupTitle > h1 {
    display: inline-block;
    line-height: 48px;
    vertical-align: top;
    color: #101828;
    font-size: 20px;
    font-weight: 600;
    margin-left: 10px;
}

#guestCheckoutPopupPopupTitle.PopupTitle {
    padding-bottom: 16px;
}

#guestCheckoutPopupPopupTitle > a {
    float: right;
    color: #667085;
    font-size: 18px;
}

#guestCheckoutPopupPopupContent > .gcPopupBody > div {
    float: left;
}

#guestCheckoutPopupPopupContent > .gcPopupBody > .gcPopupInfoLeft {
    margin-right: 10px;
}

#guestCheckoutPopupPopupContent > .gcPopupBody > .gcPopupInfoLeft > img {
    width: 200px;
    height: 150px;
}

#guestCheckoutPopupPopupContent > .gcPopupBody > .gcPopupInfoLeft > .posimage {
    object-fit: contain;
}

#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.posName,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.tourName,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.parkName {
    color: #101828;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px;
}

#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.selectedDate,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.ticketType,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.timeBlock,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.posInfo,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.daypass,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.quantity,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.siteLoop,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.dates,
#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div.lenOfStay
 {
    margin-bottom: 10px;
}

#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight > div {
    float: left;
    clear: both;
    width: 100%;
}

#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight .label {
    width: 266px;
    color: #1D2939;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    float: left;
}

#guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight .value {
    width: 266px;
    color: #1D2939;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    float: left;
}

#guestCheckoutPopupPopupButtons {
    clear: both;
}

#guestCheckoutPopupPopupTitle > img {
    border-radius: 28px;
    border: 6px solid #ECFDF3;
    background: #D1FADF;
    padding: 6px;
    width: 24px;
    height: 24px;
}

#guestCheckoutPopupPopupButtons {
    display: flex;
    justify-content: space-around;
    gap: 12px;
}

#guestCheckoutPopupPopupButtons > div {
    flex-grow: 1;
    margin-left: 0px;
    margin-top: 22px;
    margin-bottom: 0px;
}

#guestCheckoutPopupPopupButtons > div > a {
    float: none !important;
    font-size: 16px;
    width: 100% !important;
    padding-bottom: 4px;
    border-radius: 8px;
}

#guestCheckoutPopupPopupButtons > div > button {
    width: 100%;
    height: 46px;
}

@media (max-width: 767px) {

    #guestCheckoutPopupPopupWrap > .modalPopLite-wrapper {
        padding: 20px 16px 16px 16px;
    }

    #guestCheckoutPopupPopupTitle.PopupTitle {
        padding-bottom: 12px;
    }

    #guestCheckoutPopupPopupContent > .gcPopupBody > .gcPopupInfoLeft {
        margin-right: 0px;
    }

    #guestCheckoutPopupPopupContent > .gcPopupBody > .gcPopupInfoLeft > img {
            width: 100%;
            object-fit: contain;
    }
    #guestCheckoutPopupPopupContent > .gcPopupBody > div {
        float: none;
    }

    #guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight .label {
        width: 30%;
    }

    #guestCheckoutPopupPopupContent > .gcPopupBody  > div.gcPopupInfoRight .value {
        width: 70%;
    }

    #guestCheckoutPopupPopupButtons {
        flex-direction: column-reverse;
        gap: 0px;
    }

    #guestCheckoutPopupPopupWrap > .modalPopLite-wrapper {
        width: 100%;
        box-sizing: border-box;
    }

    #guestCheckoutPopupPopupButtons > .cancelButton {
        margin-top: 12px;
    }

    #guestCheckoutPopupPopupButtons > .confirmButton {
        margin-top: 14px;
    }

}

.newStepsBar > .stepsProcessBar {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.newStepsBar > .stepsProcessBar > .stepStatus {
	height:32px;
}

.newStepsBar > .stepsProcessBar > .stepStatus > .stepOver,
.newStepsBar > .stepsProcessBar > .stepStatus > .disabledStep {
	padding: 4px 0px;
}

.newStepsBar > .stepsProcessBar > .stepLine {
	flex-grow: 1;
}

.newStepsBar > .stepsProcessBar > .stepLine > .stepOn,
.newStepsBar > .stepsProcessBar > .stepLine > .stepOver {
	background: #475467;
    height: 2px;
}

.newStepsBar > .stepsProcessBar > .stepLine > .disabledStep {
	background: #EAECF0;
    height: 2px;
}

.newStepsBar > .stepsDescBar {
	display: flex;
    justify-content: space-between;
    margin-top: 12px;
}

#guestOrderLookUpInit > .stepsProcessBar {
	margin: 0px 32px;
}

#guestOrderLookUpInit > .stepsDescBar > div {
	width: 90px;
    text-align: center;
    color: #344054;
    font-size: 14px;
    font-weight: 600;
}

.guestOrderLookUpInit > .title {
	color: #111927;
    font-size: 30px;
    font-weight: 700;
    line-height: 38px;
    padding-top: 26px;
    padding-bottom: 10px;
}

.guestOrderLookUpInit > .tip {
	color: #1F2A37;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

#guestOrderLookUpVerification .verificationcode.formSection .btn > button,
#guestOrderLookUpVerification .verificationcode.formSection .btn button:disabled,
#guestOrderLookUpVerification .verificationcode.formSection .btn button:disabled:hover,
#guestOrderLookUpVerification .verificationcode.formSection .btn button:hover {
    padding: 10px 12px;
    border-radius: 8px;
    font-weight: 600;
}
#guestOrderLookUpVerification .verificationcode.formSection .btn > a.marginRight{
    margin-right: 8px;
}
#guestOrderLookUpVerification .verificationcode.formSection .btn > a {
    border-radius: 8px;
    border: 1px solid #D6D6D6;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    vertical-align: middle;
    color: #000;
    padding: 10px 12px;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
}

#guestOrderLookUpVerification .verificationcode.formSection > .newStepsBar,
.guestOrderLookUpInit > .newStepsBar {
	margin: 44px auto;
    max-width: 700px;
}

#guestOrderLookUpVerification .verificationcode.formSection .subtitle {
    font-weight: 600;
}

#guestOrderLookUpVerification .verificationcode.formSection,
.guestOrderLookUpInit > .formSection {
	margin: auto;
    max-width: 568px;
    padding: 16px 16px 0px 16px;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}

.guestOrderLookUpInit .subtitle {
    color: #111927;
    font-size: 20px;
    line-height: 30px;
	font-weight: 600;
    padding-bottom: 24px;
}

.guestOrderLookUpInit .formItem > label {
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 6px;
    display: inline-block;
}

.guestOrderLookUpInit .formItem > label > span.extra {
	font-size: 14px;
	color: #424242;
}

.guestOrderLookUpInit .formItem > input {
    height: 44px;
    width: 100%;
}

.guestOrderLookUpInit > .formSection .hintForOrderNumber {
	margin: 6px 0px 16px 0px;
    color: #525252;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

#guestOrderLookUpVerification .verificationcode.formSection .btn,
.guestOrderLookUpInit .btn {
    text-align: right;
    margin-left: -16px;
    margin-right: -16px;
    padding:8px 16px;
    background: #FAFAFA;
    border-radius: 0px 0px 4px 4px;
    clear: both;
	margin-top: 24px;
}

.guestOrderLookUpInit .btn > button,
.guestOrderLookUpInit .btn button:disabled,
.guestOrderLookUpInit .btn button:hover {
    border-radius: 8px;
}

#guestpagearea{
   padding-bottom: 100px;
}

@media (max-width: 991px) {
    div#guestpagearea{
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

@media (max-width: 767px) {
    .newStepsBar {
    	display: flex;
    }

    .newStepsBar > .stepsProcessBar {
    	flex-direction: column;
    }

    .newStepsBar > .stepsDescBar {
    	flex-direction: column;
    	margin-top: 0px;
    }

    .newStepsBar > .stepsProcessBar > .stepLine > .stepOn,
    .newStepsBar > .stepsProcessBar > .stepLine > .stepOver,
    .newStepsBar > .stepsProcessBar > .stepLine > .disabledStep {
    	width: 2px;
        height: 14px;
    }

    #guestOrderLookUpInit > .stepsDescBar > div {
    	height: 32px;
        line-height: 32px;
        text-align: left;
        width: auto;
    }

    #guestOrderLookUpInit > .stepsProcessBar {
        margin: 0 12px 0px 0px;
    }

    .guestOrderLookUpInit {
        padding: 0 10px;
    }
    .guestOrderLookUpInit > .formSection {
    	max-width: none;
    }
    .guestOrderLookUpInit .btn > button {
    	width: 100%;
    }
    .guestOrderLookUpInit > .newStepsBar {
    	margin: 24px auto;
    }

     	div#guestpage, div#guestpage div#guest_header,#guestpage div#guestpagearea{
     		margin:0px;
     		padding:0px 0px;
     		width:100%;
     	}

     	#guestpage div#guestpagearea{
     	   padding-bottom: 210px;
     	}

     	div.guestOrdDetailCenterItem.leftItem, div.guestOrdDetailCenterItem.rightItem {
     		width: 100%;
            box-sizing: border-box;
     	}

     	div.guestOrdDetailCenterItem.rightItem{
     	   margin-bottom:100px;
     	}

     	.guestOrderHeader,.guestOtherLinksContainer, .guestResvDetailContainer, div.guestResvParkContainer, div.guestResvParkInfoContainer, div.guestSectionContent{
     		flex-direction: column;
     		margin-bottom: 10px;
     	}

     	.guestResvParkInfoContainer{
     		align-items: center;
     	}

     	.guestOtherLinksContainer a{
     		text-align:center;
     		width: 90%;
     	}
     	.guestFeesNewContainer,div.guestSectionContainer div.guestOrderDetailsFieldDiv, #guest_header_left, #guest_header_right{
     		width: 100%;
     	}

}

.guestResvParkAndOtherDetailsContainer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.guestResvDetailContainer, .guestPOSOrderDetailContainer, .guestCancelResvContainer {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 32px;
    padding-bottom: 100px;
}
.guestResvDetailContainer img {
    border-radius: 0;
}

 .guestOrdDetailCenterItem {
    display: flex;
    flex-direction: column;
    border: 1px solid #D6D6D6;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 20px;
    padding: 24px;
    background: #FFFFFF;
    gap: 32px;
}

.guestOrdDetailCenterItem.rightItem {
	width: 29%;
	gap: 24px;
}

 .guestOrdDetailCenterItem.leftItem {
    width: 61%;
}

.guestOrderDetailsContent {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px 0px 16px;
    border-bottom: 1px solid #D6D6D6;
}

.guestOrderDetailsContainer, .guestInfoDetailsContainer, .guestPaymentContainer {
	display: flex;
	flex-direction: column;
	gap: 16px;
}


.guestOrderDetailsContent .guestOrderDetailsFieldDiv {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 33%;
    color: #424242;
    font-size: 16px;
}


.guestSectionHeader {
    font-size: 24px;
    color: #141414;
    font-weight: 500;
    line-height: 32px;
}

span.guestOrderDetailsFieldLab.statusBg + span, span.guestOrderDetailsFieldLab.activeBg + span,span.guestOrderDetailsFieldLab.inactiveBg + span{
    display: block;
    width: fit-content;
    padding: 2px 10px;
    color: #027A48;
    font-weight: 500;
    background: #ECFDF3;
    mix-blend-mode: multiply;
    border-radius: 16px;
    line-height: 20px;
}

span.guestOrderDetailsFieldLab.activeBg + span{
   background: #EFF8FF;
   color: #175CD3;
}

span.guestOrderDetailsFieldLab.inactiveBg + span{
   background: #FEF3F2;
   color: #B42318;
}

.guestBarCodeContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.guestResvBarCodeContainer {
    display: flex;
    width: 56%;
    justify-content: center;
    align-items: center;
}

.guestResvBarCodeContainer img {
    max-width: 100%;
}

.guestResvParkInfoContainer {
    display: flex;
    gap: 10px;
}

.guestResvParkContainer {
    justify-content: space-between;
}

.guestResvParkInfo .guestOrderDetailsFieldLab {
    font-weight: 500;
}

.guestResvParkInfo .guestParkName {
    font-size: 18px;
    color: #101828;
    font-weight: 600;
    line-height: 28px;
}

.guestResvParkAndOtherDetailsContainer .guestSectionHeader {
    font-size: 18px;
    color: #1D2939;
    font-weight: 600;
    line-height: 28px;
}
.guestResvParkAndOtherDetailsContainer>div[class$='Container'] {
    border-bottom: 1px dashed #EAECF0;
}
.guestResvParkAndOtherDetailsContainer>div[class$='Container']:last-of-type{
	border-bottom:none;
}


.guestOrdDetailCenterItem.rightItem .guestSectionHeader
 {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.guestResvParkInfo {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

 .guestOrderDetailsFieldLab, .guestCancelReservationFieldLab {
    font-weight: 600;
    font-size: 16px;
    color: #1D2939;
    line-height: 24px;
}

.guestOrderDetailsFieldLab + span, .guestOrderDetailsFieldMoreValue, .guestCancelReservationFieldVal {
    font-size: 18px;
    max-width: 90%;
    white-space: break-spaces;
    line-height: 28px;
    color: #101828;
}

.guestOrderDetailsContent .guestOrderDetailsFieldLab {
	font-weight: 500;
	color:#424242;
}

.guestSectionContainer .guestOrderDetailsFieldDiv {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 33.3%;
}


.guestResvParkContainer, .guestSectionContainer {
	display: flex;
	flex-direction: column;
	gap: 16px;
    padding: 0px 0px 16px 0px;
}

.guestResvParkContainer {
    flex-direction: row;
}

.guestSectionContent {
    display: flex;
    row-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.guestSectionContent a.campLink img {
    width: 20px;
}

.guestSectionContent a.campLink {
    line-height: 24px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    max-width: 90%;
}

.guestSectionContent a.campLink:link, .guestSectionContent a.campLink:visited {
	color: #3538CD;
	font-weight: 400;
}

.guestResvParkInfo .guestOrderDetailsFieldDiv span {
    font-weight: 500;
    font-size: 16px;
    color: #1D2939;
    line-height: 24px;
}

.guestParkImg img {
    width: 150px;
}

.guestInfoContent, .guestPaymentContent {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 0px 0px 16px;
}

.guestOrdDetailCenterItem.rightItem>div[class$='Container']
 {
    border-bottom: 1px solid #D6D6D6;
}

.guestOrdDetailCenterItem.rightItem>div[class$='Container']:last-of-type
{
	border-bottom:none;
}


.guestOrdDetailCenterItem.rightItem .guestOrderDetailsFieldLab
{
    font-weight: 500;
    font-size: 16px;
    color: #424242;
    line-height: 24px;
}


.guestOrdDetailCenterItem.rightItem .guestOrderDetailsFieldLab +span{
    font-weight: 500;
    font-size: 16px;
    color: #141414;
    line-height: 24px;
}



.guestOrdDetailCenterItem.rightItem .guestOrderDetailsFieldDiv
{
    display: flex;
    justify-content: space-between;
}


.guestOrdDetailCenterItem.rightItem .guestOrderDetailsFieldDiv span
{
    width: 50%;
    word-break: break-word;
}

span.guestPaymentNoteInfo {
    font-size: 14px;
    line-height: 20px;
    color: #525252;
    font-weight: 400;
}

.guestOtherLinksContainer {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: 16px;
}

.guestOtherLinksContainer a {
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    padding: 8px 14px;
    line-height: 24px;
}

.guestFeesContainer {
	display: flex;
	justify-content: flex-end;
	max-width: 33.3%;
}

.guestFeesContainer table {
    max-width: 100%;
    width: 100%;
}

table.guestFeesTable tr td, .guestCancelTransactionDetailsContent div {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1D2939;
}

table.guestNSQFeesTable tr td:first-of-type, table.guestCampFeesTable table tr td:first-of-type {
	padding-right: 10px;
}

.guestImportantIconDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #EAECF0;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
}

.guestImportantIconDiv img {
    width: 20px;
    padding: 10px !important;
}

.guestImportantInfoContainer {
    display: flex;
    gap: 12px;
    padding: 16px;
    margin-bottom: 16px;
    align-items: flex-start;
    align-self: flex-start;
    background: #FFFFFF;
    border: 1px solid #D0D5DD !important;
    border-radius: 12px;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.guestResvParkAndOtherDetailsContainer .guestOtherLinksContainer, .guestCancelResvContainer .guestOtherLinksContainer {
    padding: 16px 0;
    border-top: 1px solid #D6D6D6;
}

.guestImportantInfoContainer .guestOrderDetailsFieldLab {
    color: #344054;
}

.guestImportantInfo, .guestSiteInformation, .guestNSSMessage {
    font-size: 14px;
    line-height: 20px;
    color: #475467;
}


.guestSiteInformation>span:first-of-type, .guestNSSMessage>span:first-of-type {
    font-weight: bold;
    display: block;
    color: #344054;
}


div.guestOrderLookUpInit div.linkExpiredMessage {
	background-image: url(/images/2013/icon_msg.png);
    background-repeat: no-repeat;
    background-position: -93px -93px;
    background-color: #fbebc2;
    margin-bottom: 5px;
    padding: 10px 10px 10px 40px;
    font-size: 10pt;
}

.guestOrdDetailCenterItem.leftItem .orderItemAttrs  {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.guestOrdDetailCenterItem.leftItem .orderItemAttrs > .attrDiv {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 33%;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

.guestOrdDetailCenterItem.leftItem .orderItemAttrs > .attrDiv > span:nth-child(1) {
    font-weight: 600;
    color: #000;
}

.guestOrdDetailCenterItem.leftItem .orderItemAttrs > .attrDiv > span:nth-child(2) {
    font-weight: 400;
    color: #3D4350;
    word-break: break-all;
    padding-right: 10px;
}

.guestOrdDetailCenterItem.leftItem .basicOrderItem {
	display: flex;
    gap: 20px;
    border-top: 1px solid #D6D6D6;
    padding-top: 16px;
}

.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo > .leftPart,
.guestOrdDetailCenterItem.leftItem .basicOrderItem > .leftPart {
	width: 15%;
}

.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo > .centerPart,
.guestOrdDetailCenterItem.leftItem .basicOrderItem > .centerPart {
	width: 50%;
}

.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo > .rightPart,
.guestOrdDetailCenterItem.leftItem .basicOrderItem > .rightPart {
	width: 35%;
}

.guestOrdDetailCenterItem.leftItem .basicOrderItem > .centerPart > .posName {
	font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: #101828;
}

.guestOrdDetailCenterItem.leftItem .basicOrderItem > .centerPart > .quantity,
.guestOrdDetailCenterItem.leftItem .basicOrderItem > .rightPart  table td,
.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo table td
{
	font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1D2939;
}

.guestOrdDetailCenterItem.leftItem .basicOrderItem > .rightPart  table {
    width: 100%;
}

.guestOrdDetailCenterItem.leftItem .basicOrderItem > .rightPart  table td.rateVal,
.guestOrdDetailCenterItem.leftItem .basicOrderItem > .rightPart  table td.feeVal
{
	text-align: right;
}

.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem {
	gap: 16px;
}

.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .guestOrderDetailsContainer > .guestOrderDetailsContent {
	padding: 0px;
    border-width: 0px;
}

.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo {
	border-top: 1px solid #D6D6D6;
    padding-top: 16px;
    display:flex;
    gap: 20px;
}

.guestOrdDetailCenterItem.leftItem .basicOrderItem > .leftPart > img {
	max-height: 175px;
    object-fit: contain;
    max-width: 100%;
}

.guestOrdDetailCenterItem.leftItem .basicOrderItem.lightBorder {
	border-color:#EAECF0;
}

div.warningimportant {
	background-image: url(/images/icon_important.png);
	color: #b70000;
	background-repeat: no-repeat;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 30px;
    background-color:#fbebc2;
    border:5px solid #fbebc2;
    margin-bottom: 5px;
}
div.warningimportant.list {
    margin-top: -10px;
}

@media (max-width: 767px) {
	.guestOrdDetailCenterItem.leftItem .basicOrderItem,
	.guestOrdDetailCenterItem.leftItem .orderItemAttrs,
	.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo {
		flex-direction: column;
	}

	.guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo {
    	gap:0px;
    }

    .guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo > .leftPart,
    .guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo > .centerPart,
    .guestPOSOrderDetailContainer > .guestOrdDetailCenterItem.leftItem > .paymentInfo > .rightPart,
	.guestOrdDetailCenterItem.leftItem .basicOrderItem > .leftPart,
	.guestOrdDetailCenterItem.leftItem .basicOrderItem > .centerPart,
	.guestOrdDetailCenterItem.leftItem .basicOrderItem > .rightPart,
	.guestOrdDetailCenterItem.leftItem .orderItemAttrs > .attrDiv {
		width:100%;
	}

	.guestOrdDetailCenterItem.leftItem .basicOrderItem > .leftPart > img {
        width: 100%;
    }

    .guestPOSOrderDetailContainer {
        flex-direction: column;
        padding-left: 16px;
        padding-right: 16px;
    }

    .guestResvDetailContainer {
        flex-direction: column;
        padding: 16px;
    }

    .guestResvBarCodeContainer {
        width: 100%;
    }

    .guestParkImg {
        width: 100%;
    }

    .guestParkImg img {
        width: 100%;
        height: auto;
    }

    .guestFeesContainer, .guestTourDetailImportantContainerWrap, #guest_header_inner, div.guestOtherLinksContainer, div#guest_footer div#guest_footer_inner {
        flex-direction: column;
        max-width: 100%;
        width: 100%;
    }

    div#guest_footer div#guest_footer_inner{
        padding: 0px 0px 0px 0px;
    }

    div#guest_footer div#guest_footer_left{
        justify-content: flex-start;
        margin-left: 10px;
        margin-top: 20px;
    }

    div#guest_footer_right{
       align-self: center;
       margin-top: 20px;
       margin-bottom: 20px;
    }

    #guest_header_right{
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 20px;
        order: 1;
    }

    div#guest_header div#guest_header_left{
        order: 2;
        justify-content: flex-start;
        margin-left: 30px;
    }

    #guestOrdNumDiv{
       margin-bottom: 20px;
    }

}
.cancelReservationHeaderTitle {
    font-size: 24px;
    line-height: 32px;
    color: #141414;
    font-weight: 500;
}
.guestCancelTransactionDetailsContainer {
	width: 33.3%;
	max-width: 33.3%;
}
.guestCancelTransactionDetailsContainer td {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #1D2939;
}
.guestCancelTransactionDetailsContent {
    display: flex;
    flex-direction: column;
}
.guestCancelTransactionDetailsContent div {
    display: flex;
    justify-content: space-between;
}

.guestCancelResvNoteContainer .guestCancelReservationFieldDiv {
	display: flex;
    align-items: flex-start;
    gap: 5px;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 16px;
    color: #525252;
}

.guestCancelRefundInfoContent {
	display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px 0px 16px;
}


.guestCancelRefundInfoContent .guestCancelReservationFieldDiv {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 33%;
    color: #424242;
    font-size: 16px;
}
.guestCancelRefundInfoContent .guestCancelReservationFieldVal {
    display: flex;
    flex-direction: column;
}
.guestCancelRefundInfoContent .guestCancelReservationFieldVal div {
     font-size: 18px;
}

.newPermitUITopButtonsCount {
	align-self: flex-start;
    order: 9;
    flex-shrink: 0;
    margin-top: -6px;
    height: 16px;
    width: 16px;
    background-color: black;
    color: white;
    font-size: 12px;
    border-radius: 8px;
    text-align: center;
}

.popupMenu {
	position: relative;
    height: 60px;
    min-width: 200px;
    clear: both;
    width: 100%;
    margin-right: 32px;
}

.popupMenu > div.popItems {
    position: absolute;
    background-color: #fff;
    min-width: 200px;
    z-index: 100;
    top: 55px;
    right: 0px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #EAECF0;
}

.hidden-desktop-popupMenu {
  display: none;
}

@media (max-width: 767px) {

  .hidden-desktop-popupMenu {
    display: block;
  }

}
.popupMenu > div.popItems > a {
    color: #101828;
    padding: 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-bottom: 1px solid #EAECF0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.popupMenu > div.popItems > a:last-child {
    border-bottom-width: 0px;
}

.popupMenu > .mainItem > button {
	background-color: #fff;
    border: 1px solid #D0D5DD;
    font-size: 16px;
    border-radius: 8px;
    padding: 12px;
    margin: 8px 0;
    min-height: 44px;
    vertical-align: middle;
    min-width: 44px;
    color: #1D2939;
    cursor: pointer;
}

.popupMenu > .mainItem > button:hover {
	background-color: #F9FAFB;
}

.popupMenu > .btn,
.popupMenu > .mainItem {
	float:right;
}

.popupMenu > .btn > button {
    width: auto;
}

.popupMenu > .mainItem {
	margin-left: 15px;
}

.popupMenu > div.popItems > a:hover {
    background-color: #F9FAFB;
}

.guestOrdDetailCenterItem .guestCheckoutErrorDiv .error_item{
   font-size: 16px;
}

.guestCancelItem span.notranslate{
   margin-left: 5px;
}

.guestTourCancelReservationInfo .guestCheckoutSectionSeparator{
    border-bottom: 1px solid #000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.guestTourRefundTitle{
   font-size: 18px;
   margin-top: 30px;
   font-weight: 600;
}

.guestCancelHeader span{
	font-size: 16px;
}

.guestCancelContent{
	font-size: 18px;
	padding-top: 5px;
	display: flex;
	flex-direction: column;
}

.guestCancelHeader > div, .guestCancelContent > div{
	width: 33%;
	text-align: center;
}

.guestTourCancelReservationInfo{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

.guestTourGiftCartNote{
    border-bottom: 1px dashed #EAECF0;
    padding-bottom: 15px;
}

#guestCancelDisplayButtonsDiv{
  border-top: 0px;
}

.guestCancelItem{
    width: 34%
}

.guestCancelItem .guestCancelHeader{
    border-bottom: 1px solid #D6D6D6;
}

.guestCancelHeader{
    padding-bottom: 5px;
    display: flex;
}

.guestTopMsgBar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 16px;
	gap:12px;
	border-bottom: 1px solid;
}
.guestTopMsgBar .fa-xmark{
	font-size:20px;
}

.guestTopMsgBar.guestmsgsuccess {
	border-bottom-color:#6CE9A6;
}
.guestTopMsgBar.guestmsgerror {
	border-bottom-color:#FDA29B;
}

.guestMsgContainer {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}

.guestMsgContainer .fa-circle-check {
	color:#039855;
	font-size: 20px;
}
.guestMsgContainer .fa-circle-exclamation {
	color:#D92D20;
	font-size: 20px;
}
.guestMsgContent {
	font-size:16px;
	line-height:24px;
}

.guestOrderCancelTitle span{
    font-size: 24px;
    font-weight: 600;
}

.guestmsgsuccess{
    color:#05603A;
	background-color:#F6FEF9;
}
.guestmsgerror {
	color:#B42318;
	background-color:#FFFBFA;
}

.guestCancelSuccessTop, .guestCancelSuccesButtom{
	height: 90px;
}
.guestCancelSuccessContainer{
	width: 100%;
    height: 500px;
    background-color: #ffffff;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
	text-align: center;
}
.guestCancelSuccessIcon{
	margin-top: 150px;
}
.guestCancelSuccessMsg{
	 display: flex;
	 flex-direction: column;
	 font-size: 28px;
}

div.guestTourGiftCartNote + div.guestFeesNewContainer div.guestDetailsFeesItemContainer span{
    font-size: 16px;
}

div.guestTourGiftCartNote + div.guestFeesNewContainer{
       border-bottom: 1px solid #EAECF0;
}

@media (max-width: 767px) {

    div.guestCancelSuccessContainer{
       margin-bottom: 100px;
    }

    .guestOtherLinksPopupMenuTopClass .progBarWrapper,.guestOtherLinksPopupMenuBottomClass .progBarWrapper
    {
        float:right;
    }


    #guestCancelDisplayBottomProcessBar{
       width: 100%;
       align-self: center;
    }

    .guestTourGiftCartNote + .guestFeesNewContainer .guestDetailsFeesContainer{
       width: 100%;
    }

	.guestTourCancelReservationInfo{
		flex-direction: column;
	}

	.guestCancelItem .guestCancelHeader{
	    border-bottom: 0px;
	}

	.guestCancelItem{
	    width: 100%;
	    margin-bottom: 20px;
	}

	.guestCancelResvContainer {
		flex-direction: column;
	    padding: 16px;
	}
    .guestCancelTransactionDetailsContainer {
        width: 100%;
        max-width: 100%;
    }

.guestCancelRefundInfoContent {
		flex-direction:column;
	}
	.guestCancelRefundInfoContent .guestCancelReservationFieldDiv {
		width:100%;
		max-width:100%;
	}

	.guestCancelReservationFieldVal {
		max-width:100%;
		width:100%;
	}
}

@media (min-width: 768px) {
	#guestpage #guestCheckoutPopupPopupWrap > .modalPopLite-wrapper {
	    max-width: 350px;
	}
}

#guestpage .cancelTitle{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;      
}

#guestpage .cancelMessage{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

#guestpage .cancelButton,
#guestpage .cancelButton a,
#guestpage .confirmButton,
#guestpage .confirmButton button {
    border-radius: 8px;
}

#guestpage #guestCheckoutPopupPopupTitle > img {
    border-radius: 28px;
    border: none;
    background: none;
    padding: 6px;
    width: 48px;
    height: 48px;
}

.newPermitUIRightButtonContainer{
     display: flex;
     justify-content: space-between;
     gap: 5px;
     background: #F9FAFB;
     padding: 8px;
     padding-top: 10px;
     border-radius: 5px;
     color: #344054;
    
}
.newPermitUIRightButtonContainer > div {
    width: 48%;
}

.newPermitUIRightButtonContainer .newPermitMap, .newPermitUIRightButtonContainer .newPermitTrip{
	  border: 1px solid #D0D5DD;
	  box-shadow: 0px 1px 3px 0px #1018281A;
	  display: flex;
	  flex-wrap: wrap;
      gap: 5px;
      justify-content: center;
      align-items: center;
      font-weight: 600;
      font-size: 16px;      
      border-radius: 5px;
      padding: 10px 5px;
      cursor: pointer;
}

.newPermitUIRightContainer.maptab .newPermitMap,
.newPermitUIRightContainer.triptab .newPermitTrip
{
    background-color: rgb(255, 255, 255); 
    border: 0px; 
    box-shadow: rgba(16, 24, 40, 0.1) 0px 1px 3px 0px;
}
.newPermitUIRightButtonContainer .newPermitTrip {
	border: 1px solid #D0D5DD;
}

.newPermitUIRightContainer.maptab .TripItineraryContent,
.newPermitUIRightContainer.triptab #pareamap{
    display: none;
}

.newPermitUIRightContainer.backCountryMobile .PermitAreaMapAndTripItineraryContent{
	display: none;
}

#newPermitUIFilterPopPopupContent{
   border-bottom: 1px solid #d5dae1;
   margin-bottom: 30px;
}

#newPermitUIFilterPopPopupContent .filterPopupTitle{
    display: flex;
    width: 100%;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 5px;
}

#newPermitUIFilterPopPopupButtons .cancelButton,#newPermitUIFilterPopPopupButtons .confirmButton{
   border-radius: 8px;
   cursor: pointer;
   height: 44px !important;
}
#newPermitUIFilterPopPopupButtons .cancelButton {
   width: 99px !important;
}
#newPermitUIFilterPopPopupButtons .confirmButton {
   min-width: 99px;
   width: auto !important;
}


#newPermitUIFilterPopPopupButtons{
   display: flex;
   justify-content: space-between;
}

.editPermitPopupTitle{
   font-size: 18px;
   font-weight: 600;
   line-height: 28px;
}

.editPermitPopupTitle + span{
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   color: #475467;
}

#newPermitUIFilterPopPopupButtons .cancelButton a{
   float: none !important;
   color: #344054;
   font-size: 16px;
}

#newEditPermitTopCancelPopPopupButtons .cancelButton a{
	float: none !important;
	color: #344054;
	font-size: 16px;
}

#newPermitUIFilterPopPopupWrap div.modalPopLite-wrapper{
   padding-left:0px;
   padding-right: 0px;
}

#newPermitUIFilterPopPopupButtons button{
   width: -webkit-fill-available;
   min-width: 0px;
   background-color: #5D7E24 !important;
   border: 0px !important;
   font-size: 16px;
}

#newPermitUIFilterPopPopupContent div.gcCancelPopupBody, #newPermitUIFilterPopPopupButtons{
   padding-left:20px;
   padding-right: 20px;
   padding-bottom: 10px;
}

#newPermitUIFilterPopPopupContent .attributesTable{
    display: flex;
    flex-wrap: wrap;
}

#newPermitUIFilterPopPopupButtons > div{
   margin:0px;
}

#newEditPermitTopCancelPopPopupButtons .cancelButton{
    text-align: center;
    border-radius: 5px;
    border: 1px solid #D0D5DD;
}

#newPermitUIFilterPopPopupContent .attributeField{
   width: 50% !important;
}

#newPermitUIFilterPopPopupButtons > div{
    width: 20% !important;
}

#newPermitUIFilterPopPopupContent .attributesTable .attributeField div{
   min-width: 0px;
}

#newPermitUIFilterPopPopupTitle{
   padding-top: 10px;
   height: 20px;
   border-bottom: 1px solid #d5dae1;
}

#newPermitUIFilterPopPopupTitle h1{
	float: left;
	width: 50%;
	text-align: right;
	font-size: 18px;
}

#newPermitUIFilterPopPopupTitle a{
	float: right;
	width: 5%;
}

.newPermitUIRightContainer .countOfChoices {
    font-size: 12px;
    line-height: 18px;
    padding: 2px 4px;
    border-radius: 16px;
    background-color: #F2F4F7;
    text-align: center;
}

.newPermitUIRightContainer .countOfChoices.hasAnyChoice {
    background-color: #EFF8FF;
	color:#175CD3;
}
.newPermitUIRightContainer.triptab {width: 45%;}

.itineraryChoicesContainer {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 10px;
    background-color: #F9FAFB;
    color: #344054;
    font-size: 16px;
    min-height: 300px;
}

#tripAddedToCartPopupPopupWrap .itineraryChoicesContainer {
	min-height: 100px;
}

#tripAddedToCartPopupPopupWrap .flexcontent{
   display: flex;
   justify-content: center;	
}

#tripAddedToCartPopupPopupWrap .flexcontent > img{
	margin: 10px;
}

@media (max-width: 767px) {
	#tripAddedToCartPopupPopupWrap .flexcontent{
		flex-direction: column;
	}
	#tripAddedToCartPopupPopupWrap .flexcontent > img{
		margin: 0;
		width: 100%;
		height: 100%;
	}
	#tripAddedToCartPopupPopupButtons > div,
	#tripAddedToCartPopupPopupButtons a,
	#tripAddedToCartPopupPopupButtons button{
		width: 100% !important;
		margin: 0 0 10px 0 !important;
	}
	
}

.itineraryChoicesContainer .itineraryChoicesHeader {
    font-size: 18px;
    line-height: 28px;
    color: #101828;
}

.itineraryChoiceItemContainer {
    display: flex;
    padding: 16px;
    gap: 12px;
    border: 1px solid #EAECF0;
    border-radius: 12px;
    background-color: #FFFFFF;
}
.itineraryChoiceItemContainer.groupedByDate {display: block;}
.itineraryChoiceItemContent {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #475467;
    line-height: 20px;
}

.itineraryChoiceItemInfo {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
.itineraryChoiceItemInfo strong {
	color: #344054;
}
.itineraryChoiceItemInfo .cardHdrDiv{
    display: flex;
    flex-direction: row;
}
.itineraryChoiceItemInfo .cardHdrDiv .choiceDataDiv{
    width: 50%;
    align-self: flex-start;
}
.itineraryChoiceItemInfo .cardHdrDiv .groupSizeDiv {
    width: 50%;
    align-self: flex-end;
    text-align: right;
}
.itineraryChoiceItemActions a {
    font-size: 14px;
    font-weight: 600;
    color: grey;
}
.itineraryChoiceItemActions a:hover {
    cursor: pointer;
}
.itineraryChoiceItemContainer.groupedByDate .itineraryChoiceItemIcon img {display: inline-block; vertical-align: middle; margin-right: 15px;}
.itineraryChoiceItemIcon strong, .itineraryChoiceItemIcon img {display: inline-block; vertical-align: middle;}
.itineraryChoiceItemIcon strong{padding-right:10px;}
#guestcheckoutpage .timeslotsPopupTitle {
    background-color: #F9FAFB;
}
#guestcheckoutpage .ui-tooltip .subtotalrow{
    border-top:1px solid #D0D5DD;
    font-weight: bold;
}

#guestcheckoutpage table.items tr.subtotalrow td {
    padding-bottom: 0px;
}
#parkdetailstabs .option-list > ul { list-style: none; margin: 0px; padding: 0px;}
#parkdetailstabs .card-list > ul { list-style: none; margin: 0px; padding: 0px;}
#parkdetailstabs .option-list { height: 36px; border-bottom: 1px solid #EAECF0;}
#parkdetailstabs .option-list > ul > li {
    float: left;
    height: 36px;
    margin-right: 16px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #667085;         
}

#parkdetailstabs .option-list > ul > li:last-child {
    margin-right: 0px;
}

#parkdetailstabs .card-list > ul > li { padding: 20px 0; display: none;}
#parkdetailstabs .card-list .current { display: block;}
#parkdetailstabs .option-list .current { color: black; border-bottom: 2px solid black }
#parkdetailstabs .card-list .current .permitTripPlanGridErrorContainer {margin-top: 15px;} 


.permitTripPlanGridContainer > .avail_table {
    border: 1px solid #D6D6D6;
    border-radius: 4px 4px 0px 0px;
}

.avail_table > .avail_row {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.avail_table > .avail_row > .avail_cell {
	width: 6%;
	text-align: center;
	border: 1px solid #fff;
}

.avail_table > .avail_row  > .stiPermitRow,
.avail_table > .avail_row  > .entranceCol
{
    min-width: 100px;
    max-width: 105px;
    border: 1px solid #D6D6D6;
}
.avail_table > .zonediv {border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; border-left: 1px solid #D6D6D6;}
.avail_table > .avail_row  > .stiPermitRow {
    display: inline-flex;
    text-align: left;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}
.avail_table > .avail_row  > .stiPermitRow a.entranceGridLink {
	width: 75px;
}
.avail_table > .avail_row  > .stiPermitRow .groupSizeInfo{
	padding: 2px 0 5px 24px;
	font-size: 12px;
}
.avail_table > .avail_row  > .entranceCol {
    background-color: #525252;
    line-height: 41px;
    color: #FCFCFC;
    font-size: 14px;
}

.avail_table > .avail_row  > .stiPermitRow > .icon-link {
	margin-left:5px;
	font-size: 20px;
    color: #344054;
}

.avail_table > .avail_row  > .stiPermitRow .entranceTxt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #1849A9;
}

.avail_table > .avail_row  > .stiPermitRow .entranceCode {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #1849A9;
}

.permitTripPlanGridContainer .status {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.permitTripPlanGridContainer .status > .permitStatus {
	padding: 12px 0px;
}

.permitTripPlanGridContainer .calendar {
	background-color: #292929;
    font-size: 12px;
    color: #FCFCFC;
    font-weight: 500;
    padding: 5px 0px;
}

.permitTripPlanGridContainer .calendar > .date,
.permitTripPlanGridContainer .status > .permitStatus {
	font-size:12px;
}

.permitTripPlanGridContainer .sat {
	background-color: #E5E5E5;
    font-size: 12px;
    color: #141414;
    font-weight: 500;
}

.permitTripPlanGridContainer .status.x {
	background-color: #F9FAFB;
    color: #475467;
}

.permitTripPlanGridContainer .status.r {
	background-color: #F9FAFB;
    color: #525252;
}

.permitTripPlanGridContainer .status.w {
    background-color:#ECFDFF;
    color: #164C63;
}

.permitTripPlanGridContainer .status.a
{
	background-color: #E0F2FE;
    color: #065986;
    font-weight: 500;
    padding: 12px 0px;
}

.permitTripPlanGridContainer .status.c {
    background-color: #F9FAFB;
    color: #525252;
}

.permitTripPlanGridContainer .status.a:hover {
    background-color: #B9E6FE;
    color: #0B4A6F !important;
}

.permitTripPlanGridContainer .status.a a:link,
.permitTripPlanGridContainer .status.a a:visited
{
    font-size: 12px;
    padding: 12px 10px;
    color: #065986 !important;
}

.permitTripPlanGridContainer .status.a.slct {
	background-color: #065986;
}

.permitTripPlanGridContainer .status.a.slct a, .permitTripPlanGridContainer .status.a.x a {
    background-color: #065986;
    font-size: 16px;
    color: #fff !important;
    padding: 12px 5px;
}
.permitTripPlanGridContainer .status.x.past, .permitTripPlanGridContainer .status.x.past a {background-color: #525252 !important;}
.permitTripPlanGridContainer .status.r.x a, .permitTripPlanGridContainer .status.w.x a, .permitTripPlanGridContainer .status.c.x a, .permitTripPlanGridContainer div[class*='x x'] a {
    background-color: #065986;
    font-size: 16px;
    color: #fff !important;
    padding: 12px 5px;
    vertical-align: middle;
}
table#occupants td:not(td.r) {width: 100%;}

.permitAvailAndPlan {
    display: flex;
    clear: both;
}

.permitAvailAndPlan > div:first-child {
    width: 55%;
}


.permitTripPlanGridContainer .avail_header {
	border-bottom: 1px solid #D6D6D6;
    border-radius: 4px 4px 0px 0px;
    background-color: #FCFCFD;
    padding: 16px 8px 16px 8px;
    display: flex;
    position: sticky;
    top: 0px;
    z-index: 50;
}

.permitTripPlanGridContainer .avail_table > .header_dates {
    position: sticky;
    top: 53px;
    z-index: 50;
}

.permitTripPlanGridContainer .avail_header .header_left > span
{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #1D2939;
	padding-left: 5px;
}

.avail_table > .avail_row:hover > .stiPermitRow:before, .avail_table > .avail_row > .stiPermitRowMapClick:before {
    background: #345d96;
    content: "";
    display: block;
    height: 100%;
    width: 4px;
    position: absolute;
}

.avail_table > .avail_row:hover {
    background-color: rgba(151, 212, 234, .1);
}
.avail_table > .avail_row > .tpSiteEntranceSelected {
    background-color: rgba(151, 212, 234, .1);
}

#facilityDetailsSingleColumn #parkdetailstabs #permitsSearch {
	float:none;
}


.permitTripPlanActionsBar button {
	font-size:14px;
	line-height:20px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 8px;
    color: #FFF;
    cursor: pointer;
}
.permitTripPlanActionsBar button.bookTripPlanItiBtn {
	background-color: #5D7E24;
    border: 1px solid #5D7E24;;
}
.permitTripPlanActionsBar button.addTripPlanItiBtn {
	background-color: #344054;
    border: 1px solid #344054;
}
.permitTripPlanActionsBar button:disabled {
	color:#98A2B3;
    background-color: #EAECF0;
    border: 1px solid #EAECF0;
    cursor: default;
}


.permitTripPlanGridContainer .status.a.x {
    background-color: #065986;
    color:#fff;
}
.permitTripPlanGridContainer .status.r.x, .permitTripPlanGridContainer .status.w.x, .permitTripPlanGridContainer .status.c.x, .permitTripPlanGridContainer div[class*='x x']  {
    background-color: #065986 !important;
    color:#fff !important;
    padding: 12px 0;
}

.permitTripPlanGridContainer .status.a.x > .permitStatus {
    padding: 0;
}

.permitTripPlanGridContainer .avail_footer {
	display: flex;
    border: 1px solid #D6D6D6;
    border-top-width: 0;
    border-radius: 0px 0px 4px 4px;
    background-color: #FCFCFD;
    padding: 16px 8px 16px 8px;
    position: sticky;
    top: 0;
}

.permitTripPlanGridContainer .avail_footer > .legend {
	width: 50%;
}

#newEditPermitTopCancelPopPopupWrap .modalPopLite-wrapper{
    width: 400px;
    padding: 24px;
}
div#newEditPermitTopCancelPopPopupDiv {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
div#newEditPermitTopCancelPopPopupTitle > img {
    width: 48px;
    height: 48px;
}

#newEditPermitTopCancelPopPopupTitle{
    display: flex;
    justify-content: space-between;
    padding: 0;
    font-size: 28px;
}
 #newEditPermitTopCancelPopPopupButtons{
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    gap: 12px;
}

div#newEditPermitTopCancelPopPopupContent > .gcCancelPopupBody {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.editPermitTopRightDiv{
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 8px;
   cursor: pointer;
   color: #B54708;
}
.editPermitTopRightDiv span{
    font-size:14px;
    font-weight:600;
    line-height:18px;
 }

div.newTransferPermitAlertTopLeft{
    display: flex;
    align-items: center;
    gap: 16px;
}

div.newTransferPermitAlertTopLeft .topLeftText{
   font-size: 16px;
   font-weight: 600;
}

#newEditPermitTopCancelPopPopupButtons>div, #newEditPermitTopCancelPopPopupButtons div.confirmButton button{
   width: -webkit-fill-available !important;
   width: -moz-available !important;
   width: fill-available !important;
   font-size: 16px;
   line-height: 24px !important;
   font-weight: 600;
   margin: auto;
}

#newTransferPermitAlertTopValue{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    color: #93370D;
}

#newTransferPermitAlertTopDiv{
   width: 100%;
   height: 60px;
   display: flex;
   justify-content: center;
   background-color: #FFFCF5;
   border-bottom: 1px solid #DC6803;
   position: sticky;
   top: 0;
   z-index: 60;
}

#newTransferPermitAlertTopDiv > div{
   width: 968px;
}

.permitTripPlanGridContainer .avail_footer > .permitTripPlanActionsBar {
	width: 50%;
	display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.permitTripPlanGridContainer .locationEquipmentListDetails0 > div {
	font-size: 14px;
}
#myModal button.close {opacity: inherit;}
table#occupants td:not(td.r) {width: 100%;}

.permitTripPlanGridContainer .grid-title {
    border-bottom: 1px solid #EAECF0;
    padding-bottom: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.permitTripPlanGridContainer .expand_div {
    border: 1px solid #D0D5DD;
    border-radius: 5px;
}

.permitTripPlanGridContainer .expand_div a {
	display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.permitTripPlanGridContainer .grid-title > .title-left {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}

.permitTripPlanGridContainer .avail_header .header_left {
	flex-grow: 1;
    display: flex;
    justify-content: flex-start;
}

.permitTripPlanGridContainer .avail_header .header_right {
	flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.permitTripPlanGridContainer .avail_header .header_right > .permitTripWeekNav {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.permitTripPlanGridContainer .avail_header .header_right > .permitTripWeekNav > a:visited,
.permitTripPlanGridContainer .avail_header .header_right > .permitTripWeekNav > a:link {
	color: #175CD3;
}

.permitTripPlanGridContainer .avail_header .header_right > .week1 {
	padding: 0px 8px;
	border-right: 1px solid #D0D5DD;
}

.permitTripPlanGridContainer .avail_header .header_right > .week2 {
	padding: 0px 0px 0px 8px;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem {
	display: flex;
    align-items: center;
    gap: 5px;
    flex-direction: column;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .status {
	font-size: 12px;
    padding: 2px 2px;
    text-align: center;
    min-width: 18px;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .status.A {
	background: #E0F2FE;
    border: 1px solid #7CD4FD;
    color: #065986;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .status.W {
	background: #ECFDFF;
    border: 1px solid #67E3F9;
    color: #164C63;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .status.X {
	background: #F9FAFB;
    border: 1px solid #D0D5DD;
    color: #475467;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .status.R {
	background: #F9FAFB;
    border: 1px solid #D0D5DD;
    color: #525252;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .status.SD {
	background-color: #065986;
	border: 1px solid #D0D5DD;
    color: #fff;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .status.SDP {
	background-color: #525252;
	border: 1px solid #D0D5DD;
    color: #fff;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine > .tripPlanGridLegendItem > .desc {
	font-size: 12px;
}

.permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine {
	display: flex;
    gap: 10px;
}

.facility_view_content.permit {width: 55%; float: left; margin-bottom: 15px;}
.facility_view_activities.permit {width: 42%; float: right; margin-bottom: 15px;}
.facility_view_activities .backcountryActivityItem {width: 50%; float: left; margin-bottom: 4px;}
.facility_view_activities .backcountryActivityItemLbl {font-size: 14px; margin-top: 2px; float: left;}
.facility_view_activities .backcountryActivityItem img {margin-right: 8px; float: left;}

.facility_view_content.permit .title, .facility_view_activities.permit .title {font-weight: bold; } 
.facility_view_content.permit .facility_view_description, .facility_view_content .facility_view_desc_detail {margin-top: 8px;}
.facility_view_activities.permit .title {
	float: left;
	width: 100%;
	padding-bottom: 8px;
}

#searchCriteriaNotSpecifiedDiv div.alert_icon{
    width: 56px;
    height: 56px;
    background-color: #FEF0C7;
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #DC6803;
}

#searchCriteriaNotSpecifiedDiv div.info_required {
    height: 30px;
    font-weight: 500;
    font-size: 20px;
    margin-top: 8px;
    color: #93370D;
}

#searchCriteriaNotSpecifiedDiv div.alert_message {
height: 28px;
    font-weight: 400;
    font-size: 18px;
    margin-top: 4px;
    color: #93370D;
}

#searchCriteriaNotSpecifiedDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#cardlist #startdatediv input.dateField {
    background-position: right center;
    text-indent: 8px;
}
#cardlist #startdatediv {
    width: 250px;
}
#cardlist #startdatediv label,
#cardlist .selectDiv label {
    font-weight: 500;
    color: #424242;
}

#cardlist #startdatediv #entryStartDate{
    width: 240px;
    padding: 8px 0;
    border-color: #D6D6D6;
}

#cardlist .selectDiv{
    width: auto;
    padding-top: 5px;
}

#cardlist .selectDiv .selectdds{
    width: auto;
    padding: 11px 4px;
    margin: 5px 12px 10px 0;
    background-image: none;
    border-color: #D6D6D6;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 1px rgba(255, 255, 255, 0.7);
   }
#cardlist .inputContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
#cardlist ul.myModalCarouselList {
    list-style-type: none;
    padding-left: 0;
}

div.newPermitUITopButtonsContainer {
    border-left: 1px solid #EAECF0;
}
 div.newPermitUISearchContainer {
    display: flex;
    gap: 5px;
    background: #F9FAFB;
    padding-top: 5px;
    padding-left: 15px;
 }

 .newPermitUISearchContainer .permitFilterButton {
     width: 70px;
     display: flex;
     align-items: center;
     border-radius: 5px;
     box-shadow: 0px 1px 2px 0px #1018280D;
     background: #F9FAFB;
     border: 1px solid #101828;
     padding: 12px 0 12px 15px;
     cursor: pointer;
     font-size: 14px;
     margin: 30px 15px 0 15px;
     color: #1D2939;
     gap: 4px;
 }

 #guest_pos_name {
    width: 100px;
    word-wrap: break-word;
 }
.cancelDiv i {color: #175CD3;}

.floatActionBar {
	text-align: center;
	display:none;
}

.tripadvisor:before {
	content: url(/images/tripadvisor.svg);
	filter: invert(100%) sepia(52%) saturate(0%) hue-rotate(347deg) brightness(105%) contrast(101%);
}

body#permitReservationUpdate #updatePermitReservationForm .contenthdr h3 {display: inline-block;}
body#permitReservationUpdate .changeItineraryBtnDiv {float: right;}
body#permitReservationUpdate .changeItineraryBtnDiv a.book.now.booknow {padding: 4px !important; width: 150px !important; margin-right: 5px !important;}
#oficial_photos .myModalCarouselList .myModalCarouselLink {width: auto}
.sitePhotoContainer ul.myModalCarouselList, #oficial_photos, #oficial_photos ul.myModalCarouselList {
	float: none; display: flex; flex-wrap: wrap; justify-content: flex-start; column-gap: 10px; row-gap: 10px; margin-top: 5px;}
@media (max-width: 767px) {
	#parkdetailstabs .option-list {width: 908px;}
	#permitReservationDetails div.rightSideLinks {margin-right: 10px;}
	.cancelDiv > div {
		float: left;
		margin-right: 5px;
	}

	.parkdetailstabs {
    	padding: 0px 10px;
    }

    .parkdetailstabs div.newPermitUISearchContainer {
    	height: auto;
    	flex-direction: column;
    	padding: 16px;
    	clear: both;
    }

    .parkdetailstabs #cardlist .inputContainer {
    	flex-direction: column;
    	gap: 0px;
    }

    div.newPermitUITopButtonsContainer {
    	border-width: 0px;
    }

    .permitAvailAndPlan {
    	flex-direction: column;
    }

    .newPermitUISearchContainer .permitFilterButton {
    	margin-top: 0px;
        margin-left: 0px;
    }

    .permitAvailAndPlan > div:first-child,
    .permitAvailAndPlan > div:nth-child(2) {
        width: 100%;
    }

    .parkdetailstabs .unifSearchCriteria {
    	margin-top: 0px;
    }

    #cardlist #startdatediv,
    #cardlist #startdatediv #entryStartDate,
    #cardlist .selectDiv,
    #cardlist .selectDiv .selectdds {
    	width:100%;
    }

    .permitTripPlanGridContainer .avail_footer {
    	flex-direction: column;
        padding: 16px;
        gap: 16px;
    }

    .permitTripPlanGridContainer .avail_footer > .legend {
    	width: 100%;
    }

    .permitTripPlanGridContainer .avail_footer > .permitTripPlanActionsBar {
    	width: 100%;
        justify-content: center;
    }

    #searchCriteriaNotSpecifiedDiv div.alert_message {
    	height: auto;
        text-align: center;
    }

    .avail_table > .avail_row > .avail_cell {
        width: 12%;
    }

    .floatActionBar {
    	display:flex;
    	position: fixed;
        bottom: 60px;
        z-index: 200;
        left: 50%;
        transform: translateX(-50%);
        align-items: center;
        background-color: #101828;
        border-radius: 22px;
    }

    .permitTripPlanGridContainer .avail_header {
    	flex-direction: column;
        align-items: center;
        gap: 4px;
        padding: 8px;
        top: 16px;
    }

    .permitTripPlanGridContainer .avail_footer > .legend > .tripPlanGridLegendLine {
        justify-content: center;
    }

    .permitTripPlanGridContainer .avail_table > .header_dates {
        top: 77px;
    }
    #newTransferPermitAlertTopValue{
        padding: 0px 5px;
    }
    div.newTransferPermitAlertTopLeft{
        gap: 8px;
    }
    
    .facility_view_activities.permit {width: auto;}
    .facility_view_activities .backcountryActivityItem {width: 100%;}
}

div#permitTripPlanGridErrorContent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px;
    gap: 12px;
    background: #FFFBFA;
    border: 1px solid #FDA29B;
    border-radius: 12px;
    margin-bottom: 10px;
}
div#permitTripPlanGridInfo {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px;
    gap: 12px;
    background: #FCFCFD;
    border: 1px solid #D6D6D6;
    border-radius: 12px;
    margin-bottom: 10px;
}
div#permitTripPlanGridErrorContent .permitTripPlanGridErrorIconDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    background: #FEE4E2;
    border-radius: 20px;
    font-size: 16px;
    color: #912018;
}

div#permitTripPlanGridErrorContent .permitTripPlanGridErrorInfoDiv {
    color: #B42318;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 0;
}

.floatActionBar > button {
	background-color: #101828;
    border-width: 0;
    height: 44px;
    color: white;
    font-size: 14px;
	line-height: 20px;
	cursor: pointer;
}

.floatActionBar > button.first-child {
    border-radius: 22px 0px 0px 22px;
    padding: 12px 8px 12px 12px;
    width: 115px;
}

.floatActionBar > button.last-child {
    border-radius: 0px 22px 22px 0px;
    padding: 12px 12px 12px 8px;
    width: 130px;
}

.floatActionBar > button:only-child{
	border-radius: 22px;
	padding: 12px;
	width: 130px;
}

.floatActionBar > .divider {
	width: 1px;
    height: 14px;
    background-color: white;
}

#newTransferPermitAlertTopDiv.permitTripPlanTransferAlert + #pagearea .permitTripPlanGridContainer .avail_header{
	top: 61px;
}


#newTransferPermitAlertTopDiv.permitTripPlanTransferAlert + #pagearea .permitTripPlanGridContainer .avail_table > .header_dates{
	top: 114px;
}

@media (max-width: 767px) {
    #newEditPermitTopCancelPopPopupWrap .modalPopLite-wrapper
    {
        width: -webkit-fill-available !important;
        width: -moz-available !important;
        width: fill-available !important;
    }
    #newTransferPermitAlertTopValue{
        padding: 0px 5px;
    }
    div.newTransferPermitAlertTopLeft{
        gap: 8px;
    }
    
    div.component.fixing4mobile {
        padding: 0px 10px;
    }
    
    div.fixing4mobile div#campgStatus {
        margin: 0px !important;
    }
    div.fixing4mobile div.facilitySwitchBar{
        margin-left: 0px;
    }
    div.fixing4mobile .dayPassListMainWrapper .rowsWrapper {
       	width: calc(100vw - 20px);
       	overflow-x: auto;
    }
    div.fixing4mobile .matrixrow .status, div.fixing4mobile .matrixheader .calendar{
    	width: 40px;
    }
    div.fixing4mobile .dayPassListMainWrapper .rowsWrapper > div {
      	width: 560px;
    }
    div.component.fixing4mobile .matrixrow .status small {
        display: inline-block;
    }
    #cdemsdetailspage div.component.fixing4mobile .siterow .left {
        /**width: 80px !important;**/
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        float: unset;
    }
    #cdemsdetailspage div.component.fixing4mobile .siterow.rowmatrixheader .left {
    	width: 77px !important;
    }
    div.component.fixing4mobile .siterow.rowmatrixheader .left {
    	/**margin-right: 3px;**/
    }
    div.component.fixing4mobile #dailyavailmatrix .weeknav a{
    	color: #20508d !important;
    }
    div.component.fixing4mobile .matrixrow .status{
    	min-height: 90px;
    }
    div.component.fixing4mobile #dailyavailmatrix .weeknav.prev{
    	text-align: right;
    }
    div.component.fixing4mobile .fa-angle-left:before{
    	float: right;
    }
    div.component.fixing4mobile #dailyavailmatrix .weeknav.next{
    	text-align: left;
    }
    div.component.fixing4mobile .fa-angle-right:before{
    	float: left;
    }
    div.component.fixing4mobile .leftcol.floatl{
    	text-indent: 0px;
    }
    div.component.fixing4mobile div.facilityNavigation{
    	float: unset;
    	padding-left: 0;
    }
    div.component.fixing4mobile div#campname {
        margin-left: 0px !important;
    }
    div.component.fixing4mobile #bookDatesButton button:disabled, 
    div.component.fixing4mobile .btn button:disabled, 
    div.component.fixing4mobile .btn button:disabled:hover,
    div.component.fixing4mobile #bookDatesButton button, div.component.fixing4mobile #dailyavailmatrix .btn_book_dates{
    	width: 100%
    }
    div.component.fixing4mobile #enterdatesrightcol .sitesearchfield.floatl{
    	float: unset;
    }
    div.component.fixing4mobile #enterdatesrightcol .sitesearchfield.floatl input, div.component.fixing4mobile #enterdatesrightcol .sitesearchfield.floatl select{
    	width: 100% !important;
    }
    div.component.fixing4mobile div#errorMsgTop {
	    padding-top: 10px;
	}
	div.component.fixing4mobile #dailyavailmatrix .dayPassListMainWrapper .rowsWrapper.fixedc1 div.left{
		display: none;
	}
	div.fixing4mobile .dayPassListMainWrapper .rowsWrapper.fixedc1 > div.siterow{
		margin-left: 80px;
	}
	div.fixing4mobile .dayPassColWrapper{
		display: none;
	}
	div.fixing4mobile .dayPassColWrapper.fixedc1 {
	    display: block;
	    position: fixed;
	    top: 0px;
	    z-index: 1;
        background: #F8F8F8;
        margin-left: -4px;
        margin-top: 2px;
	}
	div.fixing4mobile .dayPassColWrapper.fixedc1 div:last-of-type {
	    /**margin-bottom: 8px;**/
	}
	div.fixing4mobile .dayPassColWrapper.fixedc1 .left{
	    float: unset;
	    width: 72px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    border-top: 2px solid #FFFFFF;
        border-bottom: 2px solid #FFFFFF;
        margin-bottom: 0;
	}
	div.fixing4mobile .matrixrow .left span, div.fixing4mobile .dayPassColWrapper.fixedc1 .left span {
	    text-align: center;
	    padding-left: 5px;
    	padding-right: 5px;
	}
	div.fixing4mobile .dayPassColWrapper.fixedc1 .left.first{
		height: 32px;
	}
	div.fixing4mobile .dayPassColWrapper.fixedc1 .left.first span {
	    width: 20px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	div.component.fixing4mobile .dayPassRowWrapper{
		display: none;
	}
	div.component.fixing4mobile .dayPassRowWrapper.fixedheader, div.component.fixing4mobile .dayPassWeekNavWrapper.fixedWeekNav{
		display: block;
		position: fixed;
	    top: 0px;
	    z-index: 1;
	    background: #F8F8F8;
	}
	div.component.fixing4mobile .dayPassWeekNavWrapper.fixedWeekNav{
		display: block;
		position: fixed;
	    z-index: 1;
	    width: 100vw;
	    padding-top: 8px;
	}
	#cdemsdetailspage div.component.fixing4mobile .dayPassRowWrapper .siterow.rowmatrixheader .left {
    	width: 64px !important;
    }
    div.component.fixing4mobile .dayPassRowWrapper .matrixheader .calendar {
        width: 40px;
    }
    #selectedDifferentDatesWithArriveDateConfirmPopupWrap .modalPopLite-wrapper{
    	min-width: calc(100vw - 31px);
    }
    #selectedDifferentDatesWithArriveDateConfirmPopupDiv #selectedDifferentDatesWithArriveDateConfirmPopupTitle h1 {
        font-size: 12px !important;
        font-weight: normal;
    }
    #selectedDifferentDatesWithArriveDateConfirmPopupDiv #selectedDifferentDatesWithArriveDateConfirmPopupContent > div {
        font-size: 20px !important;
        color: black;
        font-weight: bold;
        display: flex;
    }
    #selectedDifferentDatesWithArriveDateConfirmPopupDiv #selectedDifferentDatesWithArriveDateConfirmPopupContent .datesWrapper {
	    font-size: 20px !important;
	    margin-left: 10px;
	}
    #selectedDifferentDatesWithArriveDateConfirmPopupDiv #selectedDifferentDatesWithArriveDateConfirmPopupContent span {
	    display: block;
	}
}

.optionWrapper {
    display: flex;
}

.optionWrapper > .leftButton, .optionWrapper > .rightButton {
    background: #f1f3f6;
    border-radius: 12px;
    height: 24px;
    width: 24px;
    border: 0;
    color: #1c1d1f;
    text-align: center;
}

.optionWrapper > .leftButton > i, .optionWrapper > .rightButton > i {
    width: 12px;
}

.optionContainer {
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: auto;
}

.optionContainer::-webkit-scrollbar {
    display: none;
}

span.tripchip{
   vertical-align: middle;
   background-color: #547121;
   font-size: 16px;
   padding: 5px 20px;
   margin: 0 10px;
   border-radius: 16px;
   color: #fff;
}

.transactionDetailsTable {
    display: table;
    width: 100%;
}

.transactionDetailsTable .transRow {
    display: table-row;
}

.transactionDetailsTable .transRow .labelCell {
    display: table-cell;
}

.transactionDetailsTable .transRow .valueCell {
    display: table-cell;
    text-align: right;
}

@media (max-width: 767px) {
    .transactionDetailsTable {
        width: auto;
    }
}

#shoppinglist .items td.feelines {
	width: 40%;
}

td.feelines > span {
	display: table-cell;
}

td.feelines > span.feeLabel, td.feelines > span.feeNote {
	width: 75%;
	float: left;
}

td.feelines > .feeLabel span.feeNote{
	padding: 2px 0 5px 0;
	display: block;
	font-size: 9pt;
}

td.feelines > span:nth-child(even) {
	width: 25%;
	float: right;
	text-align: right;
}
td.feelines > span:nth-child(even) > span{
	float: right;
	text-align: right;
}

td.feelines .feesTotal{
    margin-top: 5px;
    padding-top: 5px;
}

td.feelines .feesTotal.amount{
    border-top: 1px solid #163154;	
}

td.feelines > span.balance  {
	font-weight: bold;
}

#permitDetailsSCPage #permitPopUpDivWrapper div.popupAttributes > label{
  display: block;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.procFeesInfo{
	padding: 0 0 16px 0;
}
.misinfddstyle {width: 240px; padding: 3px 0 2px 0;}
.idntfddstyle {width: 135px; padding: 3px 0 2px 0;}
.idntfinputstyle {width: 131px; padding: 3px 0;}

.posProductsInfoDiv{
    margin-top: 10px;
    padding-left: 15px;
    background-color: #FFFCF5;
    color: #B54708;
    font-size: 13pt;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    border: #FEC84B solid;
}

.posProductsContainerDiv{
    padding-left:20px;
    padding-right:20px;
    margin-top:30px;
}
.giftCardShipping.notlogin .changeShippingAddressTitle, .giftCardShipping.notlogin .shipcntry, .giftCardShipping.notlogin .changeShippingAddressRow, .giftCardShipping.notlogin .changeShippingAddressBtns, .giftCardShipping.notlogin #firstname_container, .giftCardShipping.notlogin #lastname_container{
	display: none;
}
.giftCardShipping.notlogin{
	padding-left: 10px;
}
.giftCardShipping.notlogin .changeShippingAddressContent{
	border: 0;
	padding: 0;
}
.giftCardShipping.notlogin .changeShippingAddressOptions .newAddrSection{
	margin-left: 0;
}
.giftCardShipping.notlogin .changeShippingAddressOptions{
	padding: 0;
}
.giftCardShipping.notlogin div#addresserrorid .msg.error {
    margin-top: 10px;
}
.giftCardShipping.notlogin span.shippingaddress {
    font-size: 12pt;
    margin-top: 10px;
    display: inline-block;
}
.cartReadRulesInfo a:link, .cartReadRulesInfo a:visited {
	color: #245A9E;
}
.cartReadRulesInfo a:hover {
	color: var(--more-link-color-hover, #3170AF);
}

iframe.fiserv.ccnum{
	height: 24px;
	width: 238px;
	border: 1px solid #bbb;
	border-radius: 4px;
	margin-right: 12px;
}

#sitelistdiv div.labelContainer {
    width: 120px;
    margin-top: 8px;
}

#sitelistdiv div.labelContainer div.newTextDiv span.channelNote {
	font-size: 16px;
}

div.reservationHistory > div.items.itemsRow.display-table > div.br a.prdnamelabel,
#contentArea span.pagenav a,
#contentArea .sdformwrapper a,
#contentArea .searchSummary .matchSummary a,
#contentArea .alternativeSuggestion a,
#facilitySwitchBar .facilitySwitchBarSpan a {
    font-weight: bold;
}

#usearch_results .usearch_results_control > a[title="Previous"],
#usearch_results .usearch_results_control > a[title="Next"] {
	font-weight: bold;
}
.createnew.formpage div.td div {text-align: left;}

ul.bulletStyle{
	list-style: disc !important; 
	padding-left: 2em !important;
}

ul.circleStyle {
    list-style: circle !important;
    padding-left: 2em !important;
}

.grpsizepopupmsg .ui-dialog-title {color: #62A36E; font-size: 18px;}
.ui-dialog.grpsizepopupmsg .ui-widget-header {background: none; border: none; }
.ui-dialog.grpsizepopupmsg .ui-dialog-buttonpane {border: none;} 
.ui-dialog.grpsizepopupmsg div.ui-dialog-buttonset button {border: 1px solid lightgray; height: 44px; width: 92px;}
.ui-dialog.grpsizepopupmsg.modalPopLite-wrapper {border-radius: .5em;}

#pagearea #snackBarNotification{
	position: sticky;
    border: 1px solid #D0D5DD;
    background-color: white;
    border-radius: 20px;
    top: 20px;
    float: right;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-right: 50px;
    z-index: 200;
    display:none;
    position: -webkit-sticky; /* for safari */
    height: min-content;
    bottom: 0;
}
#pagearea #snackBarNotification #snackbarImage{
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 10px;
    margin-top: -5px;
}
#pagearea #snackBarNotification #snackBarInfo{
	float: right;
}
table#stiTable input[name=stiItemGroupSize]{
	width: 4em;
}
#permitOrderDetailsForm table#stiTable tr.datesGrouping td,
table#stiTable tr.datesGrouping td{
	background-color: #FFFFFF; 
	border-top: 1px solid #9dae8d; 
	border-bottom: none;
	border-color: #9dae8d;
	padding: 3px 0;
}
#permitOrderDetailsForm table#stiTable tr:first-child td,
table#stiTable tr:first-child td, 
#permitOrderDetailsForm table#stiTable tr.noDates td,
table#stiTable tr.noDates td{ 
	border-top: none; 
}
table#stiTable tr.noDates .stiColContent1 > *{
	display: none;
}

.addPassWrapper {margin-top: 20px; margin-bottom: 20px; background-color: #fbebc2; padding: 5px 5px 5px 15px;}
.addPassWrapper button {width: 130px !important; height: 24px; margin-left: 30px !important;}
.addPassWrapper input[type="text"] {width: 100%;}
.addPassWrapper .compactoptions .option {width: 33%;}
.addPassWrapper .addPassFormDiv {display: flex;}
#memberDiscountPasses .msg.error, #memberDiscountPasses .msg.success {margin-top: 15px !important;}
@media (max-width: 767px) {
	.addPassWrapper {padding: 10px;}
	.addPassWrapper .addPassFormDiv {display: block;}
	.addPassWrapper .compactoptions .option {width: 100%;}
	.addPassWrapper button {width: 100% !important; margin-left: 0px !important;}
}

.ftcPricing{
	border: 1px solid #DCE2E5;
	border-radius: 10px;
	padding: 10px;
}
.ftcItemsTitle{
	margin: 0 0 6px 0;
}
.ftcItems{
	display: flex;
	flex-direction: column;
}
.ftcItem{
	display: flex;
	flex-direction: row;
	margin: 2px 0 4px 0;
}
.ftcItemLabel{
	width: 30%;
	min-width: 130px;
}
.ftcItemLabel .fa-circle-question {color: #000;}
.ftcItemDesc{
	width: 70%;
}
.ftcItemValDet{
	font-size: 90%;
}
.ftcItemsNote{
	margin: 6px 0 0 0;
	font-size: 90%;
}
@media (max-width: 767px) {
  .ftcItemLabel em::before {
     content: "\A";
     white-space: pre;
  }
  
  #csitedetailspage .timeslotsPopupContent {
  	width: 100px;
  	padding: 10px;
  }
}

.melissaConfirmationMessageWrapper {
  padding: 10px;
  background-color: antiquewhite;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.melissaAttentionIconWrapper {
  margin-right: 10px;
}

.melissaAttentionIcon:before {
  content: "\f06a";
  font: normal normal normal 1.3em FontAwesome;
  color: blue;
  opacity: 0.77;
  display: inline-block;
  font-size: 13px;
}

.melissaContentWrapper {
  display: flex;
  flex-direction: column;
}

#AddressWrapper h2,
#MelissaContentWrapper h2 {
  margin: 0px;
}

.melissaCodesWrapper {
  display: none;
}
.msg.error.ccDeclined h3 {margin-top: 0; font-weight: 700;}
.msg.error.ccDeclined ol, .msg.error.ccDeclined ul {list-style: disc; padding-left: 20px; margin: 10px 0;}
.msg.error.ccDeclined a {color: var(--more-link-color, #20508d);}
.msg.error.ccDeclined a:hover {color: var(--more-link-color-hover, #3170AF);}

#table_ftc a:not(.pricepopup) {display: none;}