﻿/*
#region !!====={ Version Information }=====!!
// %~%@ < 91.1000 > @%~%     // File Version
// %~%# < 6/11/2014 > #%~%   // File Mod Date
// %~%! < GenCart Content > !%~%    // Core Module
// %~%^ < 1.1000 > ^%~%     // Minimum Core Version
#endregion ==================================
*/

/* 2018 - Zip party package update
===================================*/

#mainContent #GetZipCode {
	width: 75%;
}

#CatGraduation h1,
#CatBuildYourOwn h1 {
	width: 60%;
}

/*Disable Checkout START*/

.checkout-disabled {
	margin: 1.5rem 0;
	padding: 1.25rem 1.5rem;
	border: 1px solid #f0c36d;
	border-left: 5px solid #d99000;
	border-radius: 8px;
	background: #fff8e6;
	color: #4a3500;
	font-size: 1rem;
	line-height: 1.5;
}

.checkout-disabled p {
	margin: 0 0 0.75rem;
	font-weight: 500;
}

.checkout-disabled ul {
	margin: 0.75rem 0 0;
	padding-left: 1.25rem;
}

.checkout-disabled li {
	margin: 0.35rem 0;
}

.checkout-disabled strong {
	color: #2f2200;
}

.checkout-disabled a {
	color: #8a5a00;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.checkout-disabled a:hover,
.checkout-disabled a:focus {
	color: #5f3d00;
	text-decoration-thickness: 2px;
}

.checkout-disabled a:focus-visible {
	outline: 3px solid rgba(217, 144, 0, 0.35);
	outline-offset: 3px;
	border-radius: 3px;
}

@media (max-width: 600px) {
	.checkout-disabled {
		margin: 1rem 0;
		padding: 1rem;
		font-size: 0.95rem;
	}

		.checkout-disabled ul {
			padding-left: 1rem;
		}
}

/*Disable Checkout END*/

#CatGraduation .packageCategories,
#CatBuildYourOwn .packageCategories,
#CatPre-BuiltPackages .packageCategories,
#CatWinterTentPackages .packageCategories {
	position: absolute;
	width: 25%;
	background: #efefef;
	padding-bottom: 0;
	top: 82px;
	right: 0px;
	z-index: 2000;
}
#CatGraduation .packageCategories ul {
}
#CatGraduation .packageCategories ul span,
#CatBuildYourOwn .packageCategories ul span,
#CatPre-BuiltPackages .packageCategories ul span,
#CatWinterTentPackages .packageCategories ul span {
	width: 100%;
	padding: 0;
}
#CatGraduation .packageCategories ul span:hover,
#CatBuildYourOwn .packageCategories ul span:hover,
#CatPre-BuiltPackages .packageCategories ul span:hover,
#CatWinterTentPackages .packageCategories ul span:hover {
	background: #8e001c;
	color: white;
}
#CatGraduation .packageCategories li,
#CatBuildYourOwn .packageCategories li,
#CatPre-BuiltPackages .packageCategories li,
#CatWinterTentPackages .packageCategories li {
	float: none;
}
#CatGraduation .packageCategories a,
#CatBuildYourOwn .packageCategories a,
#CatPre-BuiltPackages .packageCategories a,
#CatWinterTentPackages .packageCategories a {
	background: none;
	line-height: 1.5em;
	color: #424242;
	font-size: 12px;
	font-family: "Source Sans Pro", "Gill Sans MT", Sans-Serif;
	width: 100%;
	padding: 15px 0 15px 15px;
}
#CatGraduation .packageCategories a:hover,
#CatBuildYourOwn .packageCategories a:hover,
#CatPre-BuiltPackages .packageCategories a:hover,
#CatWinterTentPackages .packageCategories a:hover {
	color: white;
}
#CatGraduation .packageCategories .catNavHeader a,
#CatBuildYourOwn .packageCategories .catNavHeader a,
#CatPre-BuiltPackages .packageCategories .catNavHeader a,
#CatWinterTentPackages .packageCategories .catNavHeader a {
	line-height: 0.5em;
}

#CatGraduation .breadcrumbs,
#CatBuildYourOwn .breadcrumbs,
#CatPre-BuiltPackages .breadcrumbs,
#CatWinterTentPackages .breadcrumbs {
	padding: 0 0 130px 0;
}

#CatGraduation .getZipCode,
#CatBuildYourOwn .getZipCode,
#CatPre-BuiltPackages .getZipCode,
#CatWinterTentPackages .getZipCode,
.ProductPage .getZipCode {
	background: #8e001c;
	z-index: 2000;
	display: inline-block;
	padding: 20px 0 10px;
	color: white;
	text-align: center;
	left: 0;
	width: 100%;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	margin: 10px 0;
}

#CatGraduation .getZipCode .button.greyButton,
#CatBuildYourOwn .getZipCode .button.greyButton,
#CatPre-BuiltPackages .getZipCode .button.greyButton,
#CatWinterTentPackages .getZipCode .button.greyButton,
.ProductPage .getZipCode .button.greyButton {
	background-color: #8e001c;
	color: white;
	border: 1px solid #fff;
}
#CatGraduation .getZipCode .button.greyButton:hover,
#CatBuildYourOwn .getZipCode .button.greyButton:hover,
#CatPre-BuiltPackages .getZipCode .button.greyButton:hover,
#CatWinterTentPackages .getZipCode .button.greyButton:hover,
.ProductPage .getZipCode .button.greyButton:hover {
	background-color: #000;
}

