/**
 * @copyright : lesTanukis 
 * @project : Arrow ECS Education
 * @date : 10-2010
 */
 
.nodisplay { display:none; }

/* Block shortPresentationBox */
 
#shortPresentationBox{
  margin-bottom:15px;
  overflow: hidden;
  margin-top:-20px;
}

#shortPresentationBox a.linkStyle01 {
  background: url("../images/icons/learn-more-arrow.png") no-repeat scroll 0 4px transparent;
  display: block;
  float: right;
  height: 14px;
  line-height: 14px;
  padding: 0 10px 0 16px;
}

#shortPresentationBox h2 {
  background: url("../images/layout/background.png") repeat-x scroll 0 -40px transparent;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  color: #333333;
  font: bold 12px/26px Arial,sans-serif;
  height: 26px;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 0 10px;
  text-transform: none;
}

#shortPresentationBox p {
  color: #4c4c4c;
  font: normal 12px/16px Arial, sans-serif;
  margin-top: 10px;
  text-align:left;
}
 
/* TABS */ 
 
#tabs{
  border: solid 1px #cccccc;
  margin: -2px 0 0;
  padding: 0 0 10px;
}
.ui-widget-header {border:none;background: none;}
.ui-tabs-panel {border:1px solid #FFF;padding:0px;background-color:red; }

.ui-tabs .ui-tabs-nav {
  margin: 10px 8px;
  padding: 0;
}

.ui-tabs .ui-tabs-nav li {
  background: url("../images/layout/background.png") repeat-x scroll 0 -810px transparent;
  border: 0 none;
  color: #FFFFFF;
  height: 30px;
  margin: 0 5px 0 0;
  padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
  background: url("../images/layout/background.png") repeat-x scroll right -840px transparent;
  color: #666666;
  font: bold 12px/24px Arial,sans-serif;
  margin: 0 0 0 8px;
  padding: 0 8px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: url("../images/layout/background.png") repeat-x scroll 0 -280px transparent;
  border: 0 none;
  color: #FFFFFF;
  height: 30px;
  padding: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background: url("../images/layout/background.png") repeat-x scroll right -320px transparent;
  color: #FFFFFF;
  font: bold 12px/24px Arial,sans-serif;
  margin: 0 0 0 8px;
  padding: 0 8px 0 0;
}

.homeTabHeader {
  background: url("../images/layout/background.png") repeat-x scroll 0 -40px transparent;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  color: #333333;
  font: bold 12px/26px Arial,sans-serif;
  height: 26px;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 0 10px;
  text-transform: none;
}

.ui-tabs .ui-tabs-panel {
  padding: 0;
}

#tabs-1, #tabs-2, #tabs-3 {
  overflow: hidden;
  border: none;
  font-size: 0.8em;
  text-align:left;
}

.tabs-x {
  overflow: hidden;
  border: none;
  font-size: 0.8em;
  text-align:left;
}

.formTabLink-All, .formTabLink-1, .formTabLink-2 {
  margin: 0 0 0 10px !important;
}


#tabs-1 ul, #tabs-2 ul, #tabs-3 ul {
  float:left;
  /*margin: 0 0 30px;*/
	margin: 0 0 0px;
}

.tabs-x ul, .tabs-x ul{
  float:left;
  /*margin: 0 0 30px;*/
	margin: 0 0 0px;
}

#tabs-1 ul li, #tabs-2 ul li, #tabs-3 ul li {
  border: none;
  margin: 0;
  width: 214px;
}

.tabs-x ul li, .tabs-x ul li{
  border: none;
  margin: 0;
  width: 214px;
}

#tabs-1 #loader{text-align: center; padding-top: 15px;}
.itemHeadertab{font-size:1.3em;}

.formTabLink-1, .formTabLink-2 {
  margin: 0;
}


