/**
 * @package XpertScroller
 * @version 1.1 January 27, 2011
 * @author ThemeXpert http://www.themexpert.com
 * @copyright Copyright (C) 2009 - 2011 ThemeXpert
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 *
 */
/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scroller {
    /* required settings */
    position:relative;
    overflow:hidden;
    /* custom decorations */
   /* background: url(../img/gradient.jpg) repeat-x #fff;*/
}

.scroller .items {
	/* this cannot be too large */
    position:absolute;
	clear:both;
	width: 926px;
	top: 1px;
}

.item:hover{background: #eee;}
.padding{padding: 10px;}

.item h4{font-size: 15px; margin: 5px 0;}
.item h4 a{text-decoration: none;}

.xs_intro{font-size: 12px;}

/* single scrollable item */
.scroller img {
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
}
/*Image postion left*/
img.left{float: left; margin-right: 15px;}
/*Image postion right*/
img.right{float: right; margin-left: 15px;}

/* active item */
.scroller .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}
/*Navigation Button common class*/
a.browse {
    /*background:url(../img/hori_large.png) no-repeat;*/
    display:block;
    float:left;
    cursor:pointer;
    font-size:13px;
    text-decoration: none;
    position: absolute;
    top:6px;
    right: 10px;
    text-align: center;
    width: 20px;
    height: 15px;
    line-height: 15px;
    background: url(../images/input-btn.jpg) repeat-x 0 100% #f9f9f9;
    border-color: #CCCCCC #BBBBBB #A0A0A0;
    border-style: solid;
    border-width: 1px;
    margin: 0 8px 0 0;
    padding: 3px 5px;
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    -border-radius:3px 3px 3px 3px;
    behavior: url(PIE.htc);
}
a.browse:hover,a.browse:active{background: url(../images/input-btn-hover.jpg) repeat-x 0 0 #f9f9f9;}
/*Basic Horizontal Style*/
.basic_h .items .pane {float:left;}
.basic_h .pane .item{float: left;}

/* this makes it possible to add next button beside scrollable */
.basic_h .scroller {float:left;}

/* right */
.basic_h a.next            { clear:right; margin-right: 0px;}
.basic_h a.next:hover      { }
.basic_h a.next:active     { } 

/* left */
.basic_h a.prev            { margin-left: 0px; right: 40px; } 
.basic_h a.prev:hover      { }
.basic_h a.prev:active     { }

/*Basic Vertical Style*/
/* prev, next, prevPage and nextPage buttons */
.basic_v a.browse{margin: 5px auto;}
.basic_v .scroller{margin: 0 auto;}

/* up and down */
.basic_v a.next, .basic_v a.prev        { 
    background:url(../img/vert_large.png) no-repeat; 
    float: none;
}

/* up */
.basic_v a.prev:hover      { background-position:-30px 0; }
.basic_v a.prev:active     { background-position:-60px 0; }

/* down */
.basic_v a.next            { background-position: 0 -30px; }
.basic_v a.next:hover      { background-position:-30px -30px; }
.basic_v a.next:active     { background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled                 {visibility:hidden !important;}     
.xs_vm_products {text-align: center;}

.tricker .padding{padding: 0;}
.tricker h4{line-height: 15px; font-size: 12px;}
.tricker .item:hover{background: none;}