@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/esi/images/bnb/league_gothic-webfont.eot');
    src: url('/esi/images/bnb/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/esi/images/bnb/league_gothic-webfont.woff') format('woff'),
         url('/esi/images/bnb/league_gothic-webfont.ttf') format('truetype'),
         url('/esi/images/bnb/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	background:#F5F5F5;
	line-height: 150%;
	font-size: 14px;
}




/*
----------------------------------------------------
               HEADER GRAPHIC CONTROL
----------------------------------------------------
*/

#logowrapper {
	background: #42145f url(/esi/images/style1/header_bg.png) repeat-x 0 top; 
}


#logo-graphic h1 a {
	background: transparent;
}

/*
----------------------------------------------------
                 HEADER TEXT CONTROL
----------------------------------------------------
*/

#logo-text h1 a {
	color: #fff;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 28px;
	text-indent: 10px;
}
#logo-text h2 {
	margin-left: 14px;
	font-size: 1.8em;
	color: #f2f5be;
}


/*
----------------------------------------------------
                 MAIN CONTENT CONTAINER
----------------------------------------------------
*/
#navwrapper {
	background: url(../images/style1/nav_bg.png) repeat-x;  
}

#mainbody {
	background-color: #fff;
	border: 1px solid #949494;
	border-bottom-color: #949494;
	margin-top:1px;
}

/* TEASER CONTROLS */

#teaser {
	background: #000000;
	border: 1px solid #999999;
	text-align: justify;
}
#teaser h3 {
	font-size: 30px;
	line-height: 34px;
	color: #42145F;
}
#teaser a {
	color: #42145F;
	text-decoration: underline;
}
#teaser h2 a,#teaser h3 a {
	text-decoration: none;
}

#teaser p {
	font-size: 16px;
	line-height: 22px;

}
#top_corner {
	background:#8A8A89 url(../images/style1/top_left_bg.png) repeat-x scroll left top;
	color: #fff;
	border: 1px solid #8A8A89;
}
#top_corner a {
	color: #00685B;
}

#top_corner h3 {
	font-size: 24px;
	color: #fff;
	border-bottom: 4px solid #8A8A89;
}

/* TABS */

#top_corner #dm_container_1 {
	background-color: #5b502f;
}
#top_corner li.dm_menu_item_1 {
	border-right: 1px solid #5d512e;
	background-color: #00685B;
}
#top_corner li.dm_menu_item_1 a {
	color: #fff;
}
#top_corner li.dm_menu_item_1 a:hover {
	background-color: #8a7947;
	color: #fff;
}
#top_corner li.dm_menu_item_1 a.dm_selected {
	background-color: #5b502f;
}



/*
----------------------------------------------------
                 PRIMARY LINK COLORS
----------------------------------------------------
*/

a {
	color: #00685B;
	text-decoration: none;
}
a:hover {
	color: #00685B;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}


#leftcol a,#rightcol a {
	color: #42145f;
}
#leftcol a:hover,#rightcol a:hover {
	color: #FFF;
	background-color: #00685B;

	}

/*
----------------------------------------------------
                   READ MORE LINKS
----------------------------------------------------
*/

a.readon {
	text-decoration: none;
	background: url(../images/list-arrow.png) no-repeat 0 50%;
	font-size: 14px;
	line-height: 18px;
	padding: 10px 0px 10px 12px;
	float: right;
}
a.readon:hover {
	text-decoration: underline;
}

#content div.blog_more ul li a {
	border-bottom: 1px solid #eee;
}
#content div.blog_more ul li a:hover {
	background-color: #F5F5F5;
}




/* LEFT COLUMN  */


#leftcol,#rightcol {
	color: #4c554c;
	background: #fafafa url(../images/style1/left_column_bg.png) no-repeat right bottom;
	line-height:120%;
}
#leftcol .moduletable h3,#rightcol .moduletable h3 {
	font-size: 24px;
	line-height: 30px;
	color: #595342;
}
#leftcol .article_separator,#rightcol .article_separator {
	border-bottom: 1px solid #cbdbad;
	padding: 10px 0px;
}