.formTabLink-All li a, .formTabLink-1 li a, .formTabLink-2 li a{
  background: none repeat scroll 0 0 #C8D7E3;
  color: #293D6B;
  display: list-item;
  font: bold 12px/16px Arial,sans-serif;
  margin: 0 0 1px;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.button_gray {
  background: url('../images/layout/background.png') no-repeat center -880px transparent;
  clear: both;
  color: #ffffff !important;
  display: none;
  font: bold 12px/25px Arial, sans-serif;
  height: 25px;
  margin: 10px 10px 0;
  text-align: center;
}

.button_gray:hover {
  background-position: center -920px;
}

.button_gray span {
  background: url('../images/icons/view-arrow.png') no-repeat right -37px transparent;
  display: inline-block;
  height: 25px;
  padding: 0 20px 0 0;
} 

.formTabLink-All li a:hover, .formTabLink-1 li a:hover, .formTabLink-2 li a:hover {
  background: url('../images/layout/topicHover.png') repeat-x 0 -1px #0d0d0d;
  border: solid 1px #000000;
  padding: 4px 9px 4px 9px;
  color: #ffffff;
}

.more_tab { display: none; }
.more_tab_hidden { display: none; }

/*Pager*/
#pagerBox{padding-top:5px;clear:both;width:390px;margin-left:5px;
/*background-color: #aaaaaa;border-bottom:1px solid #aaaaaa;*/
border-top:1px solid #e9e9e9;overflow:hidden;height:20px;color:#66666;text-align:center;}
#pagerBox a{text-decoration:none;color:#66666;font-weight:bolder;}
/*#pagerBox a:hover{border:1px solid #aaaaaa;background-image: url("/Views/skins/front/default/Images/share/content/colorBkg00.jpg");}*/

.pager_first{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;margin-right:5px;}
.pager_previous{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; margin-right:10px;}
.pager_content_before{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;}
.pager_content{font-weight:bolder;font-size:1.2em;text-decoration:underline;}
.pager_content_after{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa;}
.pager_next{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; margin-left:10px;}
.pager_later{padding:0px 5px;height:10px;width:20px;border:1px solid #aaaaaa; }


/* SALEBOX*/
#saleBox{
  background: #C8D7E3;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
}

#saleBox h3 a:hover{
  color: #293D6B;
  text-decoration:underline;
}

#saleBox > ul {
  clear: both;
  margin: 15px 0 0 0;
  padding: 0 10px;
  text-align: left;
}

#saleBox ul li {
  background: url("../images/layout/promoFilet.png") repeat-x 0 bottom transparent;
  color: #333333;
  font: 12px/12px Arial, sans-serif;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

#saleBox ul li a {
  color:#333333;
  font: bold 12px/14px Arial, sans-serif;
  text-decoration: none;
  text-transform: none;
}

#saleBox ul li .topInfo {
  float:left;
  margin: 0 5px 0 0;
  width: 115px;
}

#saleBox ul li .topInfo a {
  display:block;
  text-decoration: none;
  margin-bottom:5px;
}
#saleBox ul li .topInfo a:hover{
  color:#1a1a1a;
  text-decoration:underline;
}

#saleBox ul li .pricesBox{
  background: url("../images/layout/promoEncartbg.png") no-repeat 0 center transparent;
  border-bottom: solid 1px #999999;
  overflow: hidden;
  padding: 0 0 2px;
  text-align:center;
  width: 80px;
}

#saleBox ul li .pricesBox .oldPrice{
  color: #666666;
  display: block;
  font: bold 10px/12px Arial, sans-serif;
  padding: 2px 0 0;
  text-align: center;
}

#saleBox ul li .date-promo-start {
  color: #333333;
  font: normal 10px/12px Arial, sans-serif;
}

#saleBox ul li .pricesBox .percentNumber{
  background: url("../images/layout/promoHeadbg.png") no-repeat 0 0 transparent;
  color: #ffffff;
  font: bold 12px/18px Arial, sans-serif;
  height: 18px;
}

#saleBox ul li .pricesBox .newPrice {
  color: #293d6b;
  display: block;
  font: bold 12px/14px Arial, sans-serif;
  text-align: center;
}

#saleBox a.seeAll{
  background: url("../images/icons/learn-more-arrow.png") no-repeat scroll 0 4px transparent;
  color: #4C6E94;
  display: inline-block;
  font: normal 11px Arial,sans-serif;
  height: 14px;
  line-height: 14px;
  padding: 0 10px 25px 16px;
}
#saleBox a.seeAll:hover{text-decoration: underline;}

#saleBox div.saleIcon{
  background: url("../images/icons/promo.png") no-repeat scroll 0 0 transparent;
  height: 66px;
  left: -10px;
  position: absolute;
  top: -2px;
  width: 65px;
}
#saleBox div.saleIcon p{position:relative;top:25px;left:0px;text-align:center;}

#saleBox h3 {
  color: #293D6B;
  font: bold 14px/14px Arial,sans-serif;
  min-height: 30px;
  padding: 0 10px 0 45px;
  text-align: center;
}


/* NEWS & EVENT*/

