/*
 * Homepage Styles
 */

div#page-content div#centre-column{
  width:920px !important;
  padding:0px;
}


div#homepage{
  font-family:Verdana;
  overflow:hidden;
  margin:10px 0px 0px 0px;
  padding:0px;
  width:100%;
}

div#homepage .hpBox{
  float:left !important;
  width: 287px;
  height:257px;
}

.hpBox .hpBoxContent{
  margin:10px 10px 0px 10px;
  width :268px;
  height:198px;
}



.hpBox .hpBoxImage{
  width:267px;
  height:111px;
}

.hpBox .hpButton{
  margin:6px;
  float:right;
}

.hpBox .hpBoxContent .hpBoxtext p{
  padding:0p;
  margin:5px 5px 2px 5px;
}


div#hpBoxTeachers{
  background:url(/img/hp-box-teachers.png);
  margin: 0px  5px 12px 19px;
}

div#hpBoxKs3{
  margin: 0px  5px 12px 5px;
  background:url(/img/hp-box-ks3.png);
}

div#hpBoxKs4{
  background:url(/img/hp-box-ks4.png);
  margin: 0px  19px 12px 5px;
}

div#hpBoxKs4 form{
  text-align:center;
  margin:6px;
}

div#hpBoxKs4 input#ks4searchbox {
  background:url(/img/ks4-search-bg.png) top left no-repeat;
  width:157px;
  w\idth:130px;
  height:34px;
  line-height:22px;
  font-size:14px;
  padding-top:6px;
  padding-left:12px;
  padding-right:15px;
  border:0px;
  vertical-align:top;
}


div#hpCookDemo{
  margin:0px 5px 12px 19px;
}

div#hpRecipe{
  margin:0px 19px 12px 5px;
}

.hpHalfBox{
  float:left;
  background:url(/img/hp-half-page-box-bg.png);
  width:435px;
  height:222px;
}

div.hpBoxTitle{
  margin-top:7px;
  margin-left:10px;
}

div.hpBox div.hpBoxTitle a{
  width:260px;
  height:33px;
  display:block;
}

.hpHalfBox .hpHalfInner {
  overflow:hidden ;
  margin:12px 15px;
  height:150px;
}

.hpHalfBox .hpHalfInner img,
.hpFullBox .hpFullInner img {
  float:left;
  margin-right:5px;
  margin-bottom:5px;
  border:solid 1px #aed3ff;
}


div#hpTitleCookery{
  overflow: hidden;
}

div#hpTitleRecipe{
  overflow: hidden;
}

.hpFullBox{
  overflow:hidden;
  background:url(/img/hp-full-page-box-bg.png);
  width:880px;
  height:163px;
  margin:0px auto 12px auto;
}

.hpFullBox .hpFullInner {
  overflow:hidden ;
  margin:12px 15px;
  height:90px;
}

div#hpDidYouKnow{

}

div#hpTitleDidYouKnow{
  background:url(/img/front-end/titles/did-you-know.png) top left no-repeat;
  width:194px;
  height:27px;
}