
/* ############################# COMMON ########################################### */

body {
margin: 0px;
background-color: #ffffff;
}

p, a, li, td {
font-family: arial, Verdana, Arial, Helvetica, sans-serif;
}

a {
color: #990000;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
text-decoration: underline;
}

h1, h1 a, h1 a:visited {
font-family: "trebuchet ms", Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
color: #333333;
margin-top:16px;
-moz-opacity:0.99
}

h2, h2 a, h2 a:visited {
font-family: "trebuchet ms", Georgia, "Times New Roman", Times, serif;
font-size:1em;
color: #435466;
}

p {
font-size:0.8em;
color: #444334;
line-height: 160%;
}

li {
font-size:0.8em;
color: #333333;
line-height: 160%;
list-style-type:square;
}

#campaignwrapper {

}

#mainwrapper {
width: 932px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}


#mainwrapper_sub {
width: 948px;
_width: 948px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}

.heading {
border-top: 1px solid #e5e5e5;
float: left;
width: 291px;
}
.heading_inner {
background: #526578;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:11px;
color: #ffffff;
width:180px;
text-align:center;
padding:4px;
float:left;
text-align:left;
}

.heading_inner a {
color: #ffffff;
}

.heading_links {
float: right;
padding:4px;
}

.heading_links a {
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #990000 !important;
}

.applist_inner {
padding: 8px 10px 10px 10px;
}

.applist_inner a {
font-size: 11px;
color: #333333;
font-weight:normal;
}

/* ############################# /COMMON ########################################## */

/* ############################# HEAD ############################################# */
#header {
clear: both;
height: 129px;
}

#header_subpages {
clear: both;
height: 38px;
}

#quicklinks {
height:40px;
}

#customerlogin a {
background-color: #9ea3a6;
background-image: url(img/customer_login_background.gif);
background-repeat: no-repeat;
height:25px;
width: 122px;
float:right;
font-weight:bold;
font-size:11px;
color: #ffffff;
text-align:center;
line-height:23px;
}

#customerlogin a:hover {
text-decoration: none;
background-color:#526578;
}

#logo {
float: left;
width: 199px;
height:45px;
margin-top:11px;
background-image: url(img/head_logo.gif);
background-repeat:no-repeat;
}

#logo_sub {
float: left;
width: 199px;
height:70px;
border-bottom:1px solid #dddddd;
margin-top:0px;
padding-bottom:17px;
background-image: url(img/head_logo_subpages.gif);
background-repeat:no-repeat;
}

/* ############################# /HEAD ############################################# */

/* ############################# MAIN NAV ########################################## */
#navback {
width: 718px;
height:75px;
background-image:url(img/navback.jpg);
background-repeat:no-repeat;
}

#mainnav {
width: 718px;
margin-left:15px;
color: #ffffff;
height:75px;
float:left;
}

#mainnav_sub {
width: 718px;
margin-left:16px;
_margin-left:9px;
color: #ffffff;
height:91px;
float:left;
border-bottom:1px solid #dddddd;
}

#home a  {
width:102px;
float: left;
height:75px;
background-image: url(img/mainnav/mainnav_off_01.jpg);
}

#clients a {
width:102px;
float: left;
height:75px;
background-image: url(img/mainnav/mainnav_off_02.jpg);
}

#services a  {
width:102px;
float: left;
height:75px;
background-image: url(img/mainnav/mainnav_off_03.jpg);
}

#company a {
width:102px;
float: left;
height:75px;
background-image: url(img/mainnav/mainnav_off_04.jpg);
}

#news a {
width:102px;
float: left;
height:75px;
background-image: url(img/mainnav/mainnav_off_05.jpg);
}

#contact a  {
width:102px;
float: left;
height:75px;
background-image: url(img/mainnav/mainnav_off_06.jpg);
}

#blog a  {
width:105px;
float: left;
height:75px;
background-image: url(img/mainnav/mainnav_off_07.jpg);
}


#home a:hover {
background-image: url(img/mainnav/mainnav_on_01.jpg);
}

#clients a:hover {
background-image: url(img/mainnav/mainnav_on_02.jpg);
}

#services a:hover {
background-image: url(img/mainnav/mainnav_on_03.jpg);
}


#company a:hover {
background-image: url(img/mainnav/mainnav_on_04.jpg);
}

#news a:hover {
background-image: url(img/mainnav/mainnav_on_05.jpg);
}

#contact a:hover {
background-image: url(img/mainnav/mainnav_on_06.jpg);
}

