﻿/*------------------------------------------*/
/* Hero Panel Carousel */

.hero_panel .jcarousel-container, .hero_panel .jcarousel-clip-vertical { width: 95px;     overflow: hidden; }

.hero_panel .jcarousel-container { float: left; }

.hero_panel .jcarousel-clip-vertical { background-image: url("../images/subject_hero_thumbnail_bg.jpg");     background-repeat: no-repeat;     background-position: right 29px; }

.hero_panel .jcarousel-container .slide_number { position: absolute;     display: block;     top: 0px;     left: 15px;     width: 50px;     height: 14px;     text-align: center;     font-weight: bold;     font-size: 0.8em;     line-height: 14px; }

.hero_panel ul.hero_panel_content { float: left;     margin: 0px;     padding: 0px;     width: 95px;     height: 100%;     overflow: hidden;     list-style-type: none; }

.hero_panel.show_four .jcarousel-container, .hero_panel.show_four .jcarousel-clip-vertical, .hero_panel.show_four ul.hero_panel_content { height: 364px; }

.hero_panel.show_five .jcarousel-container, .hero_panel.show_five .jcarousel-clip-vertical, .hero_panel.show_five ul.hero_panel_content { height: 455px; }

.hero_panel.default_state ul.hero_panel_content { padding-top: 0px;     height: auto;     overflow: visible; }

.hero_panel ul.hero_panel_content li { display: block;     margin: 0px;     padding: 0px 0px 10px 0px;     width: 95px;     height: 81px;     background-image: none; }

/*.hero_panel ul.hero_panel_content li.activeSlide { background-image: url("../images/subject_hero_thumbnail_bg.jpg"); }*/

.hero_panel ul.hero_panel_content li a.thumbnail { display: block;     float: left;     opacity: 0.5;     width: 81px;     height: 81px;     overflow: hidden; }

.hero_panel ul.hero_panel_content li.activeSlide a.thumbnail { padding: 6px;     width: 69px;     height: 69px; }

.hero_panel ul.hero_panel_content li:hover a.thumbnail { opacity: 1; }

.hero_panel ul.hero_panel_content li a.thumbnail img { width: 100%;     height: 100%; }

.hero_panel.default_state ul.hero_panel_content li:hover .slide_block { z-index: 250; }

/*------------------------------------------*/
/* General Purpose Image & Text Carousel */

.image_text_carousel { padding-top: 10px;     padding-bottom: 4px;     width: 100%;     overflow: hidden; }

.content_centre_triple .image_text_carousel, .content_left .image_text_carousel, .content_right .image_text_carousel { position: relative;     padding: 0px;     border-bottom: 1px solid #000000; }

.content_centre_triple .image_text_carousel .jcarousel-container-vertical, .content_left .image_text_carousel .jcarousel-container-vertical, .content_right .image_text_carousel .jcarousel-container-vertical { padding: 23px 0px 37px 0px; }

.image_text_carousel .previous, .image_text_carousel .next { position: absolute;     cursor: pointer;     bottom: -20px;     width: 13px;     height: 25px; }

.image_text_carousel .previous { left: 6px; }

.image_text_carousel .next { right: 6px; }

.content_centre_triple .image_text_carousel .previous, .content_left .image_text_carousel .previous, .content_right .image_text_carousel .previous, .content_centre_triple .image_text_carousel .next, .content_left .image_text_carousel .next, .content_right .image_text_carousel .next { left: 77px;     width: 25px;     height: 13px; }

.content_centre_triple .image_text_carousel .previous, .content_left .image_text_carousel .previous, .content_right .image_text_carousel .previous { top: 0px;     bottom: auto; }

.content_centre_triple .image_text_carousel .next, .content_left .image_text_carousel .next, .content_right .image_text_carousel .next { bottom: 14px; }

.image_text_carousel .jcarousel-clip { width: 195px;     overflow: hidden; }

.content_centre_triple .image_text_carousel .jcarousel-clip, .content_left .image_text_carousel .jcarousel-clip, .content_right .image_text_carousel .jcarousel-clip { width: 180px; }

.content_centre_single .image_text_carousel .jcarousel-clip { width: 585px; }

.wide_left .image_text_carousel .jcarousel-clip, .wide_right .image_text_carousel .jcarousel-clip { width: 780px; }

.image_text_carousel ul { display: block;     margin: 0px;     padding: 0px;     list-style-type: none; }

.image_text_carousel ul li { display: block;     float: left;     margin: 0px;     padding: 0px 15px 0px 0px;     width: 180px;     text-align: center;     background-image: none; }

.image_text_carousel ul.default_state li { min-height: 410px; }

.content_centre_triple .image_text_carousel ul li, .content_left .image_text_carousel ul li, .content_right .image_text_carousel ul li { padding-right: 0px;     min-height: 0px; }

.content_centre_triple .image_text_carousel ul.default_state li, .content_left .image_text_carousel ul.default_state li, .content_right .image_text_carousel ul.default_state li { margin-bottom: 15px;     border-bottom: 1px solid #000000; }

.product_carousel ul li { position: relative; }

.image_text_carousel ul li .image { width: 180px;     height: 180px;     overflow: hidden; }

.image_text_carousel ul li .image a { display: block;     width: 180px;     height: 180px;     line-height: 180px; }

.content_centre_triple .image_text_carousel ul.default_state li .image, .content_left .image_text_carousel ul.default_state li .image, .content_right .image_text_carousel ul.default_state li .image, .content_centre_triple .image_text_carousel ul.default_state li .image a, .content_left .image_text_carousel ul.default_state li .image a, .content_right .image_text_carousel ul.default_state li .image a { height: auto;     line-height: 0px; }

.image_text_carousel ul li .image img { max-width: 100%;     max-height: 100%; }

.image_text_carousel ul li .text h3 { margin-top: 14px; }

.product_carousel ul li .text { padding-bottom: 10px;     text-align: left; }

.content_centre_triple .product_carousel ul li .text, .content_left .product_carousel ul li .text, .content_right .product_carousel ul li .text { padding-bottom: 0px; }

.carousel_pager { width: 100%;     height: 17px;     text-align: center; }

.content_centre_triple .carousel_pager, .content_left .carousel_pager, .content_right .carousel_pager { position: absolute;     top: 23px;     right: 0px;     width: 17px;     height: auto; }

.carousel_pager a { display: inline-block;     padding: 0px 2px;     width: 17px;     height: 17px;     line-height: 17px;     background-image: url("../images/carousel_pager_clear.png");     background-repeat: no-repeat; }

.content_centre_triple .carousel_pager a, .content_left .carousel_pager a, .content_right .carousel_pager a { padding: 1px 0px; }

.carousel_pager a.selected { background-image: url("../images/carousel_pager_selected.png"); }

.carousel_pager a span { display: none; }

