/*
 * Project:   Bolloré Thin Papers
 * Date:      2010-03-24
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #404040; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body {  color: #e6e7e8;  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 1.58; }
li, dt, dd, p, th, td, caption, pre { font-size: 12px; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #95e7e8; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */
#top { background: #000 url(../images/top.png) 0 100% repeat-x; }
 #top .wrapper-a { position: relative; width: 950px; height: 125px; margin: 0 auto; }
 #logo { position: absolute; left: 0; top: 10px; width: 161px; height: 107px; }
  #logo a { display: block; width: 100%; height: 100%; background: url(../images/logo-screen.png) no-repeat; text-indent: -999em; overflow: hidden; }
 #topmenu { position: relative; /*right: 0; top: 0;*/ float: right; }
  #topmenu ul {/* float: right; */padding: 0 10px; list-style: none; margin: 0; height: 38px; background: url(../images/topnav-bg.png) repeat-x; overflow: hidden; _float: right; /* IE 6 and below float right*/ }
   #topmenu li { float: left; font: 1.1em/38px Helvetica,Arial,sans-serif; padding: 0 10px 0 11px; background: url(../images/topnav-sep.png) 0 50% no-repeat; }
   #topmenu li:first-child, #topmenu li.first { padding-left: 10px; background: none; }
    #topmenu li a { color: #e6e7e8; text-decoration: none; text-transform: lowercase; }
    #topmenu li a:hover, #topmenu li a:focus, #topmenu li a:active { color: #fff; }
	#topmenu li.selected a{ color: #fff100; text-decoration: none; text-transform: lowercase; }

 #nav { position: absolute; right: 0; bottom: 10px; list-style: none; margin: 0; padding: 0; }
  #nav ul { padding: 0; list-style: none; margin: 0; overflow: hidden; }
   #nav li { float: left; font: 1.3em/1.25 Helvetica,Arial,sans-serif; padding: 0 10px 0 11px; background: url(../images/nav-sep.png) 0 50% no-repeat; }
   #nav li:first-child, #nav li.first { padding-left: 10px; background: none; }
    #nav li a { color: #fff100; text-decoration: none; text-transform: lowercase; }  
    #nav li a:hover, #nav li a:focus, #nav li a:active { color: #fff; } 

#secondary-nav { height: 63px; background: url(../images/secondarynav-bg.png) repeat-x; overflow: hidden; }
 #secondary-nav ul { width: 950px; padding: 0; margin: 0 auto; list-style: none; overflow: hidden; }
  #secondary-nav ul li { float: left; height: 37px; color: #fff; font: 1.3em/2 Helvetica,Arial,sans-serif; }
   #secondary-nav ul li a { float: left; display: block; height: 100%; padding: 0 15px; color: #fff; text-transform: lowercase; text-decoration: none; }
   #secondary-nav ul li:first-child a, #secondary-nav ul li.first a, { padding-left: 0; }
   #secondary-nav ul li a:hover, #secondary-nav ul li a:focus, #secondary-nav ul li a:active { color: #fff100; }
   #secondary-nav ul li.selected a { padding: 0 15px; color: #fff; background: url(../images/secondarynav-active.png) 50% 0 no-repeat; } 
   #secondary-nav ul li.selected a:hover, #secondary-nav ul li.selected a:active { color: #fff; }  
  

#root { margin-top:-19px;}
#home #root {margin-top:0px;}
 #content { width: 950px; margin: 0 auto; padding: 8px 0 50px; overflow: hidden; }
  .columns-a { width: 100%; overflow: hidden; }
   .columns-a h1 { padding: 0 0 0 210px; }
   .columns-a #main { float: right; width: 735px; }
   .columns-a #aside { float: left; width: 175px; }
  .columns-b { width: 100%; overflow: hidden; }
   .columns-b h1 { padding: 0 235px 0 195px; }
   .columns-b .columns-b-wrap { float: right; width: 755px; overflow: hidden;  }
    .columns-b #main { float: left; width: 500px;font-size:1.2em;
color:#E6E7E8;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height:1.58; }
    .columns-b #aside { float: left; width: 175px; }
    .columns-b #secondary-aside { float: right; width: 240px; }
   .columns-b #extended { clear: both; }

  .home { width: 100%; overflow: hidden; background: url(../images/home-sep.png) 620px 0 repeat-y; }
   .home #main { display: inline; float: left; width: 600px; margin: 0 10px; font-size:1.2em;
