/**************************************
 * Reset
 * 
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/************************************
 * Basic elements
 *
 */

body {
	font: normal 100%/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: black; 
	text-align: center;
	background-color: #d4d9dc;
}

p, li { font-size: 0.6875em; }
p { margin-bottom: 1.25em; }
a { color: #db6600; text-decoration: none; }
a:link { }
a:visited { }
a:hover { text-decoration: underline; }
a:active { }

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; line-height: 1.3; }
h1 { font-size: 20px; text-shadow: 1px 1px 0 #666666; color: white;  }
h2 { font-size: 14px; margin-bottom: 0.75em; }
h3 { font-size: 12px; margin-bottom: 0.75em; }
h4, h5, h6 { font-size: 11px; }

sub { vertical-align: baseline; position: relative; bottom: -0.25em; font-size: smaller; }
sup { vertical-align: baseline; position: relative; bottom: 0.33em; font-size: smaller; }

ul, ol { margin: 1em 0 1em 1em; padding-left: 1em; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ol li, ul li { margin: 0.1em 0; line-height: 1.3; }
li li {	font-size: 1em; }
li ul {	margin: 0; }

address { font-style: normal; }

td { font-size: 0.6875em; vertical-align: top;}
td p, td li { font-size: 1em; }



/************************************ 
 * Styles
 *
 */

.orange { color: #db6600; }
.black { color: #1b1b1f; }

/************************************
 * Layout
 *
 */

#wrapper { text-align: left; position: relative; height: 100%; }

div.container { width: 1000px; margin: 0 auto; position: relative;  }

#header { background: white url('images/bg-header.gif') repeat-x left top; position: relative; height: 120px; z-index: 10; }
#header .container { height: 120px; }
#header-logo { position: absolute; top: 24px; left: 33px; }
#print-logo { display: none; }

#language ul { list-style: none; position: absolute; right: 0; top: 24px; }
#language li { margin: 0; position: relative; padding: 0 1em; display: block; float: left; font-size: 0.75em; background: url('images/bg-navi.gif') no-repeat right 55%;  }
#language li.last { padding-right: 0px; background-image: none; }
#language li.last a { padding-right: 36px; background: url('images/flag-en.gif') no-repeat right 60%;  }
#language a { color: #7f6f5a; font-weight: bold; }
#language a.active,
#language a:hover { color: #db6600; }

#page-title { background: #f4990d url('images/bg-page-title.gif') repeat-x left bottom; min-height: 76px; height: auto !important; height: 76px; z-index: 5;  }	
#page-title h1 { padding-left: 34px; line-height: 76px; }

#page { text-align: left; position: relative; background-color: white; }
#content { padding: 0 0 32px; clear: both;  }
.page-home #content { padding-bottom: 0; }

#main { width: 666px; float: left; }
#main-container { padding: 0 34px; }

#breadcrumbs { font-size: 0.625em; color: #7f6f5a; min-height: 36px; height: auto !important; line-height: 3.6em; padding-left: 36px; }
#breadcrumbs a { color: #7f6f5a; }
span.B_currentCrumb { color: #db6600; }

#sidebar { width: 300px; float: right; background: white url('images/bg-sidebar.gif') repeat-x top left; min-height: 457px; height: auto !important; height: 457px;  }
#sidebar-container { padding: 8px 8px 16px; }
#sidebar-video { padding: 5px 5px 8px; clear: both; }
.sidebar-video-image { padding-bottom: 8px; text-align: center; }
.box-top-orange { background: transparent url('images/bg-box-top-orange.gif') no-repeat bottom left; width: 290px; height: 7px; }
.box-content-orange { background-color: #ec9737; padding: 0 10px; line-height: 1.2; }
.box-content-orange a { font-size: 18px; color: white; font-weight: bold; width: 290px; }
.box-bottom-orange { background: transparent url('images/bg-box-bottom-orange.gif') no-repeat bottom left; width: 290px; height: 7px; }

#footer { height: 100px; background: #d4d9dc; z-index: 6;  clear:both; }
p#footer-navigation { color: #db6600; font-weight: bold; text-align: right; padding: 12px 70px 0 0; margin: 0; list-style: none; font-size: 0.75em; }
#footer-logo { position: absolute; top: 46px; left: 34px; }
#footer address { font-size: 0.5625em; display: block; position: absolute; left: 210px; top: 48px; line-height: 1.6; }

/***************************************
 * Home
 *
 */

#home-products {
	background: white url('images/bg-home-products.png') no-repeat center top; 
	height: 425px; overflow: hidden; 
}
#home-products-text {
	position: absolute; top: 40px; left: 3px; 
	background: white url('images/arrow-right.gif') no-repeat 0 2px;
	width: 175px;
	height: 350px;  
}

p.home-products-text {
	position: absolute; top: 0px; left: 0px;
	padding-left: 14px; width: 150px; 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.75em; 
}

p#home-products-text-secure { display: none; }

#home-products a.home-tab {
	display: block; overflow: hidden; position: absolute; top: 0; height: 37px;
	text-indent: -9200px;
}
a#home-products-link-clean { width: 124px; background: transparent url('images/bg-tab-clean.gif') no-repeat 0 -37px; left: 185px; }
a#home-products-link-secure { width: 134px; background: transparent url('images/bg-tab-secure.gif') no-repeat 0 0px; left: 310px; }

#home-products-link {
	position: absolute; 
	top: 360px; left: 0;
	text-align: center; 
	width: 1000px; 
}

#home-products-link a {
	font-size: 1.125em; 
	background: white url('images/arrow-right.gif') no-repeat right center;
	padding-right: 14px; 
	color: #f4990d; 
	font-weight: bold; 
}
.page-home {
	background: white url('images/bg-content-home.gif') repeat-x left bottom; 
}
#home-left {
	width: 696px; float: left; position: relative;  
}

