/* css reset*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* css reset*/

body {
	font-family:Tahoma;
	font-size: 12px; 
}
input.logout{
	border:0px;
	color: #ffffff;
	font-size:11px;
	background-image: url("../../images/searchSubmit.jpg");
	height: 19px;
}
div.panel-left-content{
	width:140px;
	display:block;
	float: left;
	}
div.panel-right-content{
	width:200px;
	display:block;
	float: right;
	}
	
div.panel-left-content-link{
	text-align: center;
	}	

div.top-menu {
	background:url(images/top-menu.jpg);
	border:#acacac 1px solid;
	height:27px;
}
.top-menu-text{
	width:750px;
	display:block;
	float:left;
}
.top-menu-welcome{
	width:170px;
	display:block;
	float:right;
}

div.search-panel {

	margin-top:0px;
	margin-bottom:11px;
	background-repeat:no-repeat;
	background:url(images/search.jpg);
	border:#b7b7b7 1px solid;
	height:60px;
}

div.search-box{
	vertical-align:middle;
	display: block;
	float: right;
	}
div.search-box input{
	margin-top: 10px;
	direction:ltr;
	font-size:11px;
	height: 19px;
	width: 480px;
	border:#b7b7b7 1px solid;
	background-image: url("../../images/search.jpg");
	background-position: left;
	background-repeat: no-repeat; 
	}
	
div.search-submit input{
	margin-top: 10px;
	border:0px;
	color: #ffffff;
	width:114px;
	font-size:11px;
	background-image: url("../../images/searchSubmit.jpg");
	height: 19px;
}
div.search-submit{
	display: block;
	float: right;
	height: 19px;
	}
	
div#preview{
	height:15px;
	right:10px;
	top:100px;
	width:50px;
	z-index:10;  
}
div#preview h2{
    text-align:right;    
    border-bottom:3px solid #ccc;
}
div.search-panel-support{
display:block;
float:left;
height:61px;
width:187px;
}
.search-panel-news{
	text-align: center;
	vertical-align: middle;
	}
.search-panel-search-news{
	display:block;
	float:left;
	width:595px;
	height:61px;
	text-align:center;
	vertical-align:middle;
	font-family: tahoma;
	font-size: 12px;
}
.search-panel-language{
	text-align: center;
	vertical-align: middle;
	display:block;
	float:left;
	height:61px;
	width:187px;
}
div.image-scroll{
	position:relative;
	width:792px;
	margin-top:0px;
	margin-bottom:11px;
	height:75px;
}

li.category{
	padding-right: 10px;
	padding-left: 10px;
	}
div.panel-header{
	margin-right:0px;
	font-family:tahoma;
	font-size:12px;
	direction:ltr;
	padding-right:5px;
	padding-top:4px;
	color:black;
	margin-top:0px;
	height:20px;
	background:url(images/panel-header.jpg);
}
div.panel-menu{
	text-align:center;
	margin-top:0px;
	margin-right:9px;
	margin-bottom:11px;
	border:#b7b7b7 1px solid;
	height:78px;
	width:inherit;
}

div.content_category{
	background-image:url("../../images/contentCategory.jpg");
	text-align:center;
	vertical-align:middle;
	height:30px;
	margin-right: 5px;
	margin-top: 5px;
	display: block;
	float: right;
	width: 123px;
	border: #b7b7b7 1px solid; 
	}
div.content_category a{
	font-family: tahoma;
	font-size: 12px; 
	font-weight:bold;
	text-decoration: none;
	color: #676767;
	}
.panel-category{
	direction: ltr;
}

div.panel-border-category{
	width:100%;

	border:#b7b7b7 1px solid;
}
div.panel-border{
	border:#b7b7b7 1px solid;
	height:109px;
	width:100%;
}
div.content{
	direction:ltr;
	font-family:tahoma;
	font-size:11px;
	width: inherit;
}

div.panel-content{
	display: block;
	width:372px;
	float:right;
	margin:5px 10px 5px 10px;
	border-bottom:#b7b7b7 1px solid;
	padding-bottom: 4px;
	padding-top: 4px;
}

div.panel-login{
direction:ltr;
        font-size:11px;
	margin-top: 0px;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	
	}
