/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 84px;
    height: 84px;
    padding: 0 5px;
}
* html .jcarousel-item { padding: 0 2px; }

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-container .control { text-align: right; margin-top: 10px; }
.jcarousel-container .control a {  }
.jcarousel-container .control a:focus { outline: none;  }
.renderings, .construction {width: 270px; margin-left: 40px; }
.renderings .control a, .construction .control a { display: inline-block; margin-right: 3px; border: 1px solid #20b5ed; text-indent: 9999px; height: 5px; width: 5px; }
.renderings .control a.current, .construction .control a.current { background-color: #20b5ed; }

#specials ol { list-style: outside none none; margin: 0; padding: 0; }
#specials ol li { }
#specials .control { position: absolute; right: 10px; z-index: 50; }
#specials .control a { display: inline-block; margin-right: 3px; border: 1px solid #d6dadd; text-indent: 9999px; height: 5px; width: 5px; }
#specials .control a:focus { outline: none; }
#specials .control a.current { background-color: #bd0014; }
#specials .jcarousel-item { width: 300px; height: 343px; padding: 0 1px 0 0;}


* html .jcarousel-container .control { float: right; }
* html .renderings .control a, * html .construction .control a { display: block; float: left; text-indent: 0; color: #fff; }
* html .renderings .control a.current, * html .construction .control a.current { color: #20b5ed; }
* html .renderings .jcarousel-clip, * html .construction .jcarousel-clip { width: 260px; }
* html .renderings .jcarousel-item, * html .construction .jcarousel-item { margin-right: 0; width: 84px; height: 84px; padding-left: 0; padding-right: 2px;}
* html .renderings,* html .construction  {margin: 0; }

* html #specials { overflow: hidden; }
* html #specials .control a { display: block; float: left; text-indent: 0; color: #fff; }
* html #specials .control a.current { color: #bd0014; }
* html #special-box { overflow: hidden; margin: 6px; }
* html #special-box .jcarousel-clip { width: 300px; overflow: hidden; }
* html #video-box { float: right; }

*:first-child+html .renderings .control a, *:first-child+html .construction .control a  {text-indent: 0; color: #fff; font-size: 5px; line-height: 4px; }
*:first-child+html .renderings .control a.current, *:first-child+html .construction .control a.current  { color: #20b5ed; }
*:first-child+html #specials .control a { text-indent: 0; color: #fff; font-size: 5px; line-height: 4px; }
*:first-child+html #specials .control a.current { color: #bd0014; }