/*** General Document Styling ***/

* { margin: 0; }
html, body { height: 100%; }

body {
/*background: #fce46d;*/
background: #ebe8e1 url(/resources/images/mws/ihouseppc.com/body_bg.gif) repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color: #000;
}

a, a:visited {
color:#dd9200;
text-decoration:underline;
font-weight:700
}

a:visited {
text-decoration:none;
}

a:hover {
color:#4c4b4b;
text-decoration:none;
}
/* Clearing method without Structural Markup */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
/* for IE/Mac */	
.clearfix { display: inline-block; } 
/* for IE/Win */
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

#wrapper {
width: 950px;
min-height: 100%;
height: auto !important;
height:100%;
margin:0 auto -90px;
padding:0 0 25px 0;
}

#header {
margin: 0 auto;
padding: 0;
background: url(/resources/images/mws/ihouseppc.com/header_bg.gif) no-repeat 0 0;
height: 108px; 
width:950px;
position:relative;
}

#logo {
position:absolute;
top: 30px; left: 10px;
}

#GauranteeBanner {
position:absolute;
top: 0px; right: 0px;
}

#primaryNav { 
position:absolute;
top: 43px; left: 290px;
}

#sideBar {
margin: 25px 0 0;
padding: 0;
width:240px;
text-align:center;
float:left;
}

#content {
margin: 25px 0 0;
padding: 0px 0px 20px;
width:680px;
float:right;
background: url(/resources/images/mws/ihouseppc.com/bg_content.gif) no-repeat top center;
position: relative;
text-align: center;
}

#contentBottom {
display: block;
margin:0;
padding:0;
width:680px;
height:20px;
float:right;
background: url(/resources/images/mws/ihouseppc.com/bg_content_bottom.gif) no-repeat bottom center;
}

h1 {
margin: 10px auto 20px;
padding: 20px 40px 10px;
background: url(/resources/images/mws/ihouseppc.com/h1_bg.gif) no-repeat bottom center;
font-size:  26px/* "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif*/;
color: #1a4368;
font-weight: 500;
line-height: 28px;
text-align:left;
}

h2 {
margin: 12px 40px 6px;
padding: 0;
font-size:  15px;
font-weight:500;
color: #234861;
line-height: 22px;
text-align:left;
}

h3 {
margin: 14px 40px 6px;
padding: 0;
color: #565656;
line-height: 18px;
text-align:left;
font-weight:700;
}

p {
margin: 10px 40px 8px;
padding: 0;
color: #565656;
line-height: 18px;
text-align:left;
}

em {
font-style:italic;
font-size:11px;
}

img.left {
float:left;
padding: 6px 20px 6px 45px;
}

img.right {
float:right;
padding: 6px 45px 6px 20px;
}

img.center {
padding: 15px 0;
margin: 0 auto;
}

img.hspace {
/*vertical-align: top;
*/margin: auto 10px;
}

.addpad {
	margin: 7px 30px;
	}

img.offer{ float:left; padding:0; margin: 5px 10px 0px 50px;}

ul {
margin: 5px 35px 5px 60px;
}

.features li {
list-style: url(/resources/images/mws/ihouseppc.com/product/checkmark.gif) outside;
line-height: 18px;
font-size: 12px;
margin:-3px 0 10px 15px;
text-align:left;
color: #565656;
}
ul.howdoesitwork {margin:20px 90px 5px 115px;}
.howdoesitwork li {
list-style: url(/resources/images/mws/ihouseppc.com/product/checkmark.gif) outside;
line-height: 18px;
font-size: 12px;
margin:-3px 0 10px 0;
text-align:left;
color: #565656;
}


