@charset "utf-8";
/* CSS Document */

/*
	- ALL 3 SITES HAVE THE ABILITY TO PULL UP EACH OTHERS PAGES
	- MEANING EVEN IF THIS PAGE ISN'T CLICKABLE FROM THE SITE, IT CAN BE PULLED UP IF YOU HAVE THE URL

	- THE MAIN DIFFERENCES BETWEEN THE SITES ARE THE NAVIGATION, HOW TITLES (H1s) ARE DISPLAYED

	** If making a changes to the non-site specific sections please do this in the other two files as well
	- THIS FILE CONTAINS ONLY CORPORATE STYLES -- the other files (zee_style and sales_style) contain addition code specific to those sites
*/


/* COLOURS */
/*
	BLUE: #013a81;
	GREEN: #7fc241;
	DARKER GREEN (HOVER): #72ae3b

	GREY:#666
	MAIN BODY COLOUR:  #363535

*/

/* --------------------------------------------
	RESET*/
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/* END RESET
----------------------------------------------- */
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
	font-family: "Myriad Pro", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #363535;
}
ul {list-style: none;}
ol {list-style: decimal; margin-left:20px;}
img {
	border: none;
	outline: none;
}
table p{width:auto!important;}
strong, b {font-weight:bold;}
#wrapper {
	width: 1000px;
	margin:0 auto;
}

/* ALIGNMENT */
.centerAlign {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.floatLeft {float:left;}
.floatRight {float:right;}
.floatCenter {text-align:center;}
.textCenterAlign {text-align:center;}

.clearBoth {clear:both;}
.clearfix:before,
.clearfix:after{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}

/* TEXT */
h1, h2, .ModuleTitle{
	color: #e25e3a;
}
h1 {
	font-size: 24px;
	text-transform:none;
	letter-spacing: .5px;
	line-height: 26px;
}
h2, .ModuleTitle {
	font-size: 18px;
	clear:both;
	margin:15px 0 7px;
}
h2.colourChange { /*GOLD COLOUR FOR THE SALES SITE*/
	color:#6d174c;
	font-size: 29px;
	text-align:center;
}
h3 {/* USED WHEN YOU WANT A SUBTITLE WITHIN YOUR CONTENT */
	color:#013a81;
	font-weight:bold;
	font-size:16px;
}
.bold {
	font-weight: bold;
	padding-right: 15px;
}
a {
	color:#72ae3b;
	text-decoration:none;
}
a:hover {
	cursor: pointer;
	text-decoration:underline;
}
.arrow {
	display: block;
	list-style: none;
	padding: 10px 0;
	margin-left: 30px;
}
p {
	line-height: 22px;
	margin: 15px 0;
}

/* IMAGES */
.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}
.img--wBorder{
	padding: 5px;
	border:1px solid #CCD0D2;
	background:#fff;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* HR LINES */
hr {
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	filter: alpha(opacity = 30);
	clear: both;
	height: 0;
	margin: 15px 0;
}
hr:after { /* clearfix */
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}


.dottedSeparator {
	float:none;
	clear:both;
	padding: 10px 0px;
	border-top: 1px dotted #17065f;
}

.checkbox {
	width:auto;
	height:auto;
	background-color:transparent;
}
input type["checkbox"] {background-color:transparent;}
.shadow { /*INSET SHADOW*/box-shadow:inset 0 0 10px #000000;}

/* -----------------------------
	HEADER -- corporate site
-------------------------------- */
#topStripe {
	color: #fff;
	padding: 5px 0px 9px;
	background-color:#ececec;
	min-width:1000px;
}
#topStripe #divErrorMessage{
	float: left;
	width: 200px;
	font-size:smaller;
}
#newsletterSignup {
	float: left;
	padding:0;
	margin:0;
}
	#txtEmail_0{height:28px;}
#reqHI {
	text-align: right;
	padding: 7px 5px 0px 0px;
}
	#reqHI a {
		text-decoration: none;
		color: #525252;
		padding-right:0;
	}
#p2pLogo {
	float: left;
	margin: 20px 0;
}
#findInspectorBox {
	float: right;
	margin: 20px 0;
	background-color:#f9f9f9;
	padding:10px;
}
#findInspectorBox h2 {
	padding:0;
	margin: 0;
	font-weight:bold;
}
#findInspectorBox p {
	float: left;
	clear:both;
	width: 240px;
	margin:0;
}
#findInspectorBox input {
	margin:5px 8px;
	width:130px;
	height: 30px;
}
#findInspectorBox input.goButton{
	margin:5px 0 0;
	width: auto;
	padding: 5px 10px;
	border:0; /* for city pages ex http://www.pillartopost.com/ottawa */
}
#magnifyingGlass {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}
/*  -----------------------------
	SOME BUTTONS
--------------------------------- */
.bookInspButton,
.EditButton,
.goButton,
.LoginButton,
.longButton,
.RightColumn2Button,
.sales_getStartedButton,
.sliderButton,
.SubscribeButton,
.VoteButton
{
	background: #7fc241;
	border-radius: 4px;
	border:0;
	color: #fff;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	height:auto;
	letter-spacing:0px;
	padding: 6px 14px 4px;
	text-align: center;

	transition: .15s linear;
  	-webkit-transition: .15s linear;
  	-moz-transition: .15s linear;
}
	.bookInspButton,
	.LoginButton,
	.RightColumn2Button,
	.SubscribeButton,
	.sales_getStartedButton,
	.VoteButton{
		border:0;
		display:inline-block;
		float: right;
	}
	.LoginButton{float:left}