.subcols01 h1 {
  background: url("../images/layout/background.png") repeat-x scroll 0 -40px transparent;
  border-bottom: none;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-top: none;
  color: #333333;
  font: bold 12px/26px Arial,sans-serif;
  height: 26px;
  margin-bottom: 0;
  margin-top: 20px;
  overflow: hidden;
  padding: 0 10px;
  text-transform: lowercase;
}

.subcols01 h1:first-letter {
  text-transform: uppercase;
}

.subcols01 h2 {
  background: url("../images/layout/background.png") repeat-x scroll 0 -40px transparent;
  border-top: none;
  border-bottom:none;
  color: #333333;
  font: bold 12px/26px Arial,sans-serif;
  height: 26px;
  margin-bottom: 0;
  margin-top: 20px;
  overflow: hidden;
  padding: 0 10px;
  text-transform:none;
}


.newsEventBoxs {
  background: #ffffff;
  border: solid 1px #d9d9d9;
  border-bottom:none;
  margin: 0 0 0 0;
  overflow:hidden;
  margin-bottom:0;
}
.newsEventBoxs ul li {
  overflow:hidden;
}
/*.newsEventBoxs ul li p{margin-bottom:10px;}*/

.newsEventBoxs ul li a {
  color: #4c6e94;
  display: block;
  font: bold 14px Arial, sans-serif;
  margin: 0 0 0 0;
  text-transform: none;
}

.newsEventBoxs ul li a:hover {
  color: #293D6B;
  text-decoration: underline;
}

.newsEventBoxs ul li a:first-letter {
  text-transform: uppercase;
}

.newsEventBoxs ul li a.linkNews{color:#fff;background-color:#85af1c;padding:2px;}
.newsEventBoxs ul li a.linkNews:hover{text-decoration: underline;}

.news_hat ul li{ padding:0px 0px;margin-left: 25px;border-bottom:0px;list-style-type:circle;}

a.linkAllNews{font-weight:bolder;margin-top:3px; background-color:#85af1c ;text-transform:none; font-size:1.0em;padding:3px;float: left;}
a:hover.linkAllNews{text-decoration: underline;}

#timeline {
    margin: 0 0 10px 0;
    overflow: hidden;
}

#timeline li {
    background: url("../images/icons/newsPagerOff.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 10px;
    margin: 0 5px 0 0;
    width: 10px;
}

#timeline li.current {
    background: url("../images/icons/newsPagerOn.png") no-repeat scroll 0 0 transparent;
}

#org li{
	display: inline;
}
.orgtype{color:#000000;}

h2 #prec {
	border-right: solid 1px #d9d9d9;
	width:10%;
	background: url("../images/layout/prev_btn.png") no-repeat 0px 9px;
	padding-left:10px;

}

h2 #suiv {
	border-left: solid 1px #d9d9d9;
	text-align:right;
	width:10%;
	background: url("../images/layout/suiv_btn.png") no-repeat  48px 9px;
	padding-right:10px;
}

h2 #pages {
	width:318px;

}


h2 #number_page {
	font-weight:bold;
}

h2 .spage{
	font-weight:bold;
}

h2 a .numbers_pages{
	margin:0 auto;
	width:20px;
}

#pages a {
	color:black;
}

h2 a {
	color:black;
}

h2 a:hover {
	color:black;
	text-decoration:underline;
}

h2 a .numbers_pages:hover{
	margin:0 auto;
	color:white;
	background:#7a96ab;
}

.page_active{
	margin:0 auto;
	background:#7a96ab;
	width:20px;
	color:white;
}

.ibx { 
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}


.nodisplaynews{
	display:none;
}

#pager_j {
margin-top:0px;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9;
}


.ibx_news{
	display:block;
	float:left;
	vertical-align:top;
}

#pages li {

	height:30px;
}

#pages a {
	text-decoration:none;
}

.newsEventBoxs .carousel-wrap {
  padding: 0 0 20px;
}

form#contactForm ul li {color:red;margin:5px 0 5px 50px;display:block; font-weight: bold}

div#captcha {
    border-top: 1px dotted #CCCCCC;
    margin: 0 10px;
    /*overflow: hidden;*/
    padding: 10px 0;
}

div#captcha label {
    color: #293D6B;
    margin: 0 40px 0 20px;
    width: 100%;
}

div#captcha img {
    margin-left: 15%;
    margin-top: 10px;
}

div#captcha input {
    margin-left: 10px;
    margin-top: 10px;
    background: url("images/share/layout/form.png") repeat-x scroll 0 -150px #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #404040;
    font: bold 12px/22px Arial,sans-serif;
    height: 22px;
    padding: 0 4px;
    width: 242px;
}