/* HTML5 ✰ Boilerplate
* ==|== normalize ==========================================================
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #f24f24; color: #fff; text-shadow: none; }
::selection { background: #f24f24; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: John C. Branca
========================================================================== */
h1, h2, h3, h4, h5, h6 { background:none repeat scroll 0 0 transparent; border:0 none; font-size:100%; margin:0; outline:0 none; padding:0; vertical-align:baseline }
a, a:visited { text-decoration:none }
a:hover { text-decoration:underline }
ul { list-style: none outside none; margin:0; padding:0 }
p { margin-bottom: 0.4em; margin-top: 0.4em; }
body { font-family: Arial,Helvetica,sans-serif; }
/* header */
header { background:url(../img/site/header_bk.jpg) repeat-x; font-family:arial, sans-serif; font-size:12px; color:#FFFFFF; height:89px }
header a,
header a:visited { color:#FFFFFF; text-decoration:none }
header a:hover { color:#FFFFFF; text-decoration:underline }
#masthead { margin:0 auto; height:89px; width:946px }
#masthead #logo { display:inline; float:left; margin:13px 0 0 5px; height:47px; width:437px }
#masthead .customer { background: no-repeat; }
#masthead .supplier { background: no-repeat; }
#header-contact { display:inline; float:right; margin:17px 5px 0 0 }
/* body content */
#main { margin: -5px auto 0; height:100%; width:946px }
/* footer */
footer { background:url(../img/site/footer_bk.jpg) repeat-x; margin-top:30px; color:#666666; clear:both; font-size:11px; font-family:arial, sans-serif; height:88px }
footer a,
footer a:visited { color:#666666; text-decoration:none }
footer a:hover { color:#666666; text-decoration:underline }
#foot { margin:0 auto; height:88px; width:940px }
#foot p.foot-left { width:500px }
#foot p.foot-right { float:right; margin-bottom:.5em }
#foot-img { float:right; clear:right; }
/* home */
.home #banner { margin-left:3px; height:307px; overflow:hidden; position:relative; width:940px }
.home #banner img { left:0; position:absolute; top:0 }
#sub-banner { height:136px; margin-top:9px; width:946px }
#sub-banner .left { display:inline; float:left; margin-left:3px }
#sub-banner .right { display:inline; float:left; margin-left:7px }
#tab-nav { height:34px; width:939px }
#tab-content { font-family:arial,sans-serif; background:url(../img/site/tab_area_bk.jpg) no-repeat; margin:-2px 0 0 4px; height:252px; width:938px }
#tab-nav .tab { padding: 4px 0 0; text-align:center; display:inline; float:left; background:url(../img/site/tab_tab_off.jpg) no-repeat; margin:10px 0 0 6px; height:20px; width:134px }
#tab-nav .tab a { color:#333333; font-size:12px; font-family:arial, sans-serif; text-decoration:none }
#tab-nav .curr a { color:#0099cc; font-size:12px; font-family:arial, sans-serif; text-decoration:none }
#tab-nav #tab1 { margin-left:10px }
#tab-nav div.curr { background:url(../img/site/tab_tab_on.jpg) no-repeat }
.content_block { margin: 4px 0 0 4px; position:absolute; height:244px; width:930px; display:none }
#tab-content div.curr_content { display:block }
#tab-content a { color:#3399CC }
.col1, .col2,
.col3, .col4,
.col5, .col6 { display:inline; float:left; height:244px }
.col1 { width:174px }
.col2 { width:230px }
.col3 { margin-left:42px; width:188px }
.col4 { margin-left:8px; width:272px }
.col3 h2 { font-size:24px; line-height:1em; margin-top:42px; color:#333333 }
#panel-list { margin:18px 0 0 0 }
#panel-list ul { line-height:1.1em; list-style-image:url(../img/site/red_arrow.jpg) }
#panel-list ul li a { font-size:12px; font-weight:bold; }
#panel-list ul li { font-size:11px; color:#333333; padding-bottom:8px }
#content1 .col1 img, #content2 .col1 img, #content3 .col1 img { margin:40px 0 0 12px }
#content1 .col2 img,
#content2 .col2 img,
#content3 .col2 img { width:150px; height:125px; border: 2px solid #3399CC; margin-top:16px; margin-bottom:5px }
.col5 img,
.col6 img,
.col4 img { margin-top:8px; } /*temp*/
#tab-content a.more { position:absolute; top:224px; margin:0; font-size:13.5px; color:#3399cc }
.col5 a.more,
.col2 a.more { right:536px }
.col6 a.more,
.col4 a.more { right:20px }
.col5 { margin-left:12px; width:380px;}
.col5 .the-hub { margin:15px 0 0 0; }
.col5 .date { color:#199AD4; font-size:17px; font-weight:bold; margin-top:3px; padding-left:3px }
#tab-content .col5 .title a { color:#010101; font-size:17px; font-weight:bold; }
.col5 h2.title { margin-left:3px;}
.col5 .body { padding-left:3px; color:#333333; font-size:11px; font-weight:normal }
.col6 { margin-top:27px; width:294px }
.col6 img { height:66px; width:66px; float:left;}
.col6 #panel-list { float:left; margin: 2px 0 0 5px; width:200px }
.col6 img.blog-1 { margin: 0 9px 34px; }
.col6 img.blog-2 { margin: 0 9px; clear:both }
.check-box { background: url("../img/site/red_checkbox.jpg") no-repeat scroll left top transparent; display:block; font-size:10.5px; padding: 7px 0 4px 24px; }
/* nav */
nav { margin:-29px auto 10px; width:946px; height:35px }
ul#topnav { margin:0 0 0 26px; padding:0; float:left; width:100%; list-style:none; font-size:1.1em }
ul#topnav li { float:left; margin:0; padding:0; position:relative }
ul#topnav li a { float:left; margin: 12px 0 0 0; text-transform:capitalize; height:12px; font-family:arial, sans-serif; font-weight:bold; font-size:12px; color:#FFFFFF }
ul#topnav li a.current { color:#333 }
ul#topnav li:hover a,
ul#topnav li a:hover { text-decoration:none; color:#333333 }
ul#topnav a.all-solutions { padding: 0 13px }
ul#topnav a.solutions { padding: 0 13px }
ul#topnav a.events { padding: 0 13px }
ul#topnav a.customers { padding: 0 13px }
ul#topnav a.resources { padding: 0 13px }
ul#topnav a.media-center { padding: 0 13px }
ul#topnav li a.about-lavante { background-image:none; padding: 0 0 0 13px }
ul#topnav li .sub { position:absolute; top:29px; left:0; z-index:9999; padding:12px 8px 9px 8px; float:left; display:none;
border-left:2px solid #cccccc; border-right:2px solid #cccccc; border-bottom:2px solid #cccccc;
background:url(../img/site/dropdown_bk.jpg) repeat-x top #fff;
-moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px }
.nav_blog_link { float:right; margin: -15px 5px 0 0; }
/*--If needed to break out into rows--*/
ul#topnav li .row { clear:both; float:left; width:100%; margin-bottom:10px }
ul#topnav li .sub ul { list-style:none; margin:0; padding:0; width:150px; float:left }
ul#topnav li.nav-item-6 .sub ul { width:200px }
ul#topnav .sub ul li { width:100%; /*--Override parent list item--*/ color:#FFFFFF }
ul#topnav .sub ul li a { white-space:nowrap; float:none; height:auto; margin:0; padding:3px 5px; display:block; text-decoration:none; color:#666; background-image:none }
ul#topnav .sub ul li a:hover { color:#0099cc }
/* Marketo styles for contact us form */
form.lpeRegForm ul { font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif; }
form.lpeRegForm ul input {font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif; }
form.lpeRegForm ul input[type='text'] {font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif; }
form.lpeRegForm ul textarea {font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif; }
form.lpeRegForm ul select {font-size: 12px; color: black; font-family: Arial, Helvetica, sans-serif; }
form.lpeRegForm li {margin-bottom: 10px; }
form.lpeRegForm .mktInput {padding-left: 0px; }
form.lpeRegForm label {width: 90px; }
form.lpeRegForm input.mktFormText {width: 150px; }
form.lpeRegForm textarea {width: 150px; }
form.lpeRegForm select {width: 154px; }
.ie7 form.lpeRegForm li {margin-bottom:8px; }
.ie7 form.lpeRegForm select {width: 156px; }
/* carried over styles */
h1 { color:#333333; font-size:28px; font-weight:bold; line-height:1; padding-bottom:12px; }
h2 { font-size:16px; padding:4px 0; font-weight: bold }
h2 a { color:#006CB1; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; padding-top:20px; text-decoration:none }
.bluetitle { font-size:15px; font-weight:bold }
h1.orange, .orange { color:#FF6600 }
h1.green, .green { color:#339933 }
.bluetitle,
.blue, h1.blue { color:#003399 }
h1.red, .red { color:#FF0000 }
.clear { clear:both; line-height:1px }
/* INTERIOR PAGES */
#main { clear:both }
#main ul { list-style-type:disc; margin-left:14px }
#int-inner { display:inline; color:#666; line-height:1.5em; font-size:12px; float:left; height:100%; margin:12px 0 0 20px; width:536px }
#int-inner a { color:#0099ff }
#int-inner a:hover { color:#006699 }
#int-inner h1 { padding:2px 0 }
.event-teaser { border-bottom: 1px dotted #999; padding: 14px 0 2px 0 }
/* SIDEBAR */
#sidebar-r { display:inline; float:left; margin-left:20px; width:200px }
#int-r-sidebar { display:inline; float:left; width:200px }
#int-r-sidebar-lower { display:inline; float:left; width:200px }
/* Left SUB NAVIGATION */
#left-sub { display:inline; float:left; width:166px }
#left-sub .top { background:transparent url(../img/site/lav_subnav_top.jpg) no-repeat scroll 0 0; height:7px }
#left-sub .mid { background:transparent url(../img/site/lav_subnav_mid.jpg) no-repeat scroll center top; border-left:1px solid #9db0bc; border-right:1px solid #9db0bc; padding:3px 0 3px 12px }
#left-sub .bot { background:transparent url(../img/site/lav_subnav_bot.jpg) no-repeat scroll 0 0; height:23px }
#left-sub h2 { color:#333333; font-size:10.5px; font-weight:bold; text-transform:uppercase }
#left-sub h3 { color:#333333; font-size:10.5px; text-transform:uppercase }
#left-sub a { color:#333333; font-size:10px; line-height:16px; text-decoration:none }
#left-sub a:hover { color:#003399; text-decoration:underline }
/* left-sidebar next steps widget */
#sidebar-l { display:inline; float:left; width:166px }
#next-steps { background:url("../img/site/next_steps_bk.jpg") no-repeat scroll 0 0 transparent; display:inline; float:left; height:185px; width:166px }
#next-steps h3.title { color:#333333; font-size:10.5px; margin:11px 11px 11px 13px; text-transform:uppercase }
.next-links { margin-top:18px }
#next-steps a { color:#333333; font-size:10px; line-height:22px; margin-left:40px; text-decoration:none }
#next-steps a:hover { color:#003399; text-decoration:underline }
#next-steps .n-phone { margin:8px 0 0 40px; color:#61869d }
#r-quote { background:url("../img/site/right_quote_bk.jpg") no-repeat scroll bottom transparent; display:inline; float:left; font-size:10px; font-weight:bold; height:100%; margin:12px 0 0 0; width:166px }
#r-quote #quote { color:#61869d; font-size:10.5px; margin:12px }
#r-quote #auth { color:#878a8c; font-size:10.5px; margin:12px }
/* new sidebar panels */
#rs-spotlight { background:url('../img/right_panels/spotlightbk.jpg') no-repeat; width:200px;}
#rs-spotlight #rs-copy { padding:38px 16px 0 16px; font-size:11px; color:#333; font-style:italic; line-height:1.5em;}
#rs-spotlight #rs-copy2 { padding:38px 16px 8px 16px; font-size:11px; color:#333; line-height:1.5em;}
#rs-spotlight #rs-cite { padding:2px 16px; font-weight:bold; font-size:11px; color:#333; line-height:1.5em;}
#rs-spotlight #rs-line { background:url('../img/right_panels/sideline.jpg') no-repeat; width:200px; height:2px; margin-top:18px; clear:both;}
#rs-spotlight #rs-more a { color:#0099cc; font-weight:bold; font-size:12px; float:right; text-decoration:none;}
#rs-spotlight #rs-more { padding:2px 0; margin-right:15px;}
#rs-buttons #rs-btn1 { margin-top:22px }
#rs-buttons #rs-btn2 { margin-top:8px }
#rs-lower1 { background:url('../img/right_panels/lower1a.jpg') no-repeat; margin-top:25px; width:200px;}
#rs-lower1b { background:url('../img/right_panels/lower1b.jpg') no-repeat; margin-top:25px; width:200px;}
#rs-lower2 #rs-line,
#rs-lower1b #rs-line,
#rs-lower1 #rs-line { background:url('../img/right_panels/sideline.jpg') no-repeat; width:200px; height:2px; margin-top: 12px; clear:both;}
#rs-lower2 { background:url('../img/right_panels/lower2.jpg') no-repeat; margin-top:25px; width:200px;}
#rs-lower2 #rs-copy { padding:54px 16px 0 16px; font-size:11px; color:#333; line-height:1.5em;font-weight: bold;}
#rs-lower1b #rs-copy,
#rs-lower1 #rs-copy { padding:40px 16px 0 16px; font-size:11px; color:#333; line-height:1.5em;font-weight: bold;}
#rs-lower2 #rs-more a,
#rs-lower1b #rs-more a,
#rs-lower1 #rs-more a { color:#0099cc; font-weight:bold; font-size:12px; float:right; text-decoration:none;}
#rs-lower2 #rs-more,
#rs-lower1b #rs-more,
#rs-lower1 #rs-more { padding:8px 0; margin-right:15px; }
#rs-additional .date { color:#333;}
#rs-additional { width:200px; margin-top:30px;}
#rs-additional #rs-title { font-size:13px; color:#333; padding:0 16px 0 16px; font-weight:normal;}
#rs-additional #rs-line { background:url('../img/right_panels/sideline.jpg') no-repeat; width:200px; height:2px; clear:both;}
#rs-additional #rs-copy { padding:8px 16px 0 16px; font-size:11px; color:#0099cc; line-height:1.7em;}
#rs-additional #rs-copy a { color:#0099cc; font-size:11px; text-decoration:underline }
#container {
width: 965px;
margin: 0 auto;
background-color: white;
/*border-left: #999 2px solid;
border-right: #999 2px solid;*/
}
body { background-color:#EDEDED; }
/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ====================================================== */
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
/* ==|== print styles ======================================================= */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}