.bookInspButton {
	height: 31px;
	margin-top: 15px;
	padding-top: 2px;
	width: 178px;
}
.RightColumn2Button a {color: #fff;text-decoration: none;}

/* BTNS ON HOVER */
.goButton:hover,
.LoginButton:hover,
.EditButton:hover,
.sliderButton:hover,
.SubscribeButton:hover,

.RightColumn2Button:hover,
.bookInspButton:hover,
.longButton:hover,
.VoteButton:hover{background:#72ae3b;}


/* ---------------------------------
	LAYOUTS:
------------------------------------
	3 column layout
------------------------------------ */
.threeColumnLayout {
	float: left;
	padding-bottom: 20px;
	clear:both;
	width:100%;
}
.LeftColumn {
	float: left;
	width: 330px;
}
.CenterColumn {
	float: left;
	width: 330px;
}
.RightColumn {
	float: left;
	width: 330px;
}
.LeftColumn img,
.CenterColumn img,
.RightColumn img {
	background-color:#fff;
	padding:5px;
	border: 1px solid #efefef;
}
.colCopy {
	padding: 20px 20px 5px 5px;
  	line-height: 1.4;
}
/* ----------------------------
	2 column layout
------------------------------- */
.twoColumnLayout {
	float: left;
	padding-bottom: 20px;
}
.leftColumn2 ul {margin-left:35px;}
.leftColumn2 {
	float: left;
	width: 600px;
	line-height: 20px;
	margin-right: 30px;
}

.rightColumn2 {
	float: left;
	width: 340px;
	margin: 20px 0 0 30px;
}
.rightColumn2 h2,
.ModuleTitle {margin: 10px 0;}
	.rightColumn2 ul {line-height: 24px;}
.rightColumn2 a {
	text-decoration:none;
	color:#363535;
}
	.rightColumn2 a:hover {text-decoration:underline;}

/* end LAYOUTS
---------------------------- */

/* ----------------------------
		FOOTER
------------------------------- */
#btm_box,
.fbLike{float:left; clear:both;}
#btm_box{width:100%; line-height:22px;}
#btm_box ol,
#btm_box ul{margin-left:20px;}

#footer {
	float: left;
	padding-bottom: 15px;
	color:#666;
}
#footer h2 {
	text-transform: uppercase;
	color: #013a81;
	padding: 5px 0;
}
#footer li, #socialMediaLinks li {
	list-style:none;
	line-height: 25px;
	margin-left: 30px;
}
#footer a {
	color: #666;
	text-decoration: none;
}
#footer a:hover {color: #72ae3b}
#socialMediaLinks img {
	margin-right: 5px;
	padding:0;
	border:none;
}
#copyright {
	color: #E9EAEB;
	padding: 15px 0px;
	clear: both;
	background-color: #013a81;
	text-align:center;
}

/* when an admin is signed in, more links are added */
.footer-admin{
	margin-left: 30px;
  	margin-bottom: 20px;
  	line-height: 25px;
}

/* end Footer
---------------------------- */

/* ----------------------------
		NAVIGATION
------------------------------- */
#nav {
	width: 1000px;
	/*drop shadow*/
	-webkit-box-shadow:  0px 2px 5px #CCD0D2;
	box-shadow: 0px 2px 5px #CCD0D2;
	background-color:#E9EAEB;
	display:inline-block;
}
#dropDownNav {/*margin-left: 20px;*/}
	#dropDownNav ul {list-style-image: none;}
		#dropDownNav li {
			float : left;
			display : block;
		}
			#dropDownNav li a {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				color: #013a81;
				display : block;
				padding: 10px 15px;
				text-decoration : none;
			}
				#dropDownNav li a:hover,
				#dropDownNav li a.active {
					color : #72ae3b;
					text-decoration : none;
					width: auto;

				}
				#dropDownNav li ul {
					left : -999em;
					position : absolute;
					display: block;
					width: auto;
					margin-left: 10px;
					background-color: #E9EAEB;
					z-index: 100;

					font-size: 14px;
					text-align: left;
					list-style: none;
					-webkit-background-clip: padding-box;
					background-clip: padding-box;
					border: 1px solid #ccc;
					border: 1px solid rgba(0,0,0,.15);
					border-top:0;
					-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
					box-shadow: 0 6px 12px rgba(0,0,0,.175);
				}
					#dropDownNav li ul li {
						float : none;
						position : relative;
					}
						#dropDownNav li ul a {
							background-color : #E9EAEB;
							color: #013a81;
							padding: 10px 20px;
							font-size: 15px;
						}
							#dropDownNav li ul a:hover {background-color: #f5f5f5;}
								#dropDownNav li:hover ul,
								#dropDownNav li.sfhover ul {left : auto}


/* ------------------------------------------ MODULES ------------------------------------------------ */
/* 				NOTE: those modules that are found only in the right hand column
				(ex the one with the yellow house ) are separated here and found AFTER these
				search for: MODULE ELEMENTS RIGHT SIDE
*/
/* ----------------------------
	Home page Slider
---------------------------- */
#slider {
	float: left;
	padding: 40px 0;
	width: 1000px;
}
/* Required Functionality */
.container {
	width: 1000px;
	height: 300px;
	overflow: hidden;
	position: relative;
}
.slides {
	position: absolute;
	top: 0;
	left: 0;

	line-height: 1.5;
	font-size: 16px;
}
.slides img {
	float: left;
	margin-right: 15px;
	padding:5px;
	border: 1px solid #efefef;
}
.slides div {
	width: 1000px;
	float: left;
}

/* QUOTES -- ie right col slider */
.loopedSlider_quote,
.loopedSlider_quote .container,
.loopedSlider_quote .slides div {width: 340px;}


/* Optional */
.loopedSlider,
#newsSlider {
	float: left;
	padding: 10px 0;
	width: 1000px;
	position: relative;
	clear: both;
	z-index: 1;
}
.pagination { /* THIS PARTIALLY AFFECTS HOME TIPS EXPLORER BUTTONS */
	list-style: none;
	padding: 0;
	margin: 0;
}
	.pagination li {float: left}
	.pagination li a {
		padding: 2px 6px;
		color: #013a81;
	}
		.pagination li.active a {
			background-color: #013a81;
			color: #fff;
			text-decoration: none;
		}

