/* @override 
	http://localhost:8888/Assembleon/styles/styles.css
	http://localhost:8888/styles/styles.css
	http://assembleon.jonnotie.nl/styles/styles.css
*/

/*
Version: 0.1.8
Updated: Tuesday, 22.01.2008 @ 16:24
------------------------------------------------------------ */


/* Main styles	
------------------------------------------------------------------ */
html, body, h1,h2,h3,h4,h5,h6,pre,code {
	/*preset font-size */
	font-size: 12pt; /*1em;*/
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	/*  Remove the inconsistent */
	margin: 0;
	padding: 0;
	font-family: arial, "lucida console", sans-serif;
}

a img,:link img,:visited img, fieldset {
	border: 0 none;
}

html,body {
	padding: 0;
	margin: 0;
	background: #fff url("/images/body_bg.png") left top repeat-y;
	font-family: arial, "lucida console", sans-serif;
	color: #000;
}

h1 {
	margin: 10px 0 10px 0;
}

h2 {
	margin: 0 0 10px 0;
}

p {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.button_properties {
	font-size: 0.9em;
	cursor: pointer;
	text-align: center;
}


/* Div styles	
------------------------------------------------------------------*/
div#container {
	width: 950px;
	text-align: left;
	position: relative;
	top: 0px;
	left: 36px;
	overflow: hidden;
}

#inner_container {
	float: left;
}


/* Accessible Logo
------------------------------------------------------------------*/
#logo {
	background: transparent url("/images/logo.png") no-repeat 0 0;
	display: block;
	width: 184px;
	height: 36px;
	overflow: hidden;
	line-height: 1000px;
	float: left;
	position: relative;
	top: 10px;
}

#logo a {
	display: block;
	width: 184px;
	height: 36px;
	overflow: hidden;
	line-height: 1000px;
	float: left;
}

#logoHolder {
	display:none;
}


/*meta navigation top
------------------------------------------------------------------*/
#top_subnav {
	background: transparent url("/images/faded_rline.png") no-repeat 100% 100%;
	height: 20px;
	vertical-align: top;
	width: 600px;
	float: right;
	position: relative;
	top: 36px;
	text-align: right;
}

#top_subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#top_subnav ul li {
	display: inline;
	height: 19px;
	color: #e2e1e2;
	font-size: 12px;
}

#top_subnav ul li.last a {
	height: 10px;
	width: 18px;
	display: block;
	background: #fff url("/images/zh.png") 50% 50% no-repeat;
	text-decoration: none;
	position: absolute;
	top: 5px;
	right: 0;
}

#top_subnav ul li.last a:hover {
	background: #fff url("/images/zh_on.png") 50% 50% no-repeat;
	border-bottom: 1px solid #ff5f00;
}

#top_subnav ul li.last img {
	display: none;
}

#top_subnav ul li a:link, #top_subnav ul li a:visited, #top_subnav ul li a:active {
	padding: 0 10px 0 6px;
	border: 0;
	color: #000;
	text-decoration: none;
}

#top_subnav ul li a:hover {
	color: #ff5f00;
	text-decoration: underline;
}

#top_subnav ul li.last {
	margin-left: 191px;
	padding: 0;
}


/* Main navigation bar top
------------------------------------------------------------------*/
div#navbar {
	width: 950px;
	height: 41px;
	text-align: center;
	float: left;
	position: relative;
	top: 10px;
}

.endline {
	width: 1px;
	height: 41px;
	background: transparent url("/images/endline_navbar.png") no-repeat 0 0;
}

#navigation {
	width: 948px;
	height: 41px;
	background: transparent url("/images/faded_navbar.png") repeat-x 0 0;
	float: left;
	text-align: center;
}

ul#h-nav {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 948px;
	/*For KHTML*/
	list-style: none;
	height: 41px;
}

ul#h-nav li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left;
	/*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
}

ul#h-nav ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 158px;
	list-style: none;
	display: none;
	position: absolute;
	z-index: 1000;
	top: 31px;
	left: 0;
}

ul#h-nav ul li {
	width: 158px;
	float: left;
	display: block;

}

/* root */

ul#h-nav a {
	float: none !important;
	/*For Opera*/
	float: left;
	/*For IE*/
	display: block;
	color: #59058d;
	text-decoration: none;
	height: 1%;
	/*For IE*/
	width: 172px;
}

/* root specific styles */
ul#h-nav a.root {
	font-variant: small-caps;
	font-size: 15px;
	letter-spacing: 3px;
	padding: 12px 0 11px 0;
	height: 18px;
	margin: 0 5px 0 5px;
	width: 139px; /* 138 */
	font-weight: bold;
	font-size: 15px;
	
}

* html ul#h-nav a.root { width: 139px }

#navigation-intra ul#h-nav a.root {
color:white;
}
/* root hover persistence */

ul#h-nav.sfHover,
ul#h-nav a.sfHover,
ul#h-nav li.sfHover a,
ul#h-nav a:hover,
ul#h-nav li:hover a {
	background-color: #cdcdcd;
}

ul#h-nav li li a {
	font-weight: bold;
}

/* 2nd layer */

ul#h-nav ul {
	margin: 10px 5px 0 5px;
	/*Compensation for the navbar margin*/
    font-size: 12px;
	background-color: #e8e8e8;
	width: 139px; /*122px;*/
	
}
* html ul#h-nav ul { margin: 10px 5px 0 4px; }

ul#h-nav li li {
	width: 127px;
}

/* all layers */
ul#h-nav li li a {
	text-align: left;
	padding: 3px 7px 3px 7px;
	margin: 0;
	width: 125px;
	display: block;
	height: 1%;
	/*For IE*/
    background-color: #e8e8e8;
	background-image: url("/images/menu-bg.gif");
	background-repeat: repeat;
	background-position: 0 0;
}

ul#h-nav li li.third_level a {
	padding: 3px 7px 2px 17px;
	width: 122px;
	font-weight: normal;
	padding-left: 10px;
}
* html ul#h-nav li li.third_level a { width:121px; }

ul#h-nav li li.level_start {
	margin-top: 0px;
}

ul#h-nav li li.level_start a {
	font-weight: normal;
}

ul#h-nav li li.level_end {
	margin-bottom: 0px;
}

ul#h-nav li.sfHover li a,
ul#h-nav li:hover li a,
ul#h-nav li:active li a {
	float: none;
	color: #5a188e;
	text-decoration: none;
	z-index: 1000;
}

/* hover persistence */

ul#h-nav li.sfHover li a:hover,
ul#h-nav li.sfHover li.sfHover a,
ul#h-nav li:hover li a:hover,
ul#h-nav li:hover li:hover a,
ul#h-nav li:active li a:hover,
ul#h-nav li:active li:hover a {
	color: #fff;
	background-color: #7c68a0;
	background-image: none;
	z-index: 1000;
}

/* jquery essentials */

#h-nav li:hover ul,
ul#h-nav li.sfHover ul {
	top: 2.5em;
	z-index: 1000;
}

#h-nav li:hover li ul,
#h-nav li.sfHover li ul {
	top: -999em;
	z-index: 1000;
}

#h-nav li li:hover ul,
ul#h-nav li li.sfHover ul {
	top: -1px;
	z-index: 1000;
}

.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
	z-index: 1000;
}






/* Vertical sub navigation
------------------------------------------------------------------*/
#sidenav {
	float: left;
	width: 182px;
}

