#tabCarousel { width: 798px; height: 425px; border: solid 0px red; margin: 0px; padding-right: 0px; overflow: hidden; visibility: hidden; }
/* this div's job is to push the tabs down so they can be seen behind the .slides */
#tabCarousel #slides { float: left; height: 400px; border: 0px solid blue; margin-bottom: -10px; overflow: hidden; clear: both; }

#tabCarousel .slide { position: absolute; width: 798px; height: 400px;  border: solid 0px orange; margin: 0px;  }
#tabCarousel .button {  }

/* controls the link text inside the "slides" */
#tabCarousel .slide a { text-decoration: underline; color: #FFFFFF;}
#tabCarousel a { text-decoration: underline; color: #FFFFFF;}

/*
#tabCarousel #slide1 { background: url(../images/tpl_images/musthaves/brilliantbasics.jpg) no-repeat; }
#tabCarousel #slide2 { background: url(../images/tpl_images/musthaves/scarfband.jpg) no-repeat; }
#tabCarousel #slide3 { background: url(../images/tpl_images/musthaves/blends.jpg) no-repeat; }
#tabCarousel #slide4 { background: url(../images/tpl_images/musthaves/green.jpg) no-repeat; }
#tabCarousel #slide5 { background: url(../images/tpl_images/musthaves/getgoing.jpg) no-repeat; }
#tabCarousel #slide6 { background: url(../images/tpl_images/musthaves/pony.jpg) no-repeat; }
#tabCarousel #slide7 { background: url(../images/tpl_images/musthaves/interchangeable.jpg) no-repeat; }
*/

/*manages the content for each slide */
#tabCarousel #slidecontent { font-size: 13px; border: 0px solid #000000; text-align: left; color: #000000; font-family: Arial, Helvetica, Sans-Serif; }

/*added in Feb 2009 because the images had blue borders around them in IE */
#slidecontent img { border: 1px solid #FFFFFF; }


/* if you want to use an image for a link in each slide:
#tabCarousel #slides a { position: absolute; top: 120px; width: 96px; height: 22px; }
#tabCarousel #slide1 a { left: 399px; background: url(../images/basics_girl.jpg) no-repeat; }
#tabCarousel #slide2 a { left: 292px; background: url(../images/fashion_girl.jpg) no-repeat; }
#tabCarousel #slide3 a { left: 353px; background: url(../images/basics_girl.jpg) no-repeat; }
#tabCarousel #slide4 a { left: 263px; background: url(../images/fashion_girl.jpg) no-repeat; }
#tabCarousel #slide1 a:hover,
#tabCarousel #slide2 a:hover,
#tabCarousel #slide3 a:hover,
#tabCarousel #slide4 a:hover { background-position: 0px -22px; } */

/* styles for the actual tabs */
#tabCarousel #tabs { position: relative; width: 798px; height: 20px; background-color: #374c4c; margin-top: 401px; visibility: visible; font-size: 9px; }
#tabCarousel #tabs a { border-left: 1px dotted #999999; border-right: 1px dotted #999999; }
#tabCarousel #tabs li { float: left; list-style: none; margin: 0px; padding: 0px; }
#tabCarousel #tabs li a { height: 15px; float: left; color: #FFFFFF; text-decoration: none; padding-left: 10px; padding-right: 10px; padding-top: 5px; } /* add in a width to make all buttons uniform in size */



/*
#tabCarousel #tabs li#tab1.selected a { background-color: #594014; }
#tabCarousel #tabs li#tab2.selected a { background-color: #993333; }
#tabCarousel #tabs li#tab3.selected a { background-color: #660000; }
#tabCarousel #tabs li#tab4.selected a { background-color: #496138; }
#tabCarousel #tabs li#tab5.selected a { background-color: #663366; }
#tabCarousel #tabs li#tab6.selected a { background-color: #0e3eac; }
#tabCarousel #tabs li#tab7.selected a { background-color: #8b542a; }
*/
/* next seven lines added in to allow for rollover effects in conjunction with the "onclick" feature of the buttons */
/*
#tabCarousel #tabs li#tab1 a:hover { background-color: #594014; }
#tabCarousel #tabs li#tab2 a:hover { background-color: #993333; }
#tabCarousel #tabs li#tab3 a:hover { background-color: #660000; }
#tabCarousel #tabs li#tab4 a:hover { background-color: #496138; }
#tabCarousel #tabs li#tab5 a:hover { background-color: #663366; }
#tabCarousel #tabs li#tab6 a:hover { background-color: #0e3eac; }
#tabCarousel #tabs li#tab7 a:hover { background-color: #8b542a; }
*/
 

#accordion {
	margin:20px 0px;
}

h3.toggler {
	text-align: center;
	cursor: pointer;
	border: 0px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	background: #2c4b0f;
	color: #FFFFFF;
	margin: 4px 0 4px 0;
	padding: 1px 5px 1px;
	font-weight: normal;
}

div.element p {
	margin:0px;
	padding:4px;
	margin-bottom: 10px;
}

div.element img {
	margin-left:10px;
}

/* new addition: play and pause buttons for the carousel, added in on May 7, 2009 */

#playpause { position: absolute; border: 0px solid #FFFFFF; float: left; z-index: 900; margin-top: 360px; margin-left: 45px; }