/***** Diagram *****/
noscript p, noscript ol { color: #a00; font-size: 11px; line-height: 1.5em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }	
.stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; }
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
div.slider-wrap { 
	margin:20px auto 10px auto;
	padding:0;
	position: relative;
	width: 580px;
	height:400px;
	background: url(/resources/images/mws/ihouseppc.com/diagram/btn-bg.gif) no-repeat bottom;
	border: 1px solid #e7e7e7;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 580px; height: 325px; background: #fff; overflow:hidden; margin:0; padding:0; }
/*.csw {width: 580px; height: 350px; background: #fff; overflow: scroll}*/	
div.slider-wrap p.loading {
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
	margin:0;
	padding:150px 0 0 0;
	text-align:center;
	display:block;
	width:580px;
	height:250px;
	background:#fff;
}		
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0px solid #e7e7e7; /* this is the border. should have the same value for the links */
	margin:0 auto;
	width: 580px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 325px;
	clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	/*left: 0; top: 0;*/
	width:100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	min-height: 325px;
	background: #f0efe9 url(/resources/images/mws/ihouseppc.com/diagram/panel_bg.jpg) no-repeat top;
	position: relative;
	width: 580px; /* Also specified in  .stripViewer  above */
}
/* Wrapper to give some padding in the panels, without messing with existing panel width */
.stripViewer .panelContainer .panel .wrapper { padding: 0px; }
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin:0;
	padding:0;
	background:#ede9dd;
	width: 580px;
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	width: 100%;
	margin:0;
	padding:0;
}
.stripNav ul li {
	float: left;
	width:116px;
	/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	margin:0;
	padding:0;
	}
.stripNav a { /* The nav links */
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform:uppercase;
	line-height: 33px;
	background: url(/resources/images/mws/ihouseppc.com/diagram/tab-off.gif) no-repeat center;
	color: #6b6b6b;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
.stripNav li a:hover {
	background: url(/resources/images/mws/ihouseppc.com/diagram/tab-hover.gif) no-repeat center;
	color: #6b6b6b;
}
.stripNav li a.current {
	background: url(/resources/images/mws/ihouseppc.com/diagram/tab-on.gif) no-repeat center;
	color: #fff;
	font-weight:700;
}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	bottom: 5px;
	text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
	display: block;
	height: 32px;
	width: 118px;
}
.stripNavL { left: 10px; }
.stripNavR { right: 10px; }
.stripNavL { background: url(/resources/images/mws/ihouseppc.com/diagram/btn-previous.jpg) no-repeat center; }
.stripNavR { background: url(/resources/images/mws/ihouseppc.com/diagram/btn-next.jpg) no-repeat center; }
.diagramLft{ position:absolute; top: 0px; left:0px; }
.copyRghtSide {
	margin: 0;
	padding: 0;
	display:block;
	width: 220px;
	height: 325px;
	position:absolute;
	top: 0px;
	right:0px;
	background: url(/resources/images/mws/ihouseppc.com/diagram/copy_bg.jpg) no-repeat; 
}
.copyRghtSide h2 {
	color: #fff;
	padding: 16px 15px 4px;
	margin: 0;
	line-height: 18px;
}
.copyRghtSide p { color: #fff; padding: 12px 15px 6px; margin:0; line-height:16px; }
.copyRghtSide ul { color: #fff; padding: 10px 0 0 15px; margin: 0;}
.copyRghtSide ul li { padding:0 0 5px 0; list-style:circle; font-size:12px; line-height:12px;  margin: 0;}
.copyRghtSide img.signUp{
	float:right;
	padding:5px 10px;
	margin:0;
}

/***** FAQs *****/

ol.faq_question {
margin:0;
padding: 0px 40px 15px;
}

ol.faq_question li {
list-style: decimal; 
font-size:14px;
color:#444;
margin: 0 0 0 30px;
padding: 0 0 5px 0;
line-height: 16px;
text-align:left;
}

ol.faq_question li a{ font-weight:500; color: #387faf;}


p.faq_title {
margin-top: 15px;
font-size: 14px;
line-height: 16px;
color: #333;
border-bottom:2px solid  #e7e7e7;
}

.faq_top a {
font-size:10px;
font-weight:700;
color:#C3143D;
}

/*****  Pricing *****/
.goldPackage{ 
	background: url(/resources/images/mws/ihouseppc.com/goldpackage_bg.gif) no-repeat; 
	padding: 15px 15px 15px 130px;
	margin: 15px 40px;
	border: 2px solid #e0ba01;
	text-align: left;
}

.platinumPackage{ 
	background: url(/resources/images/mws/ihouseppc.com/platinumpackage_bg.gif) no-repeat; 
	padding: 15px 15px 15px 130px;
	margin: 15px 40px;
	border: 2px solid #c6c6c3;
	text-align: left;
}

.pricing {
color: #565656;
line-height: normal;
text-align:left;
font-size: 14px;
}
.pricing h2 {
margin: 0 0 9px;
padding: 0;
font-size:  16px;
font-weight:500;
color: #234861;
line-height: normal;
text-align:left;
}

.pricing p {
margin: 6px 0 8px;
padding: 0;
}
.pricing strong { font-weight: bold; }
.pricing ul {
margin: 3px 15px 5px 5px;
}
.pricing ul li {
list-style: square;
margin-left: 12px;
}
.pricing span { 
	font-weight: bold;
	margin-left: 8px;
}


/***** Product Tiles *****/
#productTile{
	width:200px;
	height: 165px;
	margin: 10px;
	position:relative;
}

#productTile .bgImage{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	border: 1px solid #ddd;
}

#productTile .tagline{
	position:absolute;
	z-index:5;
	right: 10px;
	top: 48px;
	font-size:12px;
	font-weight:700;
	}

