/* 
   Richardsons : Homepage Stylesheet
   ===================================
   Colin Watts, November 08

   HOMEPAGE SPLASH                                                                     HOMEPAGE SPLASH ::
--------------------------------------------------------------------------------------------------------- */

div#splash
{
  float:            left;
  display:          inline;
  position:         relative;
  width:            972px;
  margin:           4px 8px 0;
  height:           408px;
  border-bottom:    1px solid #FFF;
  
  background-color:    #FFF;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#splash h2
{
  position:         absolute;
  top:              9px;
  left:             17px;
  width:            462px;
  height:           226px;
  text-indent:      -9999px;
  
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#splash form
{
  float:            right;
  position:         relative;
  top:              34px;
  right:            42px;
  width:            270px;
  height:           340px;
  }
div#splash form div.alert
{
  position:         absolute;
  z-index:          50;
  top:              2px;
  left:             6px;
  width:            227px;
  padding:          10px 0;
  }
div#splash h3
{
  float:            left;
  position:         relative;
  top:              20px;
  left:             17px;
  width:            237px;
  height:           38px;
  text-indent:      -9999px;
  
  background-color:    transparent;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }
div#splash fieldset, div#splash ol, div#splash li
{
  float:            left;
  width:            270px;
  }
div#splash fieldset
{
  margin:           20px 0 0;
  }
div#splash li
{
  position:         relative;
  margin:           10px 0 0;
  }
div#splash span.warning
{
  float:            left;
  display:          inline;
  margin:           4px 0 0 90px;
  padding:          2px 4px;
  background-color: #C00;
  color:            #FFF;
  }
div#splash label
{
  float:            left;
  width:            90px;
  w\idth:           70px;
  padding:          5px 0 0 20px;
  font-size:        1.2em;
  font-weight:      bold;
  }
div#splash li.warning label
{
  color:            #C00;
  }
div#splash input.text, div#splash select
{
  float:            left;
  width:            158px;
  w\idth:           150px;
  border:           1px solid #AAA;
  padding:          3px;
  background-color: #FFF !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
div#splash li.warning input.text
{
  border-color:     #C00;
  }
div#splash a.dp-choose-date
{
  position:         absolute;
  top:              -2px;
  right:            23px;
  width:            22px;
  height:           24px;
  background:       transparent url("../img/common/date_picker.png") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#splash select
{
  w\idth:           158px;
  }
div#splash select option[selected="selected"]
{
  background-color: #FFEE97 !important;
  }
div#splash button
{
  float:            left;
  position:         relative;
  top:              22px;
  left:             13px;
  width:            178px;
  height:           25px;
  text-indent:      -9999px;
  cursor:           pointer;
  
  background-color:    #87C12F;
  background-repeat:   no-repeat;
  background-position: 0 0;
  }

div.hr
{
  float:            left;
  display:          inline;
  width:            940px;
  height:           16px;
  margin:           6px 24px 0;
  border-top:       1px dotted #AAA;
  }
div.hr hr
{
  display:          none;
  }

div.column
{
  float:            left;
  display:          inline;
  position:         relative;
  width:            302px;
  margin:           0 0 0 17px;
  border-bottom:    10px solid #FFF;
  }
div.first
{
  clear:            left;
  margin-left:      24px;
  }
div#specials
{
  height:           152px;
  background:       #EC580C url("../img/home/specials_bg.jpg") no-repeat 0 0;
  }
div#specials h4 a
{
  position:         absolute;
  top:              17px;
  left:             35px;
  width:            157px;
  height:           29px;
  margin:           0;
  background:       transparent url("../img/home/special_offers.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#specials h5
{
  position:         absolute;
  top:              53px;
  left:             16px;
  width:            270px;
  w\idth:           254px;
  margin:           0;
  padding:          2px 8px;
  background-color: #F6B186;
  font-size:        1.2em;
  color:            #CC0000;
  }
div#specials p
{
  position:         absolute;
  top:              78px;
  left:             16px;
  width:            270px;
  margin:           0;
  font-size:        1.2em;
  line-height:      1.4em;
  color:            #FFF;
  }
div#brochure
{
  height:           166px;
  background:       #008686 url("../img/home/brochure_bg.jpg") no-repeat 0 0;
  border-width:     0;
  }
div#brochure h4 a
{
  position:         absolute;
  top:              18px;
  left:             40px;
  width:            200px;
  height:           27px;
  margin:           0;
  background:       transparent url("../img/home/brochure_request.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#brochure p
{
  position:         absolute;
  top:              53px;
  left:             16px;
  width:            185px;
  margin:           0;
  font-size:        1.2em;
  line-height:      1.4em;
  color:            #FFF;
  }
div#specials a, div#brochure a
{
  position:         absolute;
  top:              128px;
  left:             16px;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #FFF;
  }
div#specials a:hover, div#brochure a:hover
{
  color:            #FFDD2F;
  }
div#testimonial
{
  height:           149px;
  border-bottom:    3px solid #D6E5F1;
  }
div#testimonial h4 a
{
  position:         absolute;
  top:              -2px;
  left:             -1px;
  width:            305px;
  height:           42px;
  margin:           0;
  background:       transparent url("../img/home/what_our_customers_say.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
div#testimonial p
{
  position:         absolute;
  top:              46px;
  left:             3px;
  width:            290px;
  margin:           0;
  line-height:      1.4em;
  font-size:        1.3em;
  font-style:       italic;
  font-weight:      bold;
  color:            #333;
  }
div#testimonial a
{
  position:         absolute;
  top:              128px;
  left:             3px;
  font-size:        1.2em;
  font-weight:      bold;
  color:            #005AA9;
  }
div#testimonial a:hover
{
  color:            #00427D;
  }

ul.columns
{
  float:            left;
  display:          inline;
  width:            957px;
  margin:           0 0 0 24px;
  background:       #FFF url("../img/home/columns_bg.jpg") no-repeat 0 bottom;
  border-bottom:    4px solid #FFF;
  }
ul.columns li
{
  float:            left;
  width:            302px;
  margin:           0 17px 0 0;
  padding:          0 0 10px;
  border-top:       1px solid #D9D8D8;
  }
ul.columns li#areaMap
{
  background:       transparent url("../img/home/area_map.gif") no-repeat 121px 0;
  }
ul.columns h5
{
  margin:           12px 0 0 14px;
  font-size:        1.4em;
  color:            #005AA9;
  }
ul.columns h5 a
{
  margin:           0;
  color:            #005AA9;
  }
ul.columns a#latestNewsHeading, ul.columns a#areaMapHeading, ul.columns li#newsletter h5
{
  display:          block;
  width:            90px;
  height:           15px;
  background:       transparent url("../img/home/latest_news_heading.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  }
ul.columns a#areaMapHeading
{
  width:            73px;
  height:           16px;
  background-image: url("../img/home/area_map_heading.jpg");
  }
ul.columns li#newsletter h5
{
  color:            #38ABAB;
  width:            142px;
  height:           20px;
  background-image: url("../img/home/newsletter_signup_heading.jpg");
  }
ul.columns h6
{
  margin:           5px 15px 0;
  font-size:        1.2em;
  color:            #666;
  }
ul.columns p
{
  margin:           4px 15px 0;
  font-size:        1.1em;
  line-height:      1.4em;
  }
ul.columns li#areaMap p
{
  width:            100px;
  min-height:       30px;
  height:           auto !important;
  height:           30px;
  }
ul.columns a
{
  font-weight:      bold;
  color:            #005AA9;
  }
ul.columns a:hover
{
  color:            #00427D;
  }

li#newsletter form, li#newsletter fieldset, li#newsletter ol
{
  float:            left;
  width:            288px;
  }
li#newsletter form
{
  display:          inline;
  margin:           12px 0 0 14px;
  padding:          0 0 10px;
  }
li#newsletter div.alert
{
  width:            269px;
  margin:           0 0 15px 1px;
  font-size:        1.1em;
  }
li#newsletter li
{
  width:            142px;
  margin:           0;
  padding:          0;
  border:           0;
  }
li#newsletter label
{
  float:            left;
  width:            35px;
  padding:          4px 0 0;
  font-size:        1.1em;
  }
li#newsletter input.text
{
  float:            left;
  width:            93px;
  w\idth:           85px;
  border:           1px solid #AAA;
  padding:          3px;
  background-color: #FFF !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1.1em;
  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
li#newsletter button
{
  float:            left;
  width:            87px;
  height:           20px;
  margin:           12px 0 0;
  background:       #227FC2 url("../img/home/newsletter_signup.jpg") no-repeat 0 0;
  text-indent:      -9999px;
  cursor:           pointer;
  }