<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media (min-width: 1000px) {
}
.emailcontainer {
	position:relative;
}
#emailstatus {
	position:absolute;
	top:84px;
	left:16px;
	color:red;
}
.paymentform,
#paymentConfirmation {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

#paymentConfirmation {
	padding: 25px;
}

ol {
	margin:0px;
	padding:0px;
}
ol &gt; li {
	list-style-type: none;
	display:inline-block;
}
body {
background-color: #cccccc !important;
	margin:0px;
	padding:0px;
}
h1 {
	font-size:22px;
}
.container {
		width:1200px;
		margin:auto;
}
	.header a {
		color:white;
		text-decoration:none;
	}
	.header {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:14px;
		color:white;
		background: linear-gradient(#627d4d 0%, #1f3b08 100%);
		padding:10px;
	}
	.header &gt; div  {
		display:inline-block;
		width:49%;
		vertical-align:top;
	}
	.header &gt; div &gt; div {
		background:green;
	}
	.header &gt; div &gt; div &gt; div {
		background:blue;
	}
	.header &gt; div:nth-child(2) {
		background-image: url('/templates/posthousing/images/headerbg.png')
	}
.paymentform input[type="text"],
.paymentform input[type="email"],
.paymentform input[type="password"] {
  /* Add some padding and a border to the input fields */
  padding: 12px;
  border: 1px solid #ccc;

  /* Add some margin to the input fields */
  margin-bottom: 15px;

  /* Set the width of the input fields */
  width: 100%;

  /* Style the placeholder text */
  ::placeholder {
    color: #999;
  }
}


/* Media queries */
@media (max-width: 600px) {
  .paymentform {
    /* Set the width of the form to fit the content on smaller screens */
    width: 100%;

    /* Increase the font size on smaller screens */
    font-size: 1.2em;
  }
}

label.agree {
	font-weight: bold;
	font-size: 18px;
	border: 1px solid #ccc;
	padding: 15px 20px;
	margin: 15px auto;
	width: 150px;
	display: block;
}

label.agree input {
	padding-right: 15px;
}

.fancybox-image, .fancybox-iframe{
	display:inline !important;
}
.callout {
	display:block;
	background:#fff;
	position:relative;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	text-align:center;
	width:302px;
	height:180px;
	margin:0px 40px;
	display:inline-block;
	vertical-align:top;
	box-shadow: 4px 2px 16px #666;
}
.callouticon {
	position:absolute;
	height:100px;
	width:100px;
	border-radius:50%;
	left:50%;
	margin-left:-50px;
	top: -50px;
	background:#fff;
}
.calloutheading{
	font-size:20px;
	color:darkgreen;
	font-weight:bold;
	padding: 15px 10px 0px;
	position:relative;
}
.calloutcontent{
	font-size:14px;
	padding:0px 10px;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.purchaseBtn{
	background-image:url('/media/com_posthousing/images/purchase.png');
	background-repeat:no-repeat;
	background-position:center center;
	height:61px;
	width:316px;
	margin:0 auto;
	text-shadow: none;
	color:#fff;
	font-weight:bold;
	line-height:61px;
	font-size:22px;
	margin-top:50px;
	cursor:pointer;
}
.purchaseBtn2{
	background-image:url('/media/com_posthousing/images/purchase.png');
	background-repeat:no-repeat;
	background-position:center center;
	height:61px;
	width:316px;
	margin:0 auto;
	text-shadow: none;
	color:#fff;
	font-weight:bold;
	line-height:61px;
	font-size:22px;
	margin-top:30px;
	cursor:pointer;
	margin-bottom:50px;
}
.advertiseHeading{
	font-size:62px;
	color:#fff;
	margin-bottom:0px;
	line-height:normal;
}
.advertiseSlogan{
	font-size:20px;
	color:#fff;
}
.advertiseHeader{
	text-shadow: 3px 3px #000;
	margin-top:175px;
	position: absolute;
}
.advertiseHeaderContainer{
	background-image:url('/media/com_posthousing/images/info_default_bg.jpg');
	background-repeat:no-repeat;
	height:600px;
	text-align:center;
	position:relative;
}
.advertiseBenefits{
	margin-top:-50px;
}
.listingBenefitsContainer{
	background-image:url('/media/com_posthousing/images/green-bg.jpg');
	background-repeat:no-repeat;
	height:390px;
}
.benefitsLeft,
.benefitsRight {
	color:#fff;
	font-weight:bold;
	padding:35px;
	font-size:14px;
}
.benefitsLeft h2,
.benefitsRight h2,
.listNowCallout h2{
	font-size:32px;
	line-height:1.0em;
}
.listNowCallout{
	color:#333;
	text-align:center;
	margin-top:50px
}
.listNowCallout div p{
	padding:0px 160px;
}
#bbblink{
	margin-bottom:20px !important;
}

@media handheld, only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 12px;box-shadow:none;width:300px;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;}
	.calloutheading{font-size:16px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:300px;background-position: center center}
}