#CatGraduation .headerNav,
#CatBuildYourOwn .headerNav,
#CatPre-BuiltPackages .headerNav,
#CatWinterTentPackages .headerNav {
	z-index: 3000;
}
#ShowingPricesFor {
	padding: 5px;
}

#ui-datepicker-div {
	z-index: 9999 !important;
}
/* BUTTONS */

.packageCategories a,
.buttonWrapper input,
.buttonWrapper a,
.button {
	border: none;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: inherit;
	background-color: inherit;
	vertical-align: middle;
}
.button.buttonWrapper.redButton input,
.button.redButton {
	background-color: #8e001c;
	color: White;
}
.button.redButton:hover,
.button.redButton:active,
.button.redButton:focus,
.button.buttonWrapper.redButton input:hover,
.button.buttonWrapper.redButton input:focus,
.button.buttonWrapper.redButton input:active {
	background-color: #000;
	color: White;
}
.packageCategories a,
.button.buttonWrapper.greyButton input,
.button.greyButton {
	background: url(/Content/images/catRedBG.png) /*bottom right*/ center no-repeat;
	color: #fff;
	transition: all 0.2s ease;
}
.packageCategories a:hover,
.packageCategories a:active,
.packageCategories a:focus,
.button.greyButton:active,
.button.greyButton:hover,
.button.greyButton:focus {
	background-color: #8e001c;
	opacity: 0.7;
	color: White;
	transition: all 0.2s ease;
}
.button.tanButton {
	background-color: #d3ceaa;
	color: #424242;
}
.button.tanButton:hover,
.button.tanButton:active,
.button.tanButton:focus {
	background-color: #fbf7e4;
	transition: all 0.2s ease;
}
.buttonSet .button {
	margin-left: 5px;
}
.buttonSet .button:first-child {
	margin-left: 0;
}
.button.center,
.buttonSet .button.center {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.button.buttonWrapper {
	padding: 0;
}

.catNameSpan {
	position: absolute;
	bottom: 0;
	width: 60%;
	text-align: center;
	padding: 5% 0;
	right: 5%;
}


.full {
	width: 100% !important;
}

#addressTable input,
#addressTable2 input,
.editor-field input,
.checkoutField {
	border: 1px solid #cfc291;
	font-size: 16px;
	line-height: 2;
	padding-left: 0.5em;
	width: 100%;
	outline: none;
	height: 32px;
}
select.checkoutField {
	height: auto;
}
#addressTable input:focus,
#addressTable2 input:focus,
.editor-field input:focus,
.checkoutField:focus {
	outline: 2px solid #cfc291;
}
#addressTable input,
#addressTable2 input {
	width: 350px;
}
#addressTable select,
#addressTable2 select,
.editor-field select {
	border: 1px solid #cfc291;
	font-size: 1em;
	line-height: 1;
	padding: 0.5em 0 0.5em 0.5em;
	width: 100%;
	outline: none;
}
#addressTable select:focus,
#addressTable2 select:focus,
.editor-field select:focus {
	outline: 2px solid #cfc291;
}
#addressTable select,
#addressTable2 select {
	width: 350px;
}
#addressTable td,
#addressTable2 td {
	width: 350px;
}

/* Payment Options */

.addressContainer {
	background: url("/Content/images/tanDiamondBackground.jpg") repeat scroll 0 0
		#d3ceaa;
	margin-bottom: 30px;
	min-width: 250px;
	padding: 10px;
}
.addressContainer .checkoutHeading {
	padding-bottom: 10px;
	text-align: center;
}

.checkoutConfirmPriceTable {
	padding: 0;
}
.costBreakDownTable {
	border-left: 1px solid #cfc291;
	border-top: none;
	border-right: 1px solid #cfc291;
	float: right;
	width: 302px;
	background: url("/Content/images/tanDiamondBackground.jpg") repeat scroll 0 0
		#d3ceaa;
	border-collapse: collapse;
}
.costBreakDownTable hr {
	display: none;
}

.checkTable .cartHeaders .packageImage {
	border-left: 1px solid #cfc291;
	border-top: 1px solid #cfc291;
}
.checkTable .cartHeaders .packageName {
	border-top: 1px solid #cfc291;
}
.checkTable .cartHeaders .productPrice {
	border: 1px solid #cfc291;
}

.checkTable .addonHeaders .productName,
.checkTable .addonHeaders .productPrice {
	border-top: none;
}
.addonTable .addonHeaders .productQty {
	border-right: 1px solid #cfc291;
}
.productQty label.error {
	display: block;
	font-size: 13px;
	padding: 5px;
}

.costBreakDownTable th {
	border: none;
	padding: 0 10px 0 0;
	text-align: right;
}
.costBreakDownTable td,
.checkoutConfirmPriceTable .costBreakDownTable td {
	border-color: #fff;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	line-height: 2;
	padding: 0 0 0 10px;
	width: 100px;
}
#TaxRow td {
	border-bottom: none;
}
.costBreakDownTable tr:last-child td {
	border-bottom: none;
}
.costBreakDownTable tr {
	border: 0 none;
	padding: 0;
}
.costBreakDownTable tr:first-child td {
	border-top: none;
}

#TentLocation img {
	display: block;
	margin: 30px auto;
}
.mapComments {
	width: 100%;
	display: block;
	margin: 0 auto;
	width: 980px;
	height: 200px;
}
.mapCanvasContainer canvas {
	display: block;
	margin: 0 auto;
}