#home-news { float: right; width: 294px; background: white url('images/bg-home-news.gif') repeat-x left top;  }
#home-news h2 { background-color: #f4990d; color: white; font-size: 1.125em; line-height: 2.2em; padding-left: 24px; }

#home-news div.news-item-short { padding: 0 12px; }
/***************************************
 * Intro
 *
 */

#page-57 #header { height: 117px; }
#intro-flash {
	background: url('images/intro-flash-alt.jpg') no-repeat 0 0; height: 292px; overflow: hidden;
	position: relative; z-index: 10; 
}
#intro-flash p {
	margin: 0; padding: 0; 
}
#intro-flash object { position: relative; z-index: 1; }
#page-57 #content { padding-bottom: 12px; z-index: 5; position: relative; }
#page-57 #footer address { left: 20px; top: 24px; }
#page-57 #page { background: white url('images/bg-intro-page-content.gif') repeat-x 0 292px; }
#page-57 .intro-separator { background-color: #f9f9f9; height: 5px; margin: 4px 0 12px; }
#page-57 #navigation ul li#menu-main-42 a { color: #db6600; }

/***************************************
 * Navigation
 *
 */

#navigation ul { margin: 0; padding: 0; position: absolute; bottom: 12px; right: 0;  list-style: none; }
#navigation ul li { margin: 0; position: relative; padding: 0 1em; display: block; float: left; font-size: 0.875em; background: url('images/bg-navi.gif') no-repeat right 55%; line-height: 1.1;  }
#navigation ul li.last { padding-right: 0; background-image: none;  }
#navigation ul li a { color: #7f6f5a; display: block; position: relative; padding: 9px 0; font-weight: bold;margin: 0;  }
#navigation ul li.active a { color: #db6600; }
#navigation li.active ul li a { color: #7f6f5a; }
#navigation ul li a:hover,
#navigation ul li.active a,
#navigation ul li.active a:hover,
#navigation ul li.active ul li.active a {
}
#navigation li.active ul li.active a {
	color: #db6600;
}
#navigation ul li a:active { }

