body, html
	{
    margin:0;
    padding:0;
    }

body
	{
	text-align:center;
	color: #000;
	background-color:#E6E6E6;
	background:url(../images/bg.jpg) repeat;
}
	
/* LAYOUT */
#contentWrap
	{
	position: relative;
	/* height:50px !important; @@UGAL --removed */
	/* background:url(../images/menuSide-1.jpg) top right no-repeat; @@UGAL --removed*/
	margin-bottom:15px;
	margin-right:50px;
	}

#wrap
	{
	position: relative;
	font-size: 1.0em;
	margin:auto;
    min-width:835px;
	width: 835px;
	text-align: left;
	padding:0 20px 5px 22px;
	background-color:#FFF;
	background:url(../images/wrap.jpg) repeat-y;
	}
	#bannerWrap
		{
		padding: 0;
		}
		#banner
			{
			text-align: left;
			cursor: pointer;
			background-repeat: no-repeat;
			}
			#banner .bannerTitle
				{
				padding: 0 40px 0 30px;
				color: #0259A7;
				font-size: 20px;
				font-weight: bold;
				text-indent:-1500px;
				}
			#banner .bannerTagline
				{
				clear: both;
				padding: 0 40px 0 30px;
				/* color: #F4982F; */
				color: #6699CC;
				font-size: 12px;
				font-weight: bold;	
				text-indent:-1500px;	
				}
	#logo
		{
		position: relative;
		top:0px;
		left:0px;
		width: 170px;
		height:57px;
		padding:0;
		margin:0;
		}
	#navigation
		{
		text-align:center;
		padding: 5px 0 5px 0;
		background:url(../images/menu.jpg) no-repeat 0 0;
	    	min-width:793px;
		width: 793px;
		height:75px;
		}
	#navigationCell /* table cell containing the vertical navigation */
		{
			/*background-color:#fff;*/
		}
	#navigation.absolute /* used for layout #2 */
		{
		position: absolute;
		top:0px;
		right:0px;
		width: 620px;
		height: 35px;
		text-align: left;
		margin: 5px;
		padding-top:20px;
		}
		#navigation a
			{
			text-decoration: none;
			font-size: 18px;
			letter-spacing:-0.05em;
			padding-bottom: 3px;
			text-transform: uppercase;
			color:#C0C096; font-family:arial, verdana, sans-serif;
			}
		#navigation a:hover
			{
			text-decoration: none;
			color:#000;
			}
		#navigation ul
			{
			margin: 35px 0 0 5px;
			text-align:left;
			padding: 0px;
			clear: both;
			}
			#navigation ul.absolute /* used for layout #2 */
				{
				margin: 20px 0;
				padding: 0 20px 0 0;
				clear: both;
				}
			#navigation ul
				{
				padding-top:8px;
				}
			#navigation li
				{
				padding: 10px 2px;
				margin: 20px 2px;
				background:url(../images/menu-btn.jpg) no-repeat 0 0 #FFFFFF;
				}
			#navigation li.horizontal  /* specific attributes for the horizontal navigation bar */
				{
				display: inline;
				}
			#navigation li.vertical  /* specific attributes for the vertical navigation bar */
				{
				list-style: none;
				text-align: left;
				}

			#navigation li:hover
				{
				/* background: yellow; */
				}
			#navigation li.current a
				{
				color: #000;
				}
				
	#content
		{
			margin-top:15px;
			margin-right:15px;
			clear: left;
			padding:5px 15px 0 10px;
		}
		
	div.withNavigation /*class appended to content div when next to horizontal nav bar */
		{
			padding:0;
		}
	div.withSide  /* class appended to content div when next to side content */
		{
		clear: left;
		float: left;
		width: 62%;
		margin-right: 5px;
		
		}
	div.withSide p, div.withSide ul
		{
		/*background:url(../images/bg-cont.jpg) repeat 0 0 #FFFFFF;*/
		}
		#content .pluginBox
			{
			margin: 20px 0 10px 5px;
			}
			#content .pluginBox h2
				{
				padding:8px 0px 8px 8px;
				background:url(../images/h2.jpg) no-repeat 0 0;
				}
	#contentSide
		{
		margin-top:49px;
		width: 32%;
		clear: right;
		float: right;
		padding-bottom:20px;
		padding-top:50px; /* @@UGAL --added */
		background:url(../images/menuSide-1.jpg) top right no-repeat;
		}
		
		#contentSide #pluginWrap  /*@@UGAL --added */
		{
			background:url(../images/menuSide-2.jpg) bottom left no-repeat;
			padding-bottom:35px;
		}
		
		#contentSide .pluginBox
			{
			margin: 0 0 5px 0;
			padding: 0 58px 5px 30px;
			}
			#contentSide .pluginBox h2
			{
			font-weight:bold;
			font-size:1.0em;
			padding: 5px 1px 5px 10px;
			color:#AB7303;
			margin:0;
			}
	#bottomNavigation
		{
		clear: both;
		text-align: center;
		width:792px;
		margin: 10px 0 0 0;
		padding: 10px 0 10px 0;
		background-color:#F2F3C9;
		}
		#bottomNavigation li
			{
			display: inline;
			padding: 0 10px;
			}
			
		#bottomNavigation a
			{
			color: #333;
			text-decoration: none;
			border-bottom:#DBDEB4 1px solid;
			text-transform: uppercase;
			font-size: 0.8em;
			}
		#bottomNavigation a:hover
			{
			color: #000;
			border-bottom:#000 1px solid;
			}
			
	#footerWrap
		{
		width:792px;
		height:32px;
		padding: 0;
		margin-bottom: 25px;
		overflow: hidden;
		margin: 0;
		border-top:#DBDEB4 1px solid;
		background-color:#F2F3C9;
		}
		#footer
			{
			float:left;
			margin: 7px 0 0 0;
			padding: 2px 10px;
			text-align: left;
			font-size: 10px;
			font-family: Arial;
			color: #000;
			}
		#footer p, #plug p {
		padding:0;
		margin:0;}
		
	#plug{ float:right;
	text-align:right;
	padding: 4px 10px;
}