div.sidenav_title {
	background: #9484b3 url("/images/side_nav.png") 0 0 no-repeat;
	width: 182px;
	height: 26px;
	overflow: hidden;
}

div.sidenav_title h2 {
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	padding-top: 5px;
}



/* jquery essentials */
#v-nav li:hover ul,
ul#v-nav li.sfHover ul {
	top: 0;
}

#v-nav li:hover li ul,
#v-nav li.sfHover li ul {
	top: -999em;
}

#v-nav li li:hover ul,
ul#v-nav li li.sfHover ul {
	top: 0;
}

.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

ul#v-nav,
ul#v-nav li,
ul#v-nav ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 182px;
	/*For KHTML*/
	list-style: none;
}

ul#v-nav:after            

/*From IE 7 lack of compliance*/ {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#v-nav li {
	float: left;
	/*For IE 7 lack of compliance*/
 
	display: block !important;
	/*For GOOD browsers*/
    
	display: inline;
	/*For IE*/
    position: relative;
	background: #fff url("/images/side_nav_bar.png") left bottom no-repeat;
	z-index: 1;
}

/* root */

ul#v-nav a {
	display: block;
	color: #59058d;
	text-decoration: none;
	height: 100%;
	/*For IE*/
    width: 100%;
}

/* root specific styles */

ul#v-nav a.root {
	font-weight: bold;
	font-size: 11px;
	width: 142px;
	/*192 - 20; 172 => 170*/
    padding: 8px 30px 4px 10px;
	height: auto !important;
	min-height: 19px;
	height: 19px;
	letter-spacing: 1px;
	/*text-transform: uppercase;*/
	font-weight: bold;
}

ul#v-nav a.active {
	text-decoration: underline;
}

ul#v-nav a.sublayer {
	background: transparent url("/images/side_nav_arrow.gif") no-repeat 152px 50%;
}

ul#v-nav a.subroot {
	font-variant: normal;
	padding: 8px 10px 4px 20px;
	height: auto !important;
	min-height: 10px;
	height: 10px;
	font-size: 11px;
	letter-spacing: 1px;
	width: 142px;
}

ul#v-nav a.finalsub {
	font-weight: bold;
	padding: 8px 10px 4px 30px;
	font-size: 0.7em;
	width: 132px;
	color:#b1b1b1;
}

/* Root Menu Hover Persistence */

ul#v-nav.sfHover,
ul#v-nav a.sfHover,
ul#v-nav li.sfHover a,
ul#v-nav li:hover a,
ul#v-nav li.iehover a {
	text-decoration: underline;
}



/* 2nd layer */

ul#v-nav ul {
	margin: 0px 21px 0 -10px;
	/*Compensate for sidebar*/
	font-size: 12px;
}

ul#v-nav ul ul {
	margin: 0 21px 0 0;
}

/* all layers */

ul#v-nav li li a,
ul#v-nav li li li a,
ul#v-nav li li li li a,
ul#v-nav li li li li li a {
	text-align: left;
	font-weight: bold;
	padding: 7px 10px 7px 10px;
	width: 172px;
	/* 192 - 20 = 172;  [new] 960-192 = 768/5 = 153.6 => 154 * 5 = 770. 192 become 190  */
    background-color: #e8e8e8;
	background-image: url("/images/menu-bg.gif");
	background-repeat: repeat;
	background-position: 0 0;
}

ul#v-nav li:hover li a,
ul#v-nav li.sfHover li.sfHover li a,
ul#v-nav li.sfHover li.sfHover li.sfHover li a,
ul#v-nav li.sfHover li.sfHover li.sfHover li.sfHover li a,
ul#v-nav li.sfHover li.sfHover li.sfHover li.sfHover  li.sfHover li a {
	float: none;
	color: #5a188e;
	background-color: #e8e8e8;
	text-decoration: none;
}

/* hover persistence - extended links*/

ul#v-nav li.sfHover li a:hover,
ul#v-nav li.sfHover li.sfHover a,

ul#v-nav li.sfHover li.sfHover li a:hover,
ul#v-nav li.sfHover li.sfHover li.sfHover a,

ul#v-nav li.sfHover li.sfHover li.sfHover li a:hover,
ul#v-nav li.sfHover li.sfHover li.sfHover li.sfHover a,

ul#v-nav li.sfHover li.sfHover li.sfHover li.sfHover li a:hover,
ul#v-nav li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,

ul#v-nav li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a:hover,
ul#v-nav li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color: #fff;
	background-color: #7c68a0;
	background-image: none;
	text-decoration: none;
}

ul#v-nav ul,
ul#v-nav ul ul,
ul#v-nav ul ul ul,
ul#v-nav ul ul ul ul,
ul#v-nav ul ul ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 192px;
	z-index: 1000;

}

 ul#v-nav a.root:hover {
	text-decoration:underline;
}

ul#v-nav a:hover, 
ul#v-nav li.sfHover a:hover, ul#v-nav li li a:hover, ul#v-nav li li.sfHover a:hover {
	text-decoration: underline;
}

ul#v-nav li li a.extSub {
	text-decoration:none;
}





/* Dynamic Navigation Behavior
------------------------------------------------------------------*/

ul#v-nav li:hover ul ul,
ul#v-nav li:hover ul ul ul,
ul#v-nav li:hover ul ul ul ul,
ul#v-nav li:hover ul ul ul ul ul,


ul#h-nav li:hover ul ul,
ul#h-nav li:hover ul ul ul,
ul#h-nav li:hover ul ul ul ul {
	display: none;
}

ul#v-nav li:hover ul,
ul#v-nav ul li:hover ul,
ul#v-nav ul ul li:hover ul,
ul#v-nav ul ul ul li:hover ul,
ul#v-nav ul ul ul ul li:hover ul,

ul#h-nav li:hover ul,
ul#h-nav ul li:hover ul,
ul#h-nav ul ul li:hover ul,
ul#h-nav ul ul ul li:hover ul {
	display: block;
}

/* Dynamic Navigation Behavior - DO NOT ALTER
------------------------------------------------------------------*/
ul#v-nav li:hover ul ul,
ul#v-nav li:hover ul ul ul,
ul#v-nav li:hover ul ul ul ul,
ul#v-nav li:hover ul ul ul ul ul,

ul#v-nav li.iehover ul ul,
ul#v-nav li.iehover ul ul ul,
ul#v-nav li.iehover ul ul ul ul,
ul#v-nav li.iehover ul ul ul ul ul,

ul#h-nav li:hover ul ul,
ul#h-nav li:hover ul ul ul,
ul#h-nav li:hover ul ul ul ul,

ul#h-nav li.iehover ul ul,
ul#h-nav li.iehover ul ul ul,
ul#h-nav li.iehover ul ul ul ul {
  display: none;
}

ul#v-nav li:hover ul,
ul#v-nav ul li:hover ul,
ul#v-nav ul ul li:hover ul,
ul#v-nav ul ul ul li:hover ul,
ul#v-nav ul ul ul ul li:hover ul,

ul#v-nav li.iehover ul,
ul#v-nav ul li.iehover ul,
ul#v-nav ul ul li.iehover ul,
ul#v-nav ul ul ul li.iehover ul,
ul#v-nav ul ul ul ul li.iehover ul,

ul#h-nav li:hover ul,
ul#h-nav ul li:hover ul,
ul#h-nav ul ul li:hover ul,
ul#h-nav ul ul ul li:hover ul,