div.panel-login div{
text-decoration:ltr;
}
div.login-input{
	height: 22px;
	
	}
div.login-input-name{
	display: block;
	float: left;
	direction:ltr;
	width: 50px;
	font-size: 10px;
	}

#logoParade div.scrollableArea img
	{
	border:#b7b7b7 1px solid;
		float: left;
		margin-left: 10px;
	}
	
	/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 0px;
	width: 0%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../../images/leftslide.jpg);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  When positioning the mouse over one of the hot spots, the cursor should change.
	I've noticed that this varies from browser to browser though. */
	cursor: url(../images/cursors/cursor_arrow_left.cur), w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../../images/leftslide.jpg);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 0px;
	width: 0;
	height: 100%;
	background-image: url(../../images/rightslide.jpg);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../../images/rightslide.jpg);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 792px;
	height: 74px;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
	
div.login-input-input{
	display: block;
	float: left;
	width: 130px;
	font-size: 10px;
	}
	
div.login-input-input input{
	width:120px;
	height: 20px;
	}
div.login-input-text{
	direction:ltr;
	display:block;
	float:left;
	width:140px;
	font-family: tahoma;
	font-size: 10px;
	}
div.login-input-submit{
	display:block;
	float:left;
	padding-right:10px;
	width:30px;
	font-family: tahoma;
	font-size: 10px;
	}
	
div.login-input-submit input{
	background-image: none;
	background-color: transparent;
	border: 0px;
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
	}
	
div.company_contact{
 display: none;
}



/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:752px;
		height:inherit;
		overflow:hidden; 
		}	

 #slider2 li{
 		width:390px;
		height:175px;
		overflow:hidden; 
 }
	#slider2 li{ 
		background:#ffffff;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		display:block;
		float:left;
		margin:0;	
		position:relative;
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:85px;
		position:absolute;
		left:-25px;
		top:-80px;
		margin-left: 25px;
		}	
	#nextBtn, #nextBtn2{ 
		left:750px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:83px;
		background:url(../../images/leftslide.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url(../../images/rightslide.jpg) no-repeat 0 0;	
		}												

/* // Easy Slider */
div.top-menu-link{
	
	font-family: tahoma;
	font-size: 12px;
	display: block;
	float: left;
	margin-right:2px;
	margin-top:0px;
	text-align: center;
	}
div.company_contact_top{
	width:100%;
	display: block;
	float: right;
	}
div.top-menu-link a{
	background-image:url("images/menu-back.gif");
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	padding-left:25px;
	padding-right:20px;
	color:#004ca1;
	padding-top:0px;
	padding-bottom:6px;
	height:20px;	
	}
div.top-menu-link a:hover{
	color:#c66d1d;
	}
div.Product{
	padding-top: 3px;
	vertical-align: middle;
	direction:ltr;
	width: inherit;
	height: 27px;
	border: #efefef 1px solid;
	}
div.Product a{
	font-family: tahoma;
	font-size: 11px;
	text-decoration: none;
	color: black;
	}
.required{
	color: red;
	font-size:12px;
}
td.element{
	font-size: 12px;
}
.error{
	color: red;
	font-size:12px;
}
fieldset.hidden{
	border-width: 0px;
}
td.reqnote{
font-size: 10px;
	}
.element{
	font-size: 12px;
}
form div table td{
font-size:12px;
font-weight:lighter;
}
.Panel-header{
	font-family: tahoma;
	font-size: 12px;
	color: #ffffff;
	}
.changw3c1{
font-size:12px;
}
.changw3c2{
font-size:13px;
}
.dataGrid {
	\-moz-border-radius: 5px;
	border-width:1px;
	width:100%;
	font-size: 11px ; 
	font-family: Tahoma, Helvetica, sans-serif; 
	border-width : 1px  ; 
	border-color: #cccccc;
	border-style:solid ; 
}
td.recourse table.dataGrid td{
height:35px;
}
form div table td span{
font-family:Tahoma, Helvetica, sans-serif;
font-size:10px;
}
.gridEvenRow{
	background-color: #f9f8fe ; 
	font-family:Tahoma, Helvetica, sans-serif;
}
.gridOddRow {
	font-family:Tahoma, Helvetica, sans-serif;
	background-color:#E2ECF3; 
}