#blog a:hover {
background-image: url(img/mainnav/mainnav_on_07.jpg);
}

/* ############################# /MAIN NAV ########################################## */

/* ############################# SUBNAV ############################################ */

#subnav {
margin-bottom:20px;
padding-top:20px;
float:left;
}

#subnav a {
clear:both;
display:block;
padding: 8px;
width:185px;
font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-decoration:none;
font-size:12px;
font-weight: normal;
background:#efefef;
margin-bottom:3px;
}

#subnav a:hover {
background:#dddddd;
text-decoration: none;
}

#subnav a.active {
background-image: url(img/submenu_active_background.gif);
color:#ffffff;
width: 193px;
}

#subnav a.active_sub {
background-image: url(img/submenu_active_background.gif);
color:#ffffff;
width: 173px;
margin-left:20px;
background-position:right;
}

#subnav a.subsubnavlink {
width: 165px;
margin-left:20px;
}

#subnav a.subparentnavlink {
background:#cccccc;
}

#informationinswedish {
position: absolute;
top: 199px;
left: 50%;
margin-left: -430px;
display: none;
}


/* ############################# /SUBNAV ########################################### */

/* ########################### SERVICES MENU ####################################### */

#servicesmenuback {
padding:0px 0px 0px 0px;
clear: both;
background-color: #efefef;
background-repeat:no-repeat;
}

#servicesmenu {
padding:0px 0px 0px 0px;
clear: both;
}

#services_testdrive a {
background-image: url(img/servicesmenu/servicesmenu_off_02.gif);
width:198px;
height:83px;
display:block;
}

#services_testdrive a:hover {
background-image: url(img/servicesmenu/servicesmenu_on_02.gif);
}

#services_testdrive img {
width:198px;
height:83px;
border:0;
}

#services_leadcapture a {
background-image: url(img/servicesmenu/servicesmenu_off_03.gif);
width:198px;
height:88px;
display:block;
}

#services_leadcapture a:hover {
background-image: url(img/servicesmenu/servicesmenu_on_03.gif);
}

#services_leadcapture img {
width:198px;
height:88px;
border:0;
}

#services_partnerdemos a {
background-image: url(img/servicesmenu/servicesmenu_off_04.gif);
width:198px;
height:83px;
display:block;
}

#services_partnerdemos a:hover {
background-image: url(img/servicesmenu/servicesmenu_on_04.gif);
}

#services_partnerdemos img {
width:198px;
height:83px;
border:0;
}

#services_marketing a {
background-image: url(img/servicesmenu/servicesmenu_off_05.gif);
width:198px;
height:86px;
display:block;
}

#services_marketing a:hover {
background-image: url(img/servicesmenu/servicesmenu_on_05.gif);
}

#services_marketing img {
width:198px;
height:86px;
border:0;
}

#services_semppc a {
background-image: url(img/servicesmenu/servicesmenu_off_06.gif);
width:198px;
height:87px;
display:block;
}

#services_semppc a:hover {
background-image: url(img/servicesmenu/servicesmenu_on_06.gif);
}

#services_semppc img {
width:198px;
height:87px;
border:0;
}

#services_downloads a {
background-image: url(img/servicesmenu/servicesmenu_off_07.gif);
width:198px;
height:93px;
display:block;
}

#services_downloads a:hover {
background-image: url(img/servicesmenu/servicesmenu_on_07.gif);
}

#services_downloads img {
width:198px;
height:93px;
border:0;
}
/* ########################### /SERVICES MENU ####################################### */

/* ################################ CLIENTS MENU ################################### */

#clientsmenu {
padding:15px 0px 20px 0px;
clear: both;
font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
}

#clientsmenu a {
margin:10px;
}

#clientsmenu img {
border:none;
}


/* ############################## /CLIENTS MENU #################################### */

/* ############################# INDEX PAGE ######################################## */

#splasher {
clear: both;
background-color:#ffffff;
color: #000000;
height: 229px;
}

#slideshow {
float: left;
width: 406px;
height:186px;
padding:0px 0px 0px 0px;
margin-right:20px;
}

#slideshowpusher{
float: left;
width: 16px;
height:10px;
padding:0px;
margin:0px;
}



#testdrive {
float: left;
width: 291px;
padding-top:0px;
}

/* ############################# /INDEX PAGE ####################################### */

/* ############################# CONTENT LAYOUT #################################### */

#menu {
float: left;
width: 198px;
}

#menu_sub{
float: left;
width: 213px;
_width: 210px;
margin-top:5px;
margin-bottom:25px;
}

