/**
 * Screen display stylesheet
 * MJC October 2007
 */
html
{
   overflow:-moz-scrollbars-vertical;
}

body
{
	font-family:verdana,arial,helvetica;
	font-size:80%;
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000;
}

/**
 * Universal styles
 * Can be applied anywhere
 */
.print
{
	display:none;
}

.bold
{
	font-weight:bold;
}

.left-align
{
	text-align:left;
}

.right-align
{
	text-align:right;
}

.centre-align
{
	text-align:center;
}

.top-align
{
	vertical-align:top;
}

.middle-align
{
	vertical-align:middle;
}

.bottom-align
{
	vertical-align:bottom;
}

.justify
{
	text-align:justify;
}

.float-right
{
	float:right;
	margin-left:5px;
}

.float-left
{
	float:left;
	margin-right:5px;
}

.clear-both
{
	clear:both;
}

.top-margin
{
	margin-top:10px;
}

.bottom-margin
{
	margin-bottom:10px;
}

.full-width
{
	width:100%;
}

.bordered,
.bordered td,
.bordered th
{
	border-width:1px;
	border-style:solid;
	border-color:#000;
	border-collapse:collapse;
}

.bordered td,
.bordered th
{
	padding:5px 8px;
}

.bordered th
{
	color:#fff;
	background-color:rgb(0,152,153);
}

.bordered caption
{
	caption-side:bottom;
	padding-top:5px;
}

.light-colour th
{
	color:#fff;
	background-color:#80c34a;
}

.light-colour td
{
	color:#000;
	background-color:#f7f7fa;
}

.top-border
{
	border-width:1px 0 0;
	border-style:solid;
}

.black
{
	border-color:#000;
}

.hilite
{
	color:#c03;
}

.nowrap
{
	white-space:nowrap;
}

/**
 * Main page structure
 *
 */
#container
{
	width:798px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	color:#000;
}

#header
{
	width:798px;
	padding:0;
	margin:0;
	background:#fff url(/dyna/common/images/default/web_top_banner_logo_800.jpg) no-repeat;
	border:0;
}

#content-main
{
	width:798px;
	padding:0;
	margin:0;
	border:0;
}

#content-product
{
	width:665px;
	padding:0 0 0 10px;
	margin:0;
	border:0;
	vertical-align:top;
}


#content-product li
{
	margin-bottom:5px;
}

#content-product li > ul
{
	margin-top:5px;
}


/**
 * Footer styles
 *
 */
#footer
{
	width:798px;
	clear:both;
	padding:10px 0;
	margin:0;
	border-width:1px 0 0;
	border-style:solid;
	border-color:#5d6393;
}

#footer table
{
	width:100%;
	font-size:70%;
	color:#666;
}

/**
 * Language options styles
 *
 */
#header table#language-options
{
	float:right;
	/*display:none;*/
}

/**
 * Top menu styles
 *
 */
#top-navigation
{
	width:798px;
	/*margin:112px 0 0;*/
	margin:112px 0 0;
	padding:0;
	/*background-color:#009899;*/
	background-color:rgb(0,152,153);
}

#top-navigation li
{
	position:relative;
}

#top-navigation ul
{
	width:133px;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}

#top-navigation ul ul
{
	position:absolute;
	z-index:500;
	display:none;
}

#top-navigation ul ul ul
{
	position:absolute;
	top:0;
	left:100%;
}

#top-navigation h2,
#top-navigation a
{
	margin:0;
	display:block;
	font:bold 10px/12px verdana,arial,helvetica,sans-serif;
	border-width:1px;
	border-style:solid;
	border-color: #ccc #888 #555 #bbb;
}

#top-navigation h2
{
	text-align:center;
}

#top-navigation a
{
	color:#fff;
	/*background-color:#009899;*/
	background-color:rgb(0,152,153);
	text-decoration:none;
	padding:3px;
}

#top-navigation a h2
{
	border-width:0;
	padding:0;
}

#top-navigation a:hover,
#top-navigation a:hover h2
{
	color:#ffe600;
}