/* Left Main Menu  */

#leftcol ul.menu li a,#rightcol ul.menu li a  {
	border-bottom: 1px solid #c5cfb2;
	display: block;
	line-height: 24px;
	text-indent: 0px;
	text-decoration: none;
	color: #798c4d;
	font-weight: bold;
}
#leftcol ul.menu li a:hover {
	color: #5d512e;
}

#leftcol ul.menu ul {
	margin: 5px 0px 5px 10px;
	padding: 0;
}
#leftcol ul.menu ul li a {
	text-transform: none;
	font-weight: bold;
	color: #7d846e;
}
#leftcol ul.menu ul li a:hover {
	color: #3e3314;
}

/* Bottom Module Blocks  */


#bottom {
	background: #FFFFFF;
	font-size: 14px;
	color: #42145F;

}
#bottom a {
	color: #42145F;


}
#bottom a:hover {
	color: #42145F;
	border-bottom: 1px dotted #00685B;
}

#bottom .moduletable h3 {
	font-size: 18px;
	color: #00685B;
	border-bottom: 1px solid #F2F1CF;
}


/*
----------------------------------------------------
                   HEADING STYLES
----------------------------------------------------
*/

h1.componentheading,.componentheading {
	font-size: 28px;
	line-height: 100%;
	color: #42145F;
	font-weight: bold;
}

/* CONTENT HEADINGS */
table.blog td.contentheading {
	font-size:1.8666em;
	line-height: 1.1em;
	letter-spacing: -1px;
	color: #675a32;

	border-bottom: 1px solid #f5f5f5;
}
/* CONTENT HEADINGS */
td.contentheading {
	font-size:2.1em;
	line-height: 1.1em;
	letter-spacing: -2px;
color: #675a32;

}
/* CONTENT HEADINGS (LINKED) */
a.contentpagetitle {
	text-decoration: none;
	line-height: 1.2em;
}
a.contentpagetitle:hover {
	color: #000;
}


/* HEADINGS H1-H6 */

h1 {
	color: #000;
	font-weight: normal;
	font-style: normal;
	
	letter-spacing: -1px;
}

h2 {
	color: #000;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -1px;
}

h3 {
	color: #42145F;
	font-weight: normal;
	font-style: normal;
	letter-spacing: -1px;
}

h4 {
	color: #000;
	font-weight: normal;
	letter-spacing: -1px;
	font-style: normal;
}


p.info {
    background: #F8FAFC url(../images/info.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #B5D4FE;
    border-bottom: 2px solid #B5D4FE;
}

p.warn {
    background: #FFF7C0 url(../images/warn.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
}

p.alert {
    background: #FBEEF1 url(../images/exc.png) center no-repeat;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #FEABB9;
    border-bottom: 2px solid #FEABB9;
}



#leftcol ul.checklist li,
#rightcol ul.checklist li,
#content ul.checklist li,
#bottom ul.checklist li {
	background: url(../images/tick.png) no-repeat 0 4px;
	line-height: 24px;
	padding-left: 20px;
}

/* CODE  */



p.quote {
	padding:5px;
	border: 1px solid #d6d4ae;
	background: #F2F1CF;
	color: #444444;
}
/* p.quote:first-letter {
	display: block;
	margin: 7px 4px 0px 0px;
	float: left;
	font-size: 300%;
} */

ul li span.small {
	font-variant: normal;
	font-size: .8em;
	text-transform: none;
	line-height: .5em;
}


/*
----------------------------------------------------
               PATHWAY/BREADCRUMBS
----------------------------------------------------
*/
.path {
	background-color: #f7f7f7;
	border: 1px solid #eee;
	margin: 8px;
	padding: 8px;
	font-size: 1.13333em;
}

/*
----------------------------------------------------
                        FOOTER
----------------------------------------------------
*/

/*TEXT*/

#footer {
	background: url(../images/style1/footer_bg.png) no-repeat center top;
}

