@charset "utf-8";/*
 * c-css by U4EA Technologies - Allan Jardine
 * Version:       1.2.php.1
 * Browser:        0
 * Browser group: 
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
em { font-style:italic; }
ul { list-style:disc; }
ol { list-style:decimal; }
div:after, ul:after, ol:after, dl:after, dt:after, dd:after, li:after, blockquote:after { content:""; display:block; }
div:after, ul:after, ol:after, dl:after, dt:after, dd:after, li:after, blockquote:after { clear:both; }
div, ul, ol, dl, dt, dd, li, blockquote { zoom:1; }
@font-face { font-family: 'MyriadProBold'; src: url('myriadpro-bold-webfont.eot'); src: url('myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#MyriadProBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MyriadProRegular'; src: url('MyriadPro-Regular.eot'); src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('MyriadPro-Regular.woff') format('woff'), url('MyriadPro-Regular.ttf') format('truetype'), url('MyriadPro-Regular.svg#MyriadProBold') format('svg'); font-weight: normal; font-style: normal; }
body { font-family: Verdana, Geneva, sans-serif; font-size:12px; background-color:#CCCCCC; margin:0; color:#666666; }
#container { font-family: Verdana, Geneva, sans-serif; }
p { margin:0 0 14px 0; color:#666666; line-height:18px; }
a { color:#666666; text-decoration:none; }
a:hover { color:#336699; }
a:link { text-decoration:underline; }
li { list-style:none; }
h1 { font-family: Tahoma, Arial, sans-serif; }
h2 { font-family: Tahoma, Arial, sans-serif; font-size:22px; }
h3 { font-family: Tahoma, Arial, sans-serif; font-size:20px; font-weight:normal; line-height:20px; }
h4 { font-family: Tahoma, Arial, sans-serif; padding:12px 0; line-height:18px; font-size:14px; font-style:normal !important; }
div#container { background-color:#fff; width:955px; margin:0 auto; padding:0; position:relative; font-family:Verdana, Geneva, sans-serif; }
#container-header { background-color:#fff; background-position:top left; background-repeat:repeat-x; width:950px; height:140px; position:relative; padding-top:60px; }
#nav-container { background-image:url(../images/BBM_navigation_bar.jpg); background-position:top left; background-repeat:repeat-x; background-color:#386a9c; position:relative; z-index:100; }
#content-wrapper { background-color:#FFF; position:relative; padding:0px 50px 25px 43px; width:862px; min-height:500px; }
#content-container { width:400px; float:left; top:-31px; padding-bottom:20px; position:relative; }
#content-container-about { width:400px; float:left; top:-10px; position:relative; }
#wide #content-container { width:540px; float:left; top:-31px; padding:0 0 0 33px; position:relative }
#content-header { font-size:16px; position:relative; padding-bottom:12px; }
#container-footer { padding: 25px 0; background-color:#CCCCCC; }
#flipper-wrapper { position:relative; width:865px; height:300px; overflow:hidden; }
#hp-logo-container { width:106px; margin:0 6px; padding:10px 0; float:right; position:relative; }
h1#branding-logo { text-indent:-9999px; height:90px; float:left; width:281px; margin-left:75px; background-repeat:no-repeat; text-align: center; background-image: url("../images/BBM_branding-logo.jpg"); }
#branding-logo a { display:block; width:281px; height:90px; }
h2#branding-text { text-indent:-9999px; width:280px; height:40px; margin:0; background-repeat:no-repeat; text-align: center; background-image: url("../images/BBM_branding-text.jpg"); }
h2#branding-contact-text { text-indent:-9999px; color:#7d7d7d; height:17px; width:53px; background-image: url("../images/header-contact.jpg"); margin:10px 0 0 0; position:relative; float:right; }
div#branding-number{ width:110px; height:18px; color:#336598; font-weight:bold; margin:10px 0 0 0; position:absolute; left:286px; top:42px; }
.header-tag { float:right; margin:25px 165px 0 0; position:relative; width:280px; }
#nav-main { margin:0 auto; list-style:none; width:866px; background-image:url(../images/nav-border-right.jpg); background-position:top left; background-repeat:no-repeat; padding:0 0 0 2px; position:relative; left:-2px; }
#nav-main li { text-align:center; float:left; font-size:12px; position:relative; list-style:none; background-image:url(../images/nav-border-right.jpg); background-position:top right; background-repeat:no-repeat; padding:0 1px 0 0; line-height:19px; }
#nav-main li a { display:block; width:142px; line-height:14px; color:#fff; padding:10px 0; text-decoration:none; }
#nav-main li li a { display:block; width:142px; line-height:14px; color:#336699; padding:10px 0; font-weight:bold; text-decoration:none; }
#nav-main li a:hover,#nav-main li a:focus,#nav-main li a:active,#nav-main li.active a,#nav-main > li:hover > a,#nav-main li.hover > a { background-image:url(../images/nav-bar-on.jpg); background-position:top left; background-repeat:repeat-x; color:#336699; }
#nav-main li.active a,#nav-main .hover a { font-weight:bold; background-image:url(../images/nav-bar-on.jpg); background-position:top left; background-repeat:repeat-x; color:#336699; }
#nav-main li li a:hover,#nav-main li:hover li a:hover,#nav-main li.hover li a:hover { color:#336699; text-decoration:none; }
#nav-main .dropdown { position:absolute;top:30px;left:0; background-color:#e6e7e8; width:140px; z-index:20; display:none; background-position:top right; background-repeat:no-repeat; padding:4px 0 0 0; }
#nav-main #nav-products .dropdown { width:142px; }
#nav-main li:hover .dropdown,#nav-main li.hover .dropdown { display:block; background-color:#e6e7e8; background-position:top right; background-repeat:no-repeat; color:#336699; }
#nav-main li .dropdown a { background-image:none; }
#nav-main li .dropdown a:hover { background-image:none; }
#nav-main li .dropdown li { padding:0; background-image:none; float:none; font-size:11px; border-bottom:1px solid #D5D6D9; }
#nav-main li .dropdown li:last-child { border:0; }
#nav-main li .dropdown li a { float:none; display:block; width:auto !important; font-weight:normal; line-height:15px; padding:6px 0; }
#nav-main li .dropdown li a:hover { text-decoration:underline; background-color:#D5E1EC; }
#nav-drivers { }
#nav-main #nav-drivers a { width:152px; !important }
.width-sub { }
#nav-main .width-sub a { width:140px; }
#left-col { width:140px; height:100%; position:relative; float:left; padding:10px 0 0 33px; }
#left-col a { text-decoration:none; color:#999999; }
#left-col li a:hover,#left-col li.on a{ text-decoration:none; color:#336699; }
#container-left { list-style:none; }
#container-left li { margin-bottom: 20px; }
#right-col { width:233px; float:right; position:relative; padding-left:56px; top:-18px }
#rcol-text a { text-decoration:underline; }
#right-col #rcol-products h3,#right-col #rcol-products a { color:#993333; }
#right-col #rcol-service h3,#right-col #rcol-service a { color:#336699; }
#right-col #rcol-downloads h3,#right-col #rcol-downloads a { color:#663366; }
#right-col #rcol-about h3,#right-col #rcol-about a { color:#336633; }
#right-col #rcol-contact h3,#right-col #rcol-contact a { color:#996633; }
#wide #right-col { width:233px; float:left; position:relative; padding-left:55px; top:-18px }
#wide #right-col a { text-decoration:underline; }
#right-col img { padding-bottom:20px; width:233px; }
#right-col h3 { padding: 0 0 5px 10px; font-size:18px; line-height:20px; }
#content-wrapper #right-col p, #content-wrapper #right-col rcol-text p { padding-left:10px; margin:3px 0; }
#spacer { margin-top:56px; }
#spacer h2 { align:bottom; padding-left:190px; }
#home-spacer { margin-top:0; }
#content-wrapper p { margin:8px 0 14px; }
.drivers { padding-top:25px; }
#content-wrapper .drivers li { margin:0 0 45px 0; }
#content-wrapper .drivers a { text-decoration:underline; color:#6699cc; }
.block-title h3 { float:left; }
div.block-title { border-bottom:1px solid #b7b6b6; padding-bottom:2px; }
div.hinge { background-image:url(../images/expand.jpg); background-repeat:no-repeat; background-position: top left; text-indent:-9999px; width:66px; height:17px; float:right; }
.testimonial { clear:both; margin-bottom:25px; }
#content-wrapper .testimonial p{ margin-bottom:2px; }
.testimonial-who { padding:0 }
.testimonial-who p { color:#336699; }
div.view { background-image:url(../images/close.jpg); }
.graybar { background-color:#e5e4e4; }
.dl-logos { float:left; }
.dl-text { float:left; }
.expand-holder { padding:20px 0; }
.block { padding-bottom:30px; }
.block-content { display:none; }
.flipper-content { position:absolute; width:863px; height:300px; }
#see-thru { width:388px; height:146px; }
.flipper-textbox { background-image:url(../images/opaque-textbox.png); background-position:0 0; background-repeat:no-repeat; position:absolute; float:right; width:386px; height:145px; bottom:0; right:0; }
.flipper-textbox h3 { margin: 26px 0 0 32px; }
#content-wrapper .flipper-textbox p { margin: 12px 0 0 32px; }
.pagination { float:right; z-index:10; margin:-32px 15px 0 0; position:relative; }
.pagination li { float:left; margin-right:8px; border:1px solid #666767; background-color:#fff; background-position:top left; background-repeat:no-repeat; }
.pagination li a { font-size:11px; width:15px; display:block; line-height:16px; text-decoration:none; text-align:center; color:#666666; }
#content-wrapper .pagination .current,#content-wrapper .pagination .current a { background-color:#666767; color:#fff; }
#content-wrapper .pagination a:hover { color:#666666; }
#content-wrapper .pagination .current a:hover { color:#fff; }
#hp-bottom-wrapper { width:865px; padding:34px 0; }
#hp-bot-left { float:left; position:relative; width:405px; padding:0 0 0 41px; margin:0; }
#hp-bot-left p { margin:0; padding-bottom:11px; }
#sign-up { width:230px; float:left; padding:18px 0 0 48px; }
#sign-up h3 { color:#669933; }
#sign-up p { font-size:12px; margin:4px 0 4px; }
#konica-hp-logo { padding-bottom:20px; }
#muratec-hp-logo { }
#email-list { position:relative; }
table { width:400px; }
.product-table { vertical-align:baseline; }
.product-table a { text-decoration:underline; color:#336699; }
thead { }
tbody { }
th { background-color:#e5e4e4; background-repeat:no-repeat; background-position: top left; vertical-align:baseline; font-weight:bold; padding-top:15px; }
table th, td { text-align:left; }
.th-left { width:180px; padding-left:12px; }
.th-mid { width:150px; }
.th-right { width:65px; text-align:right; padding-right:20px }
td { padding:16px 0 0 12px; }
.product-table tr td+td { padding-left:0; }
.product-table tr td+td+td { float:right; text-align:right; padding:16px 20px 0 0; }
.product-table tr td:first-child { font-weight:bold; }
.td-c1 { width:180px; padding-left:12px; }
.td-c2 { width:150px; }
.td-c3 { width:65px; text-align:right; }
#footer { font-size: 11px; color:#757575; position: relative; width: 955px; }
#footer a, #footer a:link { color:#757575; }