#orderDetails,
.orderDetails {
	background: url("/Content/images/grayDiamondBackground.png") repeat scroll 0 0
		rgba(0, 0, 0, 0);
	color: #fff;
	line-height: 2;
	margin: 10px 0 30px;
	padding: 10px;
	text-align: center;
}
.orderDetails .piece {
	display: inline-block;
	float: left;
	padding: 0 20px;
}
#main #orderDetails p {
	color: #fff;
	margin: 0;
	padding: 0;
}

/* PRODUCT Details Page*/

.NoZip {
	display: none;
}
.getZipCode #ZipCode {
	width: 150px;
	margin: 0 10px 8px 0;
}
.getZipCode {
	padding: 0 0 30px 0;
	display: none;
}
.getZipCode label {
	display: inline-block;
	line-height: 2;
	font-weight: bold;
}

#purchaseInfo #Total {
	display: block;
	padding: 0 0 20px;
}
.deliveryMessage {
	font-style: italic;
	font-size: 14px;
}
.buttonWrap .orWrapper {
	display: inline-block;
	padding: 10px;
}

#productInfoTileWrapper {
	float: left;
	margin-top: 10px;
	width: 69%;
	margin-left: 1%;
}
#PriceHolder {
	float: left;
	width: 30%;
	margin-top: 3%;
}
.savings {
	color: #aaa;
	font-size: 16px;
	letter-spacing: 0.5px;
}
#Details {
	float: left;
	margin-left: 35px;
	width: 744px;
}
#ProdImageHolderLeft {
	overflow: hidden;
	width: 450px;
	text-align: center;
	margin: 0 25px;
}
.productInfo {
	width: 500px;
	margin: 0 25px;
}
#purchaseInfo #Total {
	color: #000;
	display: block;
	font-size: 24px;
	margin-top: 18px;
}
#ProdFeaturesTab {
	margin-left: 30px;
	margin-top: 0px;
	float: left;
}
#selectQ {
	float: left;
	margin: 22px 0 0 0px;
	font-size: 14px;
}

#selectQ #quantity {
	width: 21px;
	height: 25px;
	padding-left: 5px;
	line-height: 25px;
}

#ProdImageHolderLeft a.lightbox {
	float: left;
	padding-top: 2%;
	width: 100%;
}

#productContentText {
	font-size: 14px;
	line-height: 1.5;
}
.ProductNameDetails {
	font-size: 12px;
}

.ULFullDesc {
	margin-left: 20px;
	margin-top: 20px;
	font-size: 14px;
	list-style-type: none;
	color: #1f2124;
}
.ULFullDesc ul {
	margin-left: 20px;
	list-style-type: none;
}
.ULFullDesc li {
	background-image: url("/Content/images/bulletPoint.jpg");
	-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
}
#productcontenttext table {
	float: left;
	margin: 10px 0;
	border-spacing: 0;
	border-collapse: collapse;
}

#productcontenttext table th {
	background: #d9d9d9;
	text-transform: uppercase;
}
#productcontenttext table th,
#productcontenttext table td {
	padding: 10px;
	text-align: left;
	border: solid 1px #efefef;
}
h4.clickabove {
	color: #8f8f8f;
	float: left;
	font-size: 10px;
	font-weight: normal;
	padding: 10px 0;
	width: 100%;
}
.productBoxHolder {
	float: left;
	height: 372px;
	overflow: hidden;
	text-align: center;
	width: 401px;
}
#miniProductPhotoWrap {
	float: left;
	height: 90px;
	width: 100%;
}
#miniProductPhotoWrap .miniProductPhoto {
	float: left;
	margin: 4px;
}
#productpriceBox {
	width: 200px;
}
.producttext {
	font-family: "museo_slab500";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	color: #000; /*width:490px;*/
}

#productinfo {
	float: left;
	width: 290px;
	margin-left: 37px;
}
#bgproductContent {
	float: left;
	clear: both;
}

#productPrice {
	color: #30c1ff;
	font-size: 24px;
	letter-spacing: 1px;
}
#productMFGnumber {
	color: #30c1ff;
	font-size: 22px;
	text-transform: uppercase;
}
#producttext {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#productNameInfo {
	color: #1d1d1d;
	font-size: 15px;
}
.DIVOTitleFullDesc {
	color: #667b94;
	font-size: 16px;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}
#prodSKU {
	color: #30c1ff;
	padding: 2px 0;
	font-size: 14px;
	width: 100%;
	float: left;
}
#productShortDesc {
	padding: 10px 0;
	color: #504f55;
	font-size: 12px;
	line-height: 24px;
}
.prodInfo .prodHeader {
	text-transform: uppercase;
	color: #30c1ff;
	padding: 2px 0;
	font-size: 12px;
	letter-spacing: 1px;
	float: left;
	width: 100%;
}
.prodInfo .detailProductLabels {
	font-size: 12px;
	width: 100%;
	padding: 7px 0;
	float: left;
}
.prodInfo strong,
.prodInfo .na {
	float: left;
	font-size: 12px;
	padding: 7px 0;
	width: 100%;
}
.prodInfo,
.helper {
	float: left;
	width: 100%;
}
#productShortDesc .detailProductLabels {
	color: #30c1ff;
}
.disclaimer {
	background: #e7e8d1;
	color: white;
	width: 100%;
	padding-block: 10px;
	border: 1px solid #cfc291;
	border-top: 0;
	text-align: center;
}
@media screen and (max-width: 640px) {
	.disclaimer {
		max-width: 300px;
		margin-inline: auto;
	}
}

