/*
	NVI Solutions CSS Framework 
*/

/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* GENERAL /////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/

/* html */
html{height:100%;}

/* body */
body{color:#471E02; font:69%/150% Arial, Helvetica, sans-serif; height:auto !important; height:100%; min-height:100%; min-width:970px;}

/* links */
a,a:link,a:visited{color:#50b848; font-weight:bold; text-decoration:none;}
a:hover, a:active{text-decoration:underline;}

/* titles */
h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif; color:#471e02; line-height:1em; margin:0 .3em .3em 0;}
h1{font-size:1.6em;}
h2{font-size:1.27em; font-weight:bold;}
h3{font-size:1em; font-weight:bold;}
h4{font-size:1em; font-weight:bold;}
h5{font-size:1em; font-weight:bold;}

/* lists */
ul{list-style-image:none; margin:0 0 1em 0;}
ul li{background:url(../img/arrow.gif) no-repeat left 4px; padding-left:10px;}
ul li ul li{background:url(../img/dot.gif) no-repeat left 3px;}
ul li ol li{background:none; padding-left:0;}

ol{list-style-type:decimal; margin:0 0 1em 2em;}

/* textes & misc */
p{line-height:1.55em; margin:0 0 1.55em 0;}
blockquote{background:#e0d9d4; padding:20px; margin:20px 0; padding:10px;}
hr{margin:1em 0; background:#410a1b; color:#410a1b; height:1px;  border:none; clear:both;}

/* small */
small{font-size:.82em;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* TABLES ONLY /////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* tables */
table{border-collapse:collapse; border-top:1px solid #471e02; color:#000; font-size:1em; width:100%; margin-bottom:1.5em;}
table thead td{background-color:#471e02; color:#fff;}
table tbody tr{background:url(../img/bg/dotted.gif) repeat-x bottom left;}
table th{background:#e0d9d4; border-bottom:1px dotted #291100; font-weight:normal; padding:5px; vertical-align:top;}
table tr.alt th{background-color:#ccc0b9;}
table td{padding:5px; vertical-align:top;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* FORMS ONLY //////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* forms */
input, textarea, select, option, label, fieldset, legend{color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
label{color:#471e02;}
fieldset{margin:5px 0;}
button{background:none; border:none; cursor:pointer; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 -3px; padding:0; width:auto; overflow:visible;}
textarea{background:#ffffff url(../img/bg/input.gif) repeat-x 0 1px; border:1px solid #bab8cd; padding:3px; width:100%;}
select{background:#fffffd; border:1px solid #bab8cd;}
option{background:#FFF; border:none;}
input[type=checkbox]{padding:0; margin:0;}
input.error, input[type=text].error, textarea.error, select.error{border:1px solid #c00;}
input.text, input[type=text]{background:#ffffff url(../img/bg/input.gif) repeat-x 0 1px; border:1px solid #bab8cd; padding:3px; width:155px;}
input.password{background:#fffffd; border:1px solid #bab8cd;}
input.checkbox{background:#fffffd; vertical-align:middle;}
.button{color:#FFF; cursor:pointer; display:block; font-size:1em; font-weight:bold; height:22px; padding-right:3px;}
.button .text{height:22px; line-height:22px; padding:0 4px 0 8px;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID and their CLASSES ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{height:auto !important; height:100%; min-height:100%;}

#container5 .container{margin:0 auto; overflow:hidden; position:relative; width:970px;}

/* HEADER ========================================================================================================*/
#header{ border-top:12px solid #d9cdc5; position:relative; overflow:hidden;}
#header .container{background:url(../img/bg/header.jpg) no-repeat top right; height:204px; position:relative;}

#logo{position:absolute; left:43px; top:85px;}

/* menu */
#menu{background:#50b848 url(../img/bg/menu.gif) repeat-x bottom;}
#menu ul{margin:0 0 0 11px; overflow:hidden;}
#menu ul li{background:none; float:left; padding:0;}
#menu ul li img{vertical-align:top;}

/* submenu */
#submenu{background-color:#50b848; padding-top:5px;}
#submenu ul{margin:5px 0 10px 20px;}
#submenu ul li{display:inline; background:url(../img/arrowLight.gif) no-repeat left; padding-left:7px; padding-right:10px;}
#submenu ul li a{color:#fff; font-weight:normal;}
#submenu ul li.activate{background-image:url(../img/arrowDark.gif);}
#submenu ul li.activate a{color:#0e400c;}

/* CONTENT ========================================================================================================*/
#content{background:url(../img/bg/content.gif) repeat-x top; padding-bottom:15px;}

/* home page */
#homepage{background:url(../img/bg/homeTitle.gif) repeat-x top;}
#homepage .pageTitle{border-bottom:0; padding:0 0 20px 0; margin:0;}

/* CONTENT LEFT ====================================================================================================*/
#contentLeft{float:left; padding:28px 10px 0 20px; width:660px;}

/* introduction box */
#introduction{margin-bottom:5px; overflow:hidden; width:620px;}
#introduction .imageBox{float:left; margin:0 15px 15px 0;}
#introduction .cmsContent{padding-top:5px;}
#introduction .col-1{width:200px;}
#introduction .col-2{width:420px;}

/* profile list */
#profileList .profile{margin-bottom:15px; overflow:hidden;}
#profileList .profile .profileMedia{float:left; width:200px;}
#profileList .profile .profileInfo{float:left; margin-top:10px; width:420px;}
#profileList .profile .profileInfo h2{font-size:1.09em;}
#profileList .profile .profileInfo h3{font-size:1em; font-weight:normal; margin-bottom:1em;}

/* bottom */
#bottom{margin:0 0 20px 0;}
#bottom h3{margin:2em 0 1em 0;}
#bottom .col-1, #bottom .col-2, #bottom .col-3{background:url(../img/bg/highlightBox.png) no-repeat top right; padding-right:45px; min-height:176px; width:175px;}
#homepage #bottom h3{margin-top:0;}

/* wood page */
#woodProductCategoryList, #sawmillsCategorylist{margin-bottom:30px;}

/* two columns with left submenu */
#twoColumns .col-1{margin-right:25px; width:150px;}
#twoColumns .col-2{width:485px;}
#twoColumns .imageBox{float:left; margin:0 20px 20px -2px;}

#twoColumns .twoColumnsWithImage .cmsContent ul li{background:none; list-style-image:url(../img/arrow.gif); list-style-position:inside; margin-left:0px; padding-left:0;}
#twoColumns .twoColumnsWithImage .cmsContent ul li ul li{list-style-image:url(../img/dot.gif); margin-left:20px;}

/* left menu */
#leftMenu ul{border-top:1px solid #50b848; margin:0;}
#leftMenu ul li{background:none; border-bottom:1px solid #50b848; line-height:1.25em; padding:0;}
#leftMenu ul li a{background:none; color:#471e02; display:block; font-weight:normal; padding:4px 3px;}
#leftMenu ul li a.activate, #leftMenu ul li a:hover{background-color:#50b848; color:#fff; text-decoration:none;}

/* Product list */
#productList table thead td{text-transform:uppercase;}

/* Address */
#address .imageBox{float:right; margin:0 0 10px 10px;}

/* contact us */
#contact .inputBox{width:300px;}
#contact .col2-set{margin-top:15px;}
#contact .col2-set .col-1{background:url(../img/bg/contactAddress.png) no-repeat top right; padding-right:20px; width:240px;}
#contact .col2-set .col-2{width:390px;}

/* sitemap */
#sitemap ul{margin-bottom:0;}
#sitemap ul ul li{background-image:url(../img/arrow.gif);}
#sitemap ul ul ul li{background-image:url(../img/dot.gif);}

/* news */
#newsList .news{margin-bottom:20px;}
#newsList .news small{font-size:.92em; line-height:1em;}
#newsList .news .cmsContent{margin-top:8px;}

#news h1{font-weight:bold;}
#news small{font-size:.92em; line-height:1em;}
#news .cmsContent{margin-top:8px;}

/* job */
#jobList .job{margin-bottom:20px;}
#jobList .job small{font-size:.92em; line-height:1em;}
#jobList .job .cmsContent{margin-top:8px;}
#jobList .job .cta{margin-right:5px;}

#job h1{font-weight:bold;}
#job small{font-size:.92em; line-height:1em;}
#job .cmsContent{margin-top:8px;}

#jobForm .col2-set .col-1{width:150px;}
#jobForm .col2-set .col-2{width:450px; float:left;}
#jobForm .inputBox{min-height:20px; padding:0;}
#jobForm .inputBox textarea{height:150px;}

/* CONTENT RIGHT ====================================================================================================*/
#contentRight{background:#fff url(../img/bg/sidebar.gif) repeat-x top; border:3px solid #fff; float:right; margin:38px 20px 0 0; width:230px;}

#contentRight h4{font-size:1em;}
#contentRight h4 a{color:#471e02;}

/* FOOTER ========================================================================================================*/
#footer{background:url(../img/bg/footer.gif) repeat-x top; height:137px; padding-top:20px;}

/* bottomMenu */
#footerMenu{margin-left:30px;}
#footerMenu ul{margin:0;}
#footerMenu ul li{background:none; display:inline; padding-left:0;}
#footerMenu ul li.sep{color:#50b848; padding:0 2px;}
#footerMenu a{color:#471e02; font-weight:normal;}

/* company infos */
#companyInfos{font-size:.9em; margin-left:30px;}
#companyInfos li{padding:0 1px;}
#companyInfos p{display:inline;}

/* mini logo */
#footerLogo{position:absolute; right:0; top:0;}

/* keywords */
#keywords{color:#aaa; font-size:10px; line-height:12px;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CLASSES ONLY ////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* image box */
.imageBox{background:url(../img/bg/image.png) no-repeat top left; display:inline-block; height:183px; width:182px;}
.imageBox .inner{display:inline-block; overflow:hidden; height:168px; margin:7px; text-align:center; width:169px;}

/* page title */
.pageTitle{font-size:1.82em; border-bottom:2px solid #471e02; margin:0 0 1em 0; padding:0 3px 3px 3px;}

/* col-2 set */
.col2-set{overflow:hidden;}
.col2-set .col-1{float:left; width:49%;}
.col2-set .col-2{float:right; width:49%;}

/* col-3 set */
.col3-set{overflow:hidden;}
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3{float:left; width:33%;}

/* box */
.box{margin:13px 11px 25px 11px;}
.box ul{list-style-image:none; margin:0;}
.box ul li{background:none; padding-left:0; padding-top:10px;}
.box ul li.sep{border-bottom:1px dotted #471e02; height:1px;}
.box p{line-height:1.2em; margin-bottom:0;}

/* rounded link */
.roundlink{display:inline-block; margin:3px 3px 3px 0;}
.roundlink span{background:url(../img/button/brown.gif) no-repeat left top; display:inline-block; margin-right:11px;}
.roundlink a{background:url(../img/button/brown.gif) no-repeat right top; color:#fff; display:inline-block; font-family:Arial, Helvetica, sans-serif; margin:0 -7px 0 7px; padding:3.5px 30px 4px 5px;}

/* input box */
.inputBox{margin:10px 0; padding-left:80px; position:relative;}
.inputBox .inputLabel{color:#471e02; left:0; position:absolute; top:2px; width:70px;}

/* cms content */
.cmsContent h3{margin-top:1.5em;}
.cmsContent p{margin:0 0 1em 0;}
.cmsContent ul li{padding-bottom:5px;}


/* square-styled list */
.square{padding:10px 0;}
.square li{background:url(../img/redSquareBullet.gif) 0 3px no-repeat; line-height:1em; padding-left:10px;}
.square li a{color:#000; font-weight:normal;}

/* arrow-styled list */
.arrow{padding:15px 0 5px 0;}
.arrow li{background:url(../img/redArrowBullet.gif) 0 5px no-repeat; line-height:1.3em; padding-left:7px;}
.arrow li a{color:#000; font-weight:normal;}

/* cta link */
.cta{background:url(../img/arrow.gif) no-repeat right; padding-right:7px;}

/* separator */
.sep{}

/* clear, align and floats */
.clear{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}
.middle{margin:0 auto; text-align:center;}
.bottom{vertical-align:bottom;}

/* displays */
.none{display:none;}
.inline{display:inline;}
.block{display:block;}

/* error & success */
.error{color:#ff0000;}
.success{color:#009900;}
.notice{color:#5288bd;}
.warning{color:#cc8600;}

.notification .success ul li {background:none; padding-bottom:5px;}

/* rolloverTrans */
.rolloverTrans{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.rolloverTrans:hover{filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8;}

/* javascript ----------------------------------------------------------------------------------------------------*/
.javascriptOff{display:none;} /* pour ceux qui n'ont pas javascript on cache le contenu avec le css*/ /* SS:Renamed jsOnlyContent to javascriptOff */
.contentHide{} /* pour ceux qui ont javascript on cache le contenu avec javascript(maxlib2.js)*/

/* worker */
.worker{background:url(../img/ajax/worker.gif) no-repeat center; height:36px; width:36px;}