HTML 
{
	overflow-y: scroll;
}


body { margin:0; background-color:#000000;text-align:center;}
img { border:none;}

#ccWrapper {
 width:100%;
 background:#000000 url('images/cc_bg.jpg') repeat-x;
 text-align:center;
}

#commonContentTop #ccContainer {
 width:967px;
 height:41px;
 margin:0 auto;
 text-align:right;
}

#commonContentTop {

 }

#commonContentTop #ccContainer img#button {
 margin-right:150px;
}

#ccWrapper img#purina_logo {
 position:relative;
 left:-2px;
}

#commonContentBottom {
 width:100%;
 background:#0a0a0a url('images/cc_expanded_bg.jpg') repeat-x;
 text-align:center;
}

#commonContentBottom #ccExpanded {
 width:967px;
 margin:0 auto;
 position:relative; 
}

#ccWrapper .button:hover {
 cursor: pointer;
}

#ccWrapper .button {
 cursor:hand;
}


#commonContentBottom #ccExpanded #buttonDiscover { 
 position:absolute;
 top:-41px;
 left:670px;
 display:block;
}

#commonContentBottom #ccExpanded #buttonHide { 
 position:absolute;
 top:-41px;
 left:765px;
 display:none;
}

#commonContentBottom #ccExpanded div {
 float:left;
 text-align:left;
 margin:0 30px 0 0;
}

#commonContentBottom #ccExpanded div#current img#promo {
 margin-left:16px;
}

#commonContentBottom #ccExpanded p {
 margin:0 0 0 16px;
 padding:0;
 }
 
#commonContentBottom #ccExpanded a {
 color:#b0b0b0;
 text-decoration:none;
 font:12px Arial, Helvetica, sans-serif;
 line-height:19px; 
}

#commonContentBottom #ccExpanded a:hover {
 color:#ee1f27;
}

#commonContent #ccExpanded td.head {
 background:#000000 url('images/cc_td_bg.jpg') no-repeat top;
}

#stuff {

}


#vertical_slide {
	overflow: hidden; display:none;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}