/* ------------------------------------------------------ */
/* - Gallery carousel - large image --------------------- */
/* ------------------------------------------------------ */
/*-----Cotainer starts -----*/
.gallery-carousel {
margin-bottom: 5px;
position: relative;
width: 700px;
}
/*-----Cotainer ends -----*/
/*-----large Image starts -----
#gallery-large-image_pop {
height: 500px;
overflow: hidden;
position: relative;
width: 640px;
}*/
#gallery-large-image_pop table {
height: 100%;
margin: 0;
width: 100%;
}
#gallery-large-image_pop table td {
font-size: 10; /*-----for pan_zoom - slider button size-----*/
padding:7px 5px 0px 5px;
text-align: center;
}
#gallery-large-image_pop img {
/* commented for pan_zoom
max-height: 482px;
max-width: 600px;*/
padding:0px 0px 0px 0px;
/*border-left: 2px solid red;*/
/*border-top: 2px solid red;*/
}
a.gallery_previous{
height:58px;
width:32px;
text-decoration: none !important;
}
a.gallery_next{
height:58px;
width:32px;
}
/*-----large Image ends-----*/
a img{
border:none;
}
/* ------------------------------------------------------ */
/* - Gallery carousel - Categories---------------------- */
/* ------------------------------------------------------ */
/*div.image_categories
{
padding:0px 0px 0px 0px;
}*/
/*
a.viewed-images
{
font-weight:bold;
color:#444;
text-decoration:none;
font-family: Arial;
font-size: 12px;
}
a.image_catergories{
padding:0px 0px 0px 0px;
text-decoration:none;
font-family: Arial;
font-size: 12px;
font-style: normal;
}
a.image_catergories:hover{
text-decoration: underline;
}
*/
/* ------------------------------------------------------ */
/* - Gallery carousel - thumbnails ---------------------- */
/* ------------------------------------------------------ */
/* Outer div1 - excludes fwd/bkd buttons*/
#gallery-thumbnails_pop {
margin:0px 0px 0px 0px;
position: relative;
/*border:1px solid blue; remove latter*/
}
/*----- Container for all images-----*/
/* Outer div3 - excludes fwd/bkd buttons*/
#thumbnail-slider_pop {
position:relative;
/*border:1px solid green; remove latter*/
}
/*----- Thumb Container excluding next, previous buttins. It conatisn only visible thumbs-----*/
/* Outer div2 - excludes fwd/bkd buttons*/
.gallery-thumbs_pop {
background-color: transparent;
font-size: 0;
overflow: hidden;
padding: 0;
position: relative;
width:581px; /* This is the slider width. if less then white space is shown. 595 is for 64 width with 1px borders*/
/*border:1px solid green; remove latter*/
}
/*----- Thumb Container excluding next, previous buttins -----*/
/*----- Individual Thumb -----*/
.gallery-thumbs_pop a {
display:block;
float: left;
position: relative;
padding: 0px 0px 0px 0px; /* UI- for thumbnail space- keep all '0'*/
}
/*thumbnail css*/
.gallery-thumbs_pop a img {
border:1px solid #cdcdcd; /* UI- for thumbnail space - keep border:1px solid #cdcdcd;*/
height:60px;
margin:0 2px 0 2px; /* UI- for thumbnail space- remove it */
width:77px; /* 64 (expected)- 2(border)*/
background-color: #F3F3F3;
}
/*----- Individual Thumb -----*/
/*rounded thumbnail for hovered image*/
.gallery-thumbs_pop a img:hover {
border: 1px solid #006699;
}
/*rounded thumbnail for selected image*/
.gallery-thumbs_pop a.selected-image img {
border: 1px solid #006699;
}
.zoom-icon {
display: none;
left: 0;
position: absolute;
padding: 0px 0px 0px 0px;
top: 0;
}
.zoom-icon img {
filter: alpha(opacity=50);
opacity: 0.3;
}
img.scroll-arrow_pop {
cursor: pointer; /*for hand pointer*/
height: 62px;
}
img.gallery_change_cmd_pop {
cursor: pointer; /*for hand pointer*/
}
/* for shading on next, prev buttons
#gallery-thumbnails_pop img.scroll-arrow_pop:hover {
filter: alpha(opacity=80);
opacity: 0.7;
}
*/
/* for shading on next, prev buttons
#gallery-thumbnails_pop img.arrow-inactive,
#gallery-thumbnails_pop img.arrow-inactive:hover {
cursor: auto;
filter: alpha(opacity=50);
opacity: 0.3;
}
*/
/* for smoothzoom*/
.smooth_zoom_preloader {
background-image: url('../../images/preloader.gif');
}
.smooth_zoom_icons {
background-image: url('../../images/icons.png');
}
/* for smoothzoom*/
.mainImageTable_pop{
border-collapse:collapse;
border: 1px solid #B5B5B5;
width: 650px; /* .gallery-thumbs_pop + ??*/
height: 585px; /*560 excluding View Full Image link . Black area positions might get changed accordingly*/
}
.tempTD_pop{
/*border: 1px solid red; */
border:none;
}
/*Contains only thumb nails*/
.thumbnailTotal_pop{
/*border: 1px solid black;*/
width: 642px; /*little large than main image so that fwd/bkd buttons will be aligned with image*/
/*height: 62px;*/
margin-left: 0px; /*margin of total slide bar including prev/next buttons */
}
.fullscreenTD{
border:1px solid #cdcdcd;
}
a.fullscreenLink{
padding:0px 0px 0px 0px;
color:#1952CE;
text-decoration:none;
font-family: Arial;
font-size: 12px;
font-style: normal;
}
.smallblackarea {
bottom: 95px;/*70 excluding View Image link
*/
display: inline-block;
margin-right: 0;
margin-top: 0;
position: absolute;
left: 33px;
text-align:center;
width:643px;
height:58px;
background: url(../../images/small_black_area.png) no-repeat 0 0;
/*It is working for mozilla, need to look into this. aslo uncommnet 7532412 in popup_image_library_fs.js file
// IE8
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/small_black_area.png', sizingMethod='scale');
// Pre IE8
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/small_black_area.png', sizingMethod='scale');
*/
font-family: Arial;
font-size: 13px;
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #FFFFFF;
z-index: 2;
padding-top: 2px;
}
.smallblackarea_ie7 {
bottom: 95px; /*70 excluding View Image link
*/
display: inline-block;
margin-right: 0;
margin-top: 0;
position: absolute;
left: 35px;
text-align:center;
width:650px;
height:60px;
background: url(../../images/small_black_area.png) no-repeat 0 0;
font-family: Arial;
font-size: 13px;
font-weight: bold;
font-style: normal;
text-decoration: none;
color: #FFFFFF;
z-index: 2;
}
.smallblackarea_td {
aligh:left;
line-height:30%;
}