@media handheld, only screen and (max-width: 800px), only screen and (max-device-width: 800px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 1px;box-shadow:none;width:248px;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;}
	.calloutheading{font-size:16px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:300px;background-position: center center}
}

@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 220px;box-shadow:none;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;width:230px;margin:0px 4px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:300px;background-position: center center}
}

@media handheld, only screen and (max-width: 640px), only screen and (max-device-width: 640px) and (orientation: landscape){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 160px;box-shadow:none;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:300px;background-position: center center}
}

@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) and (orientation: landscape){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 20px;box-shadow:none;}
	.advertiseBenefits{margin-top:80px;}
	.callout{min-height:220px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:300px;background-position: center center}
}

@media handheld, only screen and (max-width: 414px), only screen and (max-device-width: 414px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 48px;box-shadow:none;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:240px;width:300px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:450px;background-position: center center}
}

@media handheld, only screen and (max-width: 411px), only screen and (max-device-width: 411px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 48px;box-shadow:none;width:300px}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:450px;background-position: center center}
}

@media handheld, only screen and (max-width: 384px), only screen and (max-device-width: 384px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 60px;box-shadow:none;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:450px;background-position: center center}
}

@media handheld, only screen and (max-width: 375px), only screen and (max-device-width: 375px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 25px;box-shadow:none;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:450px;background-position: center center}
}

@media handheld, only screen and (max-width: 360px), only screen and (max-device-width: 360px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 20px;}
	.callout{margin:0px 25px;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;box-shadow:none;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:450px;background-position: center center}
}

@media handheld, only screen and (max-width: 320px), only screen and (max-device-width: 320px) and (orientation: portrait){
	.listingBenefitsContainer{background-repeat:repeat-y;min-height:390px;height:100%}
	.benefitsLeft, .benefitsRight{padding:10px 20px;}
	.benefitsLeft h2, .benefitsRight h2{font-size:22px;}
	.listNowCallout div p{padding:0px 5px;}
	.callout{margin:0px 5px;width:300px;}
	.advertiseBenefits{margin-top:0px;}
	.callout{min-height:220px;box-shadow:none;}
	.advertiseHeader{margin-top:0px;}
	.advertiseHeaderContainer{height:450px;background-position: center center}
	.purchaseBtn, .purchaseBtn2{width:308px;}
	.advertiseHeading{font-size:36px;}
}

#businessDetailsForm input[type="text"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="time"],input[type="url"],
#businessDetailsForm textarea,
#businessDetailsForm select {
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/*width: 90%;*/
	background: #ededed;
	margin-bottom: 0px;
	/*
	border: 1px solid #ccc;*/
	border:none;
	padding: 3%;
	color: #555;
	font: 95% Arial, Helvetica, sans-serif;
	max-width:468px;
	color:#212121;
}
#businessDetailsForm input[type="text"],
#businessDetailsForm select{
	min-height:46px;
}
#businessDetailsForm select{
	width:100% !important;
}
#businessDetailsForm,
#paymentDetailsForm{
	background-image:url('/media/com_posthousing/images/advertising_form_bg.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:30px;
	background-size: cover;
}
#formFieldsContainer,
#paymentFieldsContainer{
	max-width:1080px;
	margin:0 auto;
	float:none;
	overflow:hidden;
	padding:40px;
	background-color:#fff;
}
#formFieldsContainer div.c4,
#formFieldsContainer div.c6,
#formFieldsContainer div.c3,
#paymentFieldsContainer div.c4,
#paymentFieldsContainer div.c6,
#paymentFieldsContainer div.c3 {
	padding: 15px;
}
#formHeader{
	font-size:36px;
	color:#fff;
	margin-top:100px;
	text-shadow:2px 2px #000;
}

.nextBtn, .paynowBtn{
	background-image:url('/media/com_posthousing/images/next-button.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-color: transparent;
	height:61px;
	width:186px !important;
	text-shadow: none;
	color:#fff !important;
	font-weight:bold;
	line-height:61px;
	font-size:22px;
	margin-top:40px !important;
	margin-bottom:42px;
	margin-right:40px;
	cursor:pointer !important;
	text-align:center;
	float:right;
	border: 0;
	}
#businessDetailsForm label{color:darkgreen; font-weight:bold; font-size:16px;}

#steps{color:#ccc; font-size:24px;}
#steps span{color:darkgreen;}
#steps icon{font-size:18px;}

.ccformPage {
	background: #fff;
	padding: 40px 20px;
}
</pre></body></html>