/*LINKS*/
#footer a, #footer #mainlevel li a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #00685B;
}
#footer a:hover,
#footer #mainlevel li a:hover,
#footer #mainlevel li a#active_menu {
	color: #00685B;
	text-decoration: underline;
}


/*
----------------------------------------------------
                    JOOMLA! STYLES
----------------------------------------------------
*/

#leftcol li ,#rightcol li {
	background: url(../images/style1/leftcol_bullet.png) no-repeat 0 4px;
	padding: 0px 0px 0px 14px;	
}
#bottom li {
	
	padding: 0px 0px 0px 14px;
	line-height: 24px;
}

#leftcol ul.menu li,
#leftcol a.mainlevel {
	background-image:none;
	padding: 0px;
}

.createdate,.modifydate,.small {
	color: #838c5a;
	font-size: .85em;
	line-height: 1em;
	text-transform: lowercase;
}

/*Header for table content*/

tr.sectiontableheader {
	color: #FFF;
	background: #00685B;
	line-height: 100%;	
	font-weight:bold;
}
tr.sectiontableheader td,tr.sectiontableheader th{
padding:5px;
}
td.sectiontableheader a {
	color: #fff;
}
/*Alternating table rows*/

tr.sectiontableentry1 td,td.sectiontableentry1 {
	background-color: #f1f1f1;
	border-bottom: 1px solid #f4f4f4;
}

tr.sectiontableentry2 td ,td.sectiontableentry2 {
	background-color: #fff;
	border-bottom: 1px solid #f4f4f4;
}



/* Article TOC Table */

table.contenttoc {
	color: #330;
	border: 1px solid #d6d6d6;
}
table.contenttoc th {
	background-color: #ececec;
	color: #4f4f4f;
}

div.mosimage_caption {
	font-size: 0.9em;
	color: #666;
}

.pagenav {
	font-size: .75em;
}


/* @group DROPLINE */

#navcontainer span.separator {
	color: #ebe7d7;
}

/* The Container */

#navcontainer {background:url(/esibnb/images/bnb/topshadow.png) no-repeat center bottom;}

/* Top level a.links (sizes only) */

#navbar li a {background:url(../images/style1/nav_left_up.png) no-repeat left top;color:#ffffff;}

#navbar li a:hover,#navbar ul li:hover a,#navbar ul li.sfhover a {background:url(../images/style1/nav_left_hover.png) no-repeat left top;color:#fff;}

/* First level list-items */

#navbar ul li {background:url(../images/style1/nav_right_up.png) no-repeat right top;}

/* First level list-items (hover) */

#navbar ul li:hover,
#navbar ul li.sfhover {background:url(../images/style1/nav_right_hover.png) no-repeat right top;}

/* First level list-items (active) */

#navbar ul li.active {background:url(../images/style1/nav_right_up.png) no-repeat right top;}

/* Second level normal a.link */

#navbar ul li:hover ul,
#navbar li.sfhover ul {background:url(/esibnb/images/bnb/topshadow.png) no-repeat center bottom;}

#navbar ul li ul,
#navbar ul li.active a:link,
#navbar ul li.active a:visited,
#navbar ul li.active ul:hover,
#navbar ul li.active:hover ul,
#navbar ul li.active ul.sfhover,
#navbar ul li.active.sfhover ul {color:#fff;}

#navbar ul li.active a:link,
#navbar ul li.active a:visited,
#navbar ul li.active ul.sfhover {background-color:#3d3d3d;background:url(../images/style1/nav_left_active.png) no-repeat left top;color:#42145F;}

#navbar li.active li a:link,
#navbar li.active li a:visited,
#navbar li.active li a:hover,
#navbar li:hover ul li a:link,
#navbar li:hover ul li a:visited,
#navbar li:hover ul li a:hover,
#navbar li.sfhover ul li a:link,
#navbar li.sfhover ul li a:visited,
#navbar li.sfhover ul li a:hover,
#navbar li li a:link,
#navbar li li a:visited,
#navbar li li a:hover {background:url(../images/style1/sublevel_divider.png) no-repeat 100% 60%;color:#42145F;}