/* CAT PAGE */

.subCategoryImage {
	float: left;
	height: 150px; /*width:150px;*/
	width: 13%;
	margin: 5px 0.5%;
}
.subCategoryImage:hover .button,
.subCategoryImage:active .button,
.subCategoryImage:focus .button {
	background-color: #8e001c;
}
.subCategoryImage .productImageHolder {
	display: table;
	height: 100%;
	width: 100%;
}
.subCategoryImage .productImageHolder a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
}
.subCategoryImage .productImageHolder a img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 100% !important;
}
#Categories .subCategoryImage .categoryName {
	display: table;
	text-align: center;
	width: 100%;
	padding: 0; /*height:62px;*/
}
.subCategoryImage .categoryName a {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
}
#Products{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:center;
}
.prodDisplay {
	background: url("/Content/images/grayDiamondBackground.png") repeat #424242;
	width: 160px;
}
.productNumberLabel,
.featuredProdPrice {
	display: block;
	line-height: 1;
	padding: 0 30px 10px;
}
.productDisplayImgHolder {
	width: 100%;
	display: table;
	aspect-ratio:1/1;
	position:relative;
}
.productDisplayImgHolder .imgAlign {
	vertical-align: bottom;
	display: table-cell;
	width: 100%;
	position: static;
}
.productDisplayImgHolder .imgAlign .lightbox {
	display: block;
	width: 100%;
}
.productDisplayImgHolder img {
	margin: 0 auto;
	display: block;
	width: 100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	object-fit:cover;
}
.prodDisplay a {
	color: #fff;
}

.packageCategories {
	display: none;
	padding-bottom: 30px;
}
#CatWinterTentPackages .packageCategories,
#CatPre-BuiltPackages .packageCategories,
#CatGraduation .packageCategories,
#CatBuildYourOwn .packageCategories {
	display: block;
}
.packageCategories ul {
	display: block;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.packageCategories li {
	display: block;
	float: left;
}
.packageCategories ul span {
	display: block;
	padding: 5px;
}
.packageCategories .catNavHeader a {
	line-height: 1;
}
.packageCategories ul:after {
	clear: both;
	content: "";
	display: table;
}

.prodDisplay .button.viewDetails {
	margin-bottom: 10px;
	text-align: center;
}

#Categories {
	padding-bottom: 30px;
}
#Categories .categoryName {
	display: block;
	float: left;
	padding: 5px;
}

.featuredProdName {
	display: block;
	color: white;
	font-weight: bold;
	line-height: 1.1;
	padding: 10px 10px 0 10px;
	text-align: center;
	height: 60px;
	font-size: 15px;
	overflow: hidden;
}
.PinfoHolder {
	display: block;
	color: #fbf7e4;
	font-family: "chunkfiveroman";
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
#Products .prodDisplay:nth-child(4n + 1) {
	clear: left;
}
#sortDropdown {
	background-color: #e7e8d1;
	border: medium none;
	color: #8e001c;
	font-family: "chunkfiveroman";
	font-size: 16px;
	padding: 0.5em;
}
.sortOrder label {
	color: #8e001c;
	font-family: chunkfiveroman;
	line-height: 2;
}
.sortOrder {
	display: inline-block;
	float: right;
	width: 250px;
}
.breadcrumbs {
	font-size: 16px;
	line-height: 2;
	float: left;
	padding: 0 0 30px 0;
}
.pager {
	float: right;
}

.productDisplayImgHolder {
	background-color: #fff;
}
#jquery-lightbox {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
.CatPage .PinfoHolder,
.CatPage .viewDetails {
	display: none;
}

.pickupDateSpan {
	display: none;
}
#Prod264 .pickupDateSpan,
#Prod167 .pickupDateSpan {
	display: block;
}
#Prod264 .dropoffDateSpan,
#Prod167 .dropoffDateSpan {
	display: none;
}
#Prod264 .deliveryMessage,
#Prod167 .deliveryMessage {
	display: none;
}

#spanforCustom {
	display: none;
}
#Prod264 #spanforCustom,
#Prod167 #spanforCustom {
	display: block;
	clear: both;
	font-size: 13px;
	padding: 10px 0 20px 0;
	font-style: italic;
}

#CatPre-BuiltPackages .PinfoHolder,
#CatGraduation .PinfoHolder,
#CatPackages .PinfoHolder,
#CatBuildYourOwn .PinfoHolder,
#CatPre-BuiltPackages .getZipCode,
#CatGraduation .getZipCode,
#CatPackages .getZipCode,
.CatPage101 .getZipCode,
#CatBuildYourOwn .getZipCode,
.ProductPage .getZipCode,
#CatWinterTentPackages .PinfoHolder {
	display: block;
}

#CatPre-BuiltPackages .viewDetails,
#CatGraduation .viewDetails,
.CatPage101 .viewDetails,
#CatPackages .viewDetails,
#CatBuildYourOwn .viewDetails,
#CatWinterTentPackages .viewDetails,
.CatPage98 .viewDetails,
.CatPage99 .viewDetails,
.CatPage102 .viewDetails,
.CatPage100 .viewDetails {
	display: table;
}
.CatPage101 .PinfoHolder,
.CatPage101 .viewDetails {
	display: block;
}

#CatPackages .breadcrumbs {
	display: none;
}

