@charset "UTF-8";	


@font-face {
    font-family: 'CFRaoulRegular';
    src: url('fonts/cfraoul_-webfont.eot');
    src: url('fonts/cfraoul_-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cfraoul_-webfont.woff') format('woff'),
         url('fonts/cfraoul_-webfont.ttf') format('truetype'),
         url('fonts/cfraoul_-webfont.svg#CFRaoulRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	width: 100%;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #dae0d4 url(../images/bg.jpg) repeat;
	color: #3f3e33;
	margin:0;
	padding:0;
}

h1 {
	font: 30px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-family:'CFRaoulRegular', Trebuchet MS, Verdana, Arial;
}

h2 {
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:10px 0px;
	padding:0;
	font-family:'CFRaoulRegular', Trebuchet MS, Verdana, Arial;
}

a, a:active, a:visited {
	color:#7aa850;
	text-decoration:none;
}

a:hover {
	color:#557438;
	text-decoration:underline;
}


/*------------------------------------------------------------------------------------
      Page Structure
    ------------------------------------------------------------------------------------*/

#wrap {
	position:relative;
	width: 970px;
	margin:0px auto 10px auto;
	padding: 0px;
	background-color:#FFF;
    -webkit-box-shadow: 0px 5px 5px #666;
    -moz-box-shadow: 0px 5px 5px #666;
    box-shadow: 0px 5px 5px #666;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#topbar {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	clear:both;
	height:180px;
	clear:both;
}

#logo {
	position:absolute;
	top:30px;
	left:40px;
	width:252px;
	height:143px;
	text-indent:-9999px;
}

#logo a{
	width:192px;
	height:111px;
	float:left;
	color: #fff;
	margin: 0;
	padding: 0;
}

#languages {
	position:absolute;
	top:5px;
	right:10px;
	width:340px;
	height:20px;
	text-align:right;
	line-height:20px;
}

#languages a, #languages a:visited {
	color:#3f3e33;
	text-decoration:none;
	font-weight:bold;
}

#languages a.activelang, #languages a.activelang:visited, #languages a:hover {
	color:#6db95b;
	text-decoration:none;
	font-weight:bold;
	background-color:#fff;
	padding:2px;
}



#banner_top {
	position:absolute;
	top:30px;
	right:0px;
	width:640px;
	height:143px;
}

#content {
	position:absolute;
	top:180px;
	right:0px;
	width: 789px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#e4e3e3;
	height:420px;
}

#content_home {
	position:absolute;
	top:180px;
	right:0px;
	width: 790px;
	margin:0px;
	padding:0px;
	text-align:right;
}
#menu {
	position:relative;
	width:180px;
	height:420px;
	background-color:#fff;
	margin:0px;
	padding:0px;
}

#menu a, #menu a:visited, #menu a:active{
	display:block;
	width:170px;
	height:60px;
	background-color:#b4e28a;
	color:#465f33;
	text-decoration:none;
	font-size:20px;
	text-align:center;
	line-height:60px;
	font-family:'CFRaoulRegular', Trebuchet MS, Verdana, Arial;
}

#menu a:hover{
	display:block;
	width:180px;
	height:60px;
	background-color:#bded91;
	text-decoration:none;
	line-height:60px;
	font-family:'CFRaoulRegular', Trebuchet MS, Verdana, Arial;
}


#menu a.activel, #menu a.activel:visited, #menu a.activel:active{
	display:block;
	width:180px;
	height:60px;
	background-color:#7aa850;
	color:#fff;
	text-decoration:none;
	line-height:60px;
	font-family:'CFRaoulRegular', Trebuchet MS, Verdana, Arial;
}


#divscroll {
width: 784px;
margin:0;
padding-bottom:5px;
/* Typical fixed height and fixed width example */
width: 780px;
height: 380px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
float:left;
color:#3f3e33;
}

#divScrollNews {
width: 784px;
margin:0;
padding:10px;
/* Typical fixed height and fixed width example */
width: 760px;
height: 318px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
float:left;
color:#3f3e33;
}

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric
{
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase, .vscrollerbar {
width: 15px;
}

.vscrollerbar {
left: 0px;
/* following is the bit that allows us fixed height scrollbars */
height: 37px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
background: url(../images/vscroller.png);
}

.vscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll base,
the padding will automatically be turned off by the script*/
padding: 5px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}


.vscrollerbarbeg {
width: 5px;
height: auto;
}

