#iPicture{
	font-family: Arial,Tahoma,san-serif;
	font-size: 11px;
	color: #000;
	font-weight:normal
}

#iPicture a{text-decoration:none;color:#ccc;font-size:11px;}

.ip_slide{position: relative;}
.ip_tooltip {
    padding: 0;
    position: absolute;
    text-align: left;
}
.ip_img32 .ip_descr{
/*     top:14px; */
}
.ip_bg24 .ip_descr{
/*     top: 10px; */
}
.ip_descr:before{
	width: 0;
	height: 0;
    content: "";
    position: absolute;
}
.ip_descr.ltr-before:before{
    border-left: 18px solid transparent;
    top: 2px;
	left: -27px;
}

.bgblack.ltr-before:before{
	border-top: 22px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.rtl-before:before{
    border-right: 18px solid transparent;
    top: 2px;
	right: -27px;
}
.bgblack.rtl-before:before{
	border-top: 22px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.btt-before:before{
    border-right: 22px solid transparent;
	bottom: -28px;
	left: 0px;
}

.bgblack.btt-before:before{
	border-top: 18px solid rgba(0, 0, 0, 0.8);
}
.ip_descr.ttb-before:before{
    border-right: 22px solid transparent;
	top: -26px;
	left: 2px;
}

.bgblack.ttb-before:before{
	border-bottom: 18px solid rgba(0, 0, 0, 0.8);
}
.ip_tooltip .ip_descr {
    opacity: 0;
    position: absolute;
    text-align: center;
/*     min-width: 225px; */
	transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
	-moz-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
	-webkit-transition: left 0.25s ease-out, opacity 0.25s ease-out, right 0.25s ease-out, bottom 0.25s ease-out, top 0.25s ease-out;
	z-index: -10;
	display: block;
	width: auto;
    height:auto;
    padding: 10px;
    min-height: 15px;
}
.ip_descr {
	min-width:249px;
	min-height:70px;
}
.ip_tooltip .ltr-before {
	left: -3px;
}
.ip_tooltip .rtl-before {
	right: -60px;
}
.ip_tooltip .ttb-before {
	top: -3px;
}
.ip_tooltip .btt-before {
	bottom: -60px;
}
.ltr-slide {
	opacity: 1 !important;
	left: 34px !important;
	padding: 0;
}
.rtl-slide {
	opacity: 1 !important;
	right: 13px !important;
	padding: 0;
}
.btt-slide {
	opacity: 1 !important;
	bottom: 16px !important;
	padding: 0;
}
.ttb-slide {
	opacity: 1 !important;
	top: 34px !important;
	padding: 0;

}

.pass-ltr{
	display: block;
    float: right;
    height: 50px;
    left: 30px;
    position: absolute;
    width: 50px;
}
.pass-rtl{
	display: block;
    float: right;
    height: 50px;
    right: -30px;
    position: absolute;
    width: 50px;
}
.pass-btt{
	display: block;
    float: right;
    height: 50px;
    bottom: -30px;
    position: absolute;
    width: 40px;
}
.pass-ttb{
	display: block;
    float: right;
    height: 20px;
    top: 30px;
    position: absolute;
    width: 50px;
}
.descrContainer {
	width: 0;
	height:0;
	display: block;
	visibility: hidden;
}
.show .descrContainer {
	width:100%;
	height:100%;
	visibility: visible;
}
.ip_img32 .button{
  width: 20px;
  height: 20px;
  float: left!important;
  position: absolute;
}
.bg32 .button{
  width: 20px;
  height: 20px;
  float: left!important;
  position: absolute;
  top: 9px;
  left: 9px;
}
.bgblack{
/*	background: url('../images/bubble.png');*/
background:#fff;
border:10px solid #000;
/*padding:10px;
border:10px solid #000;*/
}

/* white round bg */
.ip_img32 .roundBgW{
	height: 35px;
    width: 35px;
    left: -7px;
    position: absolute;
    top: -7px;
}
.ip_img32 .roundBgWIn{
	height: 28px;
    width: 28px;
    position: absolute;
    left: -4px;
    top: -4px;
}
.ip_img32 .roundBgWInner{
	height: 23px;
    width: 23px;
    position:absolute;
    left: -2px;
    top: -2px;
}
.roundBgW{
	border-radius: 30px;
	position: absolute;
	animation: pulseW 1.5s 1s infinite alternate; 
	-moz-animation: pulseW 1.5s 1s infinite alternate; /* Firefox */
	-webkit-animation: pulseW 1.5s 1s infinite alternate;  /* Safari and Chrome */
	-o-animation: pulseW 1.5s 1s infinite alternate; /* Opera */
}
.roundBgWIn{
	border-radius: 30px;
	position: absolute;
	top: 4px;
	left: 4px;
	animation: pulseWIn 1.5s 0.5s infinite alternate;
	-moz-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Firefox */
	-webkit-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Safari and Chrome */
	-o-animation: pulseWIn 1.5s 0.5s infinite alternate; /* Opera */
}
.roundBgWInner{
	border-radius: 30px;
	position: absolute;
	top: 7px;
	left: 7px;
	animation: pulseWInner 1.5s infinite alternate;
	-moz-animation: pulseWInner 1.5s infinite alternate; /* Firefox */
	-webkit-animation: pulseWInner 1.5s infinite alternate; /* Safari and Chrome */
	-o-animation: pulseWInner 1.5s infinite alternate; /* Opera */
}
@keyframes pulseW
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}

@-moz-keyframes pulseW /* Firefox */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}