/* ----------------------------
	CANADA/AMERICA MAP
------------------------------- */
.usaMap{
	float:left;
	clear:both;
	margin-top:10px
}
.consultationFormFieldContainer .dropdownMapSelection {clear: right;}
.dropdownMapSelection {
	float:left;
	clear:both;
}
.mapSmall {
	float:left;
	margin-left: 200px;
}
.mapSmall a {
	color: #013a81;
	font-weight:bold;
}
.mapSmall a:hover {color:#7fc241;}
.mapContainer p {clear:both;}
.mapContainer img {float:left;}

/* ----------------------------
		GALLERY IMAGES
------------------------------- */
.GalleryTab {
	clear:both;
	display:inline;
	float:left;
	margin-bottom:5px;
	width:100%;
}

/* ------------------------ */
/* -- GALLERY IMAGES -- gallery r-col is after gallery images w/captions -- */
.UntabbedPhotos {
	overflow:hidden;
	border-radius: 5px;
	background-color:#e9eaeb;
}
.rightColumn2 .UntabbedPhotos ul{
	margin:0 auto;
	width: 300px;
}
/*.currentphotos li {
	float:left;
	margin:5px 10px;
	height: auto !important;
	list-style: none;
}

	.currentphotos li img {
		border:5px solid #fff;
		cursor:pointer;
		width: 140px;
	}*/

	/* FAKE MASONRY EFFECT  -- if this is messed up then use the code above */
ul.currentphotos {
  clear: both;
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
  padding: 20px 0 0 0;
  position: relative;
  width: 340px;
  z-index: 9;
   }

   .currentphotos li{
          display: inline-block;
          list-style: none;
          margin-bottom: 20px;
          width: 100%;
          height: auto!important;
	}
	.currentphotos img{border:5px solid #fff;}

/* -- GALLERY IMAGES with CAPTIONS -- */
.RealtorPics li img{ width:auto!important;}
.ImageGalleryCaption {
	display:block;
	margin:2px 0;
	line-height:normal;
	width: 150px;
}
.ImageGalleryCaption p {width: 550px;}
.ImageGalleryCaption a {color:#007884;}
.InspectorBio {
	width:600px;
	margin-left:0px;
	overflow:hidden;
	padding: 15px 0px 5px 15px;
	border-radius: 10px;
	background-color: #E9EAEB;
}
.InspectorBio ul{margin:0;}
.InspectorCaption {width: 570px;}
.InspectorCaption p {
	width: 570px;
	line-height:18px !important;
}
.InspectorBio .currentphotos li img {
	float:left;
	margin-right: 10px;
}
.GalleryButton {height: auto;}

/* -- RIGHT COL GALLERY -- */
.rightColumn2 .galleryTabbed .ui-tabs-panel li{
	display:inline-block;
	margin:5px;
}
/*.rightColumn2 .currentphotos li img {width: 128px;}*/
.rightColumn2 .ImageGalleryCaption {
	font-size:11px;
	letter-spacing: 0px;
	width: 125px;
}



/* ----------------------------
	TABS
------------------------------- */
.galleryTabbed {
	margin-top: 20px;
	margin-bottom: 10px;
}
.galleryTabbed ul{/*list-style:none; -- while this fixes img galleries, it messes the other ul items on the page - ex tabs used in homeinspectionreport*/}
/* style for hiding panels */.ui-tabs-hide {display: none;}

/* tabs nav -- overriding jquery-ui.css styles */
.ui-widget-header{
	border:0;
	background:transparent;
	font-weight:normal;
}
.galleryTabbed .ui-tabs-nav{	margin-left:0px;}

.ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-active{
	float:left;
	max-width:105px;
	margin: 0 2px 0 0;
	line-height: 1.2;
	border:0;
	background:#013a81;
}

.ui-state-default a,
.ui-state-active a{
	color:#fff!important;
	cursor:pointer;
	display:block;
	padding: 5px 6px 3px 6px;
	min-height: 60px;
}
.ui-state-default a:hover,
.ui-state-active,
.ui-state-active a,
.ui-widget-header .ui-state-active{
	background: #E9EAEB;
	color:#013a81!important;
	border-radius: 4px 4px 0 0;
}
.ui-tabs-panel{/* rounded corner to tabs content */ border-radius:0 5px 5px 5px}
.ui-widget-content{/* tabs content */
	background: #E9EAEB;
	border:0;
	padding: 15px;
}
.ui-widget-content img{
	border: #fff solid 7px;
  	max-width: 150px;
}

/* ------------------------ */
/* -- FAQs -- */
#faqWrap h3.close {background-image:url(../img/close.gif);}
#faqWrap h3 {
	background:url(../img/open.gif) no-repeat scroll 0 10% transparent;
	cursor:pointer;
	padding-left:20px;
	margin-top: 10px;
}
.answer {
	padding: 10px 20px;
	letter-spacing:.5px;
	line-height:18px;
}
/* removing bootstrap css */
#faqWrap .close{
	float:none;
	font-size:16px;
	color:	#013a81;
	text-shadow:none;
	opacity:1;
	line-height:1.3;
}


/*  ----------------------------
	POP UP CONTACT FORM -- (footer click, "email to friend..." OR this link http://www.pillartopost.com/sendarticle )
	There is another popup contact form (pillartopost.com/contact) so below this are some fixes
 ----------------------------*/
#contact {width: 630px;}
#contact input {
	border:1px solid #CCD0D2;
	height: 30px;
	width:250px;
}

#contact .input {
	float:left;
	clear:both;
}
#contact .inputAddress {width: 550px;}
#contact label {
	color: #013a81;
	display:block;
	font-size:14px;
	letter-spacing:1px;
	margin:0;
	padding:0 0 7px;
	text-transform:uppercase;
}
#contact textarea {
	border:1px solid #CCD0D2;
	color:#3B3B3B;
	font-size:14px;
	font-family:"Myriad Pro", "Lucida Grande", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	height:100px;
	overflow:auto;
	padding:8px;
}
#contact select {
	border:medium none;
	color:#3B3B3B;
	font-size:12px;
	width:267px;
	padding:8px;
}
#contact .SubscribeButton{clear:both; margin:-40px 50px 0 0;}
/* Send article - shares much of the #contact styles found above */
#contact form fieldset {border:medium none;}
#frmSendLink .input{float:left; clear:none; margin:0 10px 10px 0;}
/* POPUP CONTACT FORM*/
#contact .consultationFormFieldContainer{background-color:transparent;}
.boxOutline {
	min-height:510px;
	border-radius: 10px 10px 10px 10px;
	border:6px #184B7C solid;
}
#contact .boxOutline {padding-left: 10px;}
#submitform .input {
	float:left;
	clear:none;
}
/* POPUP CONTACT FORM -- from /contact.php */
.boxOutline .consultationFormContainer {background:transparent}
#frmContact .SubscribeButton{margin:0 70px 0 0;}



/* ----------------------------
	2 column list formation within the 2 column layout -- used to be on the realtor alliances page
---------------------------- */
.twoColumnList {
	float:left;
	width: 290px;
	padding: 10px 10px;
	font-size: 15px;
	letter-spacing:.5px;
}
.twoColumnList li {
	line-height:normal;
	margin-top: 7px;
}


/* ----------------------------
	NEWS ARTICLES
------------------------------- */
#newsArticlesWrap {margin-top: 20px;}
.newsListing {
	border-bottom:dotted 1px #ccc;
	padding: 20px 0;
}
.newsListing:last-child{border-bottom:0;}
.newsListingImage {
	display: table-cell;
  	vertical-align: top;
	padding-right:10px;
}
.newsListingContent {
	display: table-cell;
  	vertical-align: top;
}
.newsListingContent p {
	float:left;
	margin:15px 0 0; /* for some reason margin was doubling up */
	width:100%; /* added because there are paragraphs that aren't wrapped in <p> and it's floating them beside the main image */
}
.newsListingContent img{margin-right:10px;}