#content {
float: left;
padding-bottom:25px;
}

#content_sub {
float: left;
padding-bottom:25px;
border-left: 1px solid #e5e5e5;
margin-bottom:20px;
}

#pagecontentwrapper {
clear:both;
}

#subsplash {
width: 715px;
float: left;
border: 1px solid black;
padding-top: 20px;
padding-left:16px;
clear:both;
}

#pagecontent_sub {
float: left;
width: 496px;
padding:0px;
margin-right:6px;
clear:both;
}

#pagecontent_sub_wide {
float: left;
width: 720px;
padding:0px;
margin-right:6px;
clear:both;
}

#pagecontent {
float: left;
width: 435px;
padding:0px;
margin-right:6px;
}

#pagecontent_inner_wide {
float:left;
width: 700px;
padding:10px 0px 0px 16px;

/**********************************/
padding-top:0px;
margin-top:0px;
/**********************************/
}


#pagecontent_inner {
float:left;
padding:0px 25px 0px 16px;
_padding:0px 0px 0px 16px;
}

#intro {
float:left;
margin:10px 0px 0px 16px;
}

#sidebar {
float: left;
width: 291px;
}


#sidebar_sub {
float: left;
width: 199px;
border-left:1px solid #e5e5e5;
margin-top:20px;
padding-top:0px;
}


#sidebar_sub_inner {
padding:0px 0px 10px 16px;
padding-top:0px;
margin-top:0px;
}

.managementitem h2 {
margin-top: 0px;
}

.managementitem {
float:left;
clear: both;
margin-top: 30px;
width:700px;
}

.managementimages {
float: left;
margin-right: 30px;
padding: 10px;
width: 120px;
border:1px solid #e5e5e5;
}

.managementbios {
float: left;
width:500px;
}

.boxlist {
margin-bottom: 10px;
}

.box_dark {
padding: 0px;
margin-bottom:10px;
background-image: url(img/box_background.jpg);
background-repeat:repeat-x;
color:#ffffff;
}

.box_dark p {
color: #ffffff;
}

.box_dark_textbox {
font-size:11px;
width: 250px;
}

.boxtitle_dark {
color: #ffffff;
font-weight:bold;
margin:0px 0px 10px 0px;
}

.boxtitle {
color: #000000;
font-weight:bold;
margin:0px 0px 10px 0px;
}

.box a {
display:block;
color: #336699;
font-size:0.8em;
line-height:170%;
background: url(img/bullet.gif);
background-position: 0px 6px;
background-repeat: no-repeat;
padding-left: 14px;
}

.box_links {
padding: 5px 10px 10px 15px;
margin-bottom:10px;
}

.box_links a {
display:block;
color: #336699;
font-size:0.7em;
line-height:170%;
background: url(img/bullet.gif);
background-position: 0px 3px;
background-repeat: no-repeat;
padding-left: 14px;
font-weight:normal;
}

.sitemapbox_links {
padding: 10px 0px 15px 15px;
margin-bottom:10px;
}

.sitemapbox_links h2 {
padding: 0px;
margin:0px;
}

.sitemapbox_links a {
color: #336699;
font-size:0.8em;
line-height:130%;
background: url(img/bullet.gif);
background-position: 0px 2px;
background-repeat: no-repeat;
padding-left: 14px;
font-weight:normal;
}

.article_wide {
clear:both;
width:700px;
float:left;
margin-left: 16px;
}



/* ############################# /CONTENT LAYOUT #################################### */

/* #################################### NEWS ######################################## */

#rss {
float: right;
width: 16px;
height:16px;
border-left: 1px solid #e5e5e5;
padding: 2px 0px 0px 5px;
}

#newslist {
clear: both;
padding-top:10px;
}

.newslistitem{
clear: both;
padding-top:5px;
}

.date {
width: 48px;
height: 43px;
background-image: url(img/dateback.jpg);
background-repeat:no-repeat;
text-align:center;
color: #ffffff;
float: left;
margin-right:7px;
}

.datenumber {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
padding-right:2px;
}

.datemonthyear {
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
padding-right:2px;
}

.newslocation {
margin-top:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #999999;
}

.newslink {
padding-top:0px;
}

.newsheading a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #333333 !important;
text-decoration:none;
font-weight:normal;
}

.newsheading a:hover {
color: #000000;
text-decoration:underline;
}

#newslettersignup {
clear: both;
padding-top: 5px;
}

.pagination {
padding: 5px;
font-size:15px;
background: #efefef;
font-weight:bold;
border: 1px solid #dddddd;
text-decoration: none;
margin-left:5px;
}

