/**
 * @package XpertScroller
 * @version 3.10-1-GFF3CA2D
 * @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
 *
 */
.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after { clear: both; }

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scroller {
    /* required settings */
    position:relative;
    overflow:hidden;
    /* custom decorations */
}

.scroller .items {
    /* this cannot be too large */
    position:absolute;
    clear:both;
}

.item:hover{background: #f5f5f5;}
.padding{padding: 10px;}
.scroller .item{padding:0}
.item h4{font-size: 15px; margin: 5px 0; font-weight: bold;}
.item h4 a{
	text-decoration: none;
	color: #83bd1b;	
}
.item .xs_category{ font-size: 12px; color: #999;}
.xs_intro{font-size: 12px;}

/* single scrollable item */
/*@media (max-width: 767px)  {
    .scroller img {width: 100% !important;}
}*/
/*Image postion left*/
img.left{float: left; margin-right: 15px; height: 100%;}
/*Image postion right*/
img.right{float: right; margin-left: 15px; height: 100%;}

/* active item */
.scroller .items .active {
    position:relative;
    cursor:default;
}
.cloned { display: none;}
/*Navigation Button common class*/
a.browse {
    background:url(../img/hori_large.png) no-repeat -2px -1px;
    display:inline-block;
    width:30px;
    height:30px;
    cursor:pointer;
    font-size:1px;
}
/*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 {display: inline-block; vertical-align: top;}

/* right */
.basic_h a.next            { background-position: -2px -34px; clear:right; margin-right: 0px;}
.basic_h a.next:hover      { background-position: -37px -34px; }
.basic_h a.next:active     { background-position: -37px -34px; }

/* left */
.basic_h a.prev            { margin-left: 0px; } 
.basic_h a.prev:hover      { background-position: -37px -1px; }
.basic_h a.prev:active     { background-position: -37px -1px; }

/*Basic Vertical Style*/
/* prev, next, prevPage and nextPage buttons */
.basic_v .items{ width: 100%; }
.basic_v a.browse{margin: 5px auto; display: block;}
.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 -2px -1px;
    float: none;
}

/* up */
.basic_v a.prev:hover      { background-position: -37px -1px; }
.basic_v a.prev:active     { background-position: -37px -1px; }

/* down */
.basic_v a.next            { background-position: -2px -34px; }
.basic_v a.next:hover      { background-position: -37px -34px; }
.basic_v a.next:active     { background-position: -37px -34px; }


/* disabled navigational button */
a.disabled                 {visibility:hidden !important;}     

/* position and dimensions of the navigator */
.navi {
    height:24px;
    text-align: center;
    margin: 3px 0;
}
/* items inside navigator */
.navi a {
    width:19px;
    height:20px;
    margin:0 1px;
    background:url(../img/navigator.png) 0 3px no-repeat;
    display:inline-block;
    vertical-align: top;
    font-size:1px;
    cursor: pointer;
}
/* mouseover state */
.navi a:hover {background-position:0 -16px;}
/* active state (current page state) */
.navi a.active {background-position:0 -35px;}
 
.g-content .cfs-xprtsc h3.g-title {
    margin: 0px 0px 0px 0px !important;
    background-color: #000000;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0px 10px 0px 10px;
    font-size: 1rem;
    border-bottom: 10px solid #83bd1b;
}
.basic_v.box5.cfs-xprtsc {
	background: #DFF0E2;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
}
.cfs-xprtsc .item h4 {
    margin: 5px 0;
    height: 4rem;
    overflow: hidden;
}
.cfs-xprtsc .item p.xs_category {
    margin: 0rem;
}
.cfs-xprtsc .item p.xs_category a {
    color: #83bd1b;
}
.cfs-xprtscmc .xs_intro {
	overflow: hidden;
}
.cfs-xprtsc .scroller .pane .item {    
    height: 450px !important;
    overflow: hidden;
}
.cfs-xprtscmc .item img {
	width:40% !important;
	border: 1px solid #5BBC2B;
}
.cfs-xprtscmc .padding {
    position: relative;
    display: inline-block;
}
.cfs-xprtscmc .scroller .pane .item {
    height: 190px !important;
    overflow: hidden;
    position: relative;
}
.cfs-xprtscmc .item h4 {
	margin: 5px 0px 5px 42%;
	height: 4.4rem;
	overflow: hidden;
	position: absolute;
	top: 0px;
}
.basic_h.box3.cfs-xsft8c  {
	background: #eef7ef;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
}
.cfs-xsft8c .item h4 {
    font-size: 1rem;
	margin: 5px 0px 5px 0px;
	line-height: 1.1rem;
	height: 4.4rem;
	overflow: hidden;
}
.cfs-xsft8c .item p.xs_category {
    margin: 0rem;
line-height: 0.8rem;
height: 1.8rem;
}
.cfs-xsft8c .xs_intro {
   font-size: 0.8rem;
line-height: 1rem;
	height: 11rem;
	overflow: hidden;
	color: #000000;
}


/**************************************************************/
/*                                LARGE                       */
/**************************************************************/
@media only screen and (min-width: 1200px) {
.cfs-xprtscmc .item h4 {
   font-size: 1.125rem;
	margin: 9px 0px 5px 39%;
	line-height: 1.125rem;
	height: 4.55rem;
}
.cfs-xprtscmc .xs_intro {
	height: 6.0rem;
	font-size: 0.9rem;
	line-height: 0.9rem;
}
.cfs-xprtscmc .scroller .pane .item {
    height: 197px !important;
}
}
/**************************************************************/
/*                            DESKTOP                         */
/**************************************************************/
 @media only screen and (min-width: 960px) and (max-width: 1199px) {
.cfs-xprtscmc .item h4 {
    font-size: 0.875rem;
	margin: 9px 0px 5px 39%;
	line-height: 0.87rem;
	height: 3.33rem;
}
.cfs-xprtscmc .xs_intro {
	height: 6.0rem;
	font-size: 0.875rem;
	line-height: 1.0rem;
}
.cfs-xprtscmc .scroller .pane .item {
    height: 190px !important;
}
}
/**************************************************************/
/*                          TABLET                            */
/**************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.cfs-xprtscmc .item h4 {
    font-size: 0.775rem;
	line-height: 0.815rem;
	height: 2.4rem;	
	margin: 9px 0px 5px 39%;
}
.cfs-xprtscmc .xs_intro {
	height: 5.30rem;
	font-size: 0.775rem;
	line-height: 0.775rem;
}
.cfs-xprtscmc .scroller .pane .item {
    height: 167px !important;
}
}
/**************************************************************/
/*                       PHONE - TABLET                       */
/**************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
/**************************************************************/
/*                            PHONE                           */
/**************************************************************/
@media only screen and (min-width: 48px) and (max-width: 479px) {

}