/* ----------------------------
	PARTNER OFFERS
------------------------------- */
.partnerLogo {
	clear:left;
	float:left;
}
.pdfDownload {
	background:url(../img/download.png) no-repeat top left;
	padding-left: 20px;
}
.pdfIcon{	width: auto;}
.partnerContent {
	padding-left: 190px;
	margin-bottom: 40px;
	line-height:18px;
}
/* ----------------------------
	/Agreement page AKA faking a link for a <span>
------------------------------- */

.documentLink {/* faking a link */
	color: #72ae3b;
    	font-weight: bold;
    	text-decoration: none;
}
.documentLink:hover {
	text-decoration:underline;
	cursor: pointer;
}

/*  ----------------------------
ZEE SEARCH RESULTS -- ex http://www.pillartopost.com/spsearch/AB
 ------------------------------- */
.SearchResultsServiceProviders{font-size:16px;}
.SearchResultsServiceProviderList,
.SearchResultsServiceProviderList_alt{
	display:block;
	float:left;
	clear:both;
	padding:0 0 10px 10px;
	width:100%;
}
.SearchResultsServiceProviderList_alt {	background-color: #eeeeee;}
.SearchResultsServiceProviders h2{font-size: 17px;}
.infoColumn {
	width: 270px;
	/*padding-left: 15px;*/
	float: left;
}

/* ----------------------------
	HOME TIPS EXPLORER SLIDE OUT HOVER FEATRUE
------------------------------- */
.localTip {
	/* The main wrapping div of the slideout tips BOX YOU SEE */
	position:absolute;
	top:0;
	left:0;
	font-size:0px;
	color:#fff;
	overflow:hidden;
	height:22px;
	border: 1px solid #013a81;
	width: auto;
	margin:0;
	font-weight:bold;
	background:url(../img/open.gif) center left no-repeat #fff;
}
.localTip[title="Chimney"]{color:#fff;}
#cluetip-outer {
	background-color: #013a81;
	border: 1px solid #013a81;
	color: #fff;
	font-size: 13px;

	overflow: hidden;
	padding: 10px;
	position: absolute;
	top: 0px; left: 0;
}
#cluetip-title{color:#fff}
#cluetip-inner p {margin:0;}
#cluetip-close {
	float:right;
	margin-top:-20px;
	padding-right: 10px;
}
.clue-right-jtip .cluetip-arrows {background-image: url(../img/arrowleft.gif);}
.cluetip-arrows {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: none;
	height: 22px;
	left: -11px;
	position: absolute;
	top: 10px;
	width: 11px;
}
.virtualHouse p,
.virtualAttic p,
.virtualBedroom p,
.virtualBathroom p,
.virtualExterior p,
.virtualKitchen p,
.virtualStairs p {width:17px; /*auto;   use auto for the titles you see, currently I've taken them away*/}
.virtualHouse,
.virtualAttic,
.virtualBedroom,
.virtualBathroom,
.virtualExterior,
.virtualKitchen,
.virtualStairs {
	width: 475px;
	height:355px;
	float:left;
	position:relative;
}
.virtualHouse {background: url(../img/hometipsHouse.png);}
.virtualAttic {background: url(../img/attic.jpg);}
.virtualBathroom {background: url(../img/bathroom.jpg);}
.virtualBedroom {background: url(../img/bedroom.jpg);}
.virtualExterior {background: url(../img/exterior.jpg);}
.virtualKitchen {background: url(../img/kitchen.jpg);}
.virtualStairs {background: url(../img/staircase.jpg);}
/* HOME TIPS SLIDER -- actual slider container */
.leftColumn2 .container {
	width: 475px;
	height: 355px;
	border: 0px solid #fff;
	margin-left:50px;
}
.leftColumn2 .hometips_container {
	width: 475px;
	height: 355px;
	margin-left:50px;
	overflow: hidden;
	position: relative;
	clear:both;
}
.loopedSlider2 ul.pagination li a {
	background-color: #E9EAEB;
	color: #013a81;
	margin: 10px 5px;
	padding: 3px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	float:left;
	clear:both;
	/*curved border*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.loopedSlider2 ul.pagination li.active a {
	background-color: #7fc241;
	color: #fff;
}
.loopedSlider2 ul.pagination li a:hover {
	background-color: #013a81;
	color: #fff;
	text-shadow: 1px 1px 0 #184B7C;
}
.centeredPagination {
	float:left;
	clear:both;
	margin-top: 10px;
}
/* ----------------------------
	WHY SUBSCRIBE
------------------------------- */
.DivToolTip{
	visibility : hidden;
	position : absolute;
	padding : 15px;
	border : 1px solid #666666;
	border-radius: 4px;
	background : #fff;
	opacity : 0.9;
	margin : -20px 0 0 120px;
	width:300px!important;
}

/* ----------------------------
	 ALL FORMS
------------------------------- */
.consultationFormContainer,
.referralForm,
.SearchBox{
	margin-bottom: 15px;
	padding: 15px;
	background:#e9eaeb;
	border-radius: 5px;
}
.consultationFormContainer:after,
.referralForm:after,
.SearchBox:after,
.Subscribe:after{
	display: block;
	content: "";
	clear: both;
}
.leftColumn2 .consultationFormFieldContainer ul,
.leftColumn2 .consultationFormFieldContainer ul{margin-left:0;}
/* FORM ROW */
.advancedSearchEntryRow,
.consultationEntryRow,
.referralEntryRow,
.subscriptionEntryRow  {
	margin-bottom:10px;
	list-style-image:none;
	clear:both; /* here to fix "inspection time" alignment */
}
	.advancedSearchFieldLabel,
	.consultationFieldLabel,
	.referralFieldLabel,
	.subscriptionFieldLabel {
		color: #013a81;
		font-size: 14px;
		float:left;
		font-weight:bold;
		letter-spacing:0.5px;
		text-transform:uppercase;
		width:45%;
	}
	.consultationFieldSmallLabel{
		font-size:smaller;
		font-weight:normal;
		text-transform:none;
		line-height:normal;
		margin:0 10px 10px;
		display:block;
	}
	.advancedSearchEntryRow{/* removing arrow at the BUTTON li */ display:block;}

	.advancedSearchEntryRow input,
	.consultationEntryRow input,
	.consultationEntryRow select,
	.consultationEntryRow textarea,

	.referralEntryRow input,
	.referralEntryRow textarea,

	.subscriptionEntryRow input{
		border:solid 1px #ccd0d2;
		width: 55%;
		padding:6px 5px;
	}
	.referralEntryRow textarea{width:55%!important; height: 100px;}
	/* phone number */ .consultationEntryRow input.consultationFormPhoneNumberContainer{width:31%; max-width:68px}
	.captcha-entry{display:inline-block;}
	.leftColumn2 .captcha-entry{width:55%;}
	.captcha-entry input{width:100%;}
	.captcha-entry img{
		display:block;
		margin-bottom:10px;
	}
/* CALENDAR DROP DOWN */
/* this was affected by the tabbed gallery so I'm setting it back to normal */
.ui-datepicker.ui-widget-content{
	border: 1px solid #aaaaaa;
  	background: #ffffff;
	padding:2px
}
.ui-datepicker-calendar .ui-state-default{float:none;}

/* RIGHT COL CHANGES */
.rightColumn2 .consultationFieldLabel{width:100%;}
.rightColumn2 .consultationEntryRow input{width:100%;}
.rightColumn2 .consultationEntryRow input.consultationFormPhoneNumberContainer{width:30%; max-width:100%}
.rightColumn2 .captcha-entry{width:100%;}



/* code to change the calendar settings */
.yui-calcontainer {
	float: left;
	left: 30px;
	position: relative;
	top: 0;
}
.yui-skin-sam .yui-calendar .calheader {
	background: #fff;
	font-weight: bold;
	padding: 0 0 0em;
	text-align: center;
}
.yui-skin-sam .yui-calendar .calweekdayrow {height:auto !important;}
/* end calendar code*/


/* Unsubscribe form */
.UnsubscribeForm .captcha-entry{width:100%;}


/* LOG IN FORM and REGISTRATION FORM */
.LoginHeading {
  color: #013a81;
  font-size: 20px;
}
.RegForm table{width:100%;}
.LoginForm .InputTextbox,
.RegForm input{
	border:solid 1px #ccd0d2;
	padding: 6px 5px;
}
.LoginForm td,
.RegForm td{padding-bottom:10px;}
.RegForm .SubscribeButton{
	border:0;
	margin-right:180px;
	width:120px;
}

/* -- BLOG ENTRY FORM -- */
.BlogEntryImage img,
.BlogPostImg img {
  margin:20px 0;
  padding: 10px;
  border: 1px solid #efefef;
  max-width:100%;
}
.BlogPageByline,
.BlogEntryByline,
.BlogEntryTags{margin:10px 0; font-size:smaller;}
.ReturnToSearchResults{float:right}
/* visible when logged in and you are on a blog post */
#frmNewBlogEntry input,
#frmNewBlogEntry select,
#frmNewBlogEntry textarea{
	border:solid 1px #ccd0d2;
	padding: 6px 5px;
	width:100%;
	margin-bottom:10px;
}
#frmNewBlogEntry input[type="checkbox"]{width:auto;}
#frmNewBlogEntry .SubscribeButton{/* btn placement */
	width:48%;
	display:inline-block;
	margin-left:2%;
}
.BlogPostErrorMessage{/* error msg */color:#C00}


/* end FORMS
  ------------------------ */

/* --------------------------------------------------- MODULE ELEMENTS RIGHT SIDE --------------------------------------------------------- */
/* Right column elements with a background */
.container--wBg{
	background:#E9EAEB;
	border-radius: 4px;
	padding:15px;
	margin-bottom:20px;
}

/*NEWS ARTICLES */
.newsArticleList ul {margin-left: 30px;}
.newsArticleList ul a{color:#363535;}
.yellowHouse {
	float: right;
	background-image: url(../img/yellowHouse.png);
	background-repeat: no-repeat;
	width: 102px;
	height: 75px;
	margin-left: 10px;
}
.reportBinder {
	float: right;
	background-image: url(../img/cta-report-binder.png);
	background-repeat: no-repeat;
	width: 76px;
	height: 65px;
	margin-left: 10px;
}
/* -- MOST POPULAR POSTS -- */
#rightMostPopularPostsContent {margin-left: 30px;}
#rightMostPopularPostsContent ol {
	list-style-type:decimal;
	line-height: 22px;
}

/* ----------------------------
		TWITTER
------------------------------- */
.twitterBird {
  float: right;
  background: url(../img/twitterBird_blue_48.png) no-repeat;
  margin: -20px 0 10px 0;
  width: 49px;
  height: 43px;
}

/* ----------------------------
		POLL
------------------------------- */
.PollHeader {
	font-size : 24px;
	color : #f55945;
	padding-right : 7pt;
}
.PollQuestion {
	font-size : 18px;
	color: #013a81;
}
.PollAnswer {margin: 5px 0 0 15px;}

.PollResponses {
	margin-left:15px;
	overflow : hidden;
}
.PollResponsePercentage {
	color : #ff3333;
	width : 48px;
	margin-top : 7px;
	float : right;
	text-align: right;
}
.VoteThankYouButton {
	font-size : 24px;
	text-align:center;
	padding-top: 10px;
}
/* ----------------------------
		TAG CLOUD
------------------------------- */
.TagCloud {
	line-height : 2em;
	text-align : justify;
}
.TagCloud a {color:#013a81;}
.TagCloud a:hover {color:#7fc241;	text-decoration:none;}
.TagCloud10,
.TagCloud10 a {font-size : 0.9em;}
.TagCloud12,
.TagCloud12 a {font-size : 1em;}
.TagCloud1,
.TagCloud15 a {font-size : 1.05em;}
.TagCloud20,
.TagCloud20 a {font-size : 1.1em;}
.TagCloud30,
.TagCloud30 a {font-size : 1.2em;}
.TagCloud60,
.TagCloud60 a {font-size : 1.3em;}

/* end right col specific styles
------------------------------- */

/* ------------------------------------------------------ ONE-OFF STYLES -------------------------------------------------------------------- */
/* ----------------------------
	GREY BOX -- Your local inspector
------------------------------- */
.zeeWelcome{
	height:304px;
	background: #E9EAEB;
 	padding: 20px;
  	margin: 10px 0;
  	width: 70%;
  	float: left;
}
.pageTitle {
	font-size:30px;
	color: #013a81;
}
.zeeName {
	font-size: 18px;
	padding: 15px 0 0 0;
}
.zeeInspLocations {font-size: 16px;}
.zeeLocation {
	color:#7fc241;
	font-weight:bold;
}
/* Contact info */
#contactArea {
	padding-left: 20px;
	border-left: 2px solid #6D7184;
	line-height:22px;
	background: #E9EAEB;
  padding: 20px;
  margin: 10px 0;
  float: right;
  width: 30%;
}
#contactArea h2{margin:10px 0;}
#zeecontactArea {
	float:left;
	width:310px;
	height:auto;
	padding: 0 0 0 25px;
	border-left:2px solid #DCD2B7;
}
.zeeImgSmall {
	float:right;
	margin-top:-35px;
	padding:6px;
	background: #ffffff;
	/*drop shadow*/
	-webkit-box-shadow: 1px 3px 5px #ccd0d2;
	-moz-box-shadow: 1px 3px 5px #ccd0d2;
	box-shadow: 1px 3px 5px #ccd0d2;
	-o-box-shadow: 1px 3px 5px #ccd0d2;
	-icab-box-shadow: 1px 3px 5px #ccd0d2;
	-khtml-box-shadow: 1px 3px 5px #ccd0d2;
}

/*  ----------------------------
	Super Session
 ------------------------------- */
.supersession{font-family:Arial,Helvetica,sans-serif;font-size:12px}
.supersession td{vertical-align:middle}
.supersession h1{font-size:32px;margin:20px 0 5px;color:#000}
.supersession h2{font-size:24px;color:#000}
.supersession h2.header{margin:0;font-weight:700}
.supersession h3{font-size:18px;color:#306}
.supersession h4{font-size:14px}
.supersession .style2{font-size:18px;font-weight:700;color:#666}
.supersession .style3{font-size:16px;font-weight:700;color:#006;font-variant:small-caps;text-transform:capitalize}
.supersession ul{list-style:disc outside none;line-height:normal}

.inspectionChecklistBlurb{float:none;clear:both;}
.inspectionChecklistBlurb:after{
	content: " ";
     clear: both;
	display:block;
}

/* ----------------------------
	 SPONSOR BOX -- ex http://www.pillartopost.com/colorado
------------------------------- */
/*#sponsorbox {width:850px; background-color:#EEE; min-height: 200px; margin: 10px auto 0; border:1px solid #ccc; padding:25px 10px;}
#sponsorbox .c1 {float:left; width: 200px;}
#sponsorbox .c2 {float:left; width: 400px;}
#sponsorbox .c3 {float:left; width: 220px; background:#fefefe; padding:5px; border:1px solid #ccc;height: auto!important; min-height: 155px;}
#sponsorbox .imgbg {background-color:#ccc; border:1px solid #999; width: 135px; height:149px; margin:auto; padding:4px}
#sponsorbox h2, #sponsorbox h3 {margin:0px;}
#sponsorbox ul {line-height:normal}
#sponsorbox p {margin: 10px 0 0;}
#sponsorbox .c3 p {font-size:12px;}*/

#sponsorbox {
	width: 1000px;
	height:auto!important;
	background-color: #EEE;
	margin: 10px auto 0;
	border: 1px solid #ccc;
	padding: 25px;

	float:left;
	clear:both;
}
#sponsorbox .c1 {
	float: left;
	width: 20%;
}
#sponsorbox .c1 img{
	background-color: #ccc;
	border: 1px solid #999;
	padding:4px;
	width:100%;
	height:auto;

	max-width:125px;
	margin:0 auto;
	display:block;
}
#sponsorbox .c2{
	width:50%;
	float:left;
	padding:0 25px;
}
#sponsorbox .c3{
	float: left;
	width: 30%;
	background: #fefefe;
	padding: 5px;
	border: 1px solid #ccc;
}
#sponsorbox h2,
#sponsorbox h3 {
	margin: 0px;
}