.breadcrumbs .crumbs *:first-child {
	display: none;
}
/*
.CatPage .addonInfo{background-color:#e7e8d1;margin:30px 0;padding:5px}
.CatPage .addonInfo p{display:inline-block;margin:0 10px;line-height:2}
.CatPage .addonInfo a{float:right;margin-top:2px;}
*/
.CatPage .description {
	padding: 30px 0 0;
}

.CatPage .description iframe,
.CatPage .description object {
	max-width: 90% !important;
}

/* CART CHECKOUT */
.addonTable,
.cartTable2 {
	width: 100%;
	border-collapse: collapse;
	border: none;
}
.addonTable tr,
.cartTable tr {
	padding: 0;
	margin: 0;
	border: none;
}
.addonTable td,
.cartTable2 td,
.cartTable2 th,
.addonTable th {
	padding: 0;
	border: 1px solid #cfc291;
	text-align: center;
}
.addonTable th {
	border-top: none;
}

.cartHeaders {
	text-align: center;
}
.cartHeaders th {
	padding: 10px;
	background-color: #e7e8d1;
}
#cart .addonTable td:first-child {
	border-left: none;
}
.cartTable2 td.productImage {
	width: 144px;
	vertical-align: middle;
}
.cartTable2 td.productPrice {
}
td.productQty input {
	line-height: 2;
	padding-left: 1em;
	width: 100%;
}
.COzipCode {
	float: left;
	margin-top: 9px;
	margin-right: 10px;
}
#ZipCodeBox {
	margin: 5px 0;
}
#COzipsubmit.submit {
	background: #000;
	margin-top: 0px;
}
#shippingEstimate {
	background: #e7e8d1;
	float: right;
	min-height: 150px;
	padding: 14px;
	width: 289px;
}
#shippingEstimate hr {
	background: #fff;
	height: 2px;
	margin: 10px 0;
	width: 100%;
}
.checkoutShippingLeft {
	width: 400px;
	float: left;
	padding: 10px;
	background: url("/Content/images/tanDiamondBackground.jpg") repeat #d3ceaa;
}
.shippingIcon {
	float: left;
	margin-right: 5px;
}
#couponCodeBox #couponCode {
	width: 100%;
	display: block;
	margin: 5px 0;
}
.checkoutQuantityCouponShipping {
	padding: 10px;
	background: #e7e8d1;
}

#updateQtyBtn span {
	margin-top: -4px;
	margin-left: -4px;
}
#shippingEstimateBox {
	background: #e7e8d1;
	padding: 10px;
	margin-top: 30px;
}
#ShippingOptionContainer {
	font-size: 24px;
	font-weight: bold;
	color: #c80000;
	text-align: right;
}
.checkoutButtons.top {
	padding: 0 0 30px 0;
}
.checkoutButtons .button {
	margin: 0 10px;
}
.memberCheck .checkoutButtons {
	padding-top: 30px;
}
.memberCheck .checkout {
	width: auto;
	width: 65%;
}
.orDiv {
	display: inline-block;
}
#updateQtyBtn {
	clear: left;
	float: left;
	width: 30%;
	cursor: pointer;
}
.checkOutMember {
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	padding: 10px;
	width: 46%;
}
.headingNewCust {
	float: left;
}

.CheckoutLink a {
	float: left;
}
.CheckoutLink a:hover {
	float: left;
}

.checkoutGuest {
	float: left;
	margin-top: 7px;
	padding: 10px;
	width: 45%;
}

#subWDiscount,
.TotalDisplay {
	/*font-size:22px;*/
	font-weight: bold;
}
#mainContent .checkOutMember p,
#mainContent .checkoutGuest p {
	font-family: Arial;
	font-size: 13px;
	font-style: normal;
	margin-top: 10px;
}
.cartDetails {
	text-align: center;
}

#mainContent .cartDetails ul li {
	background: none;
	text-align: left;
	font-weight: normal;
	color: #9e9b8a;
}
#mainContent .cartDetails .prodName {
	font-weight: normal;
	text-align: left;
}
#mainContent .cartDetails ul {
	margin: 0;
	padding: 0;
}
#mainContent .cartDetails ul li {
	margin: 0;
	padding: 0;
}

.checkoutStep2 .heading {
	font-weight: normal;
}
.orderAddonDetails td,
.cartDetails td {
	padding-top: 10px;
	padding-bottom: 10px;
}
.cartDetails td.productQty {
	padding: 0;
	width: 100px;
}
td.productQty,
td.productPrice,
td.productRemove,
td.productTotal {
	width: 100px;
}
.productQty .qty {
	display: block;
}
.productQty .QuantityBoxes {
	background-color: #fbf7e4;
	border: 1px solid #cfc291;
	display: block;
	line-height: 3;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 80%;
	height: 39px;
}
.cartDetails .productRemove {
	width: 200px;
}
.addonTable .productRemove {
	width: 100px;
}
.cartDetails .productPrice {
	width: 100px;
}
.addonTable.addonContainer .productTotal,
.addonContainer .productRemove {
	border-right: none;
	border-left: 1px solid #cfc291;
}
.addonContainer .productName {
	border-left: none;
}
.addonTable tr.cartDetails:last-child td,
.addonTable tr.orderAddonDetails:last-child td,
.addonTable.addonContainer tr.addonDetails:last-child td {
	border-bottom: none;
}
#AddonCol210 > td,
.cartDetails > td.addonContainer {
	padding: 0;
}
.addonTable th.productTotal {
	border-right: none;
}