ul#h-nav li.iehover ul,
ul#h-nav ul li.iehover ul,
ul#h-nav ul ul li.iehover ul,
ul#h-nav ul ul ul li.iehover ul {
  display: block;
}
    
    
/* line on the right (with fading image)
------------------------------------------------------------------*/
.spaceline {
	background: transparent url("/images/faded_rline.png") no-repeat 100% 50%;
	height: 20px;
	width: 950px;
	float: right;
	display: block;
	margin-top: 10px;
}

/* Grid container
------------------------------------------------------------------*/
div#grid_container, div#grid_container_home {
	position: relative;
	width: 950px;
	float: left;
	background: #fff url("/images/sidebar_bg.png") right bottom no-repeat;
	min-height: 480px;
	height: auto !important;
	height: 480px;
}

div#grid_container_home {
	min-height: 200px;
	height: 200px;
	background: #fff url("/images/sidebar_bg.png") no-repeat right bottom;
	padding-bottom: 46px;
}

/*
	=Sidebar right
------------------------------------------------------------------*/

div#sidebar {
	width: 192px;
	float: right;
	height: 100%;
	position: relative;
}

div#sidebar_fading {
	width: 172px;
	padding: 10px;
	overflow: hidden;
}

#sidebarImg {
	display: none;
}
/*search in sidebar*/

.side_search {
	background-color: #fff;
	margin-bottom: 10px;
	height: 26px;
}

.side_search fieldset {
	border: 1px solid #fff;
	height: 24px;
}

.side_search input.search {
	border: 0;
	font-size: 11px;
	padding: 0 0 0 5px;
	height: 18px;
	width: 100px;
	background-color: #fff;
	color: #6b5c8b;
	margin-top: 3px;
	position: absolute;
}

.side_search input.send_button {
	border: 0;
	height: 24px;
	width: 61px;
	background-color: #6b5c8b;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 2px;
	font-size: 11px;
	position: absolute;
	right: 11px;
	overflow: hidden;
}

/* button hover persistence */

.side_search input.send_button:hover,
.side_search input.send_button.iehover {
	background-color: #ff5f00;
}

/* search unit sidebar */

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

.catalog_search fieldset {
	border: 0;
}

.catalog_search input.search {
	border: 0;
	font-size: 11px;
	padding: 7px 0 0 5px;
	height: 19px;
	width: 167px;
	background-color: #fff;
	color: #6b5c8b;
	margin: 10px 0 3px 0;
}

.catalog_search input.send_button {
	height: 24px;
	width: 113px;
	background-color: #95288f;
	color: #fff;
	border: 1px solid #fff;
	text-align: center;
	text-transform: uppercase;
	padding-top: 1px;
	font-size: 11px;
	position: relative;
	left: 58px;
	top: 3px;
	margin-bottom: 3px;
}

/* button hover persistence */

.catalog_search input.send_button:hover,
.catalog_search input.send_button.iehover {
	background-color: #ff5f00;
}

/*log on/off field in sidebar*/

.side_logon {
	background-color: #dddcdf;
	padding: 5px 10px 5px;
	padding-bottom: 0px;
	width: 152px;
	line-height: 1.0em;
	min-height: 134px;
	margin-bottom: 10px;
}


.extra_large {
	padding-bottom: 20px;
}

.side_logon div.error {
	margin-top: 10px;
	padding-bottom: 1px;
}

.side_logon div.error h4 {
	font-size: 0.8em;
	color: #59058d;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.side_logon div.error p {
	margin-top: 5px;
	font-size: 0.75em;
	color: red;
}

.side_logon p.label {
	color: #7c69a2;
	font-size: 12px;
	width: 100%;
	display: block;
	margin-top: 10px;
}

.side_logon a.loged_link {
	color: #7c69a2;
	font-size: 12px;
	width: 100%;
	display: block;
	margin-bottom: 0.4em;
}

.side_logon a.loged_link:hover {
	color: #000;
}

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

div.sublinks {
	position: relative;
	height: 22px;
	margin-top:-15px;
	padding-bottom:7px;
}

.side_logon a.fpassword {
	font-size: 0.65em;
	color: #6b5c8b;
	position: relative;
	left: 0;
	top: 6px;
	text-decoration: none;
}

.side_logon a.registernow {
	font-size: 0.65em;
	color: #6b5c8b;
	position: relative;
	right: -5px;
	top: 6px;
	text-decoration: none;
}

.side_logon a.registernow:hover,
.side_logon a.fpassword:hover {
	color: #000;
}

.side_logon fieldset {
	border: 0;
	padding: 0;
}

.side_logon h3 {
	text-transform: uppercase;
	color: #59058d;
	font-size: 11px;
	margin-bottom: 5px;
	letter-spacing: 2px;
}

.side_logon label {
	color: #7c69a2;
	font-size: 12px;
	width: 100%;
	display: block;
	margin-top: 10px;
}

.side_logon label.save {
	width: 76px;
	color: #59058d;
	float: left;
	font-size: 12px;
	margin-top: 4px;
	margin-left: 1px;
}

.side_logon label.save input {
	position: relative;
	top: -1px;
	margin-right: 4px;
}

.side_logon fieldset input.send_button {
	margin-top: 10px;
	border: 0;
	height: 22px;
	width: 70px;
	background-color: #6b5c8b;
	color: #fff;
	font-weight: bold;
	float: right;
	padding-bottom: 2px;
	/*For Gecko*/
	font-size: 11px;
}

.set_logon {
	overflow: hidden;
	width: 151px;
	height: 22px;
}

.set_logon input.logon {
	margin-top: 0px!important;
}

input.logonfield {
	margin-bottom: 8px;
	border: 0;
	padding: 6px 10px 0px 10px;
	width: 132px;
	height: 20px;
	color: #6b5c8b;
	font-size: 11px;
}

/* button hover persistence */

.side_logon fieldset input.send_button:hover,
.side_logon fieldset input.send_button.iehover {
	background-color: #ff5f00;
}

/* faded panel can be used on itself */

.faded_panel {
	width: 183px;
	position: relative;
	left: -3px;
	top: 0px;
	padding-bottom: 20px;
}

.faded_content {
	background-image: url("/images/xp_sidebar_fading.png");
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	padding: 10px 5px 0px 17px;
	margin-bottom:30px;
	width: 150px;
}

/* news and events */

.side_news h3 a {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	margin-bottom: 10px;
	margin-top: 5px;
	letter-spacing: 2px;
	text-decoration: none;
	position: relative;
}

.side_news h3 a:hover {
	text-decoration: underline;
}

.side_news h4 {
	text-transform: uppercase;
	color: #e2e1e2;
	font-size: 10px;
	letter-spacing: 2px;
	margin: 0 0 2px 0;
}

.side_news p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 10px;
}

.side_news p a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 1.5em;
	position: relative;
}

.side_news p a:hover {
	text-decoration: underline;
}

/* more information */

.info_panel {
	margin-bottom: 10px;
	padding: 0px 10px 0px 14px;
	width: 144px;
}

.side_info h3 {
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	margin-bottom: 5px;
	margin-top: 5px;
	letter-spacing: 2px;
}

.side_info ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

.side_info ul li {
	background-image: url("/images/white_arrow.gif");
	background-position: 0 10px;
	background-repeat: no-repeat;
	position: relative;
}