#productTile p{ position:absolute;
	top: 72px;
	line-height: 14px;
	font-size:12px;
	z-index:5; 
	padding: 0 15px;
	margin:0;}

#productTile .productBtn{ 
	position:absolute;
	z-index:5;
	left: 23px;
	top: 135px;}
	
.tileDisplay{
	border:0;
	margin: 15px auto;
	}
	
.tileDisplay td {
	padding: 10px 20px;}

/***** Contact Form *****/
#Form { 
	text-align:left;
	width: 480px;
	margin: 15px auto 0;
	padding: 20px 30px 0px;
	background: url(/resources/images/mws/ihouseppc.com/form.gif) no-repeat;
}

#FormBottom {
	display:block;
	width: 540px;
	height:15px;
	margin: 0 auto;
	background: url(/resources/images/mws/ihouseppc.com/form_bottom.gif) no-repeat top left;
}

#Form label { color: #606060; font-size: 1.4em;}
#Form input { font-size: 1.4em; width: 250px; height: 25px; margin:5px 0 20px 0; padding-left: 7px;}
#Form select { font-size: 1.2em; width: 250px; height: 25px; margin:5px 0 20px 0; padding-left: 7px;}
.rightBar { float:right; width: 180px; }
#Form p { margin:0; padding:5px 0;}
.excerpt {
	font-size:14px;
	font-style:italic;
	color: #666666;
}
.caption {font-size:11px; color:#666666;}
.name_bg {
	background: url("/resources/images/mws/ihouseppc.com/name.gif") no-repeat center left;
}
.email_bg {
	background: url("/resources/images/mws/ihouseppc.com/email.gif") no-repeat center left;
}
.phone_number_bg {
    background: url("/resources/images/mws/ihouseppc.com/number.gif") no-repeat center left;
}
#Form textarea{ margin:5px 0 20px 0; padding: 7px; width:250px;height:100px}

/*#Form #btnSubmit { height:37px; width: 144px; margin:0; padding:0;}
*/
#Form .btnSubmit{ height:38px; width: 98px; margin:0; padding:0;}
#Form .btnContact{ height:37px; width: 144px; margin:0; padding:0;}
#Form .btnSample{ height:37px; width: 164px; margin:0; padding:0;}

input.fieldWithError, select.fieldWithError { background-color:#FF0; }
ul.errors li { color:red; text-align:left; }
.err { font-weight:700; color:#C3143D; }

/***** Samples ********/
.module {
	border: 2px solid #ebe7de;
	margin: 15px 40px 10px;
	padding: 10px 15px;
}
.module h2 {
	margin:0 0 8px;
	font-weight: bold;
}
.module p {
	margin:0 0 6px;
}
.module .right { padding:0; margin-left: 20px; }
.module .left { padding: 0; margin-top: 8px; }
.livechat {
	width: 200px;
	height: 90px;
	float: right;
	margin: 0 40px 0 15px;
	}

/* only run the png fix on the elements that need it - give them class 'png_fix' */
.png_fix { behavior: url(/resources/images/mws/ihouseppc.com/iepngfix.htc) }



/*****   Testimonials *****/
.cxQuoteTop {
margin: 10px auto 0px;
width: 240px;
height: 22px;
background: url(/resources/images/mws/ihouseppc.com/cx_testimonial_top.gif) no-repeat top;
}
p.cxQuoteBg {
color:#384048;
line-height: 14px;
font-size: 11px;
text-align: left;
margin: 0px auto;
width: 200px;
padding: 0 20px 35px;
background: url(/resources/images/mws/ihouseppc.com/cx_testimonial.gif) no-repeat bottom;
}

p.cxname {
color:#7d7d7d;
line-height: 12px;
font-size: 12px;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 80px; 
}
p.location {
font-style:italic;
color:#015e8f;
line-height: 10px;
font-size: 10px;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 80px; 
}

p.viewAll {
text-align: left;
padding: 0px;
margin: 3px 0px 0px 80px;
}

p.viewAll a {
line-height: 14px;
font-size: 10px;
text-decoration:underline;
text-transform:uppercase;
}
/***** Footer *****/
#footerWrap, .push{ height: 90px; }
.push{clear:both;}
#footerWrap{ 
text-align:center;
margin: 0;
padding:0;
background: #ffde41 url(/resources/images/mws/ihouseppc.com/bg_footer.gif) repeat-x;
position:relative;
}

#footer{
padding: 30px 0 0;
font-size: 10px;
color:#585B62;
width:940px;
margin: 0 auto;
height:50px;
}
#footer a,#foot a:visited { color:#1a4368; }
#footer a:hover,#foot a:active { color:#1a4368; }
.accreditation{ display:none;}
#footerCopy {
float:left;
text-align:left;
width: 500px;
margin: 0;
padding: 0;
}

