/**
 * @title    oXya home styles
 */
body {background:#f1efef url(/benelux/templates/oxya/home/img/bg-body.png) repeat-x;}

#wrapper {position:relative; background-image:url(/benelux/templates/oxya/home/img/scope.jpg); background-repeat:no-repeat;}

/**
 * @section     Header
 * @tree        #header < #wrapper
 */
#header {height:320px;}
#header .top{
    padding-right:120px;
}
#header .top .sap {
    position:absolute; top:15px; right:0;
}

/**
 * @section     Content
 * @tree        #content < #wrapper
 */
 
#content {background:none; padding:0 20px 25px;}
#openingWrapper { position:relative; }
#opening {
    position:absolute; left:0; top:-159px; 
    padding:15px 30px;
    background:url(/benelux/templates/oxya/home/img/bg-opening.png); color:#fff;
    font-size:36px; line-height:0.85;
}
#opening strong {font-weight:normal; font-size:38px;}

/**
 * @section     Push
 * @tree        .push < #content < #wrapper
 */
#content .push {
    float:left;
    padding:8px;
    width:287px; height:252px;
    background:url(/benelux/templates/oxya/home/img/bg-push.png) no-repeat;
}
#content .push .content {
    position:relative;
    padding:10px 15px 0 15px;
    height:205px;
    text-align:center;
}
#content .push .international {
    padding:5px 0 0;
}
#content .push h2 {
    position:relative;
    padding:6px 0 0 35px;
    height:31px;
    background:url(/benelux/templates/oxya/home/img/bg-push-title.png) no-repeat;
    font-size:18px; font-weight:normal;
}

/**
 * @section     Push International
 * @tree        .push < #content < #wrapper
 */
.more {
    float:right; 
    color:#636f78;
}
.international .more {margin-top:10px; padding-right:10px;}
.more:hover, .more:focus {color:#FB842D;}

/**
 * @section     Push Solutions : Carousel
 * @tree        .carousel < .push < #content < #wrapper
 */
#content .carousel {
    position:relative;
    z-index:2;
}
#content .carousel ul { 
  margin:0; padding:0; 
  list-style:none; 
}
#content .carousel li {
    position:relative;
    float:left;
    overflow:hidden;
    margin:0 0 0 0; padding:0 0 0 30px;
    width:227px; height:200px;
    background:none;
    text-indent:0;
} 
#content .carousel a {
    position:relative;
    display:block;
    width:194px; height:184px;
    text-decoration:none;
    cursor:pointer;
}
#content .carousel a .legend {
    display:block;
    height:20px;
    color:#666;
    font-size:14px; font-weight:bold;
    text-align:center;
}
#content .carousel a:hover .legend {
    color:#85b00c;
}
#content .carousel .imgBorder {
    position:absolute;
    display:block;
    width:194px; height:164px;
    background:url(/benelux/templates/oxya/home/img/border-visu-solutions-8.png) no-repeat;
}
#content .carousel img {
    display:inline;
    margin:7px 0 0 0;
}

#js .carousel {
  position:relative; /*référence pour positionner les boutons*/
}
#js .carouselInner {
    position:relative; z-index:1; /*ancrage pour l'objet à déplacer*/
    overflow:hidden; /*pour masquer les items en trop*/
    margin:0 auto;
    width:257px; height:200px;
}
#js .carousel ul {
    position:absolute; top:0; left:0; /*objet à déplacer, positionnement primordial*/
}
#js .carousel .prev, #js .carousel .next {
    position:absolute; top:100px; z-index:2;
    overflow:hidden;
    padding-top:23px;
    width:19px; height:0;
    outline:none;
}
#js .carousel .prev {
    right:245px;
    background:url(/benelux/templates/oxya/img/picto/arrow-prev.png) no-repeat 0 0;
}
#js .carousel .next {
    right:20px;
    background:url(/benelux/templates/oxya/img/picto/arrow-next.png) no-repeat 0 0;
}
#js .carousel .prev.off {
    background:none;
    cursor:default;
}
#js .carousel .next.off {
    background:none;
    cursor:default;
}

/**
 * @section     Push News
 * @tree        .news < .push < #content < #wrapper
 */
 #content .pushTitle{
    text-decoration:none;
}
 
#content .push .news {
    text-align:left; padding-left:5px;
}
#content .push .news li {
    padding-top:8px; padding-bottom:8px; border-bottom:1px solid #d9d8d8;
    line-height:1.2;margin-right: 5px;
}
#js #content .push .scrolled .news li{margin-right: 15px;}

#js #content .push .scrolled .news  {
	padding-right:2px;
} 
#content .push .news li.last {
    margin-bottom:0; border-bottom:0;
}
#content .push .news h3 {
    color:#787d81;
    font-size:11px; font-weight:bold;
}
#content .push .news h3 a {
    color:#787d81;
    text-decoration:none;
}
#content .push .news p {
    margin-bottom:0;
    color:#787d81;
    font-size:11px;
}
#content .push .news .more {
    position:relative;
    float:none;
    display:block;
    margin-top:.5em;
    color:#636f78;
    font-size:11px;
}
#content .push .news .link{
    float:left;
}
#content .push .news .download{
    float:right;
}

#content .push .more:hover, #content .push .more:focus {color:#FB842D;}
#content .push .all {
    position:absolute; bottom:0; left:0;
    height:22px; width:285px;
    background:url(/benelux/templates/oxya/home/img/bg-all-news.png) no-repeat; color:#636f78;
}
#content .push .all a {
    position:relative;
	top: 4px;
    padding-left:8px;
    background:url(/benelux/templates/oxya/img/picto/bul-all.png) no-repeat 0 .45em; color:#787d81;
    font-size:11px; font-weight:bold;
    text-align:center; text-transform:uppercase; text-decoration:none;
}
#content .push .all a:hover, #content .push .all a:focus {color:#FB842D;}

#scrollable {
/*     border: 1px solid #CCCCCC; */
    height: 170px; 
    overflow-y: scroll;
    position: relative;
    width: 270px;
}
#js #scrollable {
	overflow:hidden;
}
#js #scrollable .scrolled, #js #scrollable .notScrolled {
    /*padding: 5px 0 1px 5px;*/
    /* width: 295px; */
}
#js #scrollable .scrolled {
    left: 0;
    position: absolute;
    top: 0;
}
#js #scrollable .scrollbar {
	background: #eee;
    height: 170px;
    left: 260px;  
    position: absolute;
    top: 0;
    width: 9px;
}
#js #scrollable .gutter {
    /* background: #EEE; */
    height: 166px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 5px;
}

#js #scrollable .bar {
    background: #fb842d;
	cursor: default;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 5px;
}
#js #scrollable .bar:hover {
    background-position: -48px 0;
}


/* #content .scrolled{overflow-y : scroll; } */
  
/**
 * @section     Footer
 * @tree        #footer < #wrapper
 */
#footer {position:static;}

/**
 * @section		clearing
 */
#content .push .news li:after {
	display:table;
	clear:both;
	content:'';
}