﻿
/* ------- Standard/Default Style Block ------- */

    * { margin:0px; padding:0px; border:none; outline:none;}
    
    body { background-color:#ffffff; padding-top: 2px; color:#808285; font-family:Arial; }
    
    h2 { margin:6px 0px 20px 0px; font-size:20px; font-weight:bold; color:#000000; }
    h3 { margin:6px 0px 20px 0px; font-size:17px; font-weight:bold; color:#000000; }
    
    a { color:#000000; text-decoration:none; }
    a:hover { color:#0096D6; }
    
    a.mailto { text-decoration:underline; font-size:17px; }

    ul {  }
    ul li { list-style:none; }
    ul li a { font-size:12px; }

    div.clear { clear:both; line-height:0px; height:0px; }

    div#container { margin:20px auto 0px auto; padding:0px 0px 0px 0px; width:880px; }
    div#header { float:left; width:880px; }

/* ------- Header ------- */

    div#header div.title { position:absolute; margin:82px 0px 0px 255px; color:#0096D6; font-weight:normal; font-size:18px; }


/* ------- Main Menu ------- */
    
    div#menu { float:left; width:800px; }
    div#menu ul { margin-top:20px; border-bottom:2px solid #0096D6; height:27px; }
    div#menu ul li { float:left; margin-right:17px; }
    div#menu ul li#end { margin-right:0px; }
    div#menu ul li a { color:#808285; font-size:16px; }
    div#menu ul li a.active { color:#0096D6; }
    div#menu ul li a:hover { color:#0096D6; }

/* ------- Content Area & General Styles ------- */
    
    /*
        
    
        
        
        div.caption2 { float:left; width:254px; height:190px; background-color:#ffffff; margin:20px 19px 0px 0px; padding-bottom:25px; }
        div.caption2#end { margin-right:0px; }
        div.caption2 ul li { font-size:15px; }
        ul.columns2 li { width:101px !important; }
        div.caption2 table { margin-bottom:30px; border-bottom:1px solid #f1f2f2; }
        div.caption2 tr th,td { border-top:1px solid #f1f2f2; }
        div.caption2 tr th { text-align:left; font-weight:bold; color:#000000; }
        div.caption2 tr td { text-align:right; color:#0096D6; font-weight:bold; }
        div.caption2 p { font-size:13px; }
        div.caption2 h2.prices { margin-bottom:10px; }
        
        div.caption3 { float:left; background-color:#ffffff; width:428px; margin:20px 0px 0px 0px; padding-bottom:20px; padding-right:100px; }
        div.caption3 ul li { font-size:15px; }
        ul.columns3 li { width:118px !important; }
        
        div.caption4 { float:left; background-color:#ffffff; width:503px; margin:20px 0px 0px 0px; padding-bottom:20px; padding-right:25px; }
        div.caption4 h1 { margin:0px 0px 20px 0px; font-size:20px; font-weight:bold; color:#000000; }
        div.caption4 p { margin:0px 0px 20px 0px; }
        
        
        
        ul.standard-list { width:503px !important; }
        ul.standard-list li { width:503px !important; background-image:url('images/list-style-plus.jpg'); background-repeat:no-repeat; background-position:0px 2px; padding-left:19px; margin-bottom:5px; }
        ul.standard-list li span.title { color:#0096D6; }
        
        div.fullwidth { margin-top:20px; width:800px; background-color:#ffffff; }
        
        
        div.caption5 { float:left; background-color:#ffffff; width:528px; margin:20px 0px 0px 0px; padding-bottom:20px; padding-right:0px; }
        div.caption5 ul li { font-size:12px; }
        div.caption5 ul.columns2 li { width:245px !important; }
        
        div.rollover-content { display:none; }
        span.mps_caption_number { color:#0096D6; font-size:28px; font-weight:bold; }
        span.mps_caption_title { color:#0096D6; font-size:20px; }
    
    */
    
    div#rightpanel { float:right; width:800px; }
    
    div.greyback { margin-top:20px; background-color:#f1f2f2; padding-bottom:0px; }
    div#greyboxend { padding-bottom:0px; margin-top:0px; }
    div.greyback ul li { float:left; width:300px; background-image:url('images/list-style-plus.jpg'); background-repeat:no-repeat; background-position:0px 2px; padding-left:19px; margin-bottom:5px; }
    
    h1 { margin:0px 0px 15px 0px; font-size:20px; font-weight:bold; color:#000000; }
    p { margin-bottom:0px; color:#808285; }

    .FloatRight {
        float: right;
    }
/* ------- Home Page ------- */
 
    div.caption1 { width:800px; background-color:#ffffff; padding-bottom:20px; padding-right:0px; }
    div.caption1 h1 { margin:0px 0px 15px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.caption1 p { 
        color: #808285;
    font-size: 13px;
    margin-bottom: 10px; }
    
    div.homeblock1 { float:left; width:254px; height:190px; background-color:#ffffff; margin:20px 19px 0px 0px; padding-bottom:25px; }
    div.homeblock1#end {     
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 8px;
    margin-right: 0;
    overflow: hidden;
    width: 250px;
}
    div.homeblock1 ul li { font-size:15px; }
    div.homeblock1 ul.homeblock1 li { width:101px !important; }
    div.homeblock1 table { margin-bottom:30px; border-bottom:1px solid #f1f2f2; }
    div.homeblock1 tr th,td { border-top:1px solid #f1f2f2; }
    div.homeblock1 tr th { text-align:left; font-weight:bold; color:#000000; }
    div.homeblock1 tr td { text-align:right; color:#0096D6; font-weight:bold; }
    div.homeblock1 p { font-size:13px; }
    
    div.homeblock2 { float:left; background-color:#ffffff; width:428px; margin:20px 0px 15px 0px; padding-bottom:20px; padding-right:100px; }
    div.homeblock2 ul li { font-size:15px; }
    ul.homeblock2 li { width:118px !important; }
    
    div.homepanels_container { width:800px; background-color:#ffffff; margin:20px 0px 0px 0px; }
    div.homepanels_container h2 { margin-bottom:10px; }
    div.homepanels { padding-bottom:5px; }
    div.homepanels img { float:left; margin-right:16px; margin-bottom:0px; }
    div.homepanels img#end { margin-right:0px; }

/* ------- Prices Page ------- */

    div.pricesblock1 { float:left; background-color:#ffffff; width:503px; margin:0px 0px 15px 0px; padding-bottom:20px; padding-right:25px; }
    div.pricesblock1 h1 { margin:0px 0px 20px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.pricesblock1 p { margin:0px 0px 20px 0px; }
    
    div.pricesblock2 { float:right; width:254px; height:190px; background-color:#ffffff; margin:0px 0px 0px 0px; padding-bottom:25px; }
    div.pricesblock2 table { margin-bottom:30px; border-bottom:1px solid #f1f2f2; }
    div.pricesblock2 tr th,td { border-top:1px solid #f1f2f2; }
    div.pricesblock2 tr th { text-align:left; font-weight:bold; color:#000000; }
    div.pricesblock2 tr td { text-align:right; color:#0096D6; font-weight:bold; }
    div.pricesblock2 p { font-size:13px; }
    div.pricesblock2 h2 { margin-bottom:10px; }


/* ------- Managed Services Page ------- */

     
    div.managedblock1 { float:left; background-color:#ffffff; width:503px; margin:20px 0px 0px 0px; padding-bottom:20px; padding-right:25px; }
    div.managedblock1 h1 { margin:0px 0px 20px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.managedblock1 p { margin:0px 0px 20px 0px; }
    div.managedblock1 ul.standard_list { width:503px !important; }
    div.managedblock1 ul.standard_list li { width:503px !important; background-image:url('images/list-style-plus.jpg'); background-repeat:no-repeat; background-position:0px 2px; padding-left:19px; margin-bottom:5px; }
    div.managedblock1 ul.standard_list li span.title { color:#0096D6; }
    
    div.managedblock2 { margin-top:20px; width:800px; background-color:#ffffff; }
    div.managed_services { float:left; margin-right:6px; margin-bottom:2px; }
    div.managed_services_rowend { margin-right:0px; }
    div.managedblock2 div.service_description { float:left; width:254px; height:190px; background-color:#ffffff; margin:20px 19px 0px 0px; padding-bottom:25px; }
    
    div.managed_rollover_content { display:none; }
    span.mps_caption_number { color:#0096D6; font-size:28px; font-weight:bold; line-height:18px; }
    span.mps_caption_title { color:#0096D6; font-size:20px; line-height:18px; }
    
    div.managedblock3 { float:left; background-color:#ffffff; width:528px; margin:20px 0px 15px 0px; padding-bottom:20px; padding-right:0px; }
    div.managedblock3 ul li { font-size:12px; }
    div.managedblock3 ul.columns2 li { width:245px !important; }



/* ------- Audit Process Page ------- */
    
    div.audit_block1 { float:left; background-color:#ffffff; width:503px; margin:0px 0px 0px 0px; padding-bottom:20px; padding-right:25px; }
    div.audit_block1 h1 { margin:0px 0px 20px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.audit_block1 p { margin:0px 0px 20px 0px; }
        
    div.audit_process h3 { 
        font-size: 16px;
        font-weight: bold;
        margin: 6px 0 0;
    }
    .Pink {
        color: #EC0089;
        text-align: center;

    }
    div#audit_process_panels { width:528px; background-color:#ffffff; padding-bottom:10px; }
    div#audit_process_panels img { float:left; margin-right:8px; }
    div#audit_process_panels img.end { margin-right:0px; }
    div#audit_process_contentpanel { margin-top:10px; height:110px; }
    div#audit_process_contentpanel p { margin-top:10px; }
    div#audit_process_text { display:none; }
    div#audit_spiral_container { float:left; width:528px; margin:20px 0px 15px 0px; background-color:#ffffff; }
    div#audit_spiral_object { width:528px; height:528px; background-color:#ffffff; background-image:url('images/audit-spiral.jpg'); background-repeat:no-repeat; }
    div#audit_spiral_object img { position:absolute; }
    div#audit_spiral_content { float:left; width:252px; background-color:#ffffff; padding-bottom:20px; padding-top:8px; margin-right:0px; margin-left:20px; margin-top:20px; }
    div#audit_spiral_text { display:none; }
    
    span.audit_caption_number { color:#0096D6; font-size:28px; font-weight:bold; line-height:14px; }
    span.audit_caption_title { color:#0096D6; font-size:16px; font-weight:bold; line-height:14px; }
    

/* ------- Printer Support Page ------- */
    
    div.supportblock1 { float:left; background-color:#ffffff; width:503px; margin:0px 0px 0px 0px; padding-bottom:20px; padding-right:25px; }
    div.supportblock1 h1 { margin:0px 0px 20px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.supportblock1 p { margin:0px 0px 20px 0px; }
    
    div.plotter_support_list { float:left; width:528px; margin:20px 0px 15px 0px; background-color:#ffffff; }
    div.plotter_support_list table { width:528px; text-align:left; }
    div.plotter_support_list table tr th { width:254px; font-size:20px; font-weight:bold; color:#000000; padding-bottom:5px; }
    div.plotter_support_list table tr td { vertical-align:top; width:235px; font-size:12px; background-image:url('images/list-style-plus.jpg'); background-repeat:no-repeat; background-position:0px 2px; padding-left:19px; }
    div.plotter_support_list table tr td.spacer { background-image:none; }
    div#national_coverage_map { float:right; width:260px; height:240px; padding:12px 0px 0px 12px; }
    div#national_coverage_map table { margin-top:20px; width:260px; border-top:1px solid #ffffff; }
    div#national_coverage_map table tr td { font-size:12px; border-bottom:1px solid #ffffff; }
    
   
/* ------- Toner Plus Page ------- */

    div.tonerblock1 { width:503px; background-color:#ffffff; padding-bottom:20px; padding-right:25px; }
    div.tonerblock1 img.toner_plus { float:left; }
    div.tonerblock1 div.title { float:left; margin:35px 0px 0px 10px; color:#0096D6; font-weight:bold; }
    div.tonerblock1 h1 { margin:0px 0px 15px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.tonerblock1 p { margin-bottom:0px; color:#808285; }
    
    div.tonerpanelblock { margin-top:20px; padding-bottom:5px; width:800px; background-color:#ffffff; }
    div.tonerpanelblock h2 { margin:0px 0px 10px 0px; }
    div.tonerpanelblock div.tonerpanel { float:left; margin-right:16px; width:256px; }
    div.tonerpanelblock div.tonerpanel_top { background-image:url('images/box-top-2.png'); background-repeat:no-repeat; width:256px; height:11px; }
    div.tonerpanelblock div.tonerpanel_inner { margin-top:-2px; background-color:#0096D6; padding:0px 5px 0px 5px; width:246px; height:210px; }
    div.tonerpanelblock div.tonerpanel_bottom { margin-top:-2px; background-image:url('images/box-bottom-2.png');  background-repeat:no-repeat; width:256px; height:11px; }
    
    div.tonerpanelblock div#tonerpanelend { margin-right:0px; }
    div.tonerpanelblock div.tonerpanel span.text1 { color:#ffffff; font-size:16px; font-weight:bold; }
    div.tonerpanelblock div.tonerpanel span.text2 { color:#ffffff; font-weight:normal; font-size:15px; }
    div.tonerpanelblock div.tonerpanel span.text3 { color:#000000; font-weight:bold; font-size:15px;  }
    
    
    div.tonerblock3 { width:523px; background-color:#ffffff; margin-top:20px; margin-bottom:15px; padding-bottom:20px; padding-right:5px; }
    div.tonerblock3 h3 { font-size:17px;}
    div.tonerblock3 ul li { width:194px; font-size:14px; }
   
   
/* ------- Clients Page ------- */

    div.clientsblock1 { width:503px; background-color:#ffffff; padding-bottom:20px; padding-right:25px; }
    div.clientsblock1 h1 { margin:0px 0px 15px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.clientsblock1 p { margin-bottom:0px; color:#808285; }
    
    div.clientsblock2 { width:800px; background-color:#ffffff; margin:20px 0px 55px 0px; padding-bottom:0px; padding-right:0px; }
    div.clientsblock2 div.clientlogo { float:left; margin-right:7px; margin-bottom:4px; }
    div.clientsblock2 div.end { margin-right:0px; }
    

/* ------- Contact Page ------- */

    div.contactblock1 { float:left; width:503px; margin:0px 0px 0px 0px; background-color:#ffffff; padding-bottom:20px; padding-right:25px; }
    div.contactblock1 h1 { margin:0px 0px 5px 0px; font-size:20px; font-weight:bold; color:#000000; }
    div.contactblock1 h2 { margin:0px 0px 0px 0px; font-size:28px; font-weight:bold; color:#000000; }
    div.contactblock1 h3 { margin:15px 0px 0px 0px; font-size:20px; font-weight:bold; color:#0096D6; }
    div.contactblock1 a { text-decoration:underline; }
    div.contactblock1 span.fax {  }
    div.contactblock1 p { margin:0px 0px 20px 0px; }
    
    div.contactblock2 .column1 { float:left; width:254px; background-color:#ffffff; height:530px; margin:20px 0px 15px 0px; }
    div.contactblock2 .column2 { float:left; width:254px; background-color:#ffffff; height:530px; margin:20px 0px 15px 20px; }
    div.contactblock2 h3 { margin:15px 0px 0px 0px; font-size:20px; font-weight:bold; color:#0096D6; }
    div.contactblock2 a { text-decoration:underline; }
    
    div#national_coverage_map_contact { float:right; width:260px; height:400px; padding:12px 0px 0px 12px; }
    div#national_coverage_map_contact table { margin-top:20px; width:260px; border-top:1px solid #ffffff; }
    div#national_coverage_map_contact table tr td { font-size:12px; border-bottom:1px solid #ffffff; }


/* ------- Bottom Contact Caption / Telephone Number ------- */

    div#contactus-caption { margin:0px;}
    div#contactus-caption div.caption1 { padding-bottom:10px; }
    div#contactus-caption h3.contactmsg { margin-top:10px; margin-bottom:10px; line-height:22px; }
    div#contactus-caption h2.telephone { margin-top:0px; margin-bottom:10px; }
    div#contactus-caption img.printer-symbol { position:absolute; margin:-114px 0px 0px 676px; width:104px; height:99px; }    
    
/* ------- Footer Block ------- */

    div#footer { margin-top:6px; padding-top:5px; padding-bottom:8px; margin-bottom:20px; border-top:2px solid #0096D6; border-bottom:2px solid #0096D6; }
    div#footer p { color:#808285; font-size:11px !important; margin-bottom:10px; }
    div#footer a { color:#0096d6; }
    div#footer a:hover { color:#0096D6; }
    div#footer span.heading { color:#0096D6; }



/* ------- Mobile Overides ------- */

@media only screen and (max-device-width: 880px)
{
    
    /* ------- Webkit ------- */
    html { -webkit-text-size-adjust:none; }
    
    /* ------- Main Menu ------- */
    div#menu ul li { float:left; margin-right:18px; }
    
    
}
.Products {
    border-bottom: 0 solid #DEDEDE;
    border-top: 0 solid #DEDEDE;
    clear: none;
    float: right;
    margin-bottom: 0;
    margin-top: 30px;
    padding-bottom: 23px;
    width: 544px;
}
.Products > h2 {
    color: #000000;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.Product > h2 a {
    color: #0096D6;
    display: block;
    font-size: 14px;
    height: 25px;
    text-decoration: none;
    text-transform: none;
}
.Product {
    float: left;
    font-family: 'Ubuntu',sans-serif;
    height: 220px;
    margin: 60px 5px 10px;
    position: relative;
    text-align: center;
    width: 169px;
}
.ReadMore {
    background: none repeat scroll 0 0 #0096D6;
    display: none;
    height: 34px;
    left: 0;
    opacity: 0.63;
    padding: 20px;
    position: absolute;
    top: 40px;
}
.ReadMore > a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.Product:hover .ReadMore {
    display: block;
}
.Product > h3 a span {
    color: #353535;
    font-size: 20px;
}
.Product > h3 a {
    color: #7A7A7A;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
.ContactUs div {
    float: left;
    text-align: center;
    width: 240px;
}
.ContactUs {
    display: block;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
.ContactRight a {
    color: #0096d6;
    text-decoration: none !important;
}
p strong {
    color: #000;
}
.contactblock1 > img {
    width: 503px;
}
.PrinterLogos {
    padding-left: 20px;
}
#ContactForm {
    background: none repeat scroll 0 0 #0296E0;
    border-radius: 9px;
    clear: left;
    float: left;
    font-family: "Ubuntu",sans-serif;
    margin-left: 0;
    margin-top: 30px;
    padding: 0 12px;
    width: 226px;
}
#ContactForm h2 {
    color: #ffffff;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    padding-top: 10px;
}
#ContactForm h3 {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 10px;
    text-transform: uppercase;
}
input {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #fff;
    color: #676767;
    font-size: 12px;
    height: 12px;
    margin-bottom: 10px;
    padding: 6px 9px;
    width: 205px;
}
textarea {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #fff;
    color: #676767;
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    height: 68px;
    margin-bottom: 8px;
    margin-top: 3px;
    padding: 9px;
    resize: none;
    width: 206px;
}
input[type=checkbox] {
    font-size: 16px;
    height: 15px;
    text-align: left;
    width: 27px;
}
.Options {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #fff;
    color: #676767;
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 3px;
}
.ContactSubmitButton {
    background: none repeat scroll 0 0 #55b947;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    height: 58px;
    margin-bottom: 30px;
    padding: 1px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
label {
    color: #ffffff;
}.contactform > p {
    color: #fff;
}
.Options > span {
    float: right;
    width: 197px;
}
.plotter_support_list > table {
    float: left;
    padding-left: 20px;
    width: 100%;
}
.pricesblock2 h2:nth-child(2) {
    font-size: 90px;
}
.pricesblock2 h2:nth-child(2) span {
    font-size: 16px;
    margin: 0 17px;
}
div.printer_support_list {
    background-color: #ffffff;
    float: left;
    margin: 20px 0 15px;
    width: 528px;
}
div.printer_support_list table tr th {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 254px;
}
div.printer_support_list table tr td {
    background-image: url("images/list-style-plus.jpg");
    background-position: 0 2px;
    background-repeat: no-repeat;
    font-size: 12px;
    padding-left: 19px;
    vertical-align: top;
    width: 235px;
}
div.pricesblock2 tr th, td {
    border-top: 1px solid #f1f2f2;
}
div.homeblock1 tr th, td {
    border-top: 1px solid #f1f2f2;
}
.LeftCol {
    clear: both;
}
.LeftCol, .RightCol {
   background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    height: 840px;
    margin-top: 6px;
    padding-left: 20px;
    padding-top: 20px;
    vertical-align: top;
    width: 310px;
}
.LeftCol li, .RightCol li {
    width: 100% !important;
}
.Title {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  font-weight: bold;
  margin-top: 10px !important;
  padding-left: 0 !important;
  margin-bottom: 20px !important;
}
.RightCol {
    width: 420px;
}
.RightCol > ul:nth-child(1) li, .RightCol > ul:nth-child(2) li {
    display: inline-block;
    vertical-align: top;
    width: 180px !important;
}
.RightCol > ul:nth-child(1) {
  clear: both;
  display: inline-block;
  width: 100%;
}
.RightCol > ul:nth-child(1) li.Title, .RightCol > ul:nth-child(2) .Title,.RightCol > ul:nth-child(1) li.Title, .RightCol > ul:nth-child(3) .Title {
  margin-bottom: 20px;
  width: 100% !important;
} 

.ModelsBox {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 40px;
}
.pricesblock2 > img {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    margin: 28px auto 0;
    padding-top: 10px;
    width: 254px;
}
