img, div { behavior: url(http://www.houseshout.co.uk/resource/iepngfix.htc) }
html, body, p, h1, h2, h3 { margin:0px; padding:0px; color:#4c4c4c; }
body { background:#c9d0bf url(../images/body_bg.gif) repeat-x top center; font-family:"Trebuchet MS", Geneva, Arial, sans-serif; }
p { font-size:13px; line-height:23px; margin:0 0 12px 0 }
h1 { background-repeat:no-repeat; }
h2 { margin:0 0 10px 0; font-size:24px; line-height:28px; font-weight:normal; }
h3 { margin:0 0 10px 0; font-size:15px; line-height:14px; }
hr { width:100%; height:1px; background:#7fa448; color:#7fa448; margin:20px 0 30px 0; border:none; }
.orange { color:#e9980c; }
h2 a { color:#4c4c4c; text-decoration:none; }
a.inline { color:#000; text-decoration:none; border-bottom:1px dotted #666; padding-bottom:1px; }
a.inline:hover { border-bottom:1px solid #666; }
a.inlinebold { color:#000; text-decoration:none; border-bottom:1px dotted #666; padding-bottom:1px; font-weight:bold; }

.sitewidth {display:block; width:1008px; margin:0px auto; }
.wrapper { height:920px; background:#e2e2e2 url(../images/wrapper_bg.gif) no-repeat; position:relative; }
.wrapper_double { height:100%; background:#e2e2e2 url(../images/wrapper_repeat.gif) repeat-y; }
.footer { height:80px; background:#888 url(../images/footer_bg.gif) repeat-y; position:absolute; top:920px; } 

#logo {	width:134px; height:110px; position:relative; left:20px; top:7px; }
#logo a { width:134px; height:110px; display:block; background: url(../images/houseshout.gif) no-repeat; text-indent:-9999px; outline:none; }
				
#slogan {  position:absolute; left:400px; top:10px; width:444px; height:52px; display:block; background: url(../images/slogan_handwritten.gif) no-repeat; text-indent:-9999px; }
		
/* Nav */
#nav { height:45px; width:800px; position:absolute; top:73px; left:181px; }
#nav ul { margin:0; list-style:none; display:inline; padding:0; }
#nav li { margin: 0; padding:0; display:inline; }
#nav li#mm_1 a, #nav li#mm_2 a, #nav li#mm_3 a, #nav li#mm_4 a, #nav li#mm_5 a, #nav li#mm_6 a,
.mm_1_active, .mm_2_active, .mm_3_active, .mm_4_active, .mm_5_active, .mm_6_active { display:block; background:url(../images/nav_link_v6.gif) no-repeat left; text-indent:-9999px; float:left; height:45px; outline:none; }
#nav li#mm_1 a, .mm_1_active { width:85px; background-position:0;  }
#nav li#mm_2 a, .mm_2_active { width:80px; background-position:-85px; }
#nav li#mm_3 a, .mm_3_active{ width:80px; background-position:-165px; }	
#nav li#mm_4 a, .mm_4_active { width:64px; background-position:-245px; }	
#nav li#mm_5 a, .mm_5_active { width:55px; background-position:-309px; }	
#nav li#mm_6 a, .mm_6_active { width:188px; background-position:-364px; }	
.mm_1_active, .mm_2_active, .mm_3_active, .mm_4_active, .mm_5_active, .mm_6_active { background-image:url(../images/nav_active_v6.gif); }
#nav li#mm_1 a:hover, #nav li#mm_2 a:hover, #nav li#mm_3 a:hover, #nav li#mm_4 a:hover, #nav li#mm_5 a:hover, #nav li#mm_6 a:hover { background-image:url(../images/nav_hover_v6.gif); }			


/* Intro panels to hide */
#displaypanel1, #displaypanel2, #displaypanel3, #displaypanel4, #displaypanel5 { display: none;	}
#displaypanel1 { display: block; }

/* Intro panel */
.intropanel, .intropanel_small  { width:980px; display:block; position:absolute; left:14px; top:128px; }
.intropanel { height:330px;  background: #a6ca5f url(../images/intro_pane_330.gif) no-repeat;  }
.intropanel_small { height:110px; background: #a6ca5f url(../images/intro_pane_110.gif) no-repeat; }
.launchflag { background: #a6ca5f url(../images/intro_pane_330_launch.gif) no-repeat;  }

.words_holder { display:block; position:absolute; left:40px; top:30px; width:586px; height:45px; background: no-repeat; text-indent:-9999px; }
.title-benefits { background: url(../images/titles_benefits.png); }
.title-partners { background: url(../images/titles_partners.png); }
.title-signup { background: url(../images/titles_signup.png); }
.title-thanks { background: url(../images/titles_thanks.png); }
.title-launch { background: url(../images/titles_launch.png); }
.title-overview { background: url(../images/titles_overview.png); }
.title-news { background: url(../images/titles_newsandthingswelike.png); }
.title-limitedtime { background: url(../images/titles_limitedtime.png); }
.words_holder_tour { display:block; position:absolute; left:80px; top:60px; width:480px; height:230px; background: no-repeat; text-indent:-9999px; }
.title-tailored { background: url(../images/intro_tailored.png); }
.title-maximumresults { background: url(../images/intro_maximumresults.png); }
.title-trusted { background: url(../images/intro_trusted.png); }
.title-noagents { background: url(../images/intro_noagents.png); }
.title-onetime { background: url(../images/intro_onetime.png); }

.image_holder { display:block; position:absolute; }

/* Buttons */
.button_holder { width:120px; height:30px; display:block; position:absolute; left:98px; top:280px; }
.button_holder a { display:block; width:159px; height:30px; background: #dd9506 no-repeat; text-indent:-9999px; outline:none; }
a.taketour { background: url(../images/btn_tour_link.png); }
a.taketour:hover { background: url(../images/btn_tour_active.png); }
a.next { background: url(../images/btn_next_link.png); }
a.next:hover { background: url(../images/btn_next_active.png); }
a.more { background: url(../images/btn_more_link.png); }
a.more:hover { background: #dd9506 url(../images/btn_more_active.png); }
a.benefits { background: url(../images/btn_benefits_link.png); }
a.benefits:hover { background: url(../images/btn_benefits_active.png) ; }

/* Text columns */
.column {
	width:450px;
	display:block;
	position:absolute;
	left:105px;
	top:300px;
}
p.large-intro { padding:0px; margin:0px; color:#4c4c4c; font-size:16px; line-height:26px; }
.news { width:780px; }
.benefits_left, .benefits_right { width:390px; display:block; position:absolute; left:75px; top:260px; }
.benefits_right p.offer { color:#C60; }
.benefits_right { left:530px; }
p.postedby { font-size:9px; margin:0 0 8px 0; }

/* Sign up box */
.signup {width:320px; height:288px; display:block; background: url(../images/signin_box.gif) no-repeat; position:absolute; left:590px; top:500px; padding:20px; }
.signup p { font-size:12px; line-height:18px; width:320px; }
.signup h3 { color:#6c6c6c; font-size:21px; line-height:21px; width:320px; font-weight:normal; }
.w158 { height:158px; background: url(../images/signin_box-158.gif) no-repeat; }
.w128 { height:128px; background: url(../images/signin_box-128.gif) no-repeat; }
.w340 { height:340px; background: url(../images/signup-box-340.gif) no-repeat; }
.signup-tips { width:420px; height:487px; display:block; background: url(../images/signin_box-blue.png) no-repeat; position:absolute; left:500px; top:500px; padding:20px; }

h3.topmargin { margin-top:20px; }
p.terms{ font-size:10px; margin-top:17px; line-height:14px; text-align:center; color:#666; }

#promo {width:852px; height:158px; display:block; background: url(../images/promo_box.gif) no-repeat; position:absolute; left:76px; top:1580px; padding:20px; }
#promo h4 { padding:0px; margin:0 0 10px 0; color:#C60; font-size:21px; line-height:23px; width:800px; font-weight:normal; text-align:center; }
#promo p { color:#C60; font-size:13px; line-height:22px; width:800px; text-align:center; }

.formdisplay { border-top:1px solid #999; padding-top:20px; }
.formbox { width:320px; display:block; margin:20px 0 0 0; text-align:center; }
label {font-size:12px; color:#4c4c4c; }

.item { display:block; margin:40px 0px; }
.feature_head { display:block; width:100%; height:30px; position:relative; }
.feature_head h3 { display:inline; float:left; }
.feature_head img { display:inline; float:left; margin:0 0 0 20px; position:absolute; top:-26px; }

.highlight-title { color:#1577a5; }

a.boldlink { color:#4c4c4c; font-weight:bold; padding:30px 34px 30px 0; text-decoration:none; background: url(../images/small_arrow_link.png) no-repeat right; outline:none; }
a.boldlink:hover { background: url(../images/small_arrow_active.png) no-repeat right;  }

a.boldbacklink { color:#4c4c4c; font-weight:bold; padding:30px 0 30px  34px; text-decoration:none; background: url(../images/small_backarrow_link.png) no-repeat left;  outline:none; }
a.boldbacklink:hover { background: url(../images/small_backarrow_active.png) no-repeat left;  }
.floatleft {float:left; }
.floatright {float:right; }
.fullwidth { width:100% }

.footertext a { margin:30px 0 0 38px; float:left; color:#FFF; text-decoration:none; border-bottom:1px dotted #DDD; padding-bottom:1px; }
.footertext a:hover { border-bottom:1px solid #DDD;}

.sbookmark { position:absolute; top:18px; left:858px; }

a#link-twitter { display:block; text-indent:-9999px; width:198px; height:34px; float:left; background: url(../images/twitter.png); border:none; text-decoration:none; }

.copyright { margin:35px 38px 0 0; float:right; }
.copyright p { margin:0px; padding:0px; font-size:10px; color:#444; }

#text_column_left p.tickpoint { background:url(../images/tick.png) no-repeat; padding:0 0 0 30px; margin:0 0 0 30px; }
.marginspace { margin-top:12px; }

.videopane { height:361px; width:704px; background:#FFF url(../images/video_pane.jpg) no-repeat; position:absolute; top:300px; left:140px }
.video-desciption {  position:absolute; top:20px; left:454px; width:220px; }
.video-desciption p { padding:0px; margin:0px; color:#4c4c4c; font-size:13px; line-height:20px; }

.newspic { float:right; padding:5px; margin:0 0 14px 14px; border:1px solid #DDD; }
.marginleft { margin: 0 18px 18px 0; }
.marginright { margin: 0 0 18px 18px; }
.credit { padding:5px; font-size:9px; }
.credit a { color:#000; }



.tbmain { }
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Trebuchet MS !important;
  font-size: 12px !important; }
.head{
  color:#333333;
  font-size:20px;
  padding: 14px 0; }
td.left {
  font-size:12px;
  color:black; }
.pagebreak{
  font-size:12px;
  color:black; }
.tbmain{
  height:100%; }
span.required{
  font-size: 13px !important;
  color: red !important; }
div.backButton{
    background: transparent url("http://www.jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px; }
div.backButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0; }
div.backButton:active{
    background: transparent url("http://www.jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0; }
div.nextButton{
    background: transparent url("http://www.jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px; }
div.nextButton:hover{
    background: transparent url("http://www.jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0; }
div.nextButton:active{
    background: transparent url("http://www.jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0; }
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left; }