/* body styles */
.clear { clear: both; }
.red { color: #841013 !important; }
.med { font-size: 20px; }
.smlMed { font-size: 18px !important; }
body {margin:10px auto;font-family:Arial,Helvetica,sans-serif;font-size:75%;width:978px;background:gray;color:#666;text-align:center;margin-top:10px; padding: 0px; }
#lander { background-color:white; text-align:left; color:#333; width:976px; } 
#logo_box { position: absolute; top: 0px; margin-left: 694px; border: 0px; z-index: 999; }
#lander h1 { position: absolute; top: -180px; }
#lander h2 { font-size: 26px; color: #333; padding:0 0 4px 0; font-weight:normal; }
#lander h3 { font-size: 20px; color: #333; margin: 0px; padding: 10px 0; font-weight:normal; }
#lander h4 { font-size: 21px; font-weight: normal; color: #424242; margin-top: 34px; border-bottom: 1px solid #666; padding-bottom: 12px; margin-bottom: 20px; }

/* header */
#lander .santa { background: #FFFFFF url('../images/lander_head.jpg') repeat-x; }
#lander .flowers { background: #FFFFFF url('../images/lander_head2.jpg') repeat-x; }
#lander #banner { padding: 124px 10px 0 384px; width:582px; height: 271px; position: relative; }
#lander #banner #percentButton { position: absolute; top: 210px; margin-left: 306px; cursor: pointer; }
#lander #banner #enquireButton { position: absolute; top: 332px; margin-left: 398px; cursor: pointer; }

/* offer content */
#lander #offer #leftPanel { float: left; width: 648px; margin-left: 30px; }
#lander #offer #leftPanel h2 { padding-top: 10px; line-height: 34px; }
#lander #offer #leftPanel p { font-size: 16px; padding-top: 10px; }
#lander #offer #leftPanel ul#topFeat { margin: 0px; margin-bottom: 10px; height: 20px; padding: 10px 0; font-size: 16px; margin-left: 0px; }
#lander #offer #leftPanel ul#topFeat li { list-style: none; float: left;  }
#lander #offer #leftPanel ul#topFeat li img { float: left; margin:-3px 4px 0 4px; }
#lander #offer #leftPanel div#leftFeat { margin-left: 0px; float: left; }
#lander #offer #leftPanel div#rightFeat { margin-left: 270px; }
#lander #offer #leftPanel div#leftFeat ul, #lander #offer #leftPanel div#rightFeat ul { list-style-image: none; list-style: disc; font-size: 13px; padding-bottom: 10px; line-height: 24px; margin-top: 0px; }
#lander #offer #rightPanel { position:relative; margin-left: 648px; padding: 30px 0 0 30px }

/* help prompts */
#lander #helpPrompt { margin: 10px 30px -10px 30px; padding: 10px 0px; border-top: 1px dotted black; border-bottom: 1px dotted black; font-size: 16px; }
#lander #quotePrompt { margin: 30px 30px; }
#lander #quotePrompt h2  { display: inline; }
#lander #quotePrompt h2 #callPrompt { display: inline; margin-left: 20px; padding-left: 20px; border-left: 1px dotted #999; color: #333; }
#lander #quotePrompt h2 #callPrompt #phNumber { color: #336699 }

/* eoi form */  
#lander #eoiForm { margin: 0 30px; position: relative; }
#lander #eoiForm p { margin-top: 20px; }
#lander #eoiForm p#requestQuote { margin-bottom: 20px; padding-top: 0px; font-style: normal; font-size: 16px;  }
#lander #eoiForm p#webQuestions { position: absolute; margin-top: -80px; font-weight: bold; }
#lander #eoiForm form.autoform { padding: 10px 0px 20px 0px; border-bottom:1px dotted black; }
#lander #eoiForm form.autoform span.icon.error, div.alert { background-color:#fff !important; border:none }
#lander #eoiForm form.autoform span.icon.ok { background-color:#fff; border:none }
#lander #eoiForm form.autoform span.icon.info { background-color:#fff !important; border:none; position: absolute; top: 0px; }
#lander #eoiForm form.autoform .msg.icon { margin:0; }
#lander #eoiForm form.autoform span.required { color: red; padding:0 4px; float:left; width:5px; }
#lander #eoiForm form.autoform p{ padding:10px 0 }
#lander #eoiForm form.autoform label { text-align:right; margin-right:10px; width:310px; display:block; float:left; padding:6px; }
#lander #eoiForm form.autoform input { width:240px; font-family:"Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; line-height:normal; padding:5px; }
#lander #eoiForm form.autoform select { font-size:14px; height:24px; padding:2px; width:254px; }
#lander #eoiForm form.autoform textarea { font-size:14px; width:250px; }
#lander #eoiForm form.autoform #send { background:transparent url(../images/button_freequote.png) no-repeat scroll 0 0; border:medium none; cursor:pointer; height:32px !important; width:150px !important; float: none !important; margin:14px 0 0 452px; position: relative; font-size: 0px; }
#lander #eoiForm fieldset { border: none; margin: 0px; padding: 0px; position: relative; display: block; }
#lander #eoiForm fieldset legend { font-size: 1.1em; color: #333; font-weight: bold; padding: 10px 0; }
#lander #eoiForm #fieldset-group2 { margin-top:20px; }
#lander #eoiForm fieldset legend span { font-weight: normal; }
#lander #privacy { margin: -4px 0 0 346px !important }

/* booking confirmation */
#lander #eoiForm #booking_conf { background:#FFFFE8 none repeat scroll 0 0; border:1px solid #FBD484; color:#666666; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:14px; margin-top: 20px; padding: 20px 76px; position:relative; text-align:left; vertical-align:top; width: 762px;  } 
#lander #eoiForm #booking_conf span { font-size: 16px; color:#444444; font-family:Tahoma,Arial,Helvetica,sans-serif; font-weight: bold; }
  
/* failure messages */
#lander #eoiForm ul, #lander #eoiForm #errorDiv { border: 1px solid #eba227; padding: 20px 20px 20px 20px; background: #FFF4Bf; width: auto; margin: 20px 0px 10px 0px; position: relative; z-index: 1; } 
#lander #eoiForm #errorDiv ul { list-style: disc; border: none; width: auto; margin-left: 24px; }
#lander #eoiForm #errorDiv img { float: left; margin-left: 4px; }
#lander #eoiForm #errorDiv p { margin-left: 10px; display: inline; }

/* zend form errors */
.form-errors { border-top: none !important; padding: 0px 40px 0px 0px !important; display: block; position: relative; z-index: 4; }
.form-errors li { margin-top: 14px; }
.form-errors .errors { list-style: disc !important; border: none !important; padding: 0px !important; margin-left: 10px !important; width: auto !important; }

/* terms */
#lander #terms { margin: 0px 30px; padding-top: 20px; }
#lander #terms strong { font-size: 12px; }
#lander #terms ol { margin:10px 0 0 -20px; padding-bottom:80px; list-style: decimal; font-size: 12px; line-height: 20px; }