/*
 * 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:193px;
   min-he\ight:169px;
   height:auto !important;
   height:193px;
   he\ight:169px;
 }

 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;
 }


/*
 * Order Now Button and Price Message
 */

div#instantquote div#submit-button {
  display: none;
  float: none;
  overflow: hidden;
  width: 100%;
}
#price-message {
  color: #e86604;
  font-weight: bold;
  float: left;
  width: 50%;
}
#order-now {
  text-align: right;
  float: left;
  width: 50%;
}

 /*
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:317px;
 he\ight:293px;*/
 height: 204px;
 he\ight: 180px;
 overflow:hidden;
 position:relative;
}
div#faqpanel h2 {
  margin: 0 0 3px 0;
}
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:3px 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;
 }

 #hpcontentnew{
   height: 204px;
   he\ight: 180px;
   overflow:hidden;
 }


 /** sign up form **/
div#signup{
  height:128px;
  he\ight:104px;
  overflow:hidden;
  padding-bottom:0px;
}

 div#signup p{
   margin:0px;
 }

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

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

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



/**
* my account panel
**/
div#myaccount{
  font-size:1.167em;
  height:264px;
  he\ight:250px;
  overflow:hidden;
  padding-bottom:0px;
  margin-bottom:0px;
}
div#myaccount p{
  margin:0 0 8px 0;
  padding:0;
}
div#myaccount p a{
   color:#ffcc00;
}

div#myaccount label {
  font-weight:bold !important;
  color:#7f7f7f;
}

div#myaccount input{
  border:solid 1px #7f7f7f;
  padding:3px;
}
div#myaccount input.sbt{
  background:#000000;
  color:#ffffff;
  border:solid 1px #ffffff
}


/*
 * Online Bill payment panel
 */
#online-bill {
  margin-top: 10px;
  padding: 5px 100px 0 10px;
  background: transparent url(/img/online-bill-panel-small.jpg) no-repeat top left;
  overflow: hidden;
  width: 182px !important;
  height: 126px;
  position: relative;
  top: 4px;
}
#online-bill h2 {
text-transform: capitalize;
}
#online-bill p {
  margin: 0;
  padding: 0px 0px 5px 0px;
}
#online-bill a#online-bill-main-link {
  color:#ffffff;
  text-decoration: none;
}
#online-bill a.more {
  float: right;
}

/*
 * Recommend a Friend payment panel
 */
#recommend-a-friend {
  margin-top: 12px;
  padding: 5px 100px 0 10px;
  background: transparent url(/img/recommend-a-friend-panel.jpg) no-repeat top left;
  overflow: hidden;
  width: 182px !important;
  height: 132px;
  position: relative;
  top: 0px;
}
#recommend-a-friend h2 {
text-transform: capitalize;
}
#recommend-a-friend p {
  margin: 0;
  padding: 0px 0px 5px 0px;
}
#recommend-a-friend a#recommend-a-friend-main-link {
  color:#ffffff;
  text-decoration: none;
}
#recommend-a-friend 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;
}