.pagination_off {
padding: 5px;
font-size:15px;
background: #CC0000;
font-weight:bold;
text-decoration: none;
color: #ffffff;
margin-left:5px;
}



/* #################################### /NEWS ######################################## */

/* ###################################### EVENTS MODULES  ############################################ */
.events_heading {
	border-top:1px solid #E5E5E5;
	float:left;
	width:450px;
}

.events_title {
	font-family: arial;
	font-size:12px;
	margin-bottom:15px;	
	font-weight:bold;
}

.events_heading_inner {
	background:#435466 none repeat scroll 0%;
	color:#FFFFFF;
	float:left;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:5px;
	text-align:left;
	width:250px;
	height: 16px;
}
.events_heading_links {
	float:right;
	padding:4px;
}
#events_newslist {
	clear:both;
	padding-top:10px;
	width:440px;
}
.events_newslistitem {
	clear:both;
	padding-top:5px;
}
.events_date {
	background-image:url(img/dateback.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:left;
	height:43px;
	margin-right:7px;
	text-align:center;
	width:48px;
}
.events_datenumber {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	padding-right:2px;
}
.events_datemonthyear {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	padding-right:2px;
}
.events_newslink {
	padding-top:0px;
}
.events_newslocation {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-top:0px;
}
.events_newsheading a {
	color:#990000;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
.events_newsheading a:visited {
	color:#990000;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
.events_newsheading a:active {
	color:#990000;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
}
.events_newsheading a:hover {
	color:#990000;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}
/* ###################################### / EVENTS MODULES  ############################################ */


/* ###################################### FOOT ######################################### */


#foot {
clear: both;
height:51px;
background-image: url(img/foot_back.gif);
background-repeat:repeat-x;
}

.footlinks, .footlinkssub {
padding-left: 8px;
}

#footnavigation {
padding-top: 5px;
}

.footlinks a {
color: #999999 !important;
font-size:0.70em;
text-decoration:none;
padding:2px 10px 2px 0px;
margin-right: 10px;
border-right: 1px solid #dddddd;
}

.footlinks a:hover {
text-decoration:underline;
color: #000000;
}

.footlinkssub {
margin-top:0px;
}

.footlinkssub a {
color: #999999;
font-size:0.60em;
font-weight:normal;
text-decoration:none;
padding:2px 10px 2px 0px;
margin-right: 10px;	
border-right: 1px solid #dddddd;
}

.footlinkssub a:hover {
text-decoration:underline;
color: #000000;
}

#sitemapicon {
float: right;
margin-right:10px;
}
/* ##################################### /FOOT ######################################### */

/* ###################################### FLASH and DIALOGS ######################################### */


.flashcontent{
display:none;
}

#flash-services{
clear:both;

}

/* ##################################### / FLASH and DIALOGS  ######################################### */


/* ### TEXT LINKS FOR "SHOW HIDE" ON testdrive.jsp; testdrive_environment.jsp; testdrive_insight.jsp; ###*/
.showhideTextWrap {
	background:#EFEFEF;
	padding:4px;
	margin-bottom:10px; 
	border:1px #EFEFEF solid;
}
.standardLink {
	color: #990000;
	text-decoration: none;
}

.selectedLink {
	color: #000000;
	text-decoration: none;
}
/* ################### / TEXT LINKS FOR SALES MODULES ON SERVICE / TESTDRIVE Pages  ################### */


/* ##### SHOW HIDE Properties for testdrive.jsp; testdrive_environment.jsp; testdrive_insight.jsp; ##### */

#index_01 {
	display: block;
}
#index_02 {
	display: block;
}
#index_03 {
	display: block;
}
#index_04 {
	display: block;
}
#index_05 {
	display: block;
}
#index_06 {
	display: block;
}
/* ##### / SHOW HIDE Properties for testdrive.jsp; testdrive_environment.jsp; testdrive_insight.jsp; ##### */


/* ###################   TEXT LINKS FOR SALES MODULES ON SERVICE / TESTDRIVE Pages  ################### */
.bgWrapper {
	background:#445567;
	padding:4px;
	margin-bottom:10px; 
	border:1px #445567 solid;
}
.bgWrapper a, .bgWrapper a:visited, .bgWrapper a:active {
	color:#ffffff;
	text-decoration:none;
}
.bgWrapper a:hover {
	text-decoration:underline;
}
/* ################### / TEXT LINKS FOR SALES MODULES ON SERVICE / TESTDRIVE Pages  ################### */