color:#E6E7E8;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
line-height:1.58; }
   .home #aside { display: inline; float: right; width: 300px; }

 #footer { width: 950px; margin: 0 auto; padding: 10px 0; border-top: 1px solid #777777; color: #777777; }
  #footer p { font-size: 1.1em; margin: 0; }
  #footer ul { width: 100%; padding: 0; margin: 0; list-style: none; overflow: hidden; }
   #footer ul li { float: left; padding: 0 5px 0 7px; background: url(../images/footernav-bg.png) 0 50% no-repeat; font: 1.1em/1.25 Helvetica,Arial,sans-serif; }
   #footer ul li:first-child, #footer ul li.first { padding-left: 0; background: none; }
    #footer ul li a { color: #777777; text-decoration: none; }
    #footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active { color: #fff;  }
   
/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6  { }
h1 { margin: 0; font: 1.3em/1.00 Helvetica,Arial,sans-serif; color: #FFCA00; }
h1.a { margin: 0 0 15px; font-size: 3.8em; color: #00c1ff; font-weight: normal; }
 h1.a span { color: #70d736; }
h2 { font-size: 1.4em; font-weight: normal; line-height: 20px; color: #26A9E0; margin: 0; }
h2.news { font-size: 18px; font-weight: normal; line-height: 25px; color: #26A9E0; margin: 0;padding-bottom:15px; }
h3 { margin: 0; font: bold 1.4em/1.25 Helvetica,Arial,sans-serif; color: #EC297B; }
h4 { font-size: 1.2em; font-weight: normal; color: #26A9E0;}
h5 { font-size: 1.0em; font-weight: bold; color: #FFCA00;}
h6 { font-size: 1.0em; }

/* containers */
.widget-a { width: 239px; background: url(../images/widget-a-bottom.png) 0 100% no-repeat; }
 .widget-a .inner { width: 169px; padding: 30px 35px 15px; color: #95e7e8; background: url(../images/widget-a-top.png) no-repeat; }
  .widget-a h3 { margin: 0 0 10px; font: 1.3em/1.25 Helvetica,Arial,sans-serif; color: #fff; text-transform: lowercase; }
  .widget-a p { margin: 0; }
  .widget-a p.more { margin: 0 0 15px; text-transform: lowercase; }
   .widget-a p.more a { color: #fff100; text-decoration: none; }
   .widget-a p.more a:hover, .widget-a p.more a:focus, .widget-a p.more a:active { color: #fff; }

.featured { margin: 0 0 10px; }

.home #aside .section-a { padding: 10px 40px 15px 15px; margin: 0 0 10px; background: #000 url(../images/home-aside-section.png) 100% 100% no-repeat; }

.home #aside .section-b { padding: 10px; }

.product-a { width: 100%; overflow: hidden; }
 .product-a .thumbs { float: left; width: 260px; padding: 0; list-style: none; }
  .product-a .thumbs li { display: inline; float: left; margin: 0 20px 10px 0; }
 .product-a .desc { float: right; width: 335px; }

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCC;
}

.legalheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #26A9E0;
}

.cols-a { width: 100%; overflow: hidden; }
 .cols-a .col-a { float: left; width: 49%; }
 .cols-a .col-b { float: right; width: 49%; }



/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }

.table-a { margin: 15px 0; }
/* lists */

ul { list-style: square; padding: 0 0 0 15px; }

.sidenav-a { }
 .sidenav-a ul { width: 100%; list-style: none; padding: 0; }
  .sidenav-a ul li { margin: 0 0 5px; font: 1.3em/23px Helvetica,Arial,sans-serif; width: 100%;  }
   .sidenav-a ul li a { display: block; padding: 0 10px; color: #fff100; /* background: url(../images/sidenav-a-bg.png) 0 -999em repeat-x; */ text-decoration: none; width:155px;}
   .sidenav-a ul li a:hover, .sidenav-a ul li a:focus, .sidenav-a ul li a:active { color: #fff; text-decoration: none; }
   .sidenav-a ul li.selected a { color: #fff; background-position: 0 0; background:url("../images/sidenav-a-bg.png") repeat-x scroll 0 0 #000000;
border-bottom:2px solid #252425; width:155px; }
.sidenav-a ul li.selected a:hover { color: #fff; background-position: 0 0; background:url("../images/sidenav-a-bg.png") repeat-x scroll 0 0 #000000;
border-bottom:2px solid #252425; width:155px; }

.news-a ul { margin: 0; padding: 10px 0 0; list-style: none; border-top: 2px solid #5c5e60; }
 .news-a ul li { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 2px solid #5c5e60; }
  .news-a ul li a { color: #95e7e8; text-decoration: none; }
  .news-a ul li a:hover, .news-a ul li a:focus, .news-a ul li a:active { color: #fff; }

.applications-a { position: relative; left: -8px; padding: 0; width: 177px; overflow: hidden; list-style: none; }
 .applications-a li { display: inline; float: left; padding: 0 2px; margin: 0 0 6px 5px; width: 79px; height: 59px; font-size: 1.1em; color: #fff; text-align: center; line-height: 1; }
 .applications-a li.oneliner { padding: 23px 2px 0; height: 36px; }
 .applications-a li.twoliner { padding: 18px 2px 0; height: 41px; }
 .applications-a li.threeliner { padding: 13px 2px 0; height: 46px; }
 .applications-a li.a { background: url(../images/application-a.png) no-repeat; }
 .applications-a li.b { background: url(../images/application-b.png) no-repeat; }
 .applications-a li.c { background: url(../images/application-c.png) no-repeat; }
 .applications-a li.d { background: url(../images/application-d.png) no-repeat; }
 .applications-a li.e { background: url(../images/application-e.png) no-repeat; }
 .applications-a li.f { background: url(../images/application-f.png) no-repeat; }
 .applications-a li.g { background: url(../images/application-g.png) no-repeat; }
 .applications-a li.h { background: url(../images/application-h.png) no-repeat; }

.thumbs-a { width: 100%; overflow: hidden; list-style: none; padding: 0; }
 .thumbs-a li { float: left; margin: 0 20px 0 0; }

/* paragraphs */
.breadcrumbs-a { color: #d0d2d3; text-transform: lowercase; }
 .breadcrumbs-a a, .breadcrumbs-a span { color: #929497; text-decoration: none; }
 .breadcrumbs-a a:hover, .breadcrumbs-a a:focus, .breadcrumbs-a a:active { text-decoration: underline; }


/* links */
.more-a { width: 100%; overflow: hidden; text-transform: lowercase; }
 .more-a a { display: block; float: left; padding: 2px 15px; color: #000; background: #8bc53f; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
 .more-a a:hover, .more-a a:focus, .more-a a:active,  button.more-a{ text-decoration: none; }
 
  button.more-a { display: block; float: left; padding: 5px 15px; color: #000; background: #8bc53f; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border:0px; width:100px;}


/* other */
.imagewrapleft {float:left; margin-top:5px; margin-right:10px; margin-bottom:10px;
}


 
/* SPECIFIC
------------------------------------------- */
#nav li.selected a {color:#fff !Important;}
ul.applications-a li a {color:#fff;}

 .system-message, .system-error-message {margin:0px; padding:0px; padding:25px; background:none; border:none;}
table th, table td {border:0px; }

/* nav hacks */
.columns-b #secondary-aside  {margin-top:53px;}
.columns-a #aside {margin-top:35px !important;}
.columns-b #aside {margin-top:53px !important;}
.sidenav-a ul li { font:1.3em/1.3em Helvetica,Arial,sans-serif; padding:2px 0; width:100%; height:auto !Important; }
.sidenav-a ul li a {padding:3px 10px;}


h1.a {display:none;}
#main h1.a { color:#00C1FF; font-size:3.1em !important; font-weight:normal;n margin:0 0 15px; display:block !Important; padding:0px; }

.secure-login, .newsletter-form  {background:none; border:0px;}

div.form div.item, div.webform div.item {padding:10px 0px !important;}
.secure-login div.form, .newsletter-form div.form  {padding-left:0px;}

.goBack a {color:#FFF100; font-size:1.2em;}

#countries{
	float:right;
	margin-right:10px;
	margin-top:10px;
}