/* ----------------------------
	ZEE three col boxes -- http://www.pillartopost.com/greaterdenver
------------------------------- */
.zeeServiceInfoWrap{
	background:#f7f7f7;
	font-size:18px;
	margin:0 5px;
}
	.zeeServiceInfoWrap h2 a{color:#fff; display:block;}
.RightColumn .zeeServiceInfoWrap{margin-right:0;}
	.zeeServiceInfoWrap h2{
		background:#013a81;
		color:#fff;
		font-weight:bold;
		padding:5px 10px;
	}
	.zeeServiceInfoWrap .zeeImg{float:left; margin:10px;}
	.zeeServiceLocation{ padding:5px 10px; float:left}
		.zeeServiceLocation span{color:#008C9A;}
		.zeeServiceLocation ul{
			list-style:disc;
			margin-left: 20px;
			float: left;
		}
	.zeeContactInfo{
		background:#e9eaeb;
		clear:both;
		padding:5px 10px;
	}

.VisitCounter {color: #FFFFFF;}

/*  ----------------------------
	POSTNOTES STYLES
 ------------------------------- */
.ptpNotes td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.ptpNotes .one {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	margin-right: 0px;
}
.ptpNotes p{
	line-height:normal;
	width:auto;
	padding: 5px;
}
.ptpNotescenter{text-align:center;}

/* CSS for ePostNotes - provided by Matthew Murchie */
#ptpepostnotes p{line-height:140%; margin: 0 0 15px;}
#ptpepostnotes li {line-height:140%; margin:0 20px 15px;}
#ePostNotes td,
#ptpepostnotes td {vertical-align:top;}
#ptpepostnotes .shadow {box-shadow:6px 6px 8px #999999;}
#ptpepostnotes ul {list-style: disc outside}
/* newer CSS for ePostNotes --  provided by Matthew Murchie -- added by Adrianna */
#ePostNotes,
#ptpepostnotes,
#ptpepostnotes p {font-family:'calibri', Arial, Helvetica, sans-serif !important; size:14px;}
#ptpepostnotes p strong {font-family:'calibribold', Arial, Helvetica, sans-serif !important;}
#ptpepostnotes p em,
#ptpepostnotes p i {font-family:'calibriitalic', Arial, Helvetica, sans-serif !important;}

/* end one-off styles
------------------------------- */

/* ------------------------------------------------------- LITEBOX.CSS -------------------------------------------------------------------- */
/*								LITEBOX.CSS -- moved into this file for less calls										*/
.SEMModule{
	width: 60%;
	z-index: 1000;
	position: fixed;
	left:35%;
	top: 10%;
	margin:0;
	padding:0;
}
#transparency{
	width : 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.transparent{
    opacity: 0.2;
    filter:alpha(opacity=20);
	margin: 0;
}
.transparent a:link, .transparent a:visited, .transparent a:hover{
    cursor: default;
    text-decoration: none;
}
.white_content {
	display:none;
	z-index:1002;
}
.litebox_close{
	background: url(../img/litebox/closeButton.png) top left no-repeat;
	height:19px;
	width:19px;
	z-index: 1004;
	border:none;
	position: absolute;
	right: -20px;
	top: -10px;
	cursor:pointer;
}
.litebox_button{
	background: url(../img/litebox/button_blue.png) top left no-repeat;
	width:106px;
	height:30px;
	border:none;
	color: #004b54;
	text-shadow: 1px 1px 0 #00a9bd;
	font-weight:bold;
	cursor:pointer;
	margin-right: 120px;/* this is here only because IE is being stupid and is floating the button left instead of putting it on a new line*/
}
.litebox_button:hover{color: #FFFFFF;}
.ErrorMessages{color:#C00}

/* -- Handyman specific -- */
#litebox_handyman1,#litebox_handyman2{width:527px;margin:0 auto}
#litebox_handyman2{text-align:left}
#body_handyman{padding:30px;box-sizing:border-box;background:#fff;-webkit-box-shadow:0 0 10px 5px #C7C7C7;box-shadow:0 0 10px 5px #C7C7C7}
.e-signatureVideo{cursor:pointer}
#body_handyman iframe{display:block;margin:20px auto 0}
.handymanTitle{color:#B12D42;font-size:25px;line-height:normal;margin:0}
.input_handyman{margin-right:20px;margin-bottom:15px}

/* -- Atlanta specific -- */
#litebox_atlanta1,#litebox_atlanta2,#litebox_atlanta3{max-width:678px;width:100%;margin:0 auto}
#litebox_atlanta3{text-align:left}
#body_atlanta{padding:30px;box-sizing:border-box;background:#fff;-webkit-box-shadow:0 0 10px 5px #C7C7C7;box-shadow:0 0 10px 5px #C7C7C7}
.atlantaTitle{color:#B12D42;font-size:25px;line-height:normal;margin:0}
.messageWindow{height:70px;margin-bottom:20px;font-family:Arial,Helvetica,sans-serif;overflow:auto}
.input_atlanta{margin-right:10px;margin-bottom:15px}
.numberedBox{background-color:#399;height:24px;width:27px;display:inline-block;text-align:center;color:#fff;vertical-align:top;padding-top:3px;margin-right:9px}

/* -- EZPost/Upsell specific -- */
#litebox_upsell_video{margin:0 auto;text-align:center}
#body_upsell_video{padding:30px;box-sizing:border-box;background:#fff;-webkit-box-shadow:0 0 10px 5px #C7C7C7;box-shadow:0 0 10px 5px #C7C7C7}
#body_upsell_video iframe{display:block;margin:40px auto;width:100%;max-width:792px}
.upsellVideoModule{width:60%;height:560px;z-index:1000;position:fixed;left:17%;top:10%;margin:0;padding:0}
.litebox_upsell_close{background:url(../img/litebox/closeButton.png) top left no-repeat;height:19px;width:19px;z-index:1004;border:none;position:absolute;right:-20px;top:-10px;cursor:pointer}

/* 	END LITEBOX.CSS
------------------------------- */

















/* VIDEO EMBED -- from bootstrap */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}




.navbar-collapse{padding:0;}
.navbar-toggle-btn{display:none;}
.btn-readMore{
	margin:20px;
	background-color:#7fc241;
}


/* 	MOBILE
------------------------------- */


@media screen and (max-width: 767px){
.navbar-collapse.in{overflow-y:visible}

.navbar-toggle-btn{display:block;}
#topStripe,
.centerAlign,
#wrapper,
.loopedSlider, #newsSlider{min-width:100%; width:100%;}
#wrapper{position:relative /* this is for the sliding nav */}
#footer{
	width:100%;
	padding:20px;
}


/* LAYOUT */
.twoColumnLayout{
	width:100%;
	margin:0;
	padding:0;
}
#mainHeaderContent{
	width:100%;
	margin:0;
	padding:0 20px;
}

.LeftColumn,
.CenterColumn,
.RightColumn{
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

	width:33.33333333%;
}

.leftColumn2,
.rightColumn2{
	width:100%;
	margin:0;
	padding:20px;
}

.rightColumn2{/* add a border to top to create separation from main content */
    background:rgba(0, 0, 0, 0.05);
    border-top: 2px solid rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    clear: both;
    margin: 40px 0 0;
	padding-bottom:40px;
}



/* NAV top bar */
#topStripe {
	border-top:5px solid #ececec;
	background:none;
}
#topStripe .centerAlign{display:none;}
#newsletterSignup{
	float:none;
	display:block;
	text-align:center;
}
#topStripe #divErrorMessage{
	float:none;
	width:100%;
	text-align:center;
}
#reqHI{
	display:block;
	text-align:center;
}


/* NAV - MAIN */
#p2pLogo img{/* centered and responsive*/
    display: block;
    margin-right: auto;
    margin-left: auto;
	max-width: 100%;
    height: auto;
}
.navbar-toggle-btn{
	float:right;
	color:#013a81;
	text-transform:uppercase;
}
.label--menu{

}
.navbar-toggle{
	background:	#fff;
	margin-top:-9px;
}
.navbar-toggle .icon-bar{
		background:	#013a81;
}

#nav{
	position:absolute;
	top:25px;
	left:0;
	width:100%;
	z-index:1000;

	-webkit-box-shadow: 0px 0 0 #CCD0D2;
    box-shadow: 0px 0 0 #CCD0D2;
}


