@charset "utf-8";

/* CSS Document */

/*Overall CSS for each Horizontal Accordion.

	Most settings should be kept as it.

	Customize each Accordion by styling each Accordion's ID attribute instead.

*/



.haccordion{

padding: 0;



}



.haccordion ul{

margin: 0;

padding: 0;

list-style: none;

overflow: hidden; /*leave as is*/

}





.haccordion li{

margin: 0;

padding: 0;

display: block; /*leave as is*/

width: 200px; /*For users with JS disabled: Width of each content*/

height: 230px; /*For users with JS disabled: Height of each content*/

overflow: hidden; /*leave as is*/

float: left; /*leave as is*/

}



.haccordion li .hpanel{

width: 100%; /*For users with JS disabled: Width of each content*/

height: 230px;  /*For users with JS disabled: Height of each content*/

}



#hc1 li{

margin:0 3px 0 0; /*Spacing between each LI container*/



}



#hc1 li .hpanel{

padding: 5px; /*Padding inside each content*/

background: #ffffff;



}



#hc2 li{

margin:0 3px 0 0; /*Spacing between each LI container*/



}



#hc2 li .hpanel{

padding: 5px; /*Padding inside each content*/

background: #ffffff;



}



#hc3 li{

margin:0 3px 0 0; /*Spacing between each LI container*/



}



#hc3 li .hpanel{

padding: 5px; /*Padding inside each content*/

background: #ffffff;



}



#hc4 li{

margin:0 3px 0 0; /*Spacing between each LI container*/



}



#hc4 li .hpanel{

padding: 5px; /*Padding inside each content*/

background: #ffffff;



}



#hc5 li{

margin:0 3px 0 0; /*Spacing between each LI container*/



}



#hc5 li .hpanel{

padding: 5px; /*Padding inside each content*/

background: #ffffff;



}





/* Current Litters */

 

 

 .puppies {

 width:530px;

 height:120px;

 }

 

 .pupNumber {

 float:left;

 width:50px;

 }

 

 .puppiesThumb {

 float:left;

 width: 150px;

 height:110px;

 padding:5px 0 5px 5px;

 background: #ffffff;

 }

 

 .puppiesAges {

 float:left;

 

 }