div.viewer {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin:10px 0 10px 0px;
    padding:5px;
    text-align:center;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    position:relative;
    overflow:hidden;
}

.sidebars-none div.viewer {
    height: 329px;
    width: 438px; /* DonCt delete this width as this is required by viewport */    
}

.sidebars-none .withVideos  div.viewer {
   width: auto;
}
div.viewer
{
    height: 350px;
    /*width: 328px;*/ /* Dont delete this width as this is required by viewport */
}

.sidebars-left-right div.viewer
{
    width: 536px; /* Dont delete this width as this is required by viewport */
    height:402px;
}

.mediaGallery
{
    padding: 5px 10px 5px 0px;
}

.sidebars-wide-right .mediaGallery.withVideos
{
    padding-left: 0;
    padding-right: 0;
}

div.viewer.withCarousel {
    margin-bottom:0;
    border-bottom:0;
    overflow:hidden;
}

div.imageContainer {
    display:block;
}

div.viewer .overlay {
    position: absolute;
    background: #000000;
	filter:alpha(opacity=80);
	opacity: 0.8;
    width: 100%;
    padding: 5px;
    line-height: 1.1em;
    bottom:0;
    left:-5px;
    font-size: 0.9em;
    font-weight: bold;
    color: #888888;
    z-index:101;
}

div.viewer .restrictedOverlay {
    padding: 10px;
    border: solid 1px #E5E6A0;
    background-color: #FFFFD8;
}

div.viewer .restrictedOverlay:before {
    font-family: 'FontAwesome';
    font-size: 16px;
    content: '\f023';
    margin-right: 5px;
}

.nova-carousel-container {
    position: relative;
    overflow:auto;
}

.nova-carousel-container li.video div.videoScript, 
.nova-carousel-container li.video div.overlay {
        display:none;
}

.nova-carousel-container.videoScript{
        display:inline;
}

.jcarousel-skin-nova-default .jcarousel-container {
    -moz-border-radius-bottomright: 10px;    
    -moz-border-radius-bottomleft: 10px;    
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.jcarousel-skin-nova-default .jcarousel-container-horizontal {
    padding: 5px 30px 5px 30px;
}

.jcarousel-skin-nova-default .jcarousel-clip-horizontal {
    height: 128px;
}

.jcarousel-skin-nova-default .jcarousel-item {
    width: 160px;
    height: 128px;
}

/* This value is important. It relates to a jcarousel bug. If it is too low, then lines 618 (setting this.tail) and 153 (setting di var) of jcarousel.js
 conspire to prevent the carousel from realising that it is in the last position, hence resulting in a very small final scroll movement */
.jcarousel-skin-nova-default .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-nova-default .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-nova-default .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 100%;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url("../Carousels/ExternalTeaser/Images/grey-next-horizontal.png");
	background-repeat: no-repeat;
	background-position: 0 54px;
    -moz-border-radius-bottomright: 9px;    
    -webkit-border-bottom-right-radius: 9px;
}

.jcarousel-list-horizontal li a {
    display:block;
    text-align:center;
}

.jcarousel-skin-nova-default .jcarousel-next-horizontal:hover {
    background-position: -32px 54px;
}

.jcarousel-skin-nova-default .jcarousel-next-horizontal:active {
    background-position: -64px 54px;
}

.jcarousel-skin-nova-default .jcarousel-next-disabled-horizontal,
.jcarousel-skin-nova-default .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-nova-default .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 54px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 100%;
    cursor: pointer;
    background-color: #FFFFFF;
    background-image: url("../Carousels/ExternalTeaser/Images/grey-prev-horizontal.png");
	background-repeat: no-repeat;
	background-position: 0 54px;
    -moz-border-radius-bottomleft: 9px;    
    -webkit-border-bottom-left-radius: 9px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal:hover {
    background-position: -32px 54px;
}

.jcarousel-skin-nova-default .jcarousel-prev-horizontal:active {
    background-position: -64px 54px;
}

.jcarousel-skin-nova-default .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-nova-default .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-nova-default .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 54px;
}

.jcarousel-skin-nova-default li {
    position: relative;
    float:left;
}

.jcarousel-skin-nova-default li img {
    cursor: pointer;
}

.jcarousel-skin-nova-default li img{
    border: solid 2px transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;  
}

.jcarousel-skin-nova-default li.current img{
    border-color: #AAAAAA;
}

/**
 *  MagicZoomPlus tweaks
 */

.MagicZoomBigImageCont  {
    border:0;
}