#grid_container_home .side_info ul li a {
	
}

.side_info ul li a {
	display: block;
	width: 100%;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 5px 5px 5px 20px;
	position: relative;
}

.side_info ul li a:hover {
	text-decoration: underline;
}

/* Meta navigation bottom 
------------------------------------------------------------------*/

.side_logo {
	position: relative;
	top: -20px;
	float: right;
	height: 60px;
	width: 500px;
	padding: 20px 0 0 0;
}
/*home fix*/
.bottom_home {
	/*position: absolute;
	right: 0;
	top: 580px;
	height: 100px;*/
	margin-top:-50px;
}

.side_logo div {
	position: relative;
	top: -20px;
	margin-top:13px;
	right: 10px;
	float: right;
	clear: both;
}

#bottom_subnav {
	/* privacy statement, disclaimer, copyright, contact, print, and rss  */
    position: relative;
	top: -20px;
	right: 0px;
	background: #fff url("/images/faded_rline.png") no-repeat 100% 0;
	margin: 10px 0 0;
	padding: 10px 0 0 0;
	height: 100px;
	text-align: right;
	float: right;
}

.bottom_home #bottom_subnav {
	
}

#bottom_subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	height: 25px;
	margin-bottom:15px;
	padding:bottom:15px;
}

#bottom_subnav ul li {
	display: inline;
	height: 25px;
	color: #e2e1e2;
	font-size: 11px;
}

#bottom_subnav ul li.printme a {
	height: 19px;
	width: 20px;
	padding: 10px;
	background: #fff url("/images/print.gif") 50% 50% no-repeat;
}

#bottom_subnav ul li.printme a:hover {
	background: #fff url("/images/printon.gif") 50% 50% no-repeat;
}

#bottom_subnav ul li.printme img {
	visibility: hidden;
}

#bottom_subnav ul li a:link, #bottom_subnav ul li a:visited, #bottom_subnav ul li a:active {
	padding: 0 10px 0 6px;
	border: 0;
	color: #8e9294;
	text-decoration: none;
}

#container #bottom_subnav ul li.finalelement {
	padding: 0;
	margin: 0;
}

#container #bottom_subnav ul li.finalelement a {
	padding: 0 0 0 6px;
}

#bottom_subnav ul li a:hover {
	color: #ff5f00;
	text-decoration: underline;
}


/* Content settings
------------------------------------------------------------------*/
div#set_content {
	width: 556px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 10px;
	min-height: 500px;
}

#grid_container_home div#set_content {
	width: 748px;
	margin: 0 10px 0 0;
	min-height: 0;
	height: auto;
}

.introduction_img {
	float: right;
	overflow: hidden;
	width: 556px;
	margin-bottom: 10px;
}

a {
	color: #592c87;
	text-decoration: underline;
}

a:hover {
	color: #000;
}


/* Content tables
------------------------------------------------------------------*/
table {
	margin: 0;
	padding: 0;
	border: 1px #e2e2e2 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 10px 0 10px 1px;
	font-size: 12px;
}

div#set_content table th {
	border: 1px #e2e2e2 solid;
	text-transform: uppercase;
	color: #592c87;
	text-align: left;
	padding: 0.3em;
	font-size: 11px;
	background-color: #fafafa;
}

div#set_content table td {
	border-bottom: 1px solid #e2e2e2;
	margin: 0;
	padding: 0.3em;
	text-align: left;
}


/* Into the Grid 
------------------------------------------------------------------*/
#grid_container_home .introduction_img {
	width: 748px;
	margin-bottom: 10px;
	height: 192px;
	overflow: hidden;
}

.grid {
	width: 556px;
	margin-bottom: 10px;
	float: left;
}

#grid_container_home .grid {
	width: 748px;
	margin: 0 0 10px 10px;
	float: left;
}


/* Column setup
------------------------------------------------------------------*/
.one_column, .two_column, .three_column, .four_column {
	float: left;
	overflow: hidden;
	margin-bottom: 10px;
}

.one_column {
	width: 556px;
	font-size: 12px;
}

.two_column {
	width: 278px;
}

.three_column {
	width: 175px;
}

#grid_container_home .three_column {
	width: 239px;
	padding-right: 10px;
}

.four_column {
	width: 139px;
}


/* Inner content manipulation
------------------------------------------------------------------*/
#set_content h1 {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 10px;
	color: #59058d;
	width: 100%;
}

#set_content h1 span {}

#set_content h1 span.cat_search {
/* fix design heading issues */
    width: 60%;
}

#set_content h1 span a {
	font-size: 12px;
	color: #000;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
}

#set_content h1 span a:hover {
	text-decoration: none;
}

#set_content h2 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: -8px;
	color: #59058d;
}

#set_content h3 a,
#set_content h3 {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 10px;
	color: #59058d;
	text-decoration: none;
}

#set_content h3 a:hover {
	text-decoration: underline;
}

#set_content h4 {
	margin: 10px 0 10px 0;
}

#set_content .one_column ul li {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
}

#set_content .one_column ol li {
	list-style-type: decimal;
	margin: 0 0 0 25px;
}

#set_content p {
	letter-spacing: 0;
	margin-bottom: 20px;
	color: #000;
	font-size: 12px;
}

#set_content .a_button {
	display: block;
	padding: 5px 10px 5px 10px;
	margin: 10px 20px 10px 20px;
	background-color: #6b5c8b;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

#set_content .a_button:hover {
	background-color: #ff5f00;
}

.arrow_list {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

.arrow_list li {
	background-image: url("/images/gray_arrow.gif");
	background-position: 0 8px;
	background-repeat: no-repeat;
}

.arrow_list li.hoverme,
.arrow_list li:hover {
	background-image: url("/images/orange_arrow.gif");
}

.arrow_list li a {
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 12px;
	padding: 3px 10px 3px 20px;
}

.arrow_list li a:hover {
	text-decoration: underline;
	color: #ff5f00;
}

/*grid*/
#grid_container_home fieldset select {
	width: 215px;
	height: 20px;
	float: left;
	border: 1px solid #8e9295;
	outline: 0;
	padding-top: 2px;
}


/* Spotlight
------------------------------------------------------------------*/
a.spotlight {
	position: absolute;
	top: 300px;
	right: 198px;
	display: block;
	height: 150px;
	width: 240px;
	text-decoration: none!important;
	overflow: hidden;
}

a.spotlight img {
	position: absolute;
}

a.spotlight span.h3 {
	display: block;
	position: relative;
	top: 57px;
	left: 20px;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #59058d;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

a.spotlight span.p {
	display: block;
	position: relative;
	left: 20px;
	top: 57px;
	color: #8e9294;
	text-decoration: none;
	font-size: 12px;
	text-align: left;
}

a.hover-spotlight span.h3,
a.hover-spotlight span.p,
a.spotlight:hover span.h3,
a.spotlight:hover span.p {
	color: #ff5f00;
}


/* Tabs
------------------------------------------------------------------*/
.product_cat_tabs {
	margin-top: 20px;
}

#tab_header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#tab_header li {
	float: left;
	border: 1px solid #fff;
	border-bottom-width: 0;
	margin: 0;
	height: auto!important;
	min-height: 30px;
	height: 30px;
}