#plug a {
	font-size: 10px;
	font-family: Arial;
	color: #000;
	}
	
	#plugWrap
		{
		clear: both;
		margin: 10px 45px;
		}
		div#plugLogo
			{
			float:right;
			padding: 0 10px 10px 10px;
			}
		#plugALink
			{
			float: right;
			padding: 10px;
			}

/* ELEMENTS */
table
	{
	font-size: 1.0em;
	}
h1.pTitle  /* page title */
	{
	font-size:1.25em;
	margin: 3px 0 0 0;
	padding-left:4px;
	padding-bottom:2px;
	color: gray;
	/*color: #0259A7;*/
	}
	
h2, h2 a
	{
	font-size:1.20em;
	color: #0F55A8;
	}
	
h2.sTitle /*sub title used for news and product lists titles as well*/
	{
	font-size:1.1em;
	font-weight: bold;
	color:#0F55A8; /*808080;*/
	margin: 5px 0 0 0;
	}

h2.sTitle  a
	{
	font-size:1.15em;
	color: #808080;
	border-left-width: 0px !important;
	border-left-style: solid;
	border-left-color: #fff;
	border-bottom-width: 0px !important;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border : 0 !important;
	padding-bottom:2px;
	padding-left:4px;
	}	
	
h3
	{
	font-size: 1.15em;
	padding:0;
	margin:15px 0 5px 0;
	color: #808080;
	}
p
	{
	font-size: 1.0em;
	margin: 8px 0 0 0;
	line-height:1.25;
	}
ul
	{
	margin:0 0 0 25px;
	padding:2px;
	list-style : square;
	}
ol
	{
	margin:0 0 0 25px;
	padding:2px;
	}
li
	{
	margin:4px 0 0 0;
	padding:0;
	line-height:1.3em;
	}
a
	{
	color:#FF6924;
	}
	
.pluginBox a
	{
	color:#3351AB;
	}

.pluginBox h2
	{
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #AB7303;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #AB7303;
	}
	
/* UTILITIES */

/* Messages to visitors (when e.g. posting comments) */
.alertOK
	{
	color:#0C659E;
	}
.alertError
	{
	color:#f00;
	}	
/* Navigation between result sets (used on the news and products listing pages) */
div.rsNavigate  /*rs stands for resulet set */
	{
	margin: 20px;
	padding: 5px;
	text-align: center;
	clear: both;
	color:#FFFFFF;
	}
	div.rsNavigate li
		{
		display: inline;
		border: 1px solid grey;
		margin: 20px;
		padding: 2px 10px;
		background: #6699CC;
		font-weight: bold;
		}
	div.rsNavigate li.current
		{
		background: #6699CC;
		}

/* user comments (used mostly on the news detail page for now ) */
div.userComment
	{
	width: 80%;
	background: #eee;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 20px;
	}

div.userComment p
	{
	margin: 3px 20px;
	}

div.userComment p.author
	{
	margin: 3px 5px;
	}

/* FORMS */
form.fStandard /*form displayed in the content div */
	{
	background:url(../images/bg-cont.jpg) repeat 0 0 #FFFFFF;
	/* background: #E6F1FF; */
	border: 1px solid #ccc;
	padding: 5px 5px 0px 15px;
	margin: 20px 0;
	width: 80%;
	}

form.fInline /*used by the prodicy search form */
	{
	border: 1px solid #C0C0C0;
	padding: 2px;
	margin: 20px 10% 20px 10%;
	text-align: center;
	}
form.fPlugin /* form usually displayed in the sideContent div */
	{
	padding: 5px 5px 0px 15px;
	}
	
/* FORM ELEMENTS */
p.fTitle /* the title of the form */
	{
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0 5px 0;
	}
p.fLegend /* the legend of the form */
	{
	font-size: 1.0em;
	margin: 2px 0;
	}
div.fInputArea
	{
	margin: 10px 0 0 0;
	}
div.fInputAreaInline  /* used for e.g. the product search form */
	{
	margin: 10px 0;
	text-align: center;
	}
div.fSubmitArea
	{
	margin: 0;
	padding: 10px 0;
	}

/* FORM LABELS */
label.fLabel
	{
	font-weight: bold;
	}
label.fLabelInline
	{
	margin: 0 5px;
	}
	
/* FORM ERROR HANDLING */
label.fError  /* Class added to label with a validation error. */
	{
	color:#f00;
	}
	
/* FORM FIELDS */
input.fInput
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 2px;
	}
input.fInputInline, select.fInputInline /* used by the product search form */
	{
	font-weight: bold;
	}
textarea.fInput
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 2px;
	}

input.fSubmit {
	font-size: 1.0em;
	font-weight:bold;
	padding: 1px 5px;
	}
input.fInput:focus, textarea:focus ,fInput:focus, select.fInput:focus
	{
	background:#fffff6;
	}