#dropDownNav li{
	width:100%;
}
#dropDownNav li ul{
	position:relative;
	left: 0;
    border: 0;
    box-shadow: none;
	margin-left:0;
}




/* FOOTER */
.fbLike iframe {padding-left:15px; width:100%!important;}


/* homepage slider */
.loopedSlider{display:none;}


/* HOMEPAGE -- remove this because we'll need to add a class name to get these images to be responsive */

.threeColumnLayout img{
	display: block;
    max-width: 100%;
    height: auto;
}









/* Search Results */
.SearchResultsServiceProviders{}
.infoColumn{
	width:100%;
}

/* NEWS */
.newsListingImage{
	display:block;
	float:left;
	width:100%;
	margin-bottom:5px;
}
.newsListingImage img{width:auto; float:left;}

/* Inspector Bio -- /home-inspection-professionals  */
.InspectorBio{
	width:100%;
}


/* POST NOTES -- online version of emails */
#ptpepostnotes table{
	width:100%	!important;
}
#ePostNotes td, #ptpepostnotes td{
	display: block;
    width: 100%!important;
}

/* HOME TIPS EXPLORER */
.leftColumn2 .hometips_container{
	margin-left:0;
	width:300px;
}






/* SEND ARTICLE -- form ex. http://www.uatptp.com/sendarticle */
#contact{
	width:100%;
}
.boxOutline{
	float:left;
}
#contact .boxOutline {
    width: 100%;
    padding: 10px;
    margin: 0;
}
#frmSendLink .input{
	width:100%;
	margin:0 0 10px 0;
}
.boxOutline textarea{width:100%!important; height:150px;}
#contact input{width:100%;}
#contact .SubscribeButton{
	width:100%;
	margin:10px 0 0 0;
	border:0;
	height:auto;
}