#tab_header .active {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	width: 99px;
	text-align: center;
	line-height: 1.5em;
	display: block;
	background: #fff;
	color: #592c87;
	border-color: #592c87;
	z-index: 0;
	margin-bottom: 0;
	margin-top: 0;
	top: 1px;
	position: relative;
}

#tab_header a {
	text-decoration: none;
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background: #fff;
	color: #a8acb0;
	padding: 2px 3px 2px 2px;
	width: 82px;
	height: auto!important;
	min-height: 30px;
	height: 30px;
	text-align: center;
	line-height: 1.5em;
}

#tab_header a:hover {
	background: #fff;
	color: #592c87;
}

#tab_header .active a {
	position: relative;
	top: 1px;
	background: #fff;
	color: #592c87;
}

#tab_content {
	border: 1px solid #592c87;
	padding: 20px 20px 10px 20px;
	width: 514px;
	float: left;
	overflow: hidden;
}

#tab_content ul li {
	font-size: 0.8em;
	list-style-type: square;
	margin: 0 0 0.25em 15px;
}

#tab_content ol li {
	font-size: 0.8em;
	list-style-type: decimal;
	margin: 0 0 0.25em 20px;
}

#tab_content .grid {
	width: 514px;
	float: left;
	padding-bottom: 10px;
	margin: 0;
}

/* tab content two colum */

#tab_content .two_column {
	float: left;
	width: 245px;
	margin-right: 20px;
}

#tab_content .two_col_last {
	margin: 0;
}

#tab_content .option_frame {
	position: relative;
	min-height: 85px;
	height: auto !important;
	/*GOOD browsers*/
    height: 85px;
	/*For IE*/
	text-decoration:none;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #e2e2e2;
	width: 243px;
}

#tab_content .option_frame a {
	display: block;
	float: left;
	min-height: 85px;
	height: auto !important;
	/*GOOD browsers*/
    height: 85px;
	/*For IE*/
    width: 100%;
	text-decoration: none;
}
#tab_content .option_frame a:link { text-decoration: none; } 
#tab_content .option_frame a span:hover, 
#tab_content .option_frame a span :hover,  
#tab_content .option_frame a:hover { color: #ff5f00; }
#tab_content .option_frame span { text-decoration: none; }

#tab_content .option_frame a, 
#tab_content .option_frame a span {
	text-decoration:none;
}

.hover-option_frame { color: #ff5f00; }

#tab_content .option_frame .hover-option_frame, 
#tab_content .option_frame a.hover-option_frame span, 
#tab_content .option_frame a span, 
#tab_content .option_frame a:hover, 
#tab_content .option_frame a:hover span, 
#tab_content .option_frame span:hover {
	color: #ff5f00;
	cursor: pointer;
	text-decoration:none;
}

#tab_content .option_frame span.h3 {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #59058d;
	width: 150px;
	padding: 0;
	margin: 0;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	z-index: 2;
	text-decoration:none;
}

#tab_content .option_frame span:hover{ color: #ff5f00; }

#tab_content .option_frame span.p {
	display: block;
	width: 150px;
	margin: 0;
	padding: 0;
	color: #8e9295;
	font-size: 12px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	z-index: 1;
	text-decoration:none;
}

#tab_content .noimg span.p,        
#tab_content .noimg span.h3 {
	width: 100%;
}

#tab_content .option_frame span.img {
	display: block;
	height: auto;
	text-align: right;
	overflow: hidden;
	position: absolute;
	right: 1px;
	bottom: 1px;
	z-index: 0;
}

.mid_nav_and_tabs {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* tab content three colum */

#tab_content .three_column {
	float: left;
	width: 135px;
	padding-right: 54px;
}

#tab_content .three_column a:hover img {
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#tab_content .three_column div {
	overflow:hidden;
}

#tab_content .three_col_last {
	padding: 0;
	text-align: right;
}

#tab_content .image_legend {
	width: 135px;
	margin-top: -3px;
	height: 21px;
	background-color: #7f6ca4;
	color: #fff;
	overflow:hidden;
}

#tab_content .image_legend a:link,
#tab_content .image_legend a:visited {
	background-color: #7f6ca4;
	color: #fff;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	width: 125px;
	padding: 5px;
}

#tab_content .image_legend a:hover {
	/*text-decoration: underline;*/
	color:#ff5f00;

}

/* tab content table */
div#set_content #tab_content table.specifications {
	border: 0;
	width: 514px;
	margin-bottom: 20px;
	font-size: 12px;
}

div#set_content #tab_content table.specifications thead th {
	border: 0;
	text-transform: none;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	border-bottom: 1px solid #dedede;
	text-align: left;
	font-weight: bold;
	padding: 0px;
	margin: 0;
	height: 32px;
}

div#set_content #tab_content table.specifications tr {
	margin: 0;
}

div#set_content #tab_content table.specifications td {
	padding: 7px 10px 7px 0;
	margin: 0;
	min-height: 32px;
	width: 200px;
	border-bottom: 1px solid #dedede;
}

div#set_content #tab_content table.specifications td.second_column {
	width: 120px;
}



/* Product catalog specific styles
------------------------------------------------------------------*/
.industry {
	width: 175px;
}

div.caption_bar {
	margin-top: 0px;
	width: 554px;
	background: #f3f3f2 url("/images/caption_bar.png") top left repeat-x;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	height: 30px;
	float: left;
	margin-bottom: 20px;
}

div.caption_bar div.left, 
div.caption_bar div.right {
	background: #e8e8e8 url("/images/endline_navbar.png") bottom left no-repeat;
	width: 1px;
	height: 30px;
	float: left;
}

div.caption_bar ul {
	height: 30px;
	width: 552px;
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

div.caption_bar ul li {
	height: 23px;
	width: 118px;
	display: block;
	font-weight: bold;
	font-size: 12px;
	float: left;
	padding: 6px 10px 0 10px;
	list-style-type: none;
	color: #59058d;
}

div.caption_bar ul li.last {
	margin-right: 0;
}

/* product catalog lists */

div.grid dl.product_catalog {
	width: 118px;
	list-style: none;
	padding: 0 10px 0 10px;
	float: left;
}

div.grid dl.product_catalog dt {
	width: 120px;
	padding: 0;
	margin: 0;
}

div.grid dl.product_catalog dd {
	width: 120px;
	display: block;
	margin: 2px 0 10px 0;
	text-align: left;
}

div.grid dl.product_catalog dt a:hover img {
	opacity: .75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

div.grid dl.product_catalog dd a {
	display: block;
	width: 120px;
}

div.grid dl.product_catalog dd a:hover {
	text-decoration: underline;
}

#setone {
	height:auto !important;
}

div#more { float:right; }
div#return { float:left; }
div#more,
div#return {
	width: 80px;
	height: 20px;
	display: block;
	color: #7c69a2;
	font-weight: bold;
	margin: 20px 0;
	text-decoration: none;
	padding: 5px;
	font-size: 0.9em;
}

div#more {
	text-align: right;
}

.cat-switch,
div#more:hover, 
div#return:hover {
	/*background-color: #cfc8dd;*/
	color: #000!important;
	cursor: pointer;
}

#setone .caption_bar, 
#setone .caption_bar ul, 
#setone .grid { width:1000px; } 
.hide { display:none;}

ul.product_cat_menu {
	width: 118px;
	list-style: none;
	padding: 0 10px 0 10px;
	float: left;
	height: auto!important;
	min-height: 110px;
	height: 110px;
}




 
ul.product_cat_menu li {
	width: 118px;
	margin: 0 0 0 0;
	display: block;
	text-align: left;
}

