/* layout */ .jcarousel-container-horizontal .next, .jcarousel-container-horizontal a.next, .jcarousel-container-horizontal a.next:link, a.next:visited, .jcarousel-container-horizontal .prev, .jcarousel-container-horizontal a.prev, .jcarousel-container-horizontal a.prev:link, a.prev:visited { display:block; width:12px; height:12px; cursor: pointer; text-decoration: none; font-size: 11px; overflow:hidden; text-indent:9999em; } .jcarousel-container-horizontal .next, .jcarousel-container-horizontal a.next, .jcarousel-container-horizontal a.next:link, .jcarousel-container-horizontal a.next:visited { position:absolute; bottom:-22px; right:46%; background:url(../images/eop/carousel/arrow_right_blue.gif) no-repeat 3px 0; } .jcarousel-container-horizontal .prev, .jcarousel-container-horizontal a.prev, .jcarousel-container-horizontal a.prev:link, .jcarousel-container-horizontal a.prev:visited { position:absolute; bottom:-22px; left:46%; background:url(../images/eop/carousel/arrow_left_blue.gif) no-repeat 3px 0; } .jcarousel-container-horizontal .jcarousel-prev-disabled, .jcarousel-container-horizontal a.jcarousel-prev-disabled, .jcarousel-container-horizontal a.jcarousel-prev-disabled:link, .jcarousel-container-horizontal a.jcarousel-prev-disabled:visited {background-position:3px -12px;} .jcarousel-container-horizontal .jcarousel-next-disabled, .jcarousel-container-horizontal a.jcarousel-next-disabled, .jcarousel-container-horizontal a.jcarousel-next-disabled:link, .jcarousel-container-horizontal a.jcarousel-next-disabled:visited {background-position:3px -12px;} .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;} .jcarousel-next {z-index:3; display:none;} .jcarousel-prev {z-index:3; display:none;} /***************/ /* Media Pages */ /***************/ /* Gallery Slideshow Layout */ .mod-gallery {position:relative; width: 954px;text-align: left; margin: 0 auto 20px auto; padding:5px 0 0 0; background-color:#000; z-index: 2;} .mod-gallery .caption {float:right; display:block; width:225px; padding:8px 28px 8px 0; text-align:right; color:#ccc; font-size:9px; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",sans-serif;} .mod-gallery .desc {float:left; width:905px; padding:10px 0 10px 48px; text-align:left; color:#ccc; background: url(../images/transp.png); font-size:12px; line-height:17px; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",sans-serif;} .mod-gallery .tracker {float:right; width:150px; clear:right; display:block; padding-right:28px; text-align:right; color:#ccc; background-color:#000; font-size:14px; font-weight:bold; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",sans-serif;} /* Set the width/height explicitly. No width/height causes infinite loops. */ .mod-gallery .jcarousel-list {width:90px; height:51px;} .mod-gallery .jcarousel-item {width:90px; height:51px;} .mod-gallery .gallery_show {/*height:90px;*/ margin:0;} .mod-gallery .gallery_show li{width:90px;height:51px; padding:0; margin-right:14px; border:3px solid #161616;} .mod-gallery .gallery_show li div{left:240px} .mod-gallery .gallery_show li div .caption{font:italic 0.7em/1.4 georgia,serif;} .mod-gallery #main_image {height:220px; background:#1a1a1a; margin-bottom:13px;} .mod-gallery .galleria_wrapper img{} .mod-gallery .galleria_wrapper {width:900px; height:200px; margin:0 auto; background-color:#0f0f0f; overflow:hidden;} .mod-gallery .main_image_wrapper {position:relative; background-color:#282828;} .mod-gallery .main_image_wrapper a.prevImg, .main_image_wrapper a.prevImg:link, .main_image_wrapper a.prevImg:visited, .mod-gallery .main_image_wrapper a.nextImg, .main_image_wrapper a.nextImg:link, .main_image_wrapper a.nextImg:visited {position:absolute; width:30px; height:230px; text-indent:-9999em;} .mod-gallery .main_image_wrapper a.prevImg, .mod-gallery .main_image_wrapper a.prevImg:link, .mod-gallery .main_image_wrapper a.prevImg:visited {top:0; left:0; background:url(../images/arrow_large_prev.gif) no-repeat 0 50% #0f0f0f;} .mod-gallery .main_image_wrapper a.prevImg:hover, .mod-gallery .main_image_wrapper a.prevImg:active {background-position:-30px 50%; background-color:#000;} .mod-gallery .main_image_wrapper a.nextImg, .mod-gallery .main_image_wrapper a.nextImg:link, .mod-gallery .main_image_wrapper a.nextImg:visited {top:0; right:0; background:url(../images/arrow_large_next.gif) no-repeat 0 50% #0f0f0f;} .mod-gallery .main_image_wrapper a.nextImg:hover, .mod-gallery .main_image_wrapper a.nextImg:active {background-position:-30px 50%; background-color:#000;} .mod-gallery .autoControl {float:right; margin:0 28px 5px 0; width:23px; height:23px; background:url(../images/auto_control.gif) no-repeat 0 0; text-indent:-9999em;} .mod-gallery .slideshowTitle {float:left; padding:0 10px 0 30px;} .mod-gallery .ssInfoLink {display:block; float:left; margin-top:3px; padding-right:10px; color:#808080; font-size:10px; text-decoration:none; background:url(../images/arrow_down.gif) no-repeat 100% 50%;} .mod-gallery .ssInfoPane {width:856px; margin:0 auto; padding:5px 20px; color:#fff;} .mod-gallery .gallery_info {position:absolute; left:30px; background:url(../images/shade.png) 0 0; z-index:10;} /* start gallery jcarousel */ .mod-gallery .jcarousel-container {position: relative;} .mod-gallery .jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;} .mod-gallery .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;} .mod-gallery .jcarousel-item {display:inline; float: left; list-style: none; width: 90px; height: 51px; margin:0;} .mod-gallery .jcarousel-next {z-index: 3; display: none;} .mod-gallery .jcarousel-prev { z-index: 3; display: none;} /* end gallery jcarousel */ /* start gallery skin jcarousel */ .mod-gallery .jcarousel-skin-gallery.jcarousel-container {background:url(../images/thumb_carousel_bg.jpg) no-repeat 0 0;} .mod-gallery .jcarousel-skin-gallery.jcarousel-container-horizontal {width:954px; height:70px; margin:0 auto; padding: 10px 0 0 0;} .mod-gallery .jcarousel-skin-gallery.jcarousel-container-vertical {width: 75px; height: 245px; padding: 40px 20px;} .mod-gallery .jcarousel-skin-gallery .jcarousel-clip-horizontal {width:870px; margin:0 auto;} .mod-gallery .jcarousel-skin-gallery .jcarousel-clip-vertical {width: 75px; height: 245px;} .mod-gallery .jcarousel-skin-gallery .jcarousel-item {width: 90px; height: 51px; text-align:center; overflow:hidden;} .mod-gallery .jcarousel-skin-gallery .jcarousel-item-horizontal {} .mod-gallery .jcarousel-skin-gallery .jcarousel-item-vertical {margin-bottom: 10px;} .mod-gallery .jcarousel-skin-gallery .jcarousel-item-placeholder {background: #000; color: #fff;} .mod-gallery .jcarousel-skin-gallery .jcarousel-next-horizontal { position: absolute; top:30px; right:10px; display:block; width:11px; height:21px; cursor: pointer; text-decoration: none; font-size: 11px; overflow:hidden; text-indent:9999em; background:url(../images/arrow_next.gif) no-repeat 0 0; } .mod-gallery .jcarousel-skin-gallery .jcarousel-next-horizontal:hover {background-position: 0 0;} .mod-gallery .jcarousel-skin-gallery .jcarousel-next-horizontal:active {background-position: 0 0;} .mod-gallery .jcarousel-skin-gallery .jcarousel-next-disabled-horizontal, .mod-gallery .jcarousel-skin-gallery .jcarousel-next-disabled-horizontal:hover, .mod-gallery .jcarousel-skin-gallery .jcarousel-next-disabled-horizontal:active {cursor: default; background-position:0 -21px;} .mod-gallery .jcarousel-skin-gallery .jcarousel-prev-horizontal { position: absolute; top:30px; left:10px; display:block; width:11px; height:21px; cursor: pointer; text-decoration: none; font-size: 11px; overflow:hidden; text-indent:9999em; background:url(../images/arrow_prev.gif) no-repeat 0 0; } .mod-gallery .jcarousel-skin-gallery .jcarousel-prev-horizontal:hover {background-position: 0 0;} .mod-gallery .jcarousel-skin-gallery .jcarousel-prev-horizontal:active {background-position: 0 0;} .mod-gallery .jcarousel-skin-gallery .jcarousel-prev-disabled-horizontal, .mod-gallery .jcarousel-skin-gallery .jcarousel-prev-disabled-horizontal:hover, .mod-gallery .main_image_wrapper .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position:0 -21px;} .mod-gallery div.desc a, .mod-gallery div.desc a:link, .mod-gallery div.desc a:visited {color:#ccc ; text-decoration:underline;} .mod-gallery div.desc a:hover {color:#ccc; text-decoration:none;} .mod-gallery div.desc a:active {color:#ccc; text-decoration:underline;} /* end tango jcarousel */ /** * This
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: 75px; } .jcarousel-list li:hover { cursor:pointer; } /** * The buttons are added dynamically by jCarousel before * the