/* @override http://pear.fluidarc.com/css/slider-style.css */


#slider							{  background: url(../images/slider-bg.png) 10px  no-repeat; height: 240px; overflow: hidden;
								  position: relative; margin: 0px 0; }
								  
#slider .rightContainer  		{margin: 0px 0px 0px 412px; overflow: hidden; height: 240px; position:relative; width: 538px;}

								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 1614px; position: relative; }

.slide							{ padding: 0px 0px 0px 0px; width: 538px;  height: 240px; float: left; position: relative; }
.slide h2						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: #fff; margin: 34px 0px 0px 230px;}
								  
.slide h3						{ font-family: Helvetica, Sans-Serif; font-size: 18px; letter-spacing: -.2px;
								  color: #F7E6C5; margin: 5px 0px 0px 230px;}								  
.slide p						{ color: #F7E6C5; font-size: 12px; line-height: 22px; margin: 0px 15px 0px 230px; }
.slide img						{ padding: 10px 12px 350px 12px; margin: 0px; background: none; border: 0px; position: absolute; top: 30px; left: 10px; }
.petShowcase img  				{ padding: 10px 12px 350px 12px; margin: 0px; background: url(../images/petShowcaseBkgd.png) top no-repeat; border: 0px; position: absolute; top: 30px; left: 10px; height: 140px; width: 180px; }

.slide p a						{ margin: 10px 0px 0px 0px; font-size: 1.2em; color: #F90; font-weight:bold; text-align: right; width: 300px; text-decoration: none;}
.slide p a:hover				{ color: #fff; text-decoration: underline;}

#slider-stopper					{ position: absolute; top: 0px; right: 20px; background: #ac0000; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }
								 
.petDetails						{ color: #F7E6C5; font-size: 12px; line-height: 22px; margin: 0px 15px 0px 250px; }