I have implemented a jCarousel scroll buttons for a website that I’m working on, but they don’t seem to be working in IE7 or IE8. It is just showing the normal scrollbar on the right, but not the buttons like it does in all other browsers (of coourse). Any ideas?
<!DOCTYPE html>
<head>
<title>Gallery | The Play Group Theatre</title>
<link rel="stylesheet" type="text/css" href="/css/screen.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/bgimgscroll.js"></script>
<script type="text/javascript" src="/js/aside-dropdown-menus.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/js/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/js/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
/* This is basic - uses default settings */
$("a.single_image").fancybox();
/* Apply fancybox to multiple items */
$("a.sessions").fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'speedIn' : 200,
'speedOut' : 200,
'overlayShow' : false,
'padding' : '16px',
'scrolling' : 'no',
'autoDimensions' : true
});
});
</script>
<script type="text/javascript" src="/js/staff-switch.js"></script>
<script type="text/javascript" src="/js/jquery.jcarousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#switches').jcarousel({
vertical: true,
buttonNextEvent: 'mouseover click',
buttonPrevEvent: 'mouseover click',
scroll: 2,
});
});
</script>
</head>
<body class="gallery">
<div id="wrap">
<div id="nav-top">
<ul>
<li><a href="/index.php">Home</a> |</li>
<li><a href="/shows-events/this-season.php">Show Season</a> |</li>
<li><a href="/shows-events/buy-tickets.php">Tickets</a> |</li>
<li><a href="/theatre-programs/how-to-register.php">Register</a> |</li>
<li><a href="/about-pgt/donate.php">Donate</a> |</li>
<li><a href="/mail-list.php">Mail List</a> |</li>
<li><a href="/about-pgt/contact-us.php">Contact Us</a> |</li>
<li><a href="/store.php">PGT Store</a></li>
</ul>
</div> <div id="logo"><h1><a href="/index.php"><img src="/pics/logo-3.png" alt="The Play Group Theatre | Home" /></a></h1></div>
<div id="header">
<img src="/pics/header-background/theater.jpg" alt="The Play Group Theatre" class="active" />
<img src="/pics/header-background/laramie-project.jpg" alt="The Laramie Project | Spring 2005" />
<img src="/pics/header-background/into-the-woods.jpg" alt="Into the Woods | Spring 2006" />
</div> <ul id="nav-main">
<li class="nav-main-showsevents-focus"><a href="/shows-events/index.php">Shows & Events</a></li>
<li class="nav-main-theatreprograms"><a href="/theatre-programs/index.php">Theatre Programs</a></li>
<li class="nav-main-summertheatre"><a href="/summer-theatre/index.php">Summer Theatre</a></li>
<li class="nav-main-theatrefacilities"><a href="/theatre-facilities/index.php">Theatre Facilities</a></li>
<li class="nav-main-rentals"><a href="/rentals/facility.php">Rentals</a></li>
<li class="nav-main-whoweare"><a href="/who-we-are/index.php">Who We Are</a></li>
<li class="nav-main-aboutpgt"><a href="/about-pgt/our-mission-philosophy.php">About PGT</a></li>
</ul>
<div id="nav-stretch"> </div> <div id="section">
<div id="article">
<div id="slides">
<div class="active"><img src="/pics/gallery/#.jpg" alt="Joseph and the Amazing Technicolor Dreamcoat | Summer 2010 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="SummerStage Series | Summer 2010 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/the-tempest/spring-2010/the-tempest-spring2010.jpg" alt="The Tempest | Spring 2010 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/willy-wonka/spring-2010/willy-wonka-spring2010.jpg" alt="Willy Wonka | Spring 2010 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/toby-and-walter/spring-2010/toby-and-walter-spring2010.jpg" alt="Toby and Walter | Spring 2010 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/13/fall-2010/13-fall2010.jpg" alt="13 | Fall 2010 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/seussical/fall-2009/seussical-fall2009.jpg" alt="Seussical | Fall 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="In Print | Summer 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Homeroom | Summer 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="The Talent Bee | Summer 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Crossroads | Summer 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/cats/spring-2009/cats-spring2009.jpg" alt="Cats | Spring 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/the-wiz/spring-2009/the-wiz-spring2009.jpg" alt="The Wiz | Spring 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/captain-louie/spring-2009/captain-louie-spring2009.jpg" alt="Captain Louie | Spring 2009 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/romeo-and-juliet/fall-2008/romeo-and-juliet-fall2008.jpg" alt="Romeo & Juliet | Fall 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/urinetown/fall-2008/urinetown-fall2008.jpg" alt="Urinetown | Fall 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/honk/fall-2008/honk-fall2008.jpg" alt="Honk! | Fall 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Pieces of Reality | Summer 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="The People Garden | Summer 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="One Acts | Summer 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/hair/spring-2008/hair-spring2008.jpg" alt="Hair | Spring 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/a-new-brain/spring-2008/a-new-brain-spring2008.jpg" alt="A New Brain | Spring 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Children’s Letters to God | Spring 2008 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/grand-hotel/fall-2007/grand-hotel-fall2007.jpg" alt="Grand Hotel | Fall 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="The Dinosaur Musical | Fall 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Unpaved Roads | Summer 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Radio Waves | Summer 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Grandfather’s Clock | Summer 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="One Acts | Summer 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Marvin’s Room | Spring 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/a-village-fable/spring-2007/a-village-fable-spring2007.jpg" alt="A Village Fable | Spring 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/once-on-this-island/spring-2007/once-on-this-island-spring2007.jpg" alt="Once On This Island | Spring 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/zanna-dont/spring-2007/zanna-dont-spring2007.jpg" alt="Zanna Don’t | Spring 2007 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/guys-and-dolls/fall-2006/guys-and-dolls-fall2006.jpg" alt="Guys and Dolls | Fall 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/the-secret-garden/fall-2006/the-secret-garden-fall2006.jpg" alt="The Secret Garden | Fall 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="The Jungle Book | Fall 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="A Small Part of the World/Children of the World | Summer 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Lifetimes | Summer 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Dear Edwina | Summer 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Second Cup | Summer 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Alice in Wonderland | Spring 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="A… My Name is Alice | Spring 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/the-prince-and-the-pauper/spring-2006/the-prince-and-the-pauper-spring2006.jpg" alt="The Prince and the Pauper | Spring 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/godspell/spring-2006/godspell-spring2006.jpg" alt="Godspell | Spring 2006 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="Under the Floorboards | Fall 2005 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/a-man-of-no-importance/fall-2005/a-man-of-no-importance-fall2005.jpg" alt="A Man of No Importance | Fall 2005 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/the-wizard-of-oz/fall-2005/the-wizard-of-oz-fall2005.jpg" alt="The Wizard of Oz | Fall 2005 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/cinderella/fall-2005/cinderella-fall2005.jpg" alt="Cinderella | Fall 2005 | The Play Group Theatre" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
<div><img src="/pics/gallery/#.jpg" alt="#" /></div>
</div>
<div id="shows-hoverlinks">
<ul id="switches" class="jcarousel-skin-tango">
<li><h3>Summer 2010</h3>
<ul>
<li>Joseph and the Amazing Technicolor Dreamcoat</li>
<li>SummerStage Series</li>
</ul>
</li>
<li><h3>Spring 2010</h3>
<ul>
<li>The Tempest</li>
<li>Willy Wonka</li>
<li>Toby and Walter</li>
</ul>
</li>
<li><h3>Fall 2010</h3>
<ul>
<li>13</li>
<li>Seussical</li>
</ul>
</li>
<li><h3>Summer 2009</h3>
<ul>
<li>In Print</li>
<li>Homeroom</li>
<li>The Talent Bee</li>
<li>Crossroads</li>
</ul>
</li>
<li><h3>Spring 2009</h3>
<ul>
<li>Cats</li>
<li>The Wiz</li>
<li>Captain Louie</li>
</ul>
</li>
<li><h3>Fall 2008</h3>
<ul>
<li>Romeo & Juliet</li>
<li>Urinetown</li>
<li>Honk!</li>
</ul>
</li>
<li><h3>Summer 2008</h3>
<ul>
<li>Pieces of Reality</li>
<li>The People Garden</li>
<li>One Acts</li>
</ul>
</li>
<li><h3>Spring 2008</h3>
<ul>
<li>Hair</li>
<li>A New Brain</li>
<li>Children’s Letters to God</li>
</ul>
</li>
<li><h3>Fall 2007</h3>
<ul>
<li>Grand Hotel</li>
<li>The Dinosaur Musical</li>
</ul>
</li>
<li><h3>Summer 2007</h3>
<ul>
<li>Unpaved Roads</li>
<li>Radio Waves</li>
<li>Grandfather’s Clock</li>
<li>One Acts</li>
</ul>
</li>
<li><h3>Spring 2007</h3>
<ul>
<li>Marvin’s Room</li>
<li>A Village Fable</li>
<li>Once On This Island</li>
<li>Zanna Don’t</li>
</ul>
</li>
<li><h3>Fall 2006</h3>
<ul>
<li>Guys and Dolls</li>
<li>The Secret Garden</li>
<li>The Jungle Book</li>
</ul>
</li>
<li><h3>Summer 2006</h3>
<ul>
<li>A Small Part of the World/Children of the World</li>
<li>Lifetimes</li>
<li>Dear Edwina</li>
<li>Second Cup</li>
</ul>
</li>
<li><h3>Spring 2006</h3>
<ul>
<li>Alice in Wonderland</li>
<li>A… My Name Is Alice</li>
<li>The Prince and the Pauper</li>
<li>Godspell</li>
</ul>
</li>
<li><h3>Fall 2005</h3>
<ul>
<li>Under the Floorboards</li>
<li>A Man of No Importance</li>
<li>The Wizard of Oz</li>
<li>Cinderella</li>
</ul>
</li>
<li><h3>Summer 2005</h3>
<ul>
<li>Return to the Forbidden Planet</li>
<li>Foolish Mortals</li>
<li>All’s Well If You Think It Is</li>
<li>Brush Strokes… Visions and Voices</li>
</ul>
</li>
<li><h3>Spring 2005</h3>
<ul>
<li>Into the Woods</li>
<li>Starmites</li>
<li>The Laramie Project</li>
<li>A Year With Frog and Toad</li>
</ul>
</li>
<li><h3>Fall 2004</h3>
<ul>
<li>You’re A Good Man, Charlie Brown</li>
<li>Hadleyburg</li>
<li>Seussical</li>
</ul>
</li>
<li><h3>Summer 2004</h3>
<ul>
<li>How to Eat Like a Child</li>
<li>Sometimes I Wake Up In The Middle of the Night</li>
<li>Risk</li>
</ul>
</li>
<li><h3>Spring 2004</h3>
<ul>
<li>Lucky Stiff</li>
<li>Inside Out</li>
<li>Still Life with Iris</li>
<li>West Side Story</li>
</ul>
</li>
<li><h3>Fall 2003</h3>
<ul>
<li>Merrily We Roll Along</li>
<li>Quilters</li>
<li>The Adventures of Tom Sawyer</li>
<li>Once Upon a Time</li>
</ul>
</li>
<li><h3>Summer 2003</h3>
<ul>
<li>Honk</li>
<li>Family for Sale</li>
<li>Life Stories</li>
</ul>
</li>
<li><h3>Spring 2003</h3>
<ul>
<li>School House Rock</li>
<li>The Dining Room</li>
<li>All I Really Need To Know I Learned In Kindergarten</li>
<li>Grease</li>
</ul>
</li>
<li><h3>Fall 2002</h3>
<ul>
<li>The Sound of Music</li>
<li>The Mystery of Edwin Drood</li>
<li>Charlotte’s Web</li>
</ul>
</li>
<li><h3>Summer 2002</h3>
<ul>
<li>Our NY</li>
<li>Dreams… the Good, the Bad and the Squggly</li>
<li>Girltalk</li>
<li>Working</li>
</ul>
</li>
<li><h3>Spring 2002</h3>
<ul>
<li>Chess</li>
<li>Really Rosie</li>
<li>Gorey Stories</li>
<li>Station House</li>
</ul>
</li>
<li><h3>Fall 2001</h3>
<ul>
<li>Charlie and the Chocolate Factory</li>
<li>Our Town</li>
<li>Once Upon a Playground</li>
<li>Portable Pioneer and Prairie Show</li>
</ul>
</li>
<li><h3>Summer 2001</h3>
<ul>
<li>Hero’s Journey</li>
<li>Fame</li>
<li>Sandyland</li>
<li>Sleep Away</li>
</ul>
</li>
<li><h3>Spring 2001</h3>
<ul>
<li>The Hobbit</li>
<li>Hair</li>
<li>The Velveteen Rabbit</li>
</ul>
</li>
<li><h3>Fall 2000</h3>
<ul>
<li>Sound Painting</li>
<li>Narnia</li>
<li>Once Upon a Mattress</li>
<li>Twelfth Night</li>
</ul>
</li>
<li><h3>Summer 2000</h3>
<ul>
<li>A Day in the Life</li>
<li>The Me Nobody Knows</li>
<li>Sweet Dreams</li>
</ul>
</li>
<li><h3>Spring 2000</h3>
<ul>
<li>A Midsummer Night’s Dream</li>
<li>Adventures of Tin Tin</li>
<li>The Little Prince</li>
<li>Bridge to Terabithia</li>
</ul>
</li>
<li><h3>Fall 1999</h3>
<ul>
<li>Tales of a Fourth Grade Nothing</li>
<li>Children of Eden</li>
<li>The Littlest Angel</li>
</ul>
</li>
<li><h3>Summer 1999</h3>
<ul>
<li>The People Garden</li>
<li>Piper</li>
</ul>
</li>
<li><h3>Spring 1999</h3>
<ul>
<li>You’re A Good Man, Charlie Brown</li>
<li>The Phantom Tollbooth</li>
<li>Godspell</li>
</ul>
</li>
<li><h3>Fall 1998</h3>
<ul>
<li>Out of This World… and Others</li>
<li>The Children’s Hour</li>
<li>Once on This Island</li>
</ul>
</li>
<li><h3>Summer 1998</h3>
<ul>
<li>The Red Sneaks</li>
<li>The Fabulous Fable Factory</li>
</ul>
</li>
<li><h3>Spring 1998</h3>
<ul>
<li>Girltalk</li>
<li>Princess and the Cool Girls</li>
<li>When Wishes Come True</li>
<li>Sixth Grade Cyrano</li>
</ul>
</li>
<li><h3>Fall 1997</h3>
<ul>
<li>Club Backyard</li>
<li>Into the Woods</li>
</ul>
</li>
<li><h3>Summer 1997</h3>
<ul>
<li>Family for Sale</li>
</ul>
</li>
<li><h3>Spring 1997</h3>
<ul>
<li>The Wiz</li>
<li>Imaginings</li>
</ul>
</li>
<li><h3>Fall 1996</h3>
<ul>
<li>Reality Check</li>
<li>Pippin</li>
</ul>
</li>
<li><h3>Summer 1996</h3>
<ul>
<li>How to Eat Like a Child</li>
</ul>
</li>
<li><h3>Spring 1996</h3>
<ul>
<li>Lord of the Flies</li>
<li>Peter Pan</li>
</ul>
</li>
<li><h3>Fall 1995</h3>
<ul>
<li>Little Shop of Horrors</li>
</ul>
</li>
<li><h3>Summer 1995</h3>
<ul>
<li>Free to Be… You and Me</li>
</ul>
</li>
<li><h3>Spring 1995</h3>
<ul>
<li>Joseph and the Amazing Technicolor Dreamcoat</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="address">
<p>The Play Group Theatre | <em>Westchester’s Theater for children and teens.</em></p>
<p>One North Broadway | White Plains, NY 10601 | (914) 946-4433 | Fax: (914) 946-1336 | <a href="/index.php">www.playgroup.org</a></p>
</div>
<div id="footer">
<p>Copyright © 2010, The Play Group Theatre. All rights reserved. | <a href="/privacy.php">Privacy</a> | <a href="/tos.php">Terms of Service</a></p>
<ul>
<li><a href="/shows-events.php">Shows & Events</a> |</li>
<li><a href="/theatre-programs.php">Theatre Programs</a> |</li>
<li><a href="/summer-theatre.php">Summer Theatre</a> |</li>
<li><a href="/theatre-facilities.php">Theatre Facilities</a> |</li>
<li><a href="/rentals.php">Rentals</a> |</li>
<li><a href="/who-we-are.php">Who We Are</a> |</li>
<li><a href="/about-pgt.php">About PGT</a></li>
</ul>
</div></div>
</body>
</html>
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent;}
body {background-color : #000; font-family : Arial; font-size : 100%; line-height : 1;}
ol, ul {list-style : none;}
blockquote, q {quotes : none;}
blockquote:before, blockquote:after, q:before, q:after {content : ''; content : none;}
/* remember to define focus styles! */
:focus {outline : 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration : none;}
del {text-decoration : line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse : collapse; border-spacing : 0;}
p, blockquote, ul, ol, p.cite, form div {margin-bottom : 1.0em;}
h2, h3, h4 {margin-bottom : .5em;}
p, #article ul li, #article ol li, label {font-size : 0.875em; line-height : 1.25em;}
blockquote, div.summer-schedule, div.vcard {background-color : #98CB00; font-size : .9375em; line-height : 1.25em; margin-bottom : 1em; -moz-border-radius : 10px; -webkit-border-radius : 10px; border-radius : 10px; overflow : auto; padding : 1.0em;}
p.cite {font-style : italic;}
p.leading {background-color : #98CB00; -moz-border-radius : 0.5em; -webkit-border-radius : 0.5em; border-radius : 0.5em; font-size : 1.25em; padding : 0.5em;}
h2 {clear : both; color : #2A5F95; font-size : 2.0em;}
h3 {clear : both; color : #2A5F95; font-size : 1.5em;}
div.for-parents h3, div.for-students h3 {font-size : 1.25em; margin-top : 0;}
h4 {clear : both; font-size : 1.0em; font-weight : bold;}
ol {list-style-type : decimal;}
ul {list-style-type : disc;}
ol li, ul li {margin-left : 2.0em;}
a {color : #2A5F95;}
a:hover {color : #6E94AA;}
input[id="email"] {width : 20em;}
textarea {height : 20em; width : 30em;}
.clear {clear : both;}
h3 span {font-size : 80%;}
img {border : 10px solid #D3D3D3;}
img.left, div.left {float : left; margin : 0 1em 1em 0;}
.left {float : left;}
.clear {clear : both;}
.center {text-align : center;}
.question {background-color : yellow;}
#wrap {margin : 0 auto; padding-top : 1.0em; width : 60em;}
#nav-top {font-size : 0.8125em; margin-bottom : 1.0em; text-align : center;}
#nav-top ul {list-style-type : none; margin-bottom : 0;}
#nav-top ul li {display : inline; margin-left : 0;}
#nav-top ul li, #nav-top ul li a {color : #CCC;}
#nav-top ul li a:hover {color : #FFF;}
#logo {position : absolute; z-index : 12;}
#logo img {border : none;}
#header {height : 300px; position : relative;}
.headerimg {background-position : center top; background-repeat : no-repeat; position : absolute;}
#header img {border : none; position : absolute; top : 0; left : 0; opacity : 0.0;}
#header img.active {z-index : 10; opacity : 1.0;}
#header img.last-active {z-index : 9;}
#nav-main {background-color : #66ACD0; font-size : 0.8125em; list-style-type : none; margin-bottom : 0; overflow : auto; text-align : center;}
#nav-main li {float : left; margin-left : 0; padding : 0.5em 0; text-align : center;}
#nav-main li.nav-main-showsevents {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-showsevents-focus {border-right : 1px solid #000; padding : 0.5em 24px 0.5em 23px;}
#nav-main li.nav-main-showsevents:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-theatreprograms {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-theatreprograms-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
#nav-main li.nav-main-theatreprograms:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-summertheatre {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-summertheatre-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
#nav-main li.nav-main-summertheatre:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-theatrefacilities {border-bottom : 1px solid #000; padding : 0.5em 23px;}
#nav-main li.nav-main-theatrefacilities-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 22px;}
#nav-main li.nav-main-theatrefacilities:hover {border-bottom : 1px solid #000; padding : 0.5em 23px;}
#nav-main li.nav-main-rentals {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-rentals-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
#nav-main li.nav-main-rentals:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-whoweare {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-whoweare-focus {border-left : 1px solid #000; border-right : 1px solid #000; padding : 0.5em 23px;}
#nav-main li.nav-main-whoweare:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-aboutpgt {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-aboutpgt-focus {border-left : 1px solid #000; padding : 0.5em 23px 0.5em 24px;}
#nav-main li.nav-main-aboutpgt:hover {border-bottom : 1px solid #000; padding : 0.5em 24px;}
#nav-main li.nav-main-showsevents-focus, #nav-main li.nav-main-theatreprograms-focus, #nav-main li.nav-main-summertheatre-focus, #nav-main li.nav-main-theatrefacilities-focus, #nav-main li.nav-main-rentals-focus, #nav-main li.nav-main-whoweare-focus, #nav-main li.nav-main-aboutpgt-focus, #nav-main li.nav-main-showsevents:hover, #nav-main li.nav-main-theatreprograms:hover, #nav-main li.nav-main-summertheatre:hover, #nav-main li.nav-main-theatrefacilities:hover, #nav-main li.nav-main-rentals:hover, #nav-main li.nav-main-whoweare:hover, #nav-main li.nav-main-aboutpgt:hover {background-color : #2A5F95; border-bottom : 1px solid #2A5F95;}
#nav-main li.nav-main-showsevents:hover, #nav-main li.nav-main-theatreprograms:hover, #nav-main li.nav-main-summertheatre:hover, #nav-main li.nav-main-theatrefacilities:hover, #nav-main li.nav-main-rentals:hover, #nav-main li.nav-main-whoweare:hover, #nav-main li.nav-main-aboutpgt:hover {/*background-color : #98CB00; */border-bottom : 1px solid #000;}
#nav-main li.nav-main-showsevents-focus a, #nav-main li.nav-main-theatreprograms-focus a, #nav-main li.nav-main-summertheatre-focus a, #nav-main li.nav-main-theatrefacilities-focus a, #nav-main li.nav-main-rentals-focus a, #nav-main li.nav-main-whoweare-focus a, #nav-main li.nav-main-aboutpgt-focus a, #nav-main li.nav-main-showsevents:hover a, #nav-main li.nav-main-theatreprograms:hover a, #nav-main li.nav-main-summertheatre:hover a, #nav-main li.nav-main-theatrefacilities:hover a, #nav-main li.nav-main-rentals:hover a, #nav-main li.nav-main-whoweare:hover a, #nav-main li.nav-main-aboutpgt:hover a {color : #FFF;}
#nav-main li.nav-main-showsevents:hover a, #nav-main li.nav-main-theatreprograms:hover a, #nav-main li.nav-main-summertheatre:hover a, #nav-main li.nav-main-theatrefacilities:hover a, #nav-main li.nav-main-rentals:hover a, #nav-main li.nav-main-whoweare:hover a, #nav-main li.nav-main-aboutpgt:hover a {color : #FFF;}
#nav-main li a {color : #2A5F95; text-decoration : none; font-weight : bold;}
#nav-stretch {background-color : #2A5F95; height : .5em;}
#nav-stretch-2 {background-color : #66ACD0; border-bottom : 1px solid #000; height : .375em;}
#section {background : url("../pics/background-section.gif") repeat-y top center; overflow : auto;}
body.gallery #section, body.staff #section {background-color : #EBEBEB; background-image : none;}
body.home #section {color : #FFF;}
#aside {float : left; font-size : 0.8125em; font-weight : bold; padding : 1em; width : 13em;}
#aside a {color : #000; text-decoration : none;}
#aside a:hover, #aside a.focus {color : #FFF;}
#aside ul {list-style-type : none; margin-bottom : 0;}
#aside ul li {line-height : 1.25em; margin : 0 0 1em 0;}
#aside ul li ul {margin : 1em 0 0 1em;}
#article {float : right; min-height : 25em; padding : 2em 1em 1em 1em; text-align : left; width : 43em;}
body.gallery #article, body.staff #article, body.home #article {float : left; padding : 0; text-align : center; width : 60em;}
div#contact-information div.left, div#contact-information div.right {float : left; text-align : center; width : 21.5em;}
p.author {font-style : italic;}
div.for-parents {background-color : #D8D8D8; -moz-border-radius : 0.5em; -webkit-border-radius : 0.5em; border-radius : 0.5em; padding : 0.5em;}
/* Show Information */
div.show-people {float : left;}
div.show-performances, div.show-tickets {background-color : #98CB00; -moz-border-radius : .5em; -webkit-border-radius : .5em; border-radius : .5em; float : left; margin-bottom : 2em; padding : .5em; text-align : center; width : 20.25em;}
div.show-performances {margin-right : .5em;}
div.show-performances ul, div.show-tickets ul {list-style-type : none;}
div.show-performances ul li, div.show-tickets ul li {margin-left : 0;}
span.tickets-available {color : red;}
ul.ticket-rules {background-color : #98CB00; line-height : 1.25em; margin-bottom : 1em; -moz-border-radius : 10px; -webkit-border-radius : 10px; border-radius : 10px; overflow : auto; padding : 1.0em;}
#address {background-color : #6E94AA; clear : both; color : #233743; padding : .25em 0; text-align : center;}
body.home #address {background-color : #6E94AA; border-top : 1px solid #000; clear : both; color : #233743; padding : .25em 0; text-align : center;}
#address a {color : #233743;}
#address a:hover {color : #CCC;}
#address p {margin-bottom : 0;}
#footer {background-color : #000; clear : both; color : #CCC; font-size : 0.8125em; padding : .5em 0; text-align : center;}
#footer p {margin-bottom : 0;}
#footer a {color : #CCC;}
#footer a:hover {color : #FFF;}
#footer ul {list-style-type : none; margin-bottom : 0;}
#footer ul li {display : inline; font-size : 0.8125em; margin-left : 0;}
/* Which Program Chart */
#which-program-chart {/*background : url("../pics/background-which-program-chart.gif") repeat-y top center; border-top : 1px solid #D3D3D3; border-bottom : 1px solid #D3D3D3; */margin-bottom : 1em; overflow : auto; padding : .5em 0;}
#which-program-chart a.sessions {background-color : #66ACD0; -moz-border-radius : 0.5em; -webkit-border-radius : 0.5em; border-radius : 0.5em; color : #000; display : block; float : left; line-height : 1.25em; margin-bottom : .25em; padding : .75em .5em; text-align : center;}
#which-program-chart a.sessions:hover {background-color : #AAA; cursor : pointer;}
#which-program-chart #sixweeks {background-color : #DDD; float : left; font-weight : bold; margin : 0 0 .25em .25em; padding : .5em 0; text-align : center; width : 42.5em;}
#which-program-chart #threeweeks-s1 {background-color : #DDD; float : left; font-weight : bold; margin : 0 0 .25em .25em; padding : .5em 0; text-align : center; width : 20.625em;}
#which-program-chart #threeweeks-s2 {background-color : #DDD; float : left; font-weight : bold; margin : 0 0 .25em .25em; padding : .5em 0; text-align : center; width : 21.625em;}
#which-program-chart #sixweeks-sidenote {background-color : #AAA; float : left; height : 5em; margin : 0 0 .25em .25em; padding : 2.5em 0 .5em 0; text-align : center; width : 20.625em;}
#which-program-chart #oneweek-section {float : left; margin : 0 0 .25em .25em; width : 7.25em;}
#which-program-chart #oneweek {background-color : #DDD; font-weight : bold; margin-bottom : .25em; padding : .5em 0; text-align : center; width : 7.25em;}
#which-program-chart a.mainstage {margin-left : .25em; width : 41.5em;}
#which-program-chart a.ss-teen-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
#which-program-chart a.ss-teen-s2 {width : 20.625em;}
#which-program-chart a.ss-yae-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
#which-program-chart a.ss-yae-s2 {width : 20.625em;}
#which-program-chart a.ss-pgtkids-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
#which-program-chart a.ss-pgtkids-s2 {width : 20.625em;}
#which-program-chart a.littletheatre-s1 {margin-left : .25em; margin-right : .25em; width : 19.625em;}
#which-program-chart a.littletheatre-s2 {width : 20.625em;}
#which-program-chart a.improv-week {width : 6.25em;}
/* Gallery, Staff & Home */
#slides {float : left; padding : 0; width : 43.75em;}
body.staff #slides {float : left; padding : 0; width : 47em;}
#index-slides {float : left; width : 48.9375em;}
#slides div, #index-slides div {display : none;}
body.staff #slides div {padding : .5em;}
body.staff #slides div img {padding : 0 .5em .5em 0;}
#slides div.active, #index-slides div.active {display : block; text-align : left;}
#slides div.active h3 {color : #2A5F95;}
#slides div img, #index-slides div img {border : none; float : left;}
#headshot-bio-hoverlinks, #shows-hoverlinks, #index-hoverlinks {background-color : #66ACD0; float : left; height : 28em; padding : 0; width : 16.25em;}
#headshot-bio-hoverlinks {width : 13em;}
#headshot-bio-hoverlinks h3, #shows-hoverlinks h3 {color : #2A5F95;}
#headshot-bio-hoverlinks ul#switches li, #headshot-bio-hoverlinks ul#switches li ul li, #shows-hoverlinks ul#switches li, #shows-hoverlinks ul#switches li ul li {margin-left : 0; padding : .5em 0;}
#index-hoverlinks {background-color : #2A5F95; height : 25.5em; overflow : hidden; padding : 40px 0 0 0; width : 11.0625em;}
#index-hoverlinks ul#switches {list-style-type : none;}
#index-hoverlinks ul#switches li {font-size : .9375em; height : 32px; margin-left : 0; padding-top : 16px;}
#index-hoverlinks ul#switches li a {color : #000; text-decoration : none;}
#index-hoverlinks ul#switches li a:hover {color : #FFF;}
#headshot-bio-hoverlinks ul#switches li ul li:hover, #shows-hoverlinks ul#switches li ul li:hover {color : #FFF;}
#headshot-bio-hoverlinks ul#switches, #headshot-bio-hoverlinks ul#switches li ul, #shows-hoverlinks ul#switches, #shows-hoverlinks ul#switches li ul {list-style-type : none;}
/* Home Page Slides */
#shows-and-events, #theatre-programs, #theatre-facilities, #rentals {height : 26em; padding : 1em;}
#shows-and-events {background : url("../pics/shows-and-events.jpg") #6E94AA;}
#theatre-programs {background : url("../pics/theatre-programs.jpg") #6E94AA;}
#theatre-facilities {background : url("../pics/theatre-facilities.jpg") #6E94AA;}
#rentals {background : url("../pics/rentals.jpg") #6E94AA;}
#shows-and-events span {float : left; text-align : center; width : 50%;}
#shows-and-events span img {border : 10px solid #66ACD0; margin : 2.5em 0 1em 54px;}
#shows-and-events ul {list-style-type : none;}
#shows-and-events ul li {margin-left : 0;}
/* SeatYourself Campaign */
div.seat-color {border : 3px solid #D3D3D3; clear : both; float : left; height : 1.5em; margin : 0 .5em 1em 11em; width : 1.5em;}
div.blue {background-color : #4FB0FD;}
div.green {background-color : #81FF81;}
div.red {background-color : #FE735E;}
div.yellow {background-color : #FFDE63;}
div.seat-explanation {margin-bottom : 1em;}
/* Contact Us Form */
form#constantcontact div.left {float : left; width : 21.5em;}
form#constantcontact div.right {float : left; width : 21.5em;}
form#constantcontact input[name="first_name"], form#constantcontact input[name="last_name"] {width : 15em;}
form#constantcontact input[name="email_address"], form#constantcontact input[name="adr_1"], form#constantcontact input[name="adr_2"] {width : 18em;}
/* Fancybox */
#fancybox-loading {position : fixed; top : 50%; left : 50%; width : 40px; height : 40px; margin-top : -20px; margin-left : -20px; cursor : pointer; overflow : hidden; z-index : 1104; display : none;}
#fancybox-loading div {position : absolute; top : 0; left : 0; width : 40px; height : 480px; background-image : url("../pics/fancybox/fancybox.png");}
#fancybox-overlay {position : absolute; top : 0; left : 0; width : 90%; z-index : 1100; display : none;}
#fancybox-tmp {padding : 0; margin : 0; border : 0; overflow : auto; display : none;}
#fancybox-wrap {position : absolute; top : 0; left : 0; padding : 20px; z-index : 1101; outline : none; display : none;}
#fancybox-outer {position : relative; width : 100%; height : 100%; background : #FFF;}
#fancybox-content {width : 0; height : 0; padding : 0; outline : none; position : relative; overflow : hidden; z-index : 1102; border : 0px solid #FFF;}
#fancybox-hide-sel-frame {position : absolute; top : 0; left : 0; width : 100%; height : 100%; background : transparent; z-index : 1101;}
#fancybox-close {position : absolute; top : -15px; right : -15px; width : 30px; height : 30px; background : transparent url("../pics/fancybox/fancybox.png") -40px 0px; cursor : pointer; z-index : 1103; display : none;}
#fancybox-error {color : #444; font : normal 12px/20px Arial; padding : 14px; margin : 0;}
#fancybox-img {width : 100%; height : 100%; padding : 0; margin : 0; border : none; outline : none; line-height : 0; vertical-align : top;}
#fancybox-frame {width : 100%; height : 100%; border : none; display : block;}
#fancybox-left, #fancybox-right {position : absolute; bottom : 0px; height : 100%; width : 35%; cursor : pointer; outline : none; background : transparent url("../pics/fancybox/blank.gif"); z-index : 1102; display : none;}
#fancybox-left {left : 0px;}
#fancybox-right {right : 0px;}
#fancybox-left-ico, #fancybox-right-ico {position : absolute; top : 50%; left : -9999px; width : 30px; height : 30px; margin-top : -15px; cursor : pointer; z-index : 1102; display : block;}
#fancybox-left-ico {background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -30px;}
#fancybox-right-ico {background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility : visible; /* IE6 */}
#fancybox-left:hover span {left : 20px;}
#fancybox-right:hover span {left : auto; right : 20px;}
.fancybox-bg {position : absolute; padding : 0; margin : 0; border : 0; width : 20px; height : 20px; z-index : 1001;}
#fancybox-bg-n {top : -20px; left : 0; width : 100%; background-image : url("../pics/fancybox/fancybox-x.png");}
#fancybox-bg-ne {top : -20px; right : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -162px;}
#fancybox-bg-e {top : 0; right : -20px; height : 100%; background-image : url("../pics/fancybox/fancybox-y.png"); background-position : -20px 0px;}
#fancybox-bg-se {bottom : -20px; right : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -182px;}
#fancybox-bg-s {bottom : -20px; left : 0; width : 100%; background-image : url("../pics/fancybox/fancybox-x.png"); background-position : 0px -20px;}
#fancybox-bg-sw {bottom : -20px; left : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -142px;}
#fancybox-bg-w {top : 0; left : -20px; height : 100%; background-image : url("../pics/fancybox/fancybox-y.png");}
#fancybox-bg-nw {top : -20px; left : -20px; background-image : url("../pics/fancybox/fancybox.png"); background-position : -40px -122px;}
#fancybox-title {font-family : Helvetica; font-size : 12px; z-index : 1102;}
.fancybox-title-inside {padding-bottom : 10px; text-align : center; color : #333; background : #FFF; position : relative;}
.fancybox-title-outside {padding-top : 10px; color : #FFF;}
.fancybox-title-over {position : absolute; bottom : 0; left : 0; color : #FFF; text-align : left;}
#fancybox-title-over {padding : 10px; background-image : url("../pics/fancybox/fancy_title_over.png"); display : block;}
.fancybox-title-float {position : absolute; left : 0; bottom : -20px; height : 32px;}
#fancybox-title-float-wrap {border : none; border-collapse : collapse; width : auto;}
#fancybox-title-float-wrap td {border : none; white-space : nowrap;}
#fancybox-title-float-left {padding : 0 0 0 15px; background : url("../pics/fancybox/fancybox.png") -40px -90px no-repeat;}
#fancybox-title-float-main {color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url("../pics/fancybox/fancybox-x.png") 0px -40px;}
#fancybox-title-float-right {padding: 0 0 0 15px; background: url("../pics/fancybox/fancybox.png") -55px -90px no-repeat;}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_close.png", sizingMethod="scale"); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_nav_left.png", sizingMethod="scale"); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_nav_right.png", sizingMethod="scale"); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_over.png", sizingMethod="scale"); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_left.png", sizingMethod="scale"); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_main.png", sizingMethod="scale"); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_title_right.png", sizingMethod="scale"); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height : expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6 {position : absolute; margin-top: 0; top : expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_loading.png", sizingMethod="scale"); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background : transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_n.png", sizingMethod="scale"); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_ne.png", sizingMethod="scale"); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_e.png", sizingMethod="scale"); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_se.png", sizingMethod="scale"); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_s.png", sizingMethod="scale"); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_sw.png", sizingMethod="scale"); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_w.png", sizingMethod="scale"); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../pics/fancybox/fancy_shadow_nw.png", sizingMethod="scale"); }
/* Carousel Vertical Scroll */
.jcarousel-skin-tango .jcarousel-container {background : #66ACD0;}
.jcarousel-skin-tango .jcarousel-container-vertical {width : 16.25em; height : 28em;}
body.staff .jcarousel-skin-tango .jcarousel-container-vertical {width : 13em; height : 28em;}
.jcarousel-skin-tango .jcarousel-clip-vertical {padding : 2em 0 0 0; width : 16.25em; height : 24em;}
body.staff .jcarousel-skin-tango .jcarousel-clip-vertical {padding : 2em 0 0 0; width : 13em; height : 24em;}
.jcarousel-skin-tango .jcarousel-item {width : 100%;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom : 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background : #FFF; color : #000;}
/* Vertical Buttons */
.jcarousel-skin-tango .jcarousel-next-vertical {position : absolute; bottom : 0px; left : 0; width : 260px; height : 32px; cursor : pointer; background : transparent url("../pics/next-vertical.png") no-repeat 0 0;}
body.staff .jcarousel-skin-tango .jcarousel-next-vertical {position : absolute; bottom : 0px; left : 0; width : 208px; height : 32px; cursor : pointer; background : transparent url("../pics/next-vertical-staff.png") no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover {background-position : 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical {position : absolute; top : 0px; left : 0; width : 260px; height : 32px; cursor : pointer; background : transparent url("../pics/prev-vertical.png") no-repeat 0 -32px;}
body.staff .jcarousel-skin-tango .jcarousel-prev-vertical {position : absolute; top : 0px; left : 0; width : 208px; height : 32px; cursor : pointer; background : transparent url("../pics/prev-vertical-staff.png") no-repeat 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position : 0 0;}