/* @end */

/* k2 Styles (same as bottom blocks) */

#k2Container h1.componentheading{color:#647e15/*h2*/;font-weight:400;font-style:normal;letter-spacing:-1px;line-height:120%;padding:10px;}
div.defView{border-bottom:0;}
div.defCategoryWrapper div.defCategoryBlock h2.defCategoryTitle{font-size:18px;color:#475726/*bottom h3*/;}
div.defCategoryWrapper div.defCategoryBlock h2.defCategoryTitle a{font-family:inherit;font-size:18px;color:#758d3e;/*bottom a*/text-decoration:none;}
div.defCategoryWrapper div.defCategoryBlock h2.defCategoryTitle a:hover{text-decoration:none;}
div.itemHeader h1.itemTitle{font-size:28px;color:#647e15;font-weight:400;font-style:normal;letter-spacing:-1px;line-height:120%;padding:10px;}
div.itemTools{background:#cddbaf;/*bottom back*/border-top:1px solid #D6D4AE;/*bottom border*/border-bottom:1px solid #D6D4AE;color:#565f42;/*bottom color*/}
div.itemComments ul.itemCommentsList li span.commentLink a{color:#555;}
div.authorView{border-bottom:1px dotted #ccc;margin:0 0 24px;padding:8px 0 24px;}
div.defCategoryWrapper div.defCategoryBlock,div.itemAuthorBlock,div.itemComments,div.itemListCategoryBlock,div.authorBlock{background:#cddbaf;border:1px solid #D6D4AE;color:#565f42;}
div.itemHeader h1.itemTitle span sup,div.itemComments h4.itemCommentsCounter,div.itemComments ul.itemCommentsList li span.commentLink a:hover{color:#647e15;}
div.itemAuthorBlock div.itemAuthorDetails h3.authorName a,div.itemListCategoryBlock h2.itemListCategoryTitle a{font-family:inherit;}
div.itemListCategoryBlock h2.itemListCategoryTitle,div.itemContainer div.itemHeader h1.itemTitle,div.authorBlock h1.authorName{font-family:inherit;font-size:28px;color:#647e15;font-weight:400;font-style:normal;letter-spacing:-1px;line-height:120%;padding:10px;}

/* adonnan */
.latestnews ul,.latestnews li{
list-style-type:disc;
}
/* webforms */
.form_table{
	width:65%;
	margin-left:0;
}
.form_table select,.form_table input,.form_table textarea {
	width:auto !important;
	margin-right:10px;
	margin-left:20px;
	margin-bottom:10px;
}
.form_table input {
float:left;
clear:both;
}
.form_table textarea{
	height:150px;
}
.m4j_captcha_table {
	float:left;
	background-color:none;
	border:none;
	margin-bottom:20px;
}
span.m4j_required{}
/* link highlight */
span.arrow{
	background:transparent url(../images/list-arrow.png) no-repeat scroll 0 4px;
	padding-left:20px;
}
span.pdf{
	background:transparent url(../images/pdf.png) no-repeat scroll 0 4px;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:5px;
}
/* clients page two col list */
.two_col, .three_col, .four_col{
display:block;
float:left;
overflow:hidden;
width:100%;}
.two_col li{
float:left;
display:inline;
width:450px;
}
br{
clear:left;
}
li.special_li {
clear:both;
float:left;
margin-left:-13px;
padding-bottom:5px;
color:#42145f;
font-weight:600;
background:transparent url(../images/list-arrow.png) no-repeat scroll 0 4px;
padding-left:14px;
}
.col_a,.col_b,.col_c{
width:220px;
display:inline;
float:left;
margin:0 10px;
overflow:hidden;

}

.col_a{
margin-left:10px;}
.col_b{
border-left:1px solid #D6D4AE;
margin-left:0;
padding-left:10px;
}
.col_c{
border-left:1px solid #D6D4AE;
margin-left:0;
padding-left:10px;
}
div.moduletablecommunityblock h3{color:#42145f;}
.four_col .col_a,.four_col .col_b,.four_col .col_c,.four_col .col_d{
width:155px;
display:inline;
float:left;
margin:0 10px;
overflow:hidden;
}
.col_a{
margin-left:10px;}
.col_b{
border-left:1px solid #D6D4AE;
margin-left:0;
padding-left:10px;
}
.col_c{
border-left:1px solid #D6D4AE;
margin-left:0;
padding-left:10px;
}
.col_d{
border-left:1px solid #D6D4AE;
margin-left:0;
padding-left:10px;
}
div.moduletablecommunityblock h3{color:#42145f;}
.dm_taskbar{display:none;}


/*
----------------------------------------------------
               ESI PRODUCT PAGES TEST
----------------------------------------------------
*/

.product_header {
  padding: 20px;
  clear: both;
  width: 910px;
  overflow: auto;
}

.product_info_pane {
  width: 45%;
  float: left;
}

.product_title {
  font-size: 34px;
  padding: 10px 0px 20px 0px;
}


.product_title_sub {
  font-size: 24px;
  line-height: 30px;
}

.product_desc {
  color: #555;
  width: 100%;
  font-size: 16px;
  padding: 20px 0px 20px 0px;
}


.product_button {
  margin: 0px 0px 20px 0px;
  width: 260px;
  background: #eee;
  padding: 20px;
  display: inline-block;

  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  behaviour: url(/esi/images/border-radius-ie8-fixed.htc);
  border-radius: 10px;         
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

  -moz-box-shadow: 0px 0px 4px #000000; 
  -webkit-box-shadow: 0px 0px 4px #000000; 
  box-shadow: 0px 0px 4px #000000; 

  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)); 
  background-image: -webkit-linear-gradient(top, #ffffff, #dddddd); 
  background-image:    -moz-linear-gradient(top, #ffffff, #dddddd); 
  background-image:     -ms-linear-gradient(top, #ffffff, #dddddd); 
  background-image:      -o-linear-gradient(top, #ffffff, #dddddd); 
  background-image:         linear-gradient(top, #ffffff, #dddddd);
<!--[if lt IE 9]>
  background-image:url(/esi/images/button.png);
<![endif]-->
}

.product_button_header {
  text-shadow: 1px 1px 3px #888; 
  font-size: 20px;
  text-decoration: none;
}

.product_button_logo {
  float: left;
  padding: 0px 20px 20px 0px;
}

.product_button_contents {
  float: left;
  width: 180px;
}

.product_button_desc {

}

.product_datasheet {

}

.product_picture {
  float: right;
}

a.product_link {
  text-decoration: none;
}

.product_columns {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}


/*
----------------------------------------------------
BNB Design Refresh Styles
----------------------------------------------------
*/



/* ----- Resetting some crap from previous stylesheets-------- */

div.article-icons, #leftcol, #rightcol {display: none;}
/*  in joomla we can just click the 'don't show title' checkbox
same for article icons */

  .container_12 .grid_9, .container_16 .grid_12 {width: 940px;}
/*   this breaks the preceding styles from 960.css - hopefully we don't need it */






/* ----- Styling Navigation, hopefully can move this to a global sheet -------- */

#logowrapper {background: #42145F url(/esi/images/bnb/header3.jpg) repeat-x center top;  height: 120px; border-top: 4px solid #281b3d;}
#logo-graphic {}
#logo-graphic h1 a { height: 90px; background: none; width: 310px;  }
.headernewsflash {margin-top: 0; padding-top: 0; }
.headernewsflash input {background: #39284d; color: #6A5E88;}

#navwrapper {background: #fff;}
#navbar ul {border: none;}
#navbar ul li {background: none; border: none;}
#navbar ul li.active {background: none; border: none;}
#navbar ul li.active a {color: #fff; background: transparent; border: none;}

#navbar li a {background: transparent; color: #42145F; font-size: 14px;}
#navbar li ul li a {font-size: 12px; font-weight: normal;}
#navbar li ul li a span {font-weight: normal;}
#navbar li ul a:hover, #navbar ul li.sfhover a {font-weight: normal;}
#navbar ul li:hover, #navbar ul li.sfhover {background: none;}

#navbar li a:hover, #navbar ul li:hover a, #navbar ul li.sfhover a  {background: #42145F; color: #fff; font-weight: bold; /* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#navbar ul li.active a:link, #navbar ul li.active a:visited {background: #42145F; color: #fff;
/* border-radius */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#navbar ul li.active ul li a:link, #navbar ul li.active ul li a:visited {background: none;}
#navbar ul li.current ul li a span {color: #42145F;}

#navbar li.active li a:link, #navbar li.active li a:visited, #navbar li.active li a:hover, #navbar li:hover ul li a:link, #navbar li:hover ul li a:visited, #navbar li:hover ul li a:hover, #navbar li.sfhover ul li a:link, #navbar li.sfhover ul li a:visited, #navbar li.sfhover ul li a:hover, #navbar li li a:link, #navbar li li a:visited, #navbar li li a:hover {padding: 1px 5px;}

#navbar ul li:hover ul, #navbar li.sfhover ul {background: url(/esi/images/bnb/topshadow.png) top left repeat;}


/* ----- New Header Bar -------- */
h4 {font: 40px 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0;}

div.newhead {border: 1px solid #fff; width: 920px; height: 270px; margin-bottom: 10px; margin-left: 8px; position: relative;}
	div.newhead h2 {font: 50px 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0.05em; color: #42145F;  }
		div.newhead h2 span {background-color:rgba(255,255,255,0.7); padding: 0px 10px; }
	#content div.newhead h3 {font-size: 22px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: lighter; padding: 10px 10px 20px 10px; color: #fff;  margin-bottom: 0; line-height: 1.3em; background-color:rgba(66,20,95,0.7); position: absolute; bottom: 0;}

div#service {background: #fff url(/esi/images/bnb/service.jpg) top left no-repeat;}
div#clients {background: #fff url(/esi/images/bnb/client-banner2.gif) top left no-repeat;}
div#esiu {background: #fff url(/esi/images/bnb/esiu.jpg) top left no-repeat;}
div#about {background: #fff url(/esi/images/bnb/aboutus.jpg) top left no-repeat;}
div#products {background: #fff url(/esi/images/bnb/products.jpg) top left no-repeat;}

#content a {color: #42145F;}
#content ul li {color: #666;}

#footer a, #footer #mainlevel li a, #footer a:hover, #footer #mainlevel li a:hover, #footer #mainlevel li a#active_menu  {color: #42145F;}

/* ----- New Column Layout -------- */

div#leftcontent {width: 600px;  float: left; padding-left: 8px;}
div#rightcontent {width: 240px;  float: right; margin-right: 2px;}
div#fullcontent {width: 940px;  clear: both; padding-top: 10px;}
hr.content-clearing {clear: both; background: #fff; margin: 1px; }
#leftcontent p {color: #666; }
#leftcontent p.intro {font-size: 22px; font-weight: lighter; line-height: 1.2em; padding-top: 10px;}

/*#fullcontent h3 {font: 30px 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0; text-transform: uppercase; color: #fff; margin-left: -30px; background: transparent url(/esi/images/bnb/titlebg.png) bottom left no-repeat; padding-bottom: 10px; }
#fullcontent h3 span {background: #42145F; padding: 0px 0px 10px 30px; margin-left: 10px;}
*/


#content h3.mdk {border-top: 10px solid transparent;
margin: -20px -10px 0px -25px;
background: transparent url(/esi/images/bnb/mdk_drop_left.png) bottom left no-repeat;
height: 30px;
padding-bottom: 16px;
padding-top: 20px;}

#content h3.mdk span {
background: #42145F;
color: white;
padding: 0px 15px 0px 25px;
font-weight: bold;
text-transform: uppercase;
font: 30px 'LeagueGothicRegular', Arial, sans-serif;
letter-spacing: 0.02em;
/* text-shadow */
-webkit-text-shadow: rgba(0,0,0,0.8) 0px 1px 3px;
-moz-text-shadow: rgba(0,0,0,0.8) 0px 1px 3px;
text-shadow: rgba(0,0,0,0.8) 0px 1px 3px;}

#content #leftcontent h3.mdk {margin-left: -34px;}


.inforibbon {background: transparent url(/esi/images/bnb/gradient.png) top left repeat-x; width: 200px; padding-top: 10px; padding-bottom: 30px;  padding-left: 10px; padding-right: 10px;}
.inforibbon h4 {background: #9b9da0 url(/esi/images/bnb/inforibbon-title.gif) top left repeat-x; margin: 0px -20px 10px -20px; text-align: center; font: 22px 'LeagueGothicRegular', Arial, sans-serif;  color: #fff; padding: 6px 0 4px 0; 
/* text-shadow */
-webkit-text-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
-moz-text-shadow: rgba(0,0,0,0.5) 0px 1px 3px;
text-shadow: rgba(0,0,0,0.5) 0px 1px 3px;}
.inforibbon h5 {font: 30px 'LeagueGothicRegular', Arial, sans-serif; letter-spacing: 0; color: #663D7C; margin-bottom: 0;}
.inforibbon p {color: #666666;  margin-top: 0; line-height: 1.35em;}


#content .inforibbon ul {margin-left: 0;}
#content .inforibbon ul li{list-style: none; margin-left: 0; line-height: 1.2em; padding-bottom: 10px; }
#content .inforibbon ul li a, .inforibbon p a {color: #42145F;}


.tricolumn {width: 310px;  float: left; margin-top: 20px;}
.tricolumn h4.solutionscenter-title {text-transform: uppercase;  width: 300px; color: #fff; background: #42145F; font-size: 30px; text-align: center; margin-bottom: 20px;}
.tricolumn .solutionscenter {margin: 10px;}

 
.solutionscenter {width: 270px; float: left; margin: 20px 10px 20px 10px; background: #E8E8E8; border-top: 8px solid #BDB0C6; padding: 10px; }
.solutionscenter img {float: left; margin-left: -20px; margin-top: -30px; padding-right: 10px;}
.solutionscenter h4 {font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #42145F;}
 .solutionscenter h4 a {color: #42145F;}
.solutionscenter p {font-size: 12px; color: #666; line-height: 1.4em; }

#fullcontent blockquote {color: #42145F; font-family: Georgia, serif; font-style: italic; width: 285px; border-top: 4px solid #9677AF; font-size: 1em; float: left; }
#fullcontent blockquote cite {text-align: right; float: right; clear: left; font-style: normal; font-size: 12px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #666;}

#content ul {margin-left: 10px;}
#fullcontent ul.clientlist li.special_li {list-style: none; background: none; margin-left: 0px; padding-left: 0; color: #42145F; width: 900px; font-size: 14px; }
#fullcontent ul.clientlist li {color: #666; list-style: none; margin-left: 20px; padding-left: 0;  width: 270px; float: left; font-size: 12px; line-height: 1.3em; margin-bottom: 7px;}

.twocol {width: 450px; float: left; padding-left: 20px;}



/* ------ HOMEPAGE SLIDESHOW ---------- */

div#slideshow {
	width: 920px; height: 460px; padding-left: 3px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 5;
}
	div#slideshow ul#nav {
		display: none;
		list-style: none;
		position: relative; top: 200px; z-index: 15; margin-top: -5px;
	}
	
	div#slideshow ul#nav li {list-style: none;}
	
		div#slideshow ul#nav li#prev {
			float: left; margin: 0 0 0 20px;
		}
		div#slideshow ul#nav li#next {
			float: right; margin: 0 15px 0 0px;
		}
		div#slideshow ul#nav li a {
			display: block; width: 50px; height: 50px; text-indent: -9999px;
		}
			div#slideshow ul#nav li#prev a {
				background: url(/esi/images/bnb/back.png);
			}
			div#slideshow ul#nav li#next a {
				background: url(/esi/images/bnb/forward.png);
			}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 20px 0; list-style: none;
		}