/*-------------------Styles for the main site-----------------------*/
ul.jol-list{
list-style:none;margin:0px;
padding-left:0;
}
ul.jol-list li{
list-style:none; height: auto;padding:0px;
background:url(/images/bullet.gif) no-repeat left;
padding:0 0 0 16px; 
margin:2px 0px 2px 0px;
}
ul.jol-list li a{
text-decoration:none;
color:#000;text-align:left;
background-position:0px 0px;
}
ul.jol-list li a:hover{
text-decoration:underline;color: #000;
}

.archive-box{
height: auto;
padding:10px 0 0 10px;
float:left;
}
.archive-box ul{
list-style:none;padding:4px 10px 4px 10px;margin:0px; float:left;
}
.archive-box ul li{
list-style:none;width:auto;height: auto; line-height:11px;
}

.photo-box
{
    height:150px;
}
.photo-box img
{
    max-height: 120px;
}
.jol-pagebody
{
    padding: 0 10px 10px;
}

#left_content .products_box .text_content{
    max-width:220px;
}
#right_content .products_box .text_content{
    max-width:395px;
}
#paypal_form{
    border: 2px solid green;
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-box-shadow: 0px 0px 30px  #3cdfdf;
    box-shadow: 0px 0px 30px #3cdfdf;
}
@-webkit-keyframes pulsate {
    0%   {  -webkit-box-shadow: 0px 0px 0px #3cdfdf;  border:2px aqua inset  }
    25%  {  -webkit-box-shadow: 0px 0px 35px #3cdfdf; border:2px aqua inset  }
    50%  {  -webkit-box-shadow: 0px 0px 0px white;    border:2px white inset }
    75%  {  -webkit-box-shadow: 0px 0px 35px white;   border:2px white inset }
    100% {  -webkit-box-shadow: 0px 0px 0px #3cdfdf;  border:2px aqua inset  }
}

.jcarousel-container {
    background: #F0F6F9;
}
.jcarousel-container-horizontal {
    width: 820px;
    padding: 0 40px;
}
.jcarousel-clip {
    overflow: hidden;
}
.jcarousel-clip-horizontal {
    width:  800px; /* (150+10) x 5 */
    height: 112px;
}
.jcarousel-item {
    width: 150px;
    height: 112px;
}
.jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.fp-carousel  img {
border: 1px solid #ddd;
}

/**
 *  Horizontal Buttons
 */
.fp-carousel .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(//static.stjago.com/carousel/jcarousel/tango/next-horizontal.png) no-repeat 0 0;
}

.fp-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(//static.stjago.com/carousel/jcarousel/tango/prev-horizontal.png);
}

.fp-carousel .jcarousel-next-horizontal:hover,
.fp-carousel .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.fp-carousel .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.fp-carousel .jcarousel-next-disabled-horizontal,
.fp-carousel .jcarousel-next-disabled-horizontal:hover,
.fp-carousel .jcarousel-next-disabled-horizontal:focus,
.fp-carousel .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.fp-carousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(//static.stjago.com/carousel/jcarousel/tango/prev-horizontal.png) no-repeat 0 0;
}

.fp-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(//static.stjago.com/carousel/jcarousel/tango/next-horizontal.png);
}

.fp-carousel .jcarousel-prev-horizontal:hover, 
.fp-carousel .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.fp-carousel .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.fp-carousel .jcarousel-prev-disabled-horizontal,
.fp-carousel .jcarousel-prev-disabled-horizontal:hover,
.fp-carousel .jcarousel-prev-disabled-horizontal:focus,
.fp-carousel .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}