/* REGIONAL SEARCH - ex devptp.com/colorado */
#sponsorbox {
	width: 100%;
}



} /* end 767px */



@media screen and (max-width: 600px){

.threeColumnLayout{
	padding-left:15px;
	padding-right:15px;
}
/* this affects the footer as well as the homepage 3 cols */
.LeftColumn,
.CenterColumn,
.RightColumn{
	width:100%;
	padding-left:0;
	padding-right:0;
}


#footer{text-align:center}
#footer li, #socialMediaLinks li{list-style:none;margin-left:0;}




}




@media screen and (max-width: 570px){
body{font-size:16px}
h2, .ModuleTitle{font-size:20px}
#topStripe{font-size:14px;}

/* every image centered and respsonsive */
.twoColumnLayout img{
    display: block;
    margin-right: auto;
    margin-left: auto;
	max-width: 100%;
    height: auto;
}



#p2pLogo{
	float:none;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align: center;
	clear:both;
}
#findInspectorBox{
	float:none;
	width:100%;
	max-width:400px;
	font-size:16px;
	margin:0 auto;
	text-align:center;
}
#magnifyingGlass{margin-top:17px;}
#findInspectorBox input{
	width:auto;
	margin: 15px 8px;
}
#findInspectorBox p{
	float:none;
	width:auto;

}
#findInspectorBox a{margin-left:10px}
#findInspectorBox input.goButton{font-size:18px}