#top-navigation li ul a,
#top-navigation li ul a:hover
{
	/*background-color:#009899;*/
	background-color:rgb(0,152,153);
}

div#top-navigation ul li:hover ul
{
	display:block;
}

div#top-navigation ul ul,
div#top-navigation ul li:hover ul ul,
div#top-navigation ul ul li:hover ul ul
{
	display:none;
}

div#top-navigation ul li:hover ul,
div#top-navigation ul ul li:hover ul,
div#top-navigation ul ul ul li:hover ul
{
	display:block;
}

#top-navigation a.more
{
	background-image:url(/dyna/common/images/default/more-top.png);
	background-repeat:no-repeat;
	background-position:120px;
}

#top-navigation a.more:hover
{
	background-image:url(/dyna/common/images/default/more-top-over.png);
	background-repeat:no-repeat;
	background-position:120px;
}

/**
 * Left menu styles
 *
 */
#left-navigation
{
	width:134px !important;
	background-color:#fff;
	vertical-align:top;
	padding:10px 0;
}

#left-navigation ul
{
	width:134px !important;
	list-style:none;
	margin:0px;
	padding:0px;
	text-align:left;
}

#left-navigation a,
#left-navigation h2
{
	font:bold 10px/12px verdana,arial,helvetica,sans-serif;
	display:block;
	padding:3px 3px 4px;
	margin:0;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
}

#left-navigation h2
{
	color:#fff;
	/*background-color:#80c34a;*/
	background-color:rgb(128,195,74);
	text-align:center;
}

#left-navigation a
{
	color:#000;
	background-color: #f7f7fa;
	text-decoration:none;
	z-index:400;
}

#left-navigation a:hover
{
	color:#a00;
	background-color: #e8e8f0;
}

#left-navigation li
{
	position:relative;
}

#left-navigation ul ul
{
	position: absolute;
	top:0;
	left:100%;
	width:100%;
}

#left-navigation ul ul,
#left-navigation ul ul ul,
#left-navigation ul li:hover ul,
#left-navigation ul li:hover ul ul
{
	display:none;
}

#left-navigation ul li:hover ul,
#left-navigation ul ul li:hover ul
{
	display:block;
}

#left-navigation a.more
{
	background-image:url(/dyna/common/images/default/more.png);
	background-repeat:no-repeat;
	background-position:120px;
}

#left-navigation a.more:hover
{
	background-image:url(/dyna/common/images/default/more-over.png);
	background-repeat:no-repeat;
	background-position:120px;
}

#left-navigation a.pdf
{
	background-image:url(/dyna/common/images/default/pdf.png);
	background-repeat:no-repeat;
	background-position:114px;
}

/**************************
* Breadcrumb Styles
**************************/
div#breadcrumb
{
	background-color:#e8e8f0;
	color:#000;
	padding:0 0 2px 3px;
	margin:11px 0 0;
	font:normal 10px/12px verdana, arial, helvetica, sans-serif;
}

/**************************
* Software & FE-Models Styles
**************************/
div.software,
div.fe-models
{
	border-top:1px solid #000;
}

div.software img,
div.fe-models img
{
	float:right;
	margin:8px 0 8px 5px;
}

/**************************
* Applications Styles
**************************/
div.applications
{
	border-top:1px solid #000;
	padding:0;
	margin:0;
}

div.applications img
{
	float:left;
	margin:8px 10px 8px 0;
}

div.applications h3
{
	margin:7px 0;
}

div.applications p
{
	margin:0;
}

/**************************
* Image with caption styles
**************************/
table.image-caption
{
	width:200px;
	text-align:center;
	background-color:rgb(0, 152, 153);
	font-size:70%;
}

table.image-caption td.caption
{
	color:#fff;
	padding:1px 2px 3px;
}

table.large
{
	width: 300px;
	border:1px solid #000;
}

/**************************
* Download Table styles
**************************/
table.download th
{
	padding:3px;
}

table.download td
{
	padding:3px;
	font-size:80%;
}

table.download td.installable
{
	font-size:60%;
}