@-webkit-keyframes pulseW /* Safari and Chrome */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}

@-o-keyframes pulseW /* Opera */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.2);}
}
@keyframes pulseWIn
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@-moz-keyframes pulseWIn /* Firefox */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@-webkit-keyframes pulseWIn /* Safari and Chrome */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@-o-keyframes pulseWIn /* Opera */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.3);}
}

@keyframes pulseWInner
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}

@-moz-keyframes pulseWInner /* Firefox */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}

@-webkit-keyframes pulseWInner /* Safari and Chrome */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}

@-o-keyframes pulseWInner /* Opera */
{
from {background: rgba(255,255,255, 0);}
to {background: rgba(255,255,255, 0.6);}
}
/* end white round bg */

/* ###################################################################

                          buttons classes
                          
   ################################################################### */
   
.beadblack{
  background: url("../images/beadblack/button.png") no-repeat scroll left center transparent;
}
.ipic-orange{
background-image: linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
background-image: -o-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
background-image: -moz-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
background-image: -webkit-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);
background-image: -ms-linear-gradient(bottom, rgb(241,152,55) 8%, rgb(255,183,83) 54%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.08, rgb(241,152,55)),
	color-stop(0.54, rgb(255,183,83))
);
	}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, ins, kbd, q, samp, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
}
body {
  -webkit-text-size-adjust:none;
  font-family:sans-serif;
}
#slideshow {
	width:667px;
	background:transparent url("../images/frame3.png") no-repeat;
	height:776px;
}

.hide {
display: none;
visibility: hidden;
}

#loadingMsg{
	position: absolute;
	top: 0;
	left: 0;
	color:#ffffff;
	width: 100%;
	text-align: center;
	z-index: 2000;
	background: rgba(0, 0, 0, 1);
	min-height: 1000px;
}
#loadingMsgContainer{
	padding-top:20%;
}



#iPicture{overflow-x: hidden;
    overflow-y: hidden;}
#slideshow {
	position:relative;

}
#slideshow #iPicture {
  margin:0 auto;
  padding-top:158px;
  width:627px;
  position:relative;
}
#slideshow #iPicture .slide {
  margin:0 auto;
  width:540px; /* reduce by 20 pixels of #iPicture to avoid horizontal scroll */
  /*height:263px;*/
}

.control {
  display:block;
  width:23px;
  height:42px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;
  top:350px;
}


#leftControl {
  left:7px;
  background:transparent url(../images/prev.png) no-repeat 0 0;
}
#rightControl {
  right:7px;
  background:transparent url(../images/next.png) no-repeat 0 0;
}

/** 
 * Slideshow controls style rules.
 */
#pageContainer {
  margin:0 auto;
  width: 627px;

}