/* CSS BY UCHRONY */
@import url(reset.css);
@import url(font.css);

/* USED COLORS
Yellow #ffe75e
Grey dark #58595b
Grey text #6b6a6b;
Blue dark #1b76a2
Blue light #339bce
*/


/* ------ GENERAL ------ */
body.bodynews{ background: #efefef;}

h1{ color: #8cbdd5; border-bottom: 1px solid #8cbdd5; margin-top: 10px; margin-bottom: 20px;}
h2{ padding-bottom: 5px; margin-bottom: 10px; color: #1b76a2;}
.centercontent h2{ color: #8cbdd5; border-bottom: 1px solid #8cbdd5; margin-top: 10px; margin-bottom: 20px;}
.centercontent h2.weblinkCat15, .centercontent h2.weblinkCat14, .centercontent h2.weblinkCat13, .centercontent h2.weblinkCat12{ color: #999; border-bottom: 0;  margin-top: 30px;  margin-bottom: 10px;}
.centercontent h2.ubrandCat15, .centercontent h2.ubrandCat14, .centercontent h2.ubrandCat13, .centercontent h2.ubrandCat12{ color: #999; border-bottom: 0;  margin-top: 30px;  margin-bottom: 10px;}
h3{ color: #f7941d; margin-bottom: 10px;}
h3 span{ color: #5a5b5b;}
.box h3{ padding-bottom: 5px; margin-bottom: 10px; color: #1b76a2;}

p{ margin-bottom: 8px;}
a{ color: #339bce;}
sup{ color: #f7941d; padding-left: 2px;}

ul li{ background:url(img/bullet-list.gif) no-repeat left 6px; padding-left: 15px; margin-bottom: 3px;}

ul.address li{ list-style: none; background: none; padding: 5px 5px 10px; border-bottom: 1px dotted #7a849c; margin-bottom: 10px;}
ul.address li.selected{ background: #f0f0f0;}
ul.address li a{ color: #58595b;}
ul.address li img{ margin-left: 5px;}

ol.legend{ color: #f7941d;}
ol.legend li{ list-style-position: inside; list-style-type:decimal; background: url(img/line-sep-legend.gif) repeat-x left bottom; padding: 10px 18px; text-indent: -18px;}
ol.legend li span{ color: #6b6a6b;}

ul.archives{ color: #339BCE;}
ul.archives li{ list-style-position: inside; list-style-type:decimal; background: url(img/line-sep-legend.gif) repeat-x left bottom; padding: 10px 18px; text-indent: -18px;}
ul.archives li.select{ color: #f7941d;}
ul.archives li span{ color: #6b6a6b;}

table td{ padding: 5px 10px 5px 0;}
table td.separator{ padding: 15px 0;}
table td.bouton{ text-align: right;}
table td.line{ background:url(img/bkgd-line-td.gif) repeat-x left top; padding: 15px 0;}

table td ul{ text-align: center;}
table td ul li{ background: none; padding-left: 0; padding-top: 3px; display: inline-block; }
table td ul li:first-child{ margin-right: 5px; padding-top: 0;}

.table-head{ margin-top: 30px;}
.table-head table{ width: 620px;}
.table-head table th{ background: #ffe75e; padding: 10px; border-bottom: 1px dashed #6b6a6b;}
.table-body{ height: 350px; overflow-y: scroll; margin-bottom: 10px;}
.table-body table.contacts{ width: 590px;}
.table-body table.contacts td{ padding: 10px; border-bottom: 1px dashed #6b6a6b;}
.table-body table.contacts tr.impair td{ background: #f2f2f2;}

table.number{ width: 100%; border-top: 1px dashed #6b6a6b;}
table.number th{ background: #ffe75e; padding: 15px 10px; border-bottom: 1px dashed #6b6a6b;}
table.number td{padding: 10px; border-bottom: 1px dashed #6b6a6b; }
.pad{ border-bottom: 1px dashed #6b6a6b; }
table.number td.blue{ background: #ecf1f5;}
table.number .total td{ font-weight: bold; background: #666; color: #fff; }
table.number tr.impair td{ background: #f2f2f2;}
table.number tr.impair td.blue{ background: #dbe3e9;}

.txtright{ text-align: right;}
.txtcenter{ text-align: center;}
.txtcenter ul{ margin: auto;}

input.inputbox{ border: 1px solid #b0b0b1; padding: 2px 5px; color: #ccc;}
input:focus.inputbox{ border: 1px solid #fcaf17; color: #5c5c5c;}

input.input{ border: 2px solid #ccc; background:#FFF; padding: 3px 7px;}
input:focus.input{ border: 2px solid #ffe75e; color: #1b76a2;}
input.btn{ border: 2px solid #58595b; background: #58595b; color: #ffe75e;}
.bouton input.btn{ margin-left: 10px;}

select{ border: 2px solid #ccc; background:#FFF; padding: 3px 5px;}
textarea{ border: 2px solid #ccc; background:#FFF; padding: 3px 7px;}
.textarea{ width: 458px; height: 120px;}

.clear{ clear:both;}
.shadow{ background:url(img/shadow.png) repeat-x; height: 5px; width: 100%; margin-bottom: 5px;}

.size165{ width: 155px;}
select.size165{ width: 172px;}
.size170{ width: 160px;}
select.size170{ width: 177px;}
.size457{ width: 447px;}

.mandatory{ color: #f7941d;}

/* ------ BASIC ------ */
#recticel{ width: 1000px; margin:0 auto;}

/* ------ HEADER ------ */
.header{ background:url(img/header.jpg) no-repeat right top; }
.header h1{ float: left; background:url(img/recticel-logo.jpg) no-repeat; margin: 50px 0 18px 0; border: none;}
.header h1 a{ width: 200px; height: 62px; display:block; text-indent: -9999px;}

.searchblock{ float: right; margin-top: 80px; padding-right: 10px;}
.searchblock p{ margin-bottom: 7px;}
.searchblock .search{}
.searchblock .search label{ color: #fcaf17;}
.searchblock .search input.inputbox{ width: 175px;}
.searchblock .search input.button{ background:url(img/search.jpg) right top no-repeat; border: 0; text-indent: -9999px; width:21px; height: 21px; display: block; float: right; padding-left: 10px;}
.searchblock .search input.button{}



/* ------ LINKS ------ */
.links-hp{}
.links-hp .links{ float: left; width: 242px; height: 237px; position:relative; margin-right: 10px; background:#FFF;}
.links-hp .automotive{ margin-right: 0;}
.links-hp .links a{ width: 242px; height: 237px; display: block; text-indent: -9999px; position: absolute; left:0; top:0;}
.links-hp .flexible a{ background: url(img/hp-flexible.png) no-repeat;}
.links-hp .bedding a{ background: url(img/hp-bedding.png) no-repeat;}
.links-hp .insulation a{ background: url(img/hp-insulation.png) no-repeat;}
.links-hp .automotive a{ background: url(img/hp-automotive.png) no-repeat;}

ul.weblinks{}
ul.weblinks li{ background: none; padding: 0; margin: 0 10px 10px 0; float: left; }
.centercontent h2.weblinkCat15{ background: url(img/link-h2-flexible.png) no-repeat; padding: 12px 0 10px 45px;}
.centercontent h2.weblinkCat14{ background: url(img/link-h2-bedding.png) no-repeat; padding: 12px 0 10px 45px;}
.centercontent h2.weblinkCat13{ background: url(img/link-h2-insulation.png) no-repeat; padding: 12px 0 10px 45px;}
.centercontent h2.weblinkCat12{ background: url(img/link-h2-automotive.png) no-repeat; padding: 12px 0 10px 45px;}

ul.ubrands{}
ul.ubrands li{ background: none; padding: 0; margin: 0 10px 10px 0; float: left; }
.centercontent h2.ubrandCat15{ background: url(img/link-h2-flexible.png) no-repeat; padding: 12px 0 10px 45px;}
.centercontent h2.ubrandCat14{ background: url(img/link-h2-bedding.png) no-repeat; padding: 12px 0 10px 45px;}
.centercontent h2.ubrandCat13{ background: url(img/link-h2-insulation.png) no-repeat; padding: 12px 0 10px 45px;}
.centercontent h2.ubrandCat12{ background: url(img/link-h2-automotive.png) no-repeat; padding: 12px 0 10px 45px;}



/* ------ TOPCONTENT ------ */
.topcontent{ background:#FFF; position: relative; margin-bottom: 10px;}
.topcontent #image{ width: 625px; height: 237px; margin:0; position: relative;}
.topcontent #image .border{ width: 625px; height: 238px; background: url(img/top-img-border.png) no-repeat; position: absolute; left:0; top: -1px; z-index: 2;}
.topcontent #image img { display:none; position:absolute; top:0; left:0; z-index: 1;}


/* ------ LEFTCONTENT ------ */
.leftcontent{ width: 620px; float: left; margin-right: 10px;}
.leftcontent .inside{width: 592px; background:#fbfbfb; padding: 10px; border: 4px solid #dbd9d9;}

.leftcontent .right{ float: left; margin-left: 10px; width: 335px;}
.leftcontent .right .box{ padding-top: 5px; border-bottom: 1px solid #c7e5f4;}
.leftcontent .right .box.brands{ border: 0; background: #ececec; margin-top: 10px;}
.leftcontent .right .box.brands h3{ color: #faa61a; margin: 10px; padding: 0;}

.contentpage{ width: 590px; float: left;}


/* ------ CENTERCONTENT ------ */
.centercontent{ width: 100%;}
.centercontent .inside{width: 972px; background:#fbfbfb; padding: 10px; border: 4px solid #dbd9d9;}
.centercontent .left{ width: 620px; margin-right: 10px;}
.centercontent .right{ width: 340px;}
.centercontent .left, .centercontent .right{ float: left;}
.centercontent .box{ padding: 10px; background: #ededed; margin-bottom: 10px; }
.centercontent .box h1{ color: #b4bfc4; border-bottom: 1px solid #b4bfc4; margin-top: 0;}

/* ------ RIGHTCONTENT ------ */
.rightcontent{ width: 370px; float: left;}
.rightcontent .box{ border: 4px solid #fff; background: #fafafa; padding: 10px;}

/* ------ NEWS ------ */
.news{ background: #efefef; width: 225px; float: left;}
.news h2{ border-bottom: 1px solid #b4bfc4; color: #b4bfc4; margin-bottom: 7px;}
.news ul li{ border-bottom: 1px dotted #339bce; padding-top: 8px; padding-left: 0; background: none;}
.news ul li p{ margin-bottom: 5px;}
/*.news ul li:last-child{ border-bottom: 0; text-align: right;}*/
.news ul li:last-child p{ margin-bottom: 0;}

/* ------ BOX ------ */
.box{ position: relative;}

.box.clouds{ color: #1b76a2; background:url(img/clouds.jpg); padding: 10px 15px 0 15px;}
.box.clouds span{ color: #339bce; padding: 0;}
.box.clouds p{ margin-bottom: 10px; text-align: center;}
.box.clouds p a{ text-decoration: none;}

.box.blue{ background: #ebf1f4;}
.box.sales{ background: #ebf1f4 url(img/sales.jpg) no-repeat left bottom; padding-bottom: 50px;}
.box.img{ border: 0; padding: 0;}

.box img{ float: right;}

.box .border{ position: absolute; left: 0; top: 0; background: url(img/border-img-hp.png) no-repeat; width: 370px; height: 140px;}

.box.np{ padding: 0;}
.box .financial{ float: left; padding: 20px 10px 10px 15px; width: 200px;}
.box .annualreport{ float: right; background:url(img/annualreport.jpg) no-repeat; width: 137px; height: 148px; text-indent: -9999px; display: block;}

.box .searchbox{ margin-bottom: 20px;}
.box .searchbox table{}

.box .box{ background: #dfdfdf; margin-bottom: 0;}
.box .box h3{ margin-bottom: 20px;}
.box .box h3.nm{ margin-bottom: 0;}
.box .box ul.pdf{ margin-bottom: 7px;}
.box .box ul.pdf li{ background: url(img/ico-li-pdf.jpg) no-repeat left center; padding: 3px 5px 5px 30px; border-bottom: 1px dotted #58595b;}
.box .box ul.pdf li.selected{ background: #ececec url(img/ico-li-pdf.jpg) no-repeat left center;}
.box .box ul.pdf li a{ color: #58595b;}
.box .box ul.pdf li a:hover{ text-decoration: none;}
.box .box ul.pdf li span{ color: #8d8d8d;}
.box .box ul.pdf li span a{ color: #8d8d8d;}

.box.savexls{ background: #e4f2e4 url(img/savexls.jpg) no-repeat 10px 10px; }
.box.savexls a{ color: #6b6a6b; text-decoration: none; padding: 20px 0 30px 70px; display: block;}
.box.savexls a strong{ color: #48a24f;}

.box .annualreport{background: url(img/annual-report.jpg) no-repeat; float: right;}
.box .annualreport a{width: 135px; height: 148px; display: block; text-indent: -9999px;}

.form{ background: #ebf1f4; padding: 10px;}
table.report td a.pdf, table td a.pdf {
    background: url("img/pdf.gif") no-repeat scroll 0 0 transparent;
}
/* ------ LINKS ------ */
.links{ margin-bottom: 10px;}
.links a{ float: left; width: 197px; height: 27px; margin-right: 10px; padding: 210px 0 0 45px; text-decoration: none; color: #6b6a6b;}
.links a.flexible{ background:url(img/links-flexiblefoams.jpg) no-repeat;}
.links a.bedding{ background: url(img/links-bedding.jpg) no-repeat;}
.links a.insulation{ background:url(img/links-insulation.jpg) no-repeat;}
.links a.automotive{ background: url(img/links-automotive.jpg) no-repeat; margin-right: 0;}