/*
 * Homepage Styles
 */

div#site-container div#page-content {
  margin-bottom: 5px;
}

#advertpanel{
   background:#000000;
   width:444px;
   height:255px;
   padding:0px;
   float:left;
   position:relative;
}

 #advertpanel img{
   background:#000000;
 }


 #advertpanel a.more{
   background:url(/img/homepage-panel-more.png) top left no-repeat;
   display:block;
   position:absolute;
   bottom:6px;
   right:6px;
   z-index:3;
   padding:3px;
   width:235px;
   height:27px;
 }


 #centre-column #advertpanel h2{
   position:absolute;
   width:65%;
   font-size:2.75em !important;
   letter-spacing:-1px;
   color:#c45e17;
   padding:0.5em;
   text-shadow: #ffffff 1px 1px 4px;
 }

#centre-column #advertpanel .mask{
  width:444px;
  height:255px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  background:transparent url(/img/advert-mask.png) top left no-repeat;
}

 /** SLIDESHOW **/

 #slideshow{
   background:transparent;
   width:444px;
   height:255px;
   padding:0px;
   float:left;
   overflow:hidden;
 }


 div#slideshow div#slides{
  width:100%;
  height:255px;
  overflow:hidden;
}

div#slides div.slide{
  position:relative;
  background:#000000;
  width:444px;
  height:255px;
  color:#ffffff;
}

div.slide div.mask{
  width:444px;
  height:255px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1;
  background:transparent url(/img/advert-mask.png) top left no-repeat;
}

div#slides div.slide img{
  display:block;
}

#centre-column div.slide h2.slideshow{
  position:absolute;
  font-size:2.75em !important;
  text-transform:uppercase;
  text-align:right;
  text-shadow: #3f3f3f 1px 1px 4px;
  padding:0.5em;
  right:0px;
  top:0px;
  width:50%;

}


div.slide p.caption{
  position:absolute;
  padding:0px 20px 60px 20px;
  line-height:0.9em;
  bottom:0px;
  font-size:1.4em;
  font-weight:bold;
  letter-spacing:1px;
}

div.slide a.more{
   background:url(/img/more-slideshow.png) top right no-repeat;
   display:block;
   position:absolute;
   bottom:6px;
   right:6px;
   z-index:3;
   padding:3px;
   width:235px;
   height:27px;
}


div#slideshow div#slidenos{
  position:absolute;
  margin:0px;
  padding:0px;
  right:10px;
  top:100px;
  z-index:10;
  list-style:none;
}


#slidenos a {
  background:#000000;
  color:#ffffff;
  font-weight:bold;
  padding-right:8px;
  text-align:right;
  line-height:22px;
  display:block;
  width:25px;
  w\idth:17px ;
  height:22px;
  margin-bottom:5px;
}

#slidenos a:hover {color:#bb5e45;}
#slidenos a:focus { outline: none; }
#slidenos a.activeSlide { background:#000000; border:solid 1px #000000 }

 /** END SLIDESHOW **/

#centre-column h2{
 text-transform:uppercase;
 color:#ffffff;
}


 #centre-column h2.irish{
   color:#78b520;
 }


 input.short{
   width:2.5em;
 }


 /** Instant Quote **/


 div#instantquotepanel{
   position: relative;
   min-height:182px;
   min-he\ight:158px;
   height:auto !important;
   height:182px;
   he\ight:158px;
 }
 
 div#instantquotepanel div.date {
  color: #ffcc00;
  position: absolute;
  top:15px;
  right: 15px;
  font-size: 0.9em;
 }  

 div#instantquote{
   overflow:hidden;
 }

 div#instantquote label{
   font-size:0.9em;
 }

  div#instantquote div.reqd{
   width:100%;
   margin:6px;
   text-align:left;

 }

  div#instantquote div.reqd select{
   width:226px;
   margin-left:15px;
 }

  div#instantquote div.third{
   margin:6px 0px;
   width:45%;
   float:left;
   text-align:center;
 }

div#instantquote div.third input.short{
   width:65%;
 }

