/**
* Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)
* Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
* and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
*
* Version: 1.2.7
*
* Demo and documentation: http://coffeescripter.com/code/ad-gallery/
*/
.Slideshow {
margin: 0 0 30px;
}
.float-lt.Slideshow {
float: none;
}
/*
.ad-gallery {
width: 510px;
}
*/
/*
.ad-gallery, .ad-gallery *
{
margin: 0;
padding: 0;
}
*/
.ad-gallery .ad-image-wrapper {
position: relative;
overflow: hidden;
height: 340px;
width: 510px;
}
.ad-gallery .ad-image-wrapper .ad-loader {
position: absolute;
z-index: 10;
top: 75%;
left: 48%;
border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
position: absolute;
right: 0;
top: 0;
width: 186px;
height: 100%;
cursor: pointer;
display: block;
z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev {
position: absolute;
left: 0;
top: 0;
width: 186px;
height: 100%;
cursor: pointer;
display: block;
z-index: 200;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
background: url(trans.gif);
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(/images/Dotcom/Global/buttons/previous.png);
width: 60px;
height: 60px;
display: block;
position: absolute;
top: 41%;
left: 0;
z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
background: url(/images/Dotcom/Global/buttons/next.png);
width: 60px;
height: 60px;
right: 0;
left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
border: 0;
}
/*.ad-gallery .ad-image-wrapper .ad-image .ad-image-description
{
position: absolute;
bottom: 0px;
left: 0px;
padding: 7px;
text-align: left;
width: 100%;
z-index: 2;
background: url(opa75.png);
color: #000;
}*/
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
position: absolute;
bottom: 0px;
left: 0px;
padding: 12px;
text-align: left;
width: 100%;
z-index: 2;
background-color: #000000;
opacity: 0.80;
line-height: 120%;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
margin: 0;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= 'opa75.png' );
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
display: block;
}
.ad-gallery .ad-controls {
overflow: auto;
text-align: center;
border-bottom: 1px solid #222222;
background-color: #3E3E3E;
background-image: -moz-linear-gradient(center top , #3F3F3F, #3B3B3B, #353535);
background-image: -webkit-linear-gradient(center top, #3F3F3F, #3B3B3B, #353535); 
background-image: -o-linear-gradient(center top, #3F3F3F, #3B3B3B, #353535);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3F3F3F, endColorstr=#353535);
}
.ad-gallery .ad-caption-controls {
border-left: 1px solid #555555;
float: right;
cursor: pointer;
}
.ad-gallery .ad-slideshow-controls {
border-right: 1px solid #555555;
float: left;
cursor: pointer;
}
.ad-gallery .ad-caption-controls:hover, .ad-gallery .ad-slideshow-controls:hover {
background-color: #222222;
}
.ad-caption img, .ad-captionOff img, .ad-slideshow-start img, .ad-slideshow-stop img {
padding: 9px 20px;
}
.ad-slideshow-controls .ad-slideshow-start, .ad-slideshow-controls .ad-slideshow-stop {
/*
padding-left: 5px;
*/
cursor: pointer;
}
.ad-count {
padding-top: 15px;
}
.ad-count .removeThisDIV,
.ad-count .leftArrowNavigation,
.ad-count .rightArrowNavigation,
.ad-count .leftArrowNavigation img,
.ad-count .rightArrowNavigation img {
display: inline;
}
.ad-count .adinfodivRW, 
.ad-count .adinfodivFW {
padding: 0 !important;
cursor: pointer;
vertical-align: middle;
}
.ad-count .ad-info {
color: #DFDFD1;
font-weight: bold;
vertical-align: middle;
padding: 0 10px;
}
/*
width: 378px;
margin-left: 65px;
border-left: 1px solid #222222;
border-right: 1px solid #222222;
height: 44px;
}
/*
.ad-gallery .ad-info
{
color: #DFDFD1;
font-weight: bold;
margin-left: 25px;
margin-right: 25px;
position: relative; 
top: -4px; 
}*/
.ad-gallery .ad-caption {
cursor: pointer;
}


.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
padding-left: 5px;
font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
cursor: default;
font-style: italic;
display: none;
}
.ad-gallery .ad-nav {
background-color: #3E3E3E; 
background-image: -moz-linear-gradient(center top , #3F3F3F, #3B3B3B, #353535);
background-image: -webkit-linear-gradient(center top, #3F3F3F, #3B3B3B, #353535);
background-image: -o-linear-gradient(center top, #3F3F3F, #3B3B3B, #353535);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3F3F3F, endColorstr=#353535);
border-top: 1px solid #555555;
position: relative;
zoom: 1;
/*
width: 510px;
height: 92px;
*/
}
/*
.ad-gallery .ad-forward, .ad-gallery .ad-back {
position: absolute;
top: 0;
height: 100%;
z-index: 10;
}
*/
/* IE 6 doesn't like height: 100% 
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
height: 100px;
}
*/
.ad-gallery .ad-back, .ad-gallery .ad-forward {
cursor: pointer;
display: block;
height: 92px;
width: 71px;
}
.ad-gallery .ad-back {
background: url("/images/Dotcom/Global/buttons/scroll-backward.png") no-repeat center;
float: left;
}
.ad-gallery .ad-back:hover {
background-image: url("/images/Dotcom/Global/buttons/scroll-backward-hover.png");
}
.ad-gallery .ad-forward {
background: url("/images/Dotcom/Global/buttons/scroll-forward.png") no-repeat center;
float: right;
width: 75px;
margin-left: -15px;
}
.ad-gallery .ad-forward:hover {
background-image: url("/images/Dotcom/Global/buttons/scroll-forward-hover.png");
}

.ad-gallery .ad-nav .ad-thumbs {
overflow: hidden;
/*
height: 79px;
*/
}
.ad-gallery .ad-nav .ad-thumbsCover {
padding: 5px 0;
/*
padding: 5px 0 0 73px;
padding: 5px 0 0 0;
*padding: 5px 0 0 73px;
width: 370px;
width: auto;
*width: 370px;
overflow: auto;
*margin-top: -90px;
*/
}
.ad-gallery .ad-thumbs .ad-thumb-list {
float: left;
list-style: none;
padding-left: 0;
padding-right: 10px;
/*
width: 1008px;
*/
}
.ad-gallery .ad-thumbs li {
float: left;
height:78px;
width:116px;
}
.ad-gallery .ad-thumbs .liPadding {
padding-right: 10px;
}
.ad-thumli {
margin-right: 60px; 
}
.ad-gallery .ad-thumbs li a, .ad-gallery .ad-thumbs li a img {
display: block; 
}
.thumbSelectedBorder {
border: 3px solid #dfdfd1;
display: block;
margin: 0;
}
.thumbBorder {
border: 1px solid #777777;
display: block;
margin: 2px 0 0 2px;
}
.ad-gallery .ad-thumbs li a img:hover {
border: 3px solid #dfdfd1;
display: block;
margin: 0;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
position: absolute;
left: -9000px;
top: -9000px;
}
/* this should be used simply as an H6 tag!
.ad-titlename {
color: #E37222;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
}
*/
.ad-description {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
margin-bottom: 20px;
margin-top: 15px;
}

.ad-gallery .ad-captionOff {
/*
border-left: 2px solid #555555;
float: right;     
height: -44px;      
width: 66px; 
*/
display: none;
cursor: pointer;
}
.ad-gallery .ad-captionDisplayNone {
display: none;
}
.new_prev_imgclickable
{
width: 44px;
height: 44px;
}
.new_next_imgclickable
{
width: 44px;
height: 44px;
}