table.download td.empty
{
	background-color:#ccc;
}

/**************************
* Standard Table styles
**************************/
table.standard td
{
	vertical-align:top;
}

table.bottom-padding td
{
	padding-bottom:5px;
}

/**************************
* Contact Form styles
**************************/
p.warning
{
	font-weight:bold;
	color:#fff;
	background-color:#f00;
	padding:2px 4px;
	border-top:1px solid #3f4363;
	border-bottom:1px solid #3f4363;
}

span.warning
{
	font-weight:bold;
	color:#f00;
}

table.centred-container
{
	margin-left:auto;
	margin-right:auto;
}

table.form
{
	padding:0px;
}

table.form td
{
	color:#000;
}

table.form td input,
table.form td textarea
{
	vertical-align:top;
	width:348px;
}

table.form td.smallinput input
{
	vertical-align:top;
	width:150px;
}

table.form td.input div
{
	padding:4px 0px;
}

table.form td select
{
	width:352px;
}

table.form td.description
{
	vertical-align:top;
	text-align:right;
	padding-right:2px;
	padding-top:2px;
	white-space:nowrap;
	font-size:110%;
}

table.form td.input
{
	vertical-align:top;
}

table.form td.confirm
{
	font-family: "MS Sans Serif", Geneva, sans-serif;
	border:1px solid #7f9db9;
	padding:1px 1px 3px 1px;
	width:348px;
	vertical-align:top;
}

table.form td.to-confirm
{
	padding-left:9px;
}

table.form td.buttons input
{
	width:90px;
	font-size:9pt;
}

span.required-field
{
	color:#f00;
}

.highlighted
{
	border:1px solid #3f4363;
	padding:6px;
	background-color:#f7f7fa;
}

table.address th
{
	text-align:left;
	vertical-align:top;
	width:300px;
}

table.address td.item
{
	padding-bottom:2px;
}

table.address td.last
{
	padding-bottom:10px;
}

/**************************
* Distributors & links styles
**************************/
table.distributors,
table.links
{
	border:1px solid #3f4363;
	background-color:#fff;
}

table.distributors td,
{
	width:50%;
	padding:10px;
}

table.links td
{
	padding:10px;
}

table.links td.image
{
	width:200px;
	text-align:center;
	padding:10px 0;
}

/****************
* News Styles
*****************/
#latest-news
{
	vertical-align:top;
	margin:0;
	padding:0;
	background-color:#fff;
}

#latest-news div
{
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	margin-bottom:5px;
}

#latest-news div.last
{
	margin-bottom:0px;
}

#latest-news p.date
{
	display:block;
	background-color:#e8e8f0;
	color:#000;
	margin:0px;
	padding:3px;
	text-align:center;
	font-size:8pt;
	font-weight:bold;
}

#latest-news p.news
{
	display:block;
	background-color:#f7f7fa;
	color:#000;
	margin:0px;
	padding:5px 3px 6px 3px;
	font-size:9pt;
}

#latest-news p.news a
{
	padding:0;
	background-color:#f7f7fa;
	border:0;
	text-decoration:underline;
	font-weight:normal;
}

/****************
 * Search form styles
 ****************/
div#search
{
	background-color:#f7f7fa;
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	padding:6px 0 4px 0;
}

div#search input#text
{
	width:120px;
}

div#search input#submit
{
	width:124px;
	margin-top:6px;
}

/*main search page*/
div#main-search table
{
	border:1px solid #5d6393;
	background-color:#f7f7fa;
	margin-left:auto;
	margin-right:auto;
}

div#main-search table td
{
	border:1px solid #5d6393;
	background-color:#fff;
	text-align:center;
	padding:8px;
}

div#main-search table td input#terms
{
	font-family:monospace, "courier new", courier;
}

div#main-search table td  input#terms,
div#main-search table td select
{
	border-width:1px;
	border-style:solid;
	border-color:#5d6393;
}

div#main-search table td input.submit
{
	margin:0px;
	padding:2px;
	width:80px;
	font-size:9pt;
}