.vscrollerbarend {
width: 5px;
height: 37px;
}
.vscrollerbase, .hscrollerbase {
	background-color:#3f3e33;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; 
left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/vscroller.png');
background-image: none;
}


#imageDiv {
	position:absolute;
	float:left;
	width:255px;
	padding:10px 0px 5px 10px;
	margin:0px;
}
	
#cLeft {
	position:absolute;
	left:260px;
	top:0px;
	float:left;
	width:210px;
	padding-left:5px;
	margin:0px 3px;
	text-align:left;
}

#cLeftMain {
	position:absolute;
	left:270px;
	top:0px;
	float:left;
	width:519px;
	height:405px;
	padding:0px;
	margin-top:1px;
	text-align:left;
}


#txtResult {
	position:relative;
	float:left;
	width:755px;
	height:355px;
	padding:10px;
	margin:0px;
	text-align:left;
	overflow:auto;
}

#cRight {
	position:absolute;
	left:480px;
	top:0px;
	float:left;
	width:270px;
	padding:0px;
	margin-left:10px;
	text-align:left;
}

#contForm {height:280px; width:270px;margin:0px; padding:0;position:relative; float:left;z-index:200;color:#3f3e33;}
#contForm.bgNone {background:none;}
#contForm input {width:270px;height:27px;margin:1px 0 0 0;background:transparent; border:none; font:12px 'Trebuchet MS', Helvetica, Arial, Times New Roman, sans-serif;background: url(../images/frmBg.png) 0 0 repeat-y;color:#3f3e33; }
textarea#Comments {width:270px; border:none;height:146px;*height:113px;padding:1px 0 4px 0px;line-height:30px !important;font-family:inherit;overflow:auto;background:transparent;padding:1px 0px 4px 0px;*padding:1px 0px 4px 30px;	background: url(../images/frmBg.png) 0 0 repeat-y; }
input#contSubmit {height:30px; position:absolute; top:370px; left:-110px; cursor:pointer; color:#3f3e33; background:none;}
input#contReset {height:30px; position:absolute; top:370px; left:100px; cursor:pointer; color:#3f3e33; background:none;}
#contForm input, #Comments {border:none;line-height:13px;color:#3f3e33;*margin:1px 0 0 -30px; font:12px 'Trebuchet MS', Helvetica, Arial, Times New Roman, sans-serif;}
p#contMsg {float:left;font:12px 'Trebuchet MS', Helvetica, Arial, Times New Roman, sans-serif;line-height:13px;background-color:transparent;width:204px;padding:2px 5px; color:#F00; margin-top:10px;}
#contForm #sendMail{ width: 10px; margin-right:5px; width:17px; height:16px; }


.error { display:none; color:#F00; }


.highlight {
 background-color : #bcde9d;   
}

.links {
	text-align:left;
	padding:10px;
	font-size:12px;
	border-bottom:1px dashed #A6A6A6;
}



.hidden { display: none; }
.unhidden { display: block; }

/*news*/
.previous, .next, .backNews{
	position:relative;
	float:left;
	line-height:25px;
	clear:none;
	color:#7aa850;
	margin-right:10px;
	font-weight:bold;
}

.previous a, .next a, .backNews a{
	text-decoration:none
}


.previous a:hover, .next a:hover, .backNews a:hover{
	text-decoration:underline
}

/*pagination*/
.pagingDiv { width:550px; height:20px;  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:20px;font-weight:bold; margin-bottom:10px;}  
.pNo {float:left; margin:0px 3px;}  
.pNo a {text-decoration:none; color:#fff; padding:10px; background:url(../images/bgmenu_active.png) repeat; font-weight:bold}
.pNo a:hover {text-decoration:none; background-color:#069}


/* tabs */

#tabs {
	margin: 0;
	padding:0;
	text-align:center;
	font-size:12px;
}

#tabs ul {
	float: left;
	width: 510px;
	padding:0;
	margin-bottom:20px;
	border-bottom:1px dashed #ccc;
	font-size:12px;
	}
	
#tabs li {
	list-style: none;
	border-right:1px solid #000;
	line-height:25px;
	margin-bottom:5px;
	font-size:12px;
	}
	
* html #tabs li {
	display: inline; /* ie6 double float margin bug */
	}
* html #tabs div ul li {
	display:block; /* ie6 double float margin bug */
	}
		
#tabs li,
#tabs li a {
	float: left;
	color:#3f3e33;
	}
	