#footerLinks {
text-align: right;
float:right;
width: 400px;
margin: 0;
padding: 0;
}

#col1 {
text-align:left;
margin: 10px auto;
width:289px;
}


.topCap {
background: url(/resources/images/mws/ihouseppc.com/subContentTop.gif) no-repeat top;
display: block;
width:289px;
height: 190px;
margin: 0;
}

.bottomCap {
display: block;
height:15px;
width:289px;
margin: 0;
background: url(/resources/images/mws/ihouseppc.com/subContentBottom.gif) no-repeat bottom;
}

.topCap h2 {
font-family: Trebuchet MS;
color: #0072ae;
padding: 16px 20px 12px;
width:249px;
font-size: 18px;
line-height: 20px;
font-weight: normal;
background: url(/resources/images/mws/ihouseppc.com/subContentTop.gif) no-repeat top;
margin:0 ;
}



.topCap p {
color: #384048;
font-size: 14px;
line-height: 16px;
width:249px;
padding: 8px 20px 4px 0;
margin: 0 0 0 20px;
}

#quickForm {
display: block;
width:235px;
margin: 5px auto 0;
padding: 4px 0px;
}

p.caption {
font-size: 10px;
margin: 5px 8px;
padding: 0;
}

#quickForm label { 
display:block;
padding: 0;
color: #384048;
font-size: 12px;
margin: 0 5px 6px 0;
width: 40px;
float:left;
clear:left;
}

#quickForm input { 
font-size: 10px; 
width: 180px; 
height: 14px; 
padding: 0;
margin: 0 0px 10px 0;
float:left;}

#quickForm input.phone { 
font-size: 10px; 
width: 100px; 
height: 14px; 
padding: 0;
margin: 0 0px 8px 0;
float:left;}

#quickForm #btnSubmit { 
height:26px;
width: 78px;
margin: -4px 0 0 5px;
padding:0;
float:left;
}