div#instantquote div.or{
   width:8%;
   float:left;
   font-size:0.9em;
   line-height:1.4em;
   text-align:center;
   margin-top:10px;
 }

div#instantquote div#submit-button{
  position:absolute;
  bottom:12px;
  right:12px;
  display:none;
}

/** WEATHER **/
 div#weatherpanel{
   min-height:182px;
   min-he\ight:158px;
   height:auto !important;
   height:182px;
   he\ight:158px;
   position:relative;
 }

div#weatherpanel .bottom-292{
  position:absolute;
  bottom:12px;
  z-index:1;
}


 /** FAQ **/
div#faqpanel{
 height:263px;
 he\ight:239px;
 overflow:hidden;
 position:relative;
}
div#faqpanel h2 a{
  color: #ffffff;
}
div#faqpanel .bottom-292{
  position:absolute;
  bottom:12px;
  z-index:10;
}

div#faqs{
 overflow:hidden;
}

div#faqs ul{
  list-style:none;
  margin:0px;
  padding:0px;
}

div#faqs ul li{
 margin:6px 6px;
 padding:0px;
}

#faqs a{
  color:#ffcc00;
}

 div.answer p{
   padding:12px;
   text-align:left;
 }

 div#faqs a.more{
   text-align:right;
   position:absolute;
   bottom:12px;
   right:12px;
 }

 /** depots **/
 div#depots{
   background:#000000 url(/img/hp-depots) top left no-repeat;
   height:263px;
   width:292px;
   margin-top:6px;

 }

 div#depots a{
   width:100%;
   height:100%;
   display:block;
 }

 /** hpcontent - proud to be irish **/
 #hpcontent{
   height:345px;
   he\ight:321px;
   overflow:hidden;
 }


 /** sign up form **/
div#signup{
  height:100px;
  he\ight:76px;
  overflow:hidden;
}

 div#signup p{
   margin:0px;
 }

  div#signup p a{
    color:#7f7f7f;
  }

 div#signup input {
   border:solid 1px #7f7f7f;
   padding:3px;
 }

 div#signup input.sbt{
   background:#000000;
   color:#ffffff;
   border:solid 1px #ffffff
 }


/** Online Bill payment panel */
#online-bill {
  margin-top: 12px;
  padding: 15px 10px 0 100px;
  width: 182px !important;
  height: 166px;
  background-image: url(/img/online-bill-panel.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  overflow: hidden;
}

#online-bill a#online-bill-main-link {
  color:#ffffff;
  text-decoration: none;
}

#online-bill a.more {
  float: right;
}

 /*Yahoo Weather Feed */

 #city-field{
 position:absolute;
 top:12px;
 right:12px;

 }
table#yw {font-size:11px;color:#3f3f3f;}
table#yw span {display:block;}
table#yw td {width:30px !important;}
table#yw img {}
table#yw span span {display:inline;font-weight:bold;}
table#yw span span span {font-weight:normal;}
table#yw span.img {background-color:#dfdfdf; width:100%;height:31px;}
table#yw span.img span {width:40px;height:31px;display:block;}
table#yw span.day {height:20px;background-color:#f2f2f2;line-height:20px;text-align:center;font-weight:bold;}
table#yw span.text {background-color:#f2f2f2;color:#3f3f3f;padding:3px 5px;height:28px;font-size:10px;text-align:center;font-weight:bold;overflow:hidden;}
table#yw span.temp {background-color:#dfdfdf;color:#3f3f3f;padding:4px 2px;text-align:center;font-size:12px;letter-spacing:-0.02em;height:14px;line-height:14px;}

p.license{
  text-align:right;
  font-size:0.8em;
  position:absolute;
  bottom:0px;
  right:12px;
}


/* Fancy Box */
#fancy_outer{
  min-height:150px;
  height:auto !important;
  height:150px;
  padding:12px !important;
  background:#dadada;
}

#fancy_outer #fancy_inner{
  background:#dadada;
}


#fancy_outer #fancy_inner #fancy_content{
  background:#000000;
  margin:12px;
  width:auto !important;
}