#tabs ul li a {
	text-decoration: none;
	padding: 0px 5px;
	color:#3f3e33;
	font-weight: bold;
	font-size:18px;
	text-align:center;
	}

#tabs ul li a:hover {
	background-color:#939393;
	}


#tabs ul li.active {
	background:url(../images/bgmenu_active.png) repeat;
	}
	
#tabs ul li.active a {
	background:url(../images/bgmenu_active.png) repeat;
	}

#divscrolltabsProducts {
	width: 510px;
	margin:0;
	padding:0;
	/* Typical fixed height and fixed width example */
	width: 510px;
	height: 270px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	float:left;
	color:#3f3e33;
}


#divscrolltabs {
	width: 508px;
	margin:0;
	padding:0;
	/* Typical fixed height and fixed width example */
	width: 508px;
	height: 370px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	float:left;
	color:#3f3e33;
}


#tabs div {
	clear: both;
	padding: 0px;
	margin:0px;
	}
	
#tabs div p{
	margin:0;
	}	

#tabs div ul {
	margin-left:10px;
	}
#tabs div ul li{
	display:block;
	}	
	
	
#bannerDiv {
	position:relative;
	float:left;
	width:100%;
	background:url(../images/bgBanners.png) repeat-x;
	height:140px;
    -webkit-box-shadow: 0px 5px 5px #666;
    -moz-box-shadow: 0px 5px 5px #666;
    box-shadow: 0px 5px 5px #666;
}


#bannerDiv.border .bx-window {
	position: relative; 
	overflow: hidden; 
	width: 950px;	
}


#bannerDiv ul.multiple li {
	list-style: none;
	width: 140px;
	height: 140px;
}

#bannerDiv .bx-wrapper {
	margin: 0 auto;
	width: 940px; 
	position: relative;
}

#bannerDiv a.greenOn,a.greenOn:active, a.greenOn:visited {
color:#28292a; text-decoration:none; font-size:10px}
#bannerDiv a.greenOn:hover {
text-decoration:underline; font-size:10px;}


#bannerDiv .bx-prev {
	position: absolute;
	top: 50px;
	left: -5px;
	width: 31px;
	height: 31px;
	text-indent: -999999px;
	background: url(../images/arrow_left.png) no-repeat 0 -31px;
}

#bannerDiv .bx-next {
	position: absolute;
	top: 50px;
	right: -0px;
	width: 31px;
	height: 31px;
	text-indent: -999999px;
	background: url(../images/arrow_right.png) no-repeat 0 -31px;
}

#bannerDiv .bx-next:hover,
#bannerDiv .bx-prev:hover {
	background-position: 0 0;
}
	
	
#newsFooter	{
	position:relative;
	float:left;
	width:285px;
	height:232px;
	margin-right:12px;
	padding:0px;
}

#newsFooter	.title{
	position:relative;
	width:280px;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size:16px;
	background-color:#3f3e33;
	padding-left:3px;
	text-align:center;
}

#newsFooter	#newsScroll {
width:283px;
margin:0;
padding-bottom:5px;
/* Typical fixed height and fixed width example */
width:283px;
height: 214px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
float:left;
font:13px "Trebuchet MS", Times New Roman, Arial, Helvetica, sans-serif;
color:#3f3e33;
background-color:#f4f2f3;
}

#fileFooter {
	position:relative;
	float:left;
	width:332px;
	height:252px;
	margin-right:12px;
	padding:0px;
}

#videoFooter {
	position:relative;
	float:left;
	width:329px;
	height:252px;
	padding:0px;
}


#powered {
	position:relative;
	float:left;
	width:965px;
	padding-right:5px;
	height:18px;
	text-align:right;
	line-height:30px;
	background-color:#fff;
	margin-bottom:10px;
}

#powered a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin: 0;
	padding: 0;
	color:#3f3e33;
}

#addressFooter {
	position:relative;
	float:left;
	width:970px;
	height:30px;
	text-align:center;
	line-height:30px;
	background-color:#948f93;
	margin:3px 0px;
	color:#fff;
}
#footer {
	position:relative;
	float:left;
	width:970px;
	background-color:#fff;
    -webkit-box-shadow: 0px 5px 5px #666;
    -moz-box-shadow: 0px 5px 5px #666;
    box-shadow: 0px 5px 5px #666;
	margin-bottom:10px;
}

#fontSize {
	position:absolute;
	right:10px;
	top:5px;
	z-index:100;
}