ul.product_cat_menu li a {
	width: 118px;
	display: block;
	padding: 2px 0 2px 0;
	text-align: left;
	color: #000;
	text-decoration: none;
	font-size: 11px;
}

ul.product_cat_menu li.level1 a,
ul.product_cat_menu li.level2 a,
ul.product_cat_menu li.level3 a {color: #717171;}

ul.product_cat_menu li.active a {
	font-weight: bold;
	color: #000;
}

ul.product_cat_menu li a:hover {
	color: #000;
	text-decoration: underline;
}

.hover-product-cat-menu li a, 
div.grid ul.product_cat_menu:hover li a {
	color: #000000 !important;
}

div.grid dl.last, 
ul.product_cat_menu li.last {
	padding: 0 0 0 10px;
}

div.grid dl.product_catalog dd a {
	display: block;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

/* product catalog div listings */

div.grid .cat_title_bar {
	height: 30px;
	float: left;
	width: 554px;
	background-color: #eeeded;
}

div.grid .cat_title_bar h4 {
	display: block;
	width: 342px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0px 10px 0 20px;
	position: relative;
	top: -3px;
}

div.grid .cat_title_bar h4 a {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

div.grid .cat_title_bar h4 a:hover {
	text-decoration: underline;
}

div.grid .cat_title_bar h4 span {
	font-weight: normal;
}

div.grid .cat_title_bar div {
	width: 182px;
	height: 30px;
	background-color: #e2e1e2;
	float: right;
}

div.grid .cat_title_bar div a {
	/* =pdf */
	display: block;
	background: transparent url("/images/pdf.gif") 67px 5px no-repeat;
	width: 82px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 6px 10px 4px 90px;
}

div.grid .cat_title_bar div a:hover {
	text-decoration: none;
}

div.grid .cat_txt_area {
	width: 554px;
	margin-bottom: -20px;
	overflow: hidden;
	clear: both;
	position: relative;
	left: 0;
	top: 0;
}

div.grid .cat_txt_area div.description {
	width: 312px;
	padding: 5px 0 0 32px;
	font-size: 1.0em;
	position: relative;
	left: 0;
	top: 0;
}

div.grid .cat_txt_area div.long {
	width: 390px;
}

div.grid .cat_txt_area div.right {
	width: 182px;
	text-align: right;
	padding: 10px 0 0 0;
	font-size: 0.9em;
	float: none;
	position: absolute;
	right: 0;
	top: 0;
}

div.grid .cat_txt_area div.right p {
	margin: 0;
	padding: 0;
}

div.grid .cat_txt_area div.short {
	width: 126px;
}

div.grid .cat_txt_area div.right img a {
	border: none;
}

div.grid div.search {
	background-color: #eeeced;
	height: 117px;
	width: 566px;
	margin: -4px 0 20px 0;
	height: 134px;
}

div.grid .search form fieldset {
	border: none;
	width: 356px;
	text-align: left;
	float: left;
	margin-top: 15px;
	margin-left: 30px;
}

div.grid .search form fieldset.checkbox_set {
	width: 150px;
	float: left;
	margin: 10px 0 0 20px;
}

div.grid .search form fieldset.checkbox_set ul {
	list-style: none;
	width: 150px;
	float: left;
	margin: 0;
	padding: 0;
}

div.grid .search form fieldset.checkbox_set ul li {
	width: 150px;
	display: block;
	text-align: left;
	margin: 0;
	height: 25px;
}

div.grid .search form fieldset.checkbox_set ul li label {
	cursor: pointer;
}

div.grid .search form fieldset.checkbox_set ul li label:hover {
	text-decoration: underline;
}

div.grid .search from fieldset div {
	width: 356px;
	float: left;
}

div.grid .search form div h5 {
	color: #59058d;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

div.grid .search form div select {
	margin: 0;
	width: 250px;
	position: relative;
	top: -15px;
}

div.grid .search form div input {
	margin: 0;
}

div.grid .search form div input.cat_search {
	width: 294px;
	border-top: 1px solid #8e9295;
	border-bottom: 1px solid #8e9295;
	border-left: 1px solid #8e9295;
	border-right: none;
	height: 20px;
	float: left;
	margin-bottom: 10px;
}

div.grid .search form div input.send_button {
	border: 1px solid #8e9295;
	background-color: #6b5c8b;
	float: right;
	width: 60px;
	height: 22px;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 1px;
	font-size: 11px;
	outline: 0;
	margin-bottom: 10px;
}

div.grid .search form div input.send_button:hover {
	background-color: #ff5f00;
	border-color: #fff;
}

div.grid .search form div a {
	font-size: 12px;
	color: #000;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	text-align: right;
	display: block;
}

div.grid .search form div a:hover {
	text-decoration: none;
}

.page_nav {
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	float: right;
	position: relative;
	top: -11px;
	clear: both;
}
.searchResults
{
	float: right;
	display:inline;
}

.page_nav p span {
	margin-bottom: 5px;
	display: block;
}

.page_nav a {
	padding: 0 6px 0 6px;
	border-right: 1px solid #909193;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

.page_nav a:hover {
	text-decoration: underline;
}

.page_nav a.active {
	text-decoration: underline;
	font-weight: bold;
}

.page_nav a.last {
	border-right: none;
	padding: 0 0 0 6px;
}

div#set_content div.three_column p.support {
	margin: 0 15px 0 0;
	font-size: 12px
}

div#set_content div.three_column p.last {
	margin: 0;
}

div#set_content div.three_column p a {
	color: #59058d;
	font-weight: bold;
	text-decoration: none;
}

div#set_content div.three_column p a:hover {
	text-decoration: underline;
}

/* search results on the catalog search */

p.cat_results {
	font-weight: bold;
	color: #000;
	padding: 0 0 0 10px;
}

p.cat_results span {
	color: #7b679c;
}

table.cat_data {
	width: 534px;
	border: 0 none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	position: relative;
	left: -10px;
}

table.cat_data thead {
	background-color: #f7f7f7;
	height: 30px;
}

table.cat_data thead tr th {
	color: #5a048d;
	font-weight: bold;
}

table.cat_data td a {
	color: #000;
	text-decoration: none;
}

table.cat_data td a:hover {
	text-decoration: underline;
}

table.cat_data .set1 {
	width: 80px;
	padding: 3px 0 3px 10px;
}

table.cat_data .set2 {
	width: 202px;
	padding: 3px 0 3px 10px;
}

table.cat_data .set3 {
	width: 158px;
	padding: 3px 0 3px 10px;
}

table.cat_data .set4 {
	width: 110px;
	padding: 3px 0 3px 0;
}


/* Contact form specific styles
------------------------------------------------------------------*/
fieldset.contact {
	border: 0 none;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

fieldset.contact ol li {
	margin: 10px 0 0 0;
	display: block;
	padding: 5px 5px 0 5px;
	width: 544px;
	float: left;
}

fieldset.contact ol li.title {
	background-color: #f7f7f6;
	height: 25px;
	border: 1px solid #e2e2e2;
	color: #59058d;
	font-weight: bold;
	padding: 7px 5px 0 5px;
}

fieldset.contact ol li label,
fieldset.contact ol li.dual label.default {
	display: block;
	width: 130px;
	float: left;
	padding: 0;
	margin: 0;
}

fieldset.contact ol li.dual label {
	display: inline;
	float: left;
	width: 80px;
}

fieldset.contact ol li input {
	width: 264px;
	height: 18px;
	border: 1px solid #9d9d9d;
}

fieldset.contact ol li.dual input {
	width: 20px;
	height: auto;
	border: 0 none;
}

fieldset.contact ol li.submit {
	position: relative;
	left: 322px;
}

fieldset.contact ol li.submit input {
	width: 75px;
	text-transform: none;
	background-color: #6b5c8b;
	color: #fff;
	border: 0;
	font-weight: bold;
	padding: 2px 0 3px 0;
	height: 21px;
	font-size: 11px;
}

fieldset.contact ol li.submit input:hover {
	background-color: #ff5f00;
}

fieldset.contact ol li select {
	width: 267px;
	height: 20px;
	border: 1px solid #9d9d9d;
	outline: 0 none;
}


/* Training pages specific styles
------------------------------------------------------------------*/
.training_content {
	width: 364px;
	float: left;
	padding: 0 20px 0 0;
}

.training_metainfo {
	width: 166px;
	float: right;
	margin-top: 25px;
}

.training_metainfo h4 {
	font-size: 12px;
}

.training_metainfo .arrow_list li a {
	font-size: 12px;
}

.training_metainfo .arrow_list li:hover {
	background-image: url("/images/gray_arrow.gif");
}


/* Sitemap specific styles
------------------------------------------------------------------*/
div#set_content div#sitemap li {
	list-style-type:none;
	margin-left:0;
	padding:0;
}

div#sitemap h3 {
	background-color:#F7F7F6;
	border:1px solid #E2E2E2;
	padding:7px 8px;
}

