#toppanel {
   width:828px;
	 float:left;
   position:relative;
	 clear:both;
}
#toppanel h2 {
   text-indent:-3000px;
	 overflow:hidden;
	 width:224px;
	 height:223px;
	 background-image:url(../img/discount_dancewear.gif);
	 float:left;
	 margin:0px;
	 padding:0px;
}
.boxtitle {
   text-indent:-3000px;
	 overflow:hidden;
	 width:224px;
	 height:120px;
	 background-image:url(../img/discount_dancewear.gif);
	 background-position:bottom left;
	 float:left;
	 margin:0 0 30px 0;
	 padding:0px;
}
.sectiontitlebox {
	 width:530px;
	 height:120px;
	 background-image:url(../img/section_title_box.gif);
	 background-position:bottom left;
	 float:left;
	 margin:0 0 30px 0;
	 padding:0px;
}
.sectiontitlebox h2 {
   padding:20px 0 0 20px;
	 margin:0;
	 font-size:20px;
	 color:#595959;
}
.sectiontitlebox p {
   padding:5px 0 0 20px;
	 margin:0;
}
.shopsections ul {
   list-style:none;
	 margin:0;
	 padding:0;
	 float:left;
	 width:604px;
}
.shopsections li {
   display:inline;
}
.shopsections li a {
   display:block;
	 float:left;
	 width:150px;
	 height:223px;
	 background-repeat:no-repeat;
	 position:relative;
	 border-right:1px dotted #AAAAAA;
}
.shopsections li a.end {
   border:0;
}
.shopsections li a span {
   width:150px;
	 height:42px;
	 display:block;
	 position:absolute;
	 top:181px;
	 left:0px;
	 text-indent:-3000px;
	 overflow:hidden;
}

#shopsection1 { background-image:url(../img/ballet_barres.jpg);  }
#shopsection2 { background-image:url(../img/clothing.jpg);  }
#shopsection3 { background-image:url(../img/footwear.jpg);  }
#shopsection4 { background-image:url(../img/accessories.jpg);  }

#shopsection1 span { background-image:url(../img/ballet_barres.gif); }
#shopsection2 span { background-image:url(../img/clothing.gif); }
#shopsection3 span { background-image:url(../img/footwear.gif); }
#shopsection4 span { background-image:url(../img/accessories.gif); }

#shopsection1:hover span { background-position:bottom left; }
#shopsection2:hover span { background-position:bottom left; }
#shopsection3:hover span { background-position:bottom left; }
#shopsection4:hover span { background-position:bottom left; }


#bottompanel {
   width:828px;
   height:177px;
	 float:left;
   position:relative;
	 clear:both;
	 margin-top:50px;
	 background-image:url(../img/panel.gif);
}

.bottompanel {
   width:275px;
	 height:107px;
	 position:absolute;
}
.bottompanel h3 {
   text-indent:-3000px;
	 overflow:hidden;
	 padding:0;
	 margin:0;
	 width:275px;
	 height:39px;
}
.bottompanel p {
   margin:0;
	 padding:0;
	 left:11px;
	 position:relative;
}

#bottompanel1 {
   top:35px;
	 left:225px;
}
#bottompanel1 p {
   color:#FFFFFF;
}
#bottompanel2 {
   top:35px;
	 left:520px;
}

#bottompanel1 h3 { background-image:url(../img/find_a_dance_school.gif); }
#bottompanel2 h3 { background-image:url(../img/special_offers.gif); }

.panelbutton a {
   width:80px;
	 height:23px;
	 text-indent:-3000px;
	 overflow:hidden;
	 position:absolute;
	 bottom:9px;
	 right:9px;
	 display:block;
}

#bottompanel1 .panelbutton a { background-image:url(../img/search2.gif); }
#bottompanel2 .panelbutton a { background-image:url(../img/view3.gif); }

.searchform {
	 position:absolute;
	 bottom:11px;
	 left:9px;
	 width:160px;
}

.firstpanelbutton {
   margin-top:20px;
	 float:left;
	 clear:both;
}