.noChange tr:last-child td {
	border-bottom: none;
}
.noChange .productTotal {
	border-right: none;
}
.checkTable.cartTable2 td.productPrice {
	border-right: 1px solid #cfc291;
}
.cartTable2 a {
	color: #000;
}
.cartTable2 a:hover,
.cartTable2 a:active,
.cartTable2 a:focus {
	color: #8e001c;
}
.cartBottom {
	margin: 30px 0 0;
}
#cartWrapper .leftColumn {
	width: 400px;
	margin-right: 100px;
}
#cartWrapper .rightColumn {
	text-align: right;
	margin: 0 0 0 100px;
	width: 400px;
}
#main #shippingEstimate {
	float: left;
	width: 100%;
}
#main #shippingEstimate #Total {
	font-size: 25px;
}
#main #subtotal {
	font-size: 18px;
}
#main h4.shippingEstimateTitle {
	margin-left: 0;
	margin-bottom: 4px;
	color: #2a363b;
}
.member-only {
	float: right;
	height: 140px;
	text-align: center;
	width: 200px;
}
#main .member-only h4 {
	margin-left: 0;
	margin-top: 40px;
}
.guest-checkout {
	float: right;
	height: 140px;
	text-align: center;
	width: 200px;
}
#main .guest-checkout h4 {
	margin-left: 0px;
	margin-top: 40px;
}
#shippingCalc {
	float: left;
	margin-left: 1px;
	margin-bottom: 22px;
	width: 100%;
}
#SIinnerCO {
	margin-left: 35px;
	font-size: 15px;
}

/* ACCOUNT */
.loginForm {
	width: 300px;
}
.loginForm .button {
	margin-top: 30px;
}

.column2 .editor-field,
.column2 .editor-label {
	width: 400px;
}
.column2 .editor-label label {
	display: block;
	line-height: 1.5;
	padding-top: 5px;
}

#AddressesMember .archivedAddress .addressLinks a {
	width: 45%;
	margin-left: 10%;
	float: left;
	text-align: center;
}
#AddressesMember .archivedAddress .addressLinks a:first-child {
	margin-left: 0;
}
#AddressesMember .archivedAddress .addressLinks {
	padding-top: 10px;
}
#AddressesMember .archivedAddress .addressContainer .addressDetails {
	min-height: 64px;
}
#addresses .buttonSet {
	padding-bottom: 30px;
}
#addresses .buttonSet a {
	margin-left: auto;
}

/* Errors */
.validation-summary-errors {
	font-weight: bold;
	color: #c80000;
}
.validation-summary-errors li {
	display: block;
	line-height: 2;
	margin: 0;
	padding: 0;
}
.validation-summary-errors ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.loginForm .checkoutLabel {
	display: block;
	font-weight: bold;
	line-height: 1.5;
	padding-top: 5px;
}
.error {
	color: red;
	font-weight: bold;
}
.field-validation-error {
	color: #c80000;
	display: block;
	line-height: 2;
	font-weight: bold;
}
.field-validation-valid {
	display: none;
}

input.error[name="ZipCode24"] {
	box-shadow: 0 0 3px #a00;
	color: red;
	font-weight: bold;
}

.pager a,
.pager span {
	padding: 10px;
	text-decoration: none;
}
.pager a:hover {
}
.pager {
	color: Black;
	font-size: 16px;
	padding: 10px;
}
.current {
}
.PaginationDisplay a,
.PaginationDisplay span {
	color: #8e001c;
	display: inline-block;
	font-family: chunkfiveroman;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
}
.PaginationDisplay a:hover,
.PaginationDisplay a:active,
.PaginationDisplay a:focus {
	color: #c80000;
	text-decoration: underline;
}
.PaginationDisplay span {
	color: #424242;
}
.PaginationDisplay {
	text-align: right;
}

#leftContentContainer {
	float: left;
	width: 24%;
}
.CAcityInputs {
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}
#billingandshipping {
	float: left;
	color: #484848;
}
.save {
	padding: 2px 4px;
	color: White;
	border: none;
	cursor: pointer;
}
#AddressState_Province {
	margin-top: 1px;
}
#accountBillingAddressH4 {
	color: #474747;
	margin-top: 12px;
	font-size: 14px;
}
#accountShippingAddressH4 {
	color: #474747;
	margin-top: 12px;
	font-size: 14px;
}
#bodyWrapper {
	clear: both;
	padding-top: 27px;
}

/* Address Information */

.shippingAddressCheckbox {
	padding: 2em 0 1em;
}
.finalAddress {
	width: 45%;
	margin: 0 2.5%;
	float: left;
}
.archivedAddress {
	width: 30%;
	margin: 0 1.5%;
	float: left;
}
.checkoutHeading {
	font-size: 1.5em;
	color: #424242;
	font-family: "chunkfiveroman";
	display: block;
}
.checkoutSubHeading {
	font-size: 1em;
	display: block;
	color: Black;
	font-weight: bold;
}
.archivedAddress .selectBillingShipping .button {
	display: block;
	margin: 10px 0 0;
	width: 100%;
}

.md-close {
	background: url(/Content/images/closeWindow.png) top center no-repeat;
	border: none;
	text-indent: -999999px;
	overflow: hidden;
	width: 55px;
	height: 16px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
/* General styles for the modal */

/* 
Styles for the html/body for special modal where we want 3d effects
Note that we need a container wrapping all content on the page for the 
perspective effects (not including the modals and the overlay).
*/
.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}
.md-perspective body {
	background: #222;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
}