a{
font-family:Tahoma, Helvetica, sans-serif;
	text-decoration:none;
	color:#000066;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}
a:hover{
	text-decoration:none;
	color:#990000;
}
a:active {
	text-decoration:none;
	color:#000000;
}
a:visited {
	text-decoration:none;
	color:#990000;
}


/* -------------- START PANEL ------------  */
div.Main table.Panel{
padding-bottom: 10px;
width:100%;
}

div.Main td.Panel-header{
background-repeat:no-repeat;
background-position:right;
height:30px;
color:#ca3333;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
border-bottom:#CCCCCC dashed 1px;
}

div.Main td.Top-left-panel{
background-image:url(images/panel_03.gif);
width:4px;
height:5px;
}

div.Main td.Top-center-panel{
background-image:url(images/panel_02.jpg);
height:5px;
}
div.Main td.Top-right-panel{
background-image:url(images/panel_01.gif);
width:4px;
height:5px;
}
div.Main td.Center-left-panel{
background-image:url(images/panel_06.jpg);
width:4px;
}
div.Main td.Center-center-panel{
	font-family:Tahoma;
	font-size:12px;
padding:5px 5px 5px 5px;
background-image:url(images/panel_05.jpg);
background-repeat:repeat-x;
background-color:#fefefe;
}
div.Main td.Center-right-panel{
background-image:url(images/panel_04.jpg);
width:4px;
}
div.Main td.Bottom-left-panel{
background-image:url(images/panel_09.gif);
width:4px;
height:8px;
}
div.Main td.Bottom-center-panel{
background-image:url(images/panel_08.jpg);
height:8px;
}
div.Main td.Bottom-right-panel{
background-image:url(images/panel_07.gif);
width:4px;
height:8px;
}
/* -------------- END PANEL ------------  */




/* -------------- START PANEL ------------  */
div.News table.Panel{
background-image:url(images/header-back-fa.jpg);
background-repeat:no-repeat;
padding-bottom: 10px;
border-width:0px;
width:100%;
}

div.News td.Panel-header{
background-image:none;
background-repeat:no-repeat;
background-position:right;
height:30px;
padding-right:15px;
color:#f1ebe1;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
}

div.News td.Top-left-panel{
background-image:url(images/panel_03.gif);
width:0px;
height:0px;
}

div.News td.Top-center-panel{
background-image:url(images/panel_02.jpg);
height:0px;
}
div.News td.Top-right-panel{
background-image:url(images/panel_01.gif);
width:0px;
height:0px;
}
div.News td.Center-left-panel{
background-image:url(images/panel_06.jpg);
width:0px;
}
div.News td.Center-center-panel{
	font-family:Tahoma;
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
}
div.News td.Center-right-panel{
background-image:url(images/panel_04.jpg);
width:0px;
}
div.News td.Bottom-left-panel{
background-image:url(images/panel_09.gif);
width:0px;
height:0px;
}
div.News td.Bottom-center-panel{
background-image:url(images/panel_08.jpg);
height:0px;
}
div.News td.Bottom-right-panel{
background-image:url(images/panel_07.gif);
width:0px;
height:0px;
}
/* -------------- END PANEL ------------  */

div.Login table.Panel{
background-image:url(images/login-header.jpg);
background-color:#726c64;
background-repeat:no-repeat;
padding-bottom: 10px;
border-width:0px;
width:100%;
}

div.Login td.Panel-header{
background-image:none;
background-repeat:no-repeat;
background-position:right;
height:30px;
padding-right:15px;
color:#f1ebe1;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
}

td.textBox input{
width:130px;
}

td.tplcontent table{
font-family:Tahoma, Helvetica, sans-serif;
	\-moz-border-radius: 10px;

border-width:1px;
border-color:#999999;
width:100%;
}
td.login input{

}
.login input{

}
.logintxt {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.loginproptxt {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.logintxt1 {
	color: #000000;
	font-size: 11px;
	font-family: Tahoma, Helvetica, sans-serif;
}
.logintxt1 a{
color:#000000;
}
.style3 {
	font-size: 11px; 
	color: #CCCCCC; 
	font-family: Tahoma, Helvetica, sans-serif;
	}
.style4 {
	font-size: 11px; 
	color: #CCCCCC; 
	font-family: Tahoma, Helvetica, sans-serif; 
	font-weight: bold; 
	}
.style5 {
	font-size: 14px; 
	color: #666666; 
	font-family: Tahoma, Helvetica, sans-serif;
	}
td.content{
font-family:Tahoma, Helvetica, sans-serif;
	padding-left:25px;
	padding-right:25px;
	padding-top:0px;
	padding-bottom:10px;
	font-size: 12px;
}
td.header{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	}

	th.gridHeader{
	font-family:Tahoma, Helvetica, sans-serif;
	height:25px;
	background-image:url(../../images/th.jpg);
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	background-color:#b2b2b2;
	}
	
	.treelink{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	}
	
	.treetext{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	}
	
	th.gridHeader a{
	font-family:Tahoma, Helvetica, sans-serif;
	}
	
	table.quote{
	font-family:Tahoma, Helvetica, sans-serif;
	background-color:#ffffff;
	font-weight:bold;
	padding-left:5px;
	border-width:1px;
	border-style:dashed;
	width:100%;
	}
	
	caption.calander{
	background-color:#243674;
	height:30;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	}
	
	table.calendar{
	width:100%;
	padding:2px 2px 2px 2px;
	background-color:#ffffff;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}
	
	td.selected{
	font-family:Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#dbc9c9;
	}
	.calanderf{
	font-family:Tahoma, Helvetica, sans-serif;
	background-color:#c5a8a8;
	font-weight:bold;
	color:#243674;
	}
	.calanders{
	font-family:Tahoma, Helvetica, sans-serif;
	background-color:#cfcfcf;
	font-weight:bold;
	color:#243674;
	}
	tr.calander{
	font-family:Tahoma, Helvetica, sans-serif;
	background-color:#eeeeee;
	}
	a.calander{
	font-weight:normal;
	color:#c52847;
	}
	a.calander:hover{
	font-family:Tahoma, Helvetica, sans-serif;
		font-weight:normal;
	color:#c52847;
	text-decoration:underline;
	}

	
	
	textarea{
	font-family:Tahoma, Helvetica, sans-serif;
	color:#777372;
	font-weight:bold;

	border-width:1px;
	border-color:#aeadad;
	width:500px;
	height:150px;
	}
	
	.denotes{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	}
	
	.form{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#33437d;
	}
	input.form{
	font-family:Tahoma, Helvetica, sans-serif;
	color:#777372;
	font-weight:bold;
	background-color:#f7f7f7;
	border-width:1px;
	border-color:#aeadad;
	}
	
	a.header{
	font-family:Tahoma, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
	}
	a.header:hover{
	font-family:Tahoma, Helvetica, sans-serif;
	color:#00CCFF;
	text-decoration:none;
	}
	.title{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#c66d1d;
	}
	.bottom{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
	padding-right:15px;
	}
	
	.tplcontent{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	}
	
	.comment{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#243674;
	}
	td.gallerymain{
	vertical-align:top;
	}
	.gallerytitle{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	}
	td.galleryimage{
	height:120px;	
	font-family:Tahoma, Helvetica, sans-serif;
	border-bottom-style:dashed;
	border-width:1px;
	}
	img.galleryimage{
	border-style:dashed;
	border-width:1px;
	}
	.gallerydesc{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#243674;
	}
	.blogLink{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000099;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	
	}
	
	.blog_header{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000066;
	text-align:center;
	}
	
	.blog_header_cat{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#990000;
	}
	
	.blog_header_desc{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#000066;
	text-align:center;
	}
	
	.forum_user{
	font-family:Tahoma, Helvetica, sans-serif;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	padding:5px 5px 5px 5px;
	}
	
	.forum_body{
	font-family:Tahoma, Helvetica, sans-serif;
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	padding:5px 5px 5px 5px;
	}
	
	.forum_title{
	font-family:Tahoma, Helvetica, sans-serif; 
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	padding:0px 5px 0px 5px;
	}