div#sitemap h3 a {color:black;}

div#sitemap ul {
	margin:4px 0;
	line-height:1.4;
	padding-left:20px;
	zoom:1;
}

div#sitemap ul.tree {padding:0 0 20px 4px;}

div#sitemap li {position:relative;}

div#sitemap li a {
	padding-left:16px;
	color:black;
}

div#sitemap span.toggle {
	position:absolute;
	left:0;
	top:2px;
	width:13px;
	height:13px;
	background-repeat:no-repeat;
	background-color:transparant;
	background-position:center center;
	cursor:pointer;
}

div#sitemap li.open span.toggle {background-image:url(/images/min.gif);}
div#sitemap li.closed span.toggle {background-image:url(/images/plus.gif);}
div#sitemap li.closed ul {display:none;}




/* Forum specific styles
------------------------------------------------------------------*/
div#forum div.title {
	background-color: #f7f7f6;
	height: 25px;
	border: 1px solid #e2e2e2;
	color: #59058d;
	padding: 7px 5px 0 5px;
	margin-bottom: 20px;
}

div#forum div.title h6,
        div#forum div.title h6 a {
	display: block;
	width: 350px;
	float: left;
	text-align: left;
	font-size: 12px;
}

div#forum div.title a {
	display: block;
	width: 180px;
	text-align: right;
	float: right;
	text-decoration: none;
	color: #59058d;
	font-size: 12px;
}

div#forum div.title a:hover {
	text-decoration: underline;
}

div#forum table.discussion {
	font-size: 12px;
	margin-bottom: 20px;
}

div#forum table.discussion th a {
	font-weight: bold;
	text-align: left;
	color: #000;
	text-decoration: none;
	display: block;
}

div#forum table.discussion th a:hover {
	text-decoration: underline;
}

div#forum table.discussion .status {
	width: 45px;
	font-size: 10px;
	font-weight: normal;
}

div#forum table.discussion .title {width: 378px;}
div#forum table.discussion .topics {width: 64px;}
div#forum table.discussion .posts {width: 54px;}
div#forum table.discussion .lastpost {width: 64px;}

div#forum table.discussion .title,
div#forum table.discussion .topics,
div#forum table.discussion .posts,
div#forum table.discussion .lastpost,
div#forum table.discussion .status {
	vertical-align: top;
}

div#forum div.title ul {
	margin: 0 0 0 46px;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

div#forum div.title ul li {
	display: inline;
	margin-right: 50px;
	font-weight: bold;
}

div#forum div.title ul li span {
	color: #000;
	font-weight: normal;
	font-size: 10px;
	display: inline;
	margin-right: 5px;
}

#quote_page table {
	border: 0 none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	margin-bottom: 20px;
	width: 556px;
}

#quote_page table thead {
	background-color: #f7f7f7;
	height: 30px;
}

#quote_page table thead tr th {
	color: #5a048d;
	font-weight: bold;
	text-align: left;
}

#quote_page table td a {
	color: #000;
	text-decoration: none;
}

#quote_page table td a:hover {
	text-decoration: underline;
}

#quote_page table th, #quote_page table td {
	padding: 3px 0 3px 0;
}

#quote_page table th.selector, 
#quote_page table td.selector {
	width: 30px;
	text-align: center;
}

#quote_page table th.type, 
#quote_page table td.type {
	width: 74px;
}

#quote_page table th.code, 
#quote_page table td.code {
	width: 150px;
}

#quote_page table th.description, 
#quote_page table td.description {
	width: 272px;
}

#quote_page table th.qty, 
#quote_page table td.qty {
	width: 30px;
}

#quote_page table td.qty input {
	width: 28px;
	border: 1px solid #e2e2e2;
	font-size: 11px;
	text-align: center;
}

.select_options, .select_submit {
	width: 100%;
	height: 1%;
	margin-top: 20px;
	float: left;
}

.select_options a {
	color: #5a048d;
	font-size: 12px;
	text-decoration: none;
}

.select_options a:hover {
	text-decoration: underline;
}

.select_submit input {
	background-color: #6b5c8b;
	border: 0;
	outline: 0;
	padding: 3px 5px;
	color: #fff;
	border: 1px solid #fff;
	font-size: 11px;
	text-transform: uppercase;
}

.select_submit input.left {
	border: 0 none;
}

.select_submit input:hover {
	background-color: #ff5f00;
}


/* Add to cart
------------------------------------------------------------------*/
.add_to_cart {
	height: 20px;
	margin-bottom: 20px;
	width: 100%;
	float: right;
	text-align: right;
	font-size: 0.9em;
}

.add_to_cart a {
	color: #000;
	text-decoration: underline;
}

.add_to_cart a:hover {
	color: #ff5f00;
}


/* div.text
------------------------------------------------------------------*/
#set_content .text h2,
#set_content .text h3,
#set_content .text h4,
#set_content .text h5,
#set_content .text h6 {
	text-transform: none;
	padding: 0;
	margin: 0 0 5px  0;
	letter-spacing: 0em;
	color: #59058d;
	width: 100%;
}

#set_content .text h4,
#set_content .text h5,
#set_content .text h6 {
	padding: 0;
	margin: 0;
	margin-bottom: 0.4em;
	color: #000;
	width: 100%;
}

#set_content .text h2 {font-size: 18px;}
#set_content .text h3 {font-size: 14px;}
#set_content .text h4 {font-size: 12px;}
#set_content .text h5 {font-size: 12px;}
#set_content .text h6 {font-size: 12px;}

#set_content .text span.content_img {
	margin: 0 10px;
	border: 1px solid #e0e2df;
	line-height: 1.0em;
}

#set_content .text span.left {margin-left: 0;}

#set_content .text span.right {margin-right: 0;}

