@charset "UTF-8";


.g-slider{
	position:relative;
	display:block;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	background-color:#FFF;
	border:1px solid #fff;
	width:923px;
	height:220px;
	padding:10px;
	overflow:hidden;
}
.g-slider .main-box,
.g-slider .tiles-box{
position:relative;
float:left;
width:auto;
height:auto;
overflow:hidden;
z-index:1;
}
.g-slider .content-strip{
position:absolute;
top:0;
left:0;
overflow:hidden;
}
.g-slider .inner-cover{ /*background that is seem when slider slides*/
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#cccc33;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
z-index:5;
}
.g-slider .tiles{
	position:relative;
	float:left;
	width:923px;
	height:225px;
	overflow:hidden;
	z-index:1;
}
.g-slider .tiles ul{
list-style:none;
position:absolute;
display:block;
background-color:#FFF;
margin:0;
padding:0;
overflow:hidden;
z-index:0;
width:928px;
}
.g-slider .tiles ul li{
	position:relative;
	display:block;
	float:left;
	width:225px;
	height:150px;
	border:1px solid #cccc33;
	margin:0 5px 5px 0;
	background-color:#FFFFFF;
	overflow:hidden;
}
.g-slider ul.sub{
position:relative;
}
.g-slider li.sub{
border:0 !important;
margin:0 !important;
}
.g-slider li.sub.stack{
position:absolute;
top:0;
left:0;
z-index:0;
}
.g-slider img.thumbnail{
position:absolute;
top:0;
left:0;
z-index:1;
border:0;
}
.g-slider li img{
border:0;
}
.g-slider .caption{ /*CAPTION whee title is*/
position:absolute;
top:0;
left:0;
z-index:2;
color:#FFF;
background-color:#cccc33;
background:rgba(204,204,51,0.75); /*seems that only this value works in safari*/
font-family: 'Tenor Sans', sans-serif;
font-size: 0.9em;
width:auto;
height:3em;
padding:5px;
margin:0;
overflow:hidden;
cursor:default;
}
.g-slider .caption.outside{
background-color:#cccc33;
}
.g-slider .timer-box{
position:relative;
float:left;
clear:both;
width:100%;
height:2px;
background:#eee;
font-size:0;
}
.g-slider .timer{
position:absolute;
top:0;
left:0;
width:100%;
height:2px;
background:#333;
}
.g-slider .cpanel{
position:relative;
float:left;
clear:both;
width:100%;
height:24px;
line-height:24px;
overflow:hidden;
}
.g-slider .num-info{
position:relative;
float:left;
width:auto;
height:100%;
font-size:12px;
text-align:left;
color:#333;
}
.g-slider .play-btn{
position:relative;
float:right;
width:20px;
height:100%;
background-image:url(assets/buttons.png);
background-position:5px center;
background-repeat:no-repeat;
cursor:pointer;
}
.g-slider .play-btn.pause{
background-position:-10px center;
}
.g-slider .center-panel{
position:absolute;
top:0;
left:50%;
width:auto;
height:100%;
z-index:0;
}
.g-slider .index-panel{
position:relative;
float:left;
width:auto;
height:100%;
overflow:hidden;
}
.g-slider .index-back,
.g-slider .index-fwd{
display:none;
position:absolute;
width:20px;
height:100%;
top:0;
z-index:10;
background:url(assets/spacer.png) no-repeat;
}
.g-slider .index-back{
left:0;
}
.g-slider .index-fwd{
left:100%;
margin-left:-20px;
}
.g-slider ul.indexes{
list-style:none;
display:block;
position:absolute;
top:0;
left:0;
width:auto;
height:100%;
margin:0;
padding:0;
}
.g-slider ul.indexes li{
display:inline;
position:relative;
float:left;
width:8px;
height:8px;
padding:0;
margin:8px 6px;
background:url(assets/buttons.png) -83px 0 no-repeat;
cursor:pointer;
font-size:0;
}
.g-slider ul.indexes li:hover{
background-position:-83px -9px;
}
.g-slider ul.indexes li.hl{
background-position:-92px 0;
cursor:default;
}
.g-slider ul.indexes li.num{
width:30px;
height:14px;
line-height:14px;
margin:5px 0;
color:#09F;
text-align:center;
font-size:12px;
background:none;
border-width:0;
border-right:solid 1px #ccc;
}
.g-slider ul.indexes li.num:hover{
text-decoration:underline;
font-weight:bold;
}
.g-slider ul.indexes li.num.hl{
font-weight:bold;
color:#000;
text-decoration:none;
}
.g-slider .s-prev,
.g-slider .s-next{
position:relative;
float:left;
width:600px;
height:100%;
line-height:22px;
color:#660000; /*orig #000*/
font-weight:bold;
font-size:22px;
text-align:center;
cursor:pointer;
}
.g-slider .s-prev:hover,
.g-slider .s-next:hover{
color:#666; /*orig #000*/
}
.g-slider .prev-btn,
.g-slider .next-btn{ /* navigation, left and right on mouse over container1*/
position:absolute;
width:30px;
height:24px;
line-height:24px; /*80px org- when "normal" then centers the << and >> sign*/
top:55%;
margin-top:-40px;/*-40 orig*/
color:#660000;
/*background-color:#fff;*/
background:rgba(255,255,255,0.75);

/*background:-moz-linear-gradient(#333, #000);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));*/
text-align:center;
font-size:24px;
cursor:pointer;
z-index:2;
-webkit-box-shadow:0 0 1px #000;
-moz-box-shadow:0 0 1px #000;
box-shadow:0 0 1px #000;
}
.g-slider .prev-btn:hover,
.g-slider .next-btn:hover{
color:#cccc33;
}
.g-slider .prev-btn{
left:0;
-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-radius:0 6px 6px 0;
border-radius:0 6px 6px 0;
}
.g-slider .next-btn{
left:100%;
margin-left:-30px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
-webkit-border-radius:6px 0 0 6px;
border-radius:6px 0 0 6px;
}
.g-slider .menu-bar{
position:relative;
float:left;
clear:both;
width:100%;
height:26px;
line-height:26px;
overflow:hidden;
border:1px solid #333;
border-bottom:2px solid #333;
color:#333;
background:#eee;
background:-moz-linear-gradient(top, #fff 0%, #eee 100%);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#fff), to(#eee));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0);
}
.g-slider .menu-panel{
position:relative;
float:left;
width:auto;
height:100%;
overflow:hidden;
}
.g-slider ul.menu{
list-style:none;
display:block;
position:absolute;
top:0;
left:0;
width:auto;
height:100%;
font-size:14px;
padding:0;
margin:0;
}
.g-slider ul.menu li{
display:block;
position:relative;
float:left;
width:auto;
height:100%;
text-align:center;
text-shadow: 0 1px 1px #fff;
padding:0 15px;
cursor:pointer;
white-space:nowrap;
border-right:1px solid #999;
overflow:hidden;
}
.g-slider ul.menu li.selected{
color:#fff !important;
text-shadow: 0 1px 1px #999;
background-color:#333;
background:-moz-linear-gradient(top, #666 0%, #333 100%);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#666), to(#333));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333',GradientType=0);
border-right-color:#333;
cursor:default;
}
.g-slider ul.menu li:hover{
color:#09F;
}
.g-slider .menu-buttons{
position:relative;
float:right;
width:24px;
height:100%;
padding:0 5px;
}
.g-slider .menu-back,
.g-slider .menu-fwd{
position:relative;
float:left;
width:12px;
height:100%;
background-image:url(assets/buttons.png);
background-repeat:no-repeat;
cursor:pointer;
}
.g-slider .menu-back{
background-position:-25px center;
}
.g-slider .menu-fwd{
background-position:-34px center;
}
.g-slider .content-overlay{
position:relative;
float:left;
color:#000;
background:#fff; /*.content bg, text area*/
font-family: 'Tenor Sans', sans-serif;
font-size: 1em;
overflow:hidden;
}
.g-slider .content-bar{ /*.content top bar*/
position:relative;
float:left;
width:100%;
height:26px;
line-height:26px;
background:#fff;
/*background:-moz-linear-gradient(top, #333 0%, #000 100%);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#333), to(#000));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000',GradientType=0);*/
overflow:hidden;
/*-webkit-box-shadow:0 0 3px #000;
-moz-box-shadow:0 0 3px #000;
box-shadow:0 0 3px #000;*/
z-index:1;
}
.g-slider .content-num{ /*.content top bar image number*/
position:relative;
color: #fff; /*.content top bar image-number is whito so invisible*/
float:left;
width:auto;
height:100%;
padding:0 2px;
text-align:center;
}
.g-slider .content-prev,
.g-slider .content-next{
position:relative;
float:left;
width:22px;
height:26px;
line-height:24px;
color:#660000;  /*.content top bar  left and right navigation*/
font-weight:bold;
font-size:18px;
text-align:center;
cursor:pointer;
}
.g-slider .content-prev:hover,
.g-slider .content-next:hover{
color:#cccc33;
}
.g-slider .content-close{
position:relative;
float:right;
width:18px;
height:26px;
background-image:url(assets/buttons.png);
background-repeat:no-repeat;
background-position:-46px center;
margin:0 4px;
cursor:pointer;
}
.g-slider .content-close:hover{
background-position:-64px center;
}
.g-slider .content-frame{
position:relative;
float:left;
padding:10px;
}
.g-slider .outer-content{
position:relative;
float:left;
width:100%;
height:100%;
overflow:hidden;
}
.g-slider .outer-content.loading{
background:url(assets/loader.gif) center no-repeat;
}
.g-slider .inner-content{
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
}
.g-slider .scrollbar{
position:relative;
float:right;
width:6px;
height:100%;
margin-left:10px;
background-color:#ccc;
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#999), color-stop(50%,#ccc), color-stop(100%,#999));
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
overflow:hidden;
}
.g-slider .thumb{
	position:absolute;
	top:0;
	left:0;
	width:6px;
	background-color:#fff;
	background:-moz-linear-gradient(left, #eee 0%, #ccc 100%);
	background:-webkit-gradient(linear, left top, right top, color-stop(0%,#eee), color-stop(100%,#ccc));
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.g-slider .thumb:active{
background-color:#C0C0C0;
background:-moz-linear-gradient(left, #ccc 0%, #eee 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ccc), color-stop(100%,#eee));
}
.g-slider div.content{
display:none;
}
.g-slider iframe{
border:0;
margin:0;
padding:0;
width:100%;
}
.g-slider .off{
-moz-opacity:.5;
opacity:.5;
filter:alpha(opacity=50);
cursor:default;
}
.g-slider .prev-btn.off,
.g-slider .next-btn.off{
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
cursor:default;
}