#navigation ul li a.folder { background: url('images/bg-navi-folder.gif') no-repeat center bottom;  }
#navigation ul li#menu-main-44 a.folder { background-image: none; }

#navigation li ul {
	display: none; position: absolute; top: 24px; left: 0;
	width: auto; float: none; z-index: 1100;
	text-align: left;
	padding: 15px 0;
}


#navigation li ul li,
#navigation li.last ul li { 
	padding: 0; border-bottom: 1px solid #999; border-right: 1px solid #999;
	float: none; display: block; background-image: none; width: auto; background-color: white; 
	width: 16em; margin: 0; list-style: none;  clear: both; 
}
#navigation li ul li.last { }
#navigation li ul li a,
#navigation li.last ul li a,
#navigation ul li.active ul li a
{
	display: block; position: relative; 
	text-decoration: none; text-align: left;
	margin: 0; width: auto; 
	font-weight: normal; padding: 4px;  
}
#navigation li:hover ul { display: block; }
#navigation li ul li a:hover { text-decoration: underline; background: #f5f6f6;  }




/************************************ 
 * Forms
 *
 */

form { }
fieldset { borde	r: 0; margin: 0 0 1em 0; position: relative; clear: both; display: block; }
fieldset.blank { }
label { font-size: 0.6875em; display: block; font-weight: bold;   }

div.form-row { margin-bottom: 0.75em; }
div.checkbox-container { position: relative; }
div.checkbox-container input { display: block; padding-top: 3px; float: left; }
div.checkbox-container label { display: inline; font-weight: normal;   }

div.errors, div.required, span.required { color: #a00000; font-weight: bold; }
div.errors { font-size: 0.75em; margin-bottom: 1em; }
input.field, textarea, select, option {
	font-family: "Verdana", Helvetica, Arial, sans-serif; 
	font-size: 11px; 
	background-color: #f5f5f5;
	border: 1px solid #ccc; border-left: 1px solid #aaa; border-top: 1px solid #aaa;
}
input.field { width: 16em; border: 1px solid #ccc; border-left: 1px solid #aaa; border-top: 1px solid #aaa; background-color: #f9f9f9; }
textarea { width: 32em; height: 10em;   }	
input.button { }
option { border: 0; padding: 1px 2px;}
select { padding: 0;}

p.wlpeMessageText { 
	color: #c00000; font-weight: bold; padding: 1em 1.5em; background-color: #f4f4f4; border: 1px solid #d0d0d0; width: 70%; 
}
#extranet-user-form { margin: 0.5em 0 1.5em; }
#extranet-user-form button { margin-left: 3em; }
/************************************ 
 * News
 *
 */

div.news-item { }
div.news-item-short { position: relative; }
div.news-item h2 { }
div.news-item-short h3 { 
	font-size: 0.6875em; color: #1b1b1f; font-weight: normal; padding-left: 14px; 
	background-color: transparent;
	background-image: url('images/arrow-right.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	min-height: 1%; 
}
div.news-item-short h3 a { color: #1b1b1f; }
div.news-item p { }

div.pagination { font-size: 0.6875em; text-align: center; margin: 1em 0; padding: 2em 2em 0.6em; }
div.pagination span.left { width: 40%; float: left; text-align: left; }
div.pagination span.right { width: 40%; float: right; text-align: right; }
div.pagination .ditto_off { color: #e0e0e0; }

a.ditto_page, a.ditto_currentpage { padding: 0.5em; }
p.news-archive-link { padding-left: 14px; margin-top: 1.25em;  }

#rss-icon { position: absolute; bottom: 0; left: 715px; width: 35px; height: 58px; }

/************************************ 
 * Fixes and special cases
 *
 */

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End hide from IE Mac */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.hidden { display: none; }