#set_content .text span.content_img img {
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}

#set_content .two_column .text a,
#set_content .three_column .text a,
#set_content .text a {
	color: #59058d;
	font-weight: normal;
}

#set_content .text a:hover, #set_content .text a span:hover {
	color: #ff5f00;
}

.two_column .text,
.three_column .text {
	margin-right: 10px;
}

#container .text ul,
#container .text ol {
	margin: 10px 0 10px 0;
	font-size: 1.0em;
}

#container .text ul li {
	list-style-type: square;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;
	font-size: 12px;
}

#container .text ol li {
	list-style-type: decimal;
	margin: 0 0 0 25px;
	font-size: 12px;
}

/* Safari only
------------------------------------------------------------------*/

body:first-of-type #top_subnav ul li.last {
	display: inline;
	width: 30px;
	position: relative;
	right: 0;
	top: -3px;
}

/* Hide
------------------------------------------------------------------*/

.skiplink, .hide {
	display: none!important;
}

/* Mediasurface modifications BEGIN
------------------------------------------------------------------*/

div.grid .cat_title_bar_tab {
	height: 30px;
	float: left;
	width: 514px;
	background-color: #eeeded;
}

div.grid .cat_title_bar_tab h4 {
	display: block;
	width: 242px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0px 10px 0 20px;
	position: relative;
	top: -3px;
}

div.grid .cat_title_bar_tab h4 a {
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

div.grid .cat_title_bar_tab h4 a:hover {
	text-decoration: underline;
}

div.grid .cat_title_bar_tab h4 span {
	font-weight: normal;
}

div.grid .cat_title_bar_tab div {
	width: 182px;
	height: 30px;
	background-color: #e2e1e2;
	float: right;
}

div.grid .cat_title_bar_tab div a {
	/* =pdf */
	display: block;
	background: transparent url("/images/pdf.gif") 67px 5px no-repeat;
	width: 82px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 6px 10px 4px 90px;
}

div.grid .cat_title_bar_tab div a:hover {
	text-decoration: none;
}

div.grid .cat_txt_area_tab {
	width: 514px;
	margin-bottom: -20px;
	overflow: hidden;
	clear: both;
	position: relative;
	left: 0;
	top: 0;
}

div.grid .cat_txt_area_tab div.description {
	width: 212px;
	padding: 5px 0 0 32px;
	font-size: 1.0em;
	position: relative;
	left: 0;
	top: 0;
}

div.grid .cat_txt_area_tab div.long {
	width: 190px;
}

div.grid .cat_txt_area_tab div.right {
	width: 182px;
	text-align: right;
	padding: 10px 0 0 0;
	font-size: 0.9em;
	float: none;
	position: absolute;
	right: 0;
	top: 0;
}

div.grid .cat_txt_area_tab div.right p {
	margin: 0;
	padding: 0;
}

div.grid .cat_txt_area_tab div.short {
	width: 126px;
}

div.grid .cat_txt_area_tab div.right img a {
	border: none;
}

/* Aanpasingen van Jonnotie
------------------------------------------------------------------*/
form#faqform {
	width: 514px;
	overflow: hidden;
	padding: 20px 20px 0;
	border: 1px solid #a99db7;
	margin-bottom: 18px;
	background-color: #ccc;
}

form#faqform h2 {
	line-height: 2em;
}

form#faqform .searchfields {
	width: 300px;
	float: left;
}

form#faqform .searchfields label {
	display: none;
}

form#faqform .searchfields input {
	height: 16px;
	padding: 4px 5px 0;
	margin: 0;
	width: 200px;
	color: #4c4c4c;
}

form#faqform .searchfields input:focus {
	color: #000;
}

form#faqform .searchfields select {
	width: 214px;
}

#selectbox_holder {
height:22px;
width:214px;
background:url(../img/selectbox.gif) no-repeat left top;
}

form#faqform .selectfields {
	width: 160px;
	float: right;
	height: 100px;
	margin-top: -6px;
}

form#faqform .selectfields input {
	margin-right: 3px;
}

form#faqform .selectfields p {
	margin-bottom: 0;
	color: #4c4c4c;
}

form#faqform .searchfields p {
	display: inline-block;
	float: left;
}

form#faqform .searchfields div {
	float: right;
}

form#faqform .searchfields input#submit {
	border: 0;
	height: 24px;
	width: 61px;
	background-color: #6b5c8b;
	color: #fff;
	text-transform: uppercase;
	padding-bottom: 2px;
	font-size: 11px;
	overflow: hidden;
	cursor: pointer;
	clear: left;
}

form#faqform .searchfields input#submit:hover,
.form#faqform .searchfields input#submit.iehover {
	background-color: #ff5f00;
}

form#faqform button {
	background-color: #6b5c8b;
	color: #fff;
	text-transform: uppercase;
	border-width: 0;
	border-style: none;
	padding: 0;
	width: 60px;
	cursor: pointer;
	line-height: 2em;
	font-size: 11px;
	clear: both;
}

form#faqform button:hover {
	background-color: #fd5e00;
}

table#faqresults {
	width: 554px;
	margin-bottom: 20px;
	margin-top: 0;
	clear: both;
}

table#faqresults td {
	vertical-align: top;
}

table#faqresults span {
	color: #666;
}

p.align-right {
	color: #666 !important;
	text-align: right;
}

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

div.align-right ul#pagination {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px;
	color: #666;
}

div.align-right ul#pagination li {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.align-right ul#pagination li a {
	font-weight: normal;
	font-style: normal;
	color: #666;
}

div.align-right ul#pagination li a:hover {
	color: #59058d;
}

ul#faqinfo {
	margin-bottom: 18px;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 13px;
	border-top: 1px solid #e3e3e3;
	padding-top: 13px;
}

ul#faqinfo li {
	list-style-type: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

ul#faqinfo li strong {
	width: 110px;
	float: left;
}

#set_content .one_column ul#faqattachments {
	list-style-position: outside;
}

#set_content .one_column ul#faqattachments li {
	list-style-type: none;
	padding: 0;
	color: #666;
	margin: 0;
}

ul#faqattachments li a {
	padding-left: 5px;
}
ul#faqattachments li img {
	vertical-align:middle
}


ul#faqattachments li a.file_jpg,
ul#faqattachments li a.file_pdf,
ul#faqattachments li a.file_txt {
	display: block;
	height: 20px;
	background-repeat:no-repeat;
	background-position:0 0;
}

ul#faqattachments li a.file_jpg {background-image: url(/images/icons/picture_file.jpg);}
ul#faqattachments li a.file_pdf {background-image: url(/images/icons/pdf_file.jpg);}
ul#faqattachments li a.file_txt {background-image: url(/images/icons/text_file.jpg);}

.column {
	float: left;
	width: 145px;
	margin-right: 20px;
	padding-left: 20px;
	font-size: 12px;
}

.column img {
	margin-top: 20px;
	border: 1px solid #cbbdd9;
	margin-left: 30px;
}

.column ul.list {
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 20px;
}

.column ul.list li {
	background: url(/images/bullet.jpg) no-repeat 0 4px;
	padding-left: 20px;
	margin-bottom: 9px;
}

.column h5 {
	font-size: 11px;
	color: #59058d;
	text-transform: uppercase;
	margin-top: 10px;
}

.column.nomargin {
	margin: 0;
}

td {
	vertical-align: top !important;
}