.container {
	background: #e74c3c;
	min-height: 100%;
}
.md-modal {
	position: fixed;
	border: solid 4px #000;
	top: 50%;
	left: 50%;
	width: 729px;
	height: 579px;
	height: auto;
	z-index: 999;
	visibility: hidden;
	padding: 50px;
	background: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-show {
	visibility: visible;
}
.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 998;
	opacity: 0;
	background: rgba(256, 256, 256, 0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #fff;
	background: #e74c3c;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}
.md-content h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 2.4em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 3px 3px 0 0;
}
.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}
.md-content > div p {
	margin: 0;
	padding: 10px 0;
}
.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}
.md-content > div ul li {
	padding: 5px 0;
}
.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* Customization and Addons*/
#CustomizeTotalLeft {
	width: 70%;
	margin-right: 5%;
	float: left;
}
#CustomizationSummary {
	width: 25%;
	float: left;
}
#Customize .intro {
	padding: 0 0 30px;
}

.addonQues {
	padding: 10px 0 10px 10px;
}
.addonQues:nth-child(2n + 1) {
	background-color: #e7e8d1;
}
.addonQText {
	display: block;
	float: left;
	width: 580px;
}
.addonResponse {
	display: block;
	float: left;
	width: 50px;
}

.BreadcrumbItem a {
	display: block;
	text-decoration: none;
	color: #cfc291;
}
.BreadcrumbItem {
	background-color: #8e001c;
	color: #fff;
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
}
.BreadcrumbItem a:hover {
	color: #fff;
}

.AddOn {
	background: url("/Content/images/grayDiamondBackground.png") repeat scroll 0 0
		transparent;
	border: 1px solid #e7e8d1;
	margin: 0.5%;
	width: 31%;
	vertical-align: bottom;
	display: inline-block; /*float:left;*/
}
.SubCatAddons h3 {
	clear: both;
	display: block;
}
.AddOnImage {
	/*height:75px;*/
	background-color: White;
}
.AddOnName {
	clear: both;
	color: white;
	font-weight: bold;
	line-height: 1.25;
	padding: 10px;
	text-align: center;
	min-height: 60px;
}
.AddOnPrice {
	color: #fbf7e4;
	display: inline-block;
	float: left;
	font-family: "chunkfiveroman";
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	width: 50%;
	text-align: right;
}
.AddOnPriceLabel {
	width: 10%;
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	color: #fbf7e4;
	font-family: "chunkfiveroman";
	text-align: center;
	padding: 0 5px;
}
.AddOnQuantity {
	background: transparent;
	border: 1px solid #d3ceaa;
	color: #d3ceaa;
	display: block;
	float: left;
	font-family: "chunkfiveroman";
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	padding-left: 0.5em;
	text-align: left;
	width: 30%;
	outline: none;
	margin-top: -2px;
	height: 32px;
}
.SubCatAddons .AddOn:nth-child(3n-1) {
	clear: left;
}
.SubCatAddons h3 {
	padding: 30px 0 10px;
	border-bottom: 5px solid #c80000;
}
.AddOn a.lightbox {
	background: none repeat scroll 0% 0% #fff;
	display: block;
}
.AddOn .AddOnImage img {
	display: block;
	margin: 0 auto;
	max-width: 100px;
	max-height: 75px !important;
	height: auto;
	width: auto;
}

.errorLabel {
	margin: 5px;
}
.errorLabel .error {
	display: block;
	line-height: 1.25;
	text-align: center;
}
#CustomizationSummary .greyButton.checkout {
	margin-bottom: 10px;
}

#CustomizationSummary {
	background: url("/Content/images/tanDiamondBackground.jpg") repeat scroll 0 0
		#d3ceaa;
}
.ProductImage img {
	display: block;
	margin: 0 auto;
}
.cartDetails .productImage {
	padding: 0;
}
.productImage a,
.productImage a img {
	display: block;
	margin: 0;
	padding: 0;
}

#MainItem .ProductName {
	color: #8e001c;
	display: block;
	font-family: "chunkfiveroman";
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
#MainItem .ProductPrice {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
#Addons .ProductName {
	display: block;
	padding-left: 10px;
}
#Addons .acenter {
	display: block;
}
#Addons .ProductPrice,
#Addons .ProductQty,
#Addons .ProductTotal,
#Addons .char {
	display: inline;
}
.ProductImage {
	background: none repeat scroll 0 0 white;
	border-bottom: 5px solid #c80000;
	padding: 0;
}
#Addons .ProductName {
	font-weight: bold;
	padding-top: 10px;
	font-size: 14px;
	width: 80%;
}
#Addons .addonPriceRow {
	text-align: right;
	font-size: 14px;
	padding: 10px 10px 0 0;
	display: block;
	width: 100%;
}
#CustomizationTotal {
	font-weight: bold;
	text-align: right;
	font-size: 20px;
	line-height: 2;
	padding-right: 10px;
	border-top: 5px solid #c80000;
	margin-top: 5px;
}

/* Forgot Password */
.checkoutLabel.forgotPassword {
	display: block;
	line-height: 1.5;
	padding-top: 5px;
}
.checkoutField.forgotEmail {
	width: 300px;
}

