.g-slider{
position:relative;
display:block;
font-family:Helvetica,Arial,Verdana,sans-serif;
background-color:transparent;
background-image: url();
border:0px solid #CCC;
width:923px;
height:309px;
padding:10px;
overflow:hidden;
margin-left: 106px;
margin-top: -60px;
}
.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{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
-moz-opacity:0;
opacity:0;
filter:alpha(opacity=0);
z-index:5;
}
.g-slider .tiles{
position:relative;
float:left;
width:523px;
height:309px;
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:628px;
}
.g-slider .tiles ul li{
position:relative;
display:block;
float:left;
width:225px;
height:150px;
border:1px solid #868686;
margin:0 5px 5px 0;
background-color:transparent;
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:5;
}
.g-slider li img{
border:0;
}
.g-slider .caption{
position:absolute;
top:0;
left:0;
z-index:2;
color: #8a8a8a;
background-color: #ffffff;
font-size: 12px;
width:auto;
height:18px;
padding:5px;
margin:0;
overflow:hidden;
cursor:default;
border-top: 1px solid #a1a1a1;
}
.g-slider .caption.outside{
background-color: #ffffff;
color: #585858;
}
.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:#868686;
}
.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: #a0a0a0;
}
.g-slider .play-btn{
position:relative;
float:right;
width:20px;
height:100%;
background-image:url(assets/buttons.png);
background-position:0 center;
background-repeat:no-repeat;
cursor:pointer;
}
.g-slider .play-btn.pause{
background-position:-20px 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:6px;
height:6px;
padding:0;
margin:8px 6px;
background-color:#ddd;
border:1px solid #999;
cursor:pointer;
font-size:0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.g-slider ul.indexes li:hover{
background-color:#999;
}
.g-slider ul.indexes li.hl{
background-color:#868686;
border:1px solid #000;
cursor:default;
}
.g-slider ul.indexes li.num{
width:30px;
height:14px;
line-height: 14px;
margin:5px 0;
color: #e80000;
background-color:#fff;
text-align: center;
font-size: 12px;
border-width:0;

border-right:solid 1px #ccc;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}
.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:20px;
height:100%;
line-height:22px;
color:#868686;
font-weight:bold;
font-size:18px;
text-align:center;
cursor:pointer;
}
.g-slider .s-prev:hover,
.g-slider .s-next:hover{
color:#000;
}
.g-slider .prev-btn,
.g-slider .next-btn{
position:absolute;
width:30px;
height:50px;
line-height: 50px;
top:56%;
margin-top:-40px;
color: #666666;
background-color: #ffffff;
text-align:center;
font-size: 26px;
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: #a3a3a3;
}
.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:36px;
line-height: 26px;
overflow:hidden;
border:1px solid #868686;
border-bottom:1px solid #868686;
margin-bottom: 5px;
color: #767676;
text-align: center;
background:#eee;
background:-moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#f9f9f9), to(#eee));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0);
font-weight: bold;
}
.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%;
margin-top: 12px;
font-size: 15px;
padding:0;
margin:0;
text-align: middle;
line-height: 34px;
}
.g-slider ul.menu li{
display:block;
position:relative;
float:left;
width:auto;

height:100%;
text-align:center;
text-shadow: 0 1px 1px #f9f9f9;
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: -moz-linear-gradient(top, #666 0%, #868686 100%) #868686;
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#666), to(#868686)) #868686;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#868686333',GradientType=0);
border-right-color:#868686;
cursor:default;
}
.g-slider ul.menu li:hover{
color: #c90000;
padding-top
}
.g-slider .menu-buttons{
position:relative;
float:right;
width:24px;
margin-right: 3px;
height:100%;
padding:0 5px;
}
.g-slider .menu-back,
.g-slider .menu-fwd{
position:relative;
float:left;
width:12px;
height:100%;
background-image:url(http://www.fmtestingsite.com/nick/jQuery/grid-slider/assets/buttons.png);
background-repeat:no-repeat;
cursor:pointer;
}
.g-slider .menu-back{
background-position:-40px center;
}
.g-slider .menu-fwd{
background-position:-52px center;
}
.g-slider .menu-back:hover .menu-fwd:hover{
color: #c90000;
	
}



.g-slider .content-overlay{
position:relative;
float:left;
color:#fff;
background:#363636;
font-size:14px;
overflow:hidden;
}
.g-slider .content-bar{
position:relative;
float:left;
width:100%;
height:26px;
line-height:26px;
background:#111;
background:-moz-linear-gradient(top, #868686 0%, #000 100%);
background:-webkit-gradient(linear, 0 top, 0 bottom, from(#868686), to(#000));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#868686333', 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{
position:relative;
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:#DDD;
font-weight:bold;
font-size:18px;
text-align:center;
cursor:pointer;
}
.g-slider .content-prev:hover,
.g-slider .content-next:hover{
color:#c90000;
}
.g-slider .content-close{
position:relative;
float:right;
width:18px;
height:26px;
background-image:url(assets/buttons.png);
background-repeat:no-repeat;
background-position:-64px center;
margin:0 4px;
cursor:pointer;
}
.g-slider .content-close:hover{
background-position:-82px 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:#4D4D4D;
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#4D4D4D), color-stop(50%,#5D5D5D), color-stop(100%,#4D4D4D));
-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:#CCC;
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%;
height: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;
}