/* HOME TIPS EXPLORER */
.slides div{
	width:300px;
}
.virtualHouse, .virtualAttic, .virtualBedroom, .virtualBathroom, .virtualExterior, .virtualKitchen, .virtualStairs{
	background-size:cover;
	height:	224px;
	width:100%;
}


/* SIDEBAR -- RELATED BLOG POSTS*/
.RelatedBlogPostsImage img{
	margin-left:0;
}
.RelatedBlogPostTitle{font-weight:bold}

/* SIDEBAR -- Looped Slider Quotes */
.loopedSlider_quote, .loopedSlider_quote .container, .loopedSlider_quote .slides div{
	width:300px;
}
.TagCloud{display:none;}



/* MAPS */
.mapContainer>img{
	display:none;
}

.mapContainer .mapSmall{
	display:none;
}

.dropdownMapSelection{
    width: 100%;
    padding: 15px 5px;
	margin-bottom:20px;
}
.mapSmall{
	width:100%;
	margin-left:0;

}
.mapSmall img{margin-right:10px;}

/* TABS  */
.ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-header .ui-state-active{
	width:100%;
	max-width:100%;
	height:auto;

	border-bottom: 1px solid black;

}

.ui-state-default a, .ui-state-active a{
	min-height:auto;
	padding:10px;
}
.ui-state-default a:hover,
.ui-state-active,
.ui-state-active a,
.ui-widget-header .ui-state-active{
	border-radius:0;
	padding:10px 10px 10px 20px;
}
/*.ui-state-default a, .ui-state-default a:link,*/ .ui-state-default a:visited{
	border-bottom: 1px solid black;
	padding:10px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
	border-radius:0;

}




/* FORMS */

/* labels */
.advancedSearchFieldLabel, .consultationFieldLabel, .referralFieldLabel, .subscriptionFieldLabel{
	width:100%;
}
/* input */
.advancedSearchEntryRow input, .consultationEntryRow input, .consultationEntryRow select, .consultationEntryRow textarea, .referralEntryRow input, .referralEntryRow textarea, .subscriptionEntryRow input, .SelectSearchBox{
	width:100%!important;
	height:36px;
}
/* input phone field */
.consultationEntryRow input.consultationFormPhoneNumberContainer{width:25%!important;}
/* captcha */
.leftColumn2 .captcha-entry{width:100%;}
/* button */
.bookInspButton, .EditButton, .goButton, .LoginButton, .longButton, .RightColumn2Button, .sales_getStartedButton, .sliderButton, .SubscribeButton, .VoteButton{
	padding: 10px 20px 8px;
	font-size:18px;
}
/* newsletter button @ top bar is affected by above code */
#newsletterSignup .SubscribeButton{
	font-size:15px;
	padding: 6px 14px 4px;
}


/* FORM - SIDEBAR */
/* phone number fields */
.rightColumn2 .consultationEntryRow input.consultationFormPhoneNumberContainer{
	width:25%!important;
}




/* IMAGE GALLERIES */


/*tabbed gallery */
.galleryTabbed img{margin:0;}
.ImageGalleryCaption{width:100%!important;}
.galleryTabbed ul li{
	height:auto!important;
	margin-bottom:10px;
}
ul.galleryTabbed--img-list{
	list-style:none;
	margin-left:0;
}



/* three step boxes on homepage */
.BottomBox{padding:0 15px 20px}
.box1Top,
.box2Top,
.box3Top{
	background:none;
	position:relative;
	margin-top:20px;
	width:70px;
	height:70px;
	background:red;
	border-radius:35px;
}
.box1Top:before,
.box2Top:before,
.box3Top:before{
    font-size: 40px;
    color: #fff;
    top: 24px;
    position: absolute;
    left: 24px;
    font-weight: bold;
}
.box1Top{background:#b12d42;}
.box2Top{background:#008c9a;}
.box3Top{background:#17065f;}
.box1Top:before{content: "1";}
.box2Top:before{content: "2";}
.box3Top:before{content: "3";}

.boxContent{
	width:100%;
	height:auto;
	margin:-40px 0 0 0;
	border-radius:15px;
	padding:50px 15px 15px;
	text-align:center;
}
.servicesBoxTitle{
	width:100%;
	margin-top:0;
	margin-bottom:10px;
	display:block;
}



/* articles - share buttons */
.ShareIcon img{
	display:inline-block;
	margin-right:7px;
}



/* 	 SPONSOR BOX -- ex http://www.pillartopost.com/colorado
------------------------------- */
#sponsorbox .c1 {	width: 30%;}
#sponsorbox .c2{
	width:70%;
	padding:0 0 0 25px;
}
#sponsorbox .c3{
	width: 70%;
	margin-left:30%;
	padding:10px;
}

}





@media screen and (max-width: 420px){

	/* 	 SPONSOR BOX -- ex http://www.pillartopost.com/colorado
------------------------------- */
#sponsorbox .c1 {	width: 100%;}
#sponsorbox .c2{
	width:100%;
	padding:25px 0;
}
#sponsorbox .c3{
	width: 100%;
	margin-left:0
}

}