/* Create Account */
.buttonSet {
	padding-top: 30px;
}
#ContactQuote .buttonSet {
	text-align: center;
	padding-top: 10px;
}
.signupTable .checkoutLabel {
	display: block;
	line-height: 1.5;
	padding-top: 5px;
	font-weight: bold;
}
.signupTable .confirm .checkoutLabel {
	padding-top: 26px;
}
label .extraInfo {
	color: #424242;
	font-size: 14px;
	font-weight: normal;
}
.signupTable .checkoutField {
	width: 300px;
}
.signupTable .block {
	width: 300px;
	float: left;
}
.signupTable .block.confirm {
	margin-left: 30px;
}

/* Responsive Styling
=====================*/
@media screen and (max-width: 1020px) {
	#cartWrapper .rightColumn,
	#cartWrapper .leftColumn {
		margin: 0;
		float: none;
	}
}

@media screen and (min-width: 1001px) {
	#mainContent #GetZipCode {
		width: calc(100% - 20px);
	}

	.packageCategories {
		position: sticky !important;
		top: 0 !important;
		left: 100% !important;
		right: unset !important;
		transform: translateX(calc(100% + 20px));
		margin-bottom: -364px !important;
		width: 300px !important;
	}
}

@media screen and (max-width: 1000px) {
	#mainContent #GetZipCode {
		width: 100%;
	}

	#CatGraduation .packageCategories,
	#CatBuildYourOwn .packageCategories,
	#CatPre-BuiltPackages .packageCategories,
	#CatWinterTentPackages .packageCategories {
		/*margin-right: -600px;*/
		margin-right: 0;
		display: none;
	}

	#CatGraduation .breadcrumbs,
	#CatBuildYourOwn .breadcrumbs,
	#CatPre-BuiltPackages .breadcrumbs,
	#CatWinterTentPackages .breadcrumbs {
		padding: 0 0 30px 0;
	}
}
@media screen and (min-width: 641px) {
	#mainContent table#addressTable,
	@mainContent table#addressTable2 {
		display: inline-block;
	}
	#mainContent table#addressTable {
		margin-right: 20px;
	}
	.addonQues .addonResponse:focus {
		background-color: Red;
	}
}
@media screen and (max-width: 640px) {
	#mainContent h1 {
		text-align: center;
	}
	#mainContent h1,
	.signupTable div,
	.signupTable .block,
	.signupTable .block.confirm,
	#pDeetsInfoWrapper,
	.purchaseInfo .buttonWrap,
	.checkoutButtons .button,
	.loginForm,
	form div[class^="column"],
	.left,
	#CustomizeTotalLeft,
	#CustomizationSummary,
	#ProductBG,
	#cartWrapper .leftColumn,
	#cartWrapper .rightColumn,
	#cart.cartTable2 {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		float: none !important;
	}
	#ccDiv .ccinfoBox,
	#ccDiv .creditExp,
	#ccDiv .ccinfoBoxCCV {
		width: 100%;
		margin: 0 auto;
		float: none !important;
	}
	#ccDiv .ccinfoBox,
	#ccDiv .creditExp,
	#ccDiv .ccinfoBoxCCV {
		padding-left: 0 !important;
	}
	#pDeetsInfoWrapper {
		padding: 5px;
	}
	#AddressesMember .archivedAddress .addressLinks a {
		margin-left: 0;
	}
	form div,
	form div input:not(input[type="radio"]):not(input[type="checkbox"]),
	form div div,
	form div div input:not(input[type="radio"]):not(input[type="checkbox"]) {
		width: 100% !important;
	}
	.productInfo {
		width: 100%;
		margin: 0;
	}
	.orDiv {
		text-align: center;
		width: 100%;
		padding: 0.5em;
	}
	.cartTable2 td.productImage {
		max-width: 61px;
		text-align: center;
		overflow: hidden;
	}
	.cartTable2 td.productImage img.prodImgTag {
		max-width: 125px !important;
		margin-left: -40px;
	}
	#addressTable tr,
	#addressTable td,
	#addressTable input,
	#addressTable select {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	#addressTable2 tr,
	#addressTable2 td,
	#addressTable2 input,
	#addressTable2 select {
		display: block;
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	.finaladdresses.group .finalAddress {
		float: none;
	}
	.addonQText {
		width: 100% !important;
	}
	.AddOn {
		width: 49% !important;
	}
	.mapComments {
		width: 100% !important;
	}
	#ccDiv label {
		text-align: left !important;
	}
	.checkoutShippingLeft {
		width: 100% !important;
	}
	.costBreakDownTable,
	.cartTable2.checkTable,
	.addonTable {
		float: none !important;
		max-width: unset !important;
	}
}

@media screen and (max-width: 630px) {
	#CatGraduation .getZipCode,
	#CatBuildYourOwn .getZipCode,
	#CatPre-BuiltPackages .getZipCode,
	#CatWinterTentPackages .getZipCode,
	.ProductPage .getZipCode {
		background: #fff;
		z-index: 0;
		display: block;
		padding: 10px 0;
		color: #8e001c;
		text-align: center;
		width: 100%;
		position: relative;
		margin: 0 auto;
	}

	#CatGraduation .getZipCode .button.greyButton,
	#CatBuildYourOwn .getZipCode .button.greyButton,
	#CatPre-BuiltPackages .getZipCode .button.greyButton,
	#CatWinterTentPackages .getZipCode .button.greyButton,
	.ProductPage .getZipCode .button.greyButton {
		margin: 10px 0;
	}
}
