#content, #header, #navigation, #menu, #footer-content {
    position:relative;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
body {background-color: #f9f9f9; position: relative;font-family: 'Arimo', sans-serif;height: 100%;}

@keyframes notice-message {
  from {
    opacity: 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
.cps-notice-message {
  position: relative;
  line-height: 1.2em;
  font-size: 16px;
  font-weight: bold;
  color: #2f662f;
  background-color: #b8d9b8;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  overflow: hidden;
  transform-origin: top center;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  animation: notice-message 0.3s ease-in-out;
}
  .cps-notice-message > div {
    width: max-content;
    max-width: 1000px;
    padding: 0.5em;
    margin: 0 auto;
    box-sizing: border-box;
  }
    @media screen and (max-width: 1000px) {
      .cps-notice-message > div {
        max-width: 100%;
      }
    }
  .cps-notice-message a {
    font-weight: inherit;
  }
  .cps-notice-message.info {
    color: #2f662f;
    background-color: #b8d9b8;
  }
  .cps-notice-message.alert {
    color: #666631;
    background-color: #d9d9b8;
  }
  .cps-notice-message.emergency {
    color: #663030;
    background-color: #d9b8b8;
  }

#container{width:960px;border-left: 1px solid #bdbdbd;border-right: 1px solid #bdbdbd;background-color:#f7f8f3;}
#content-section {height:87%; overflow: visible;}
#content { height: 100%;background-color: #ffffff;}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {  font-family: 'Arimo', sans-serif; color: #464646; margin-top:15px; text-transform: none; font-weight:300;background-color: transparent; font-weight: bold;font-weight: bold}
h2 {font-size: 2.3em;}
h1 { font-size: 24px; }
p { font-size: 1.2em; line-height: 1.5em; color: #979797;}
.larger-font{font-size: 1.5em;}
.italic{font-style: italic;}
.medium-font{font-size: 1.25em;}
.header-large{font-size: 1.8em}
.black-font{color: #464646;}
.gray-font{color: #a7a7a5;}
.more-line-height{line-height: 1.8em;}
.less-line-height{line-height: 1.2em;}
.fontxl{font-size: 3.6em;}
.cps-color{color: #95c0d0;}
.header-underline{border-bottom: 2px solid #95c0d0; float: left; padding: 0 4px; text-align: center;}
.white{color:#ffffff;}
.bold{font-weight: bold;}
.block-center{display: block; margin: 0 auto;}
p b {font-size: 1.1em;}
a { color:black; font-weight:normal; text-decoration:none; }
a:hover { text-decoration:underline; }
ul li a { font-weight:normal; }
a, a:hover, a:active, a:visited {line-height: 1.5em; color:#464646;}
/* SCAFFOLDING */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col12
.col10p, .col20p, .col30p, .col40p, .col50p {float:left;min-height:1px;position:relative; box-sizing: border-box;}
.col1{width:8.33%;}
.col2{width:16.66%;}
.col3{width:24.99%;}
.col4{width:33.32%;}
.col5{width:41.65%;}
.col6{width:49.98%;}
.col7 {width:58.31%;}
.col8 {width:66.64%;}
.col9{width:74.97%;}
.col10{width:83.33%;}
.col11{width:91.63%;}
.col12{width:100%;}
.col10p{width:10%;}
.col20p{width:20%;}
.col30p{width:30%;}
.col40p{width:40%;}
.col50p{width:50%;}
.spacer20 { width:100%; height:32px; min-height:20px; clear:both; }
.spacer10 { width:100%; height:16px; min-height:10px; clear:both; }
/* MISC AND OFTEN USED */
.center { text-align:center; }
.right {text-align: right;}
.separator {background-color: #eaeae8; border-top: 1px solid #cccccc; height: 20px; margin: 20px 0;}
.page-padding {padding: 0 16px;}
.less-padding {padding: 0 8px;}
.no-padding{padding: 0}
.no-margin{margin: 0;}
.page-padding-left {padding-left: 16px;}
.page-padding-right {padding-right: 16px;}
.full-width {width: 100%;}
.width-90 {width:90%;}
.max-full-width {max-width: 100%;}
.float-left {float: left;}
.float-right {float: right;}
.margin-top {margin-top: .5em}
.more-margin-top {margin-top: .85em}
.padding-top {padding-top: .5em;}
.margin-bottom {margin-bottom: .5em}
.margin-bottom2 {margin-bottom: 1.6em}
hr {width:96%; display: block; height: 1px; border: 0; border-top: 1px solid #d4d5d0; margin: 0 auto; }
.hr-margin-bottom {margin-bottom:32px;}
/* NAVIGATION */
div#menu {background-color: #464646;height: 29px;}
div#menu ul {margin:0;}
div#menu li {display: block; float: left; font-size: 14px; margin: 0; height:24px;padding-top: 5px;}
div#menu li a, div#menu li a:hover, div#menu li a:visited {color: #fff;text-decoration: none;font-family: "", sans-serif; padding: 5px 10px;}
div#menu li.selected {background-color: #f5f5f5;}
div#menu li.selected a {color: #464646;}
div#menu span.phone {float: right;padding: 6px 12px 6px 18px;font-size: 14px;background: url('/img/default_front_end/Icon_phone.png') -2px 3px no-repeat;}
div#header {border-bottom: 1px solid #bdbdbd; background-color: #f5f5f5; overflow:visible;}
div#sticky-footer {background-color: #464646; position: absolute; bottom: 0; left: 0; height: 40px; width:100%;}
#logo { padding: 12px 6px 13px 16px;  margin-left: -6px;}

nav#default-subnav li, div#menu li {-webkit-transition: .1s linear;transition: .2s linear;}

nav#default-subnav {float:right; margin-top: 15px;}
nav#default-subnav li {display: inline; list-style: none;padding: 1.8em .8em 1.4em .8em; margin: 0;}
nav#default-subnav li a, nav#default-subnav li a:hover, nav#default-subnav li a:visited{font-size: 18px; padding: 4px;color: #565656;text-decoration: none;font-family: 'Arimo', sans-serif; }
nav#default-subnav li.selected {border-bottom: 3px solid #95c0d0; position:relative;}
nav#default-subnav li.selected:after {content: ''; width:100%; height:2px; border-top: 1px solid #95c0d0;position: absolute; bottom:0; left:0;background-color: #95c0d0}
nav#default-subnav.index-subnav li{padding: 1.8em 1.5em 1.4em 1.5em;}
nav#default-subnav.supplies-subnav li{padding: 1.8em 1.1em 1.4em 1.1em;}
/* FOOTER */
#footer {bottom: 0; left: 0;width:100%;margin: 0; padding:0;}
#footer-content {height: 156px; background-color: #464646; text-align: left; border-top: 2px solid #95c0d0;line-height: 20px; background-image: url('/img/default_front_end/CPS_watermark.png'); background-repeat: no-repeat; background-position: right;}
#footer-content h4 {color: #fff; text-transform: none; font-weight: bold; margin-left: 10px; margin-bottom: 0;}
#footer-content li {list-style: none; padding-left: 0; margin: 0;}
#footer-content a,#footer-content a:visited, #footer-content a:hover {color: #95c0d0; font-size: 14px;}
/* CONTACT FORM */
#contact_form {background: #e7e7e7;}
#contact_form  > div { clear:both; }
#contact_form .submit {text-align: right;}
#contact_form .submit input[type=submit] {background: #464646; background-image: none; border-color: #e7e7e7;border-radius: 0; padding: 12px 24px; font-weight: bold; font-size: 14px;}
#contact_form label { float:left; width:100%; font-size:14px; text-align:left; padding-top:12px; padding-bottom: 6px;}
#contact_form  > div > input[type="text"], #contact_form  > div > textarea, #contact_form  > div > select { float:left; clear:none;background-color: #FBFCF4; font-size:100%; padding:1%; width:97%; }
/* */
#representative_button button { display:block; position:relative; width:100%; padding: 10px; font-size: 18px; cursor:pointer; background: -moz-linear-gradient(center top , #FEFEFE, #DCDCDC) repeat scroll 0 0 #DCDCDC;}
#reorder_button button { background: -moz-linear-gradient(center top , #fefefe, #D2D7A2) repeat scroll 0 0 #dcdcdc; cursor: pointer; display: block; font-size: 18px; margin: 0 0 20px 0; padding: 10px 0; position: relative; width: 100%; }

/* Contact message on bottom of product page. */
.contact_msg a:hover { text-decoration:none; }
.contact_msg { margin:30px 0px 10px 0px; clear:both; }
.contact_msg h2 { color:#8e9257; }

/* Banners */

.banner ul, .banner ul li {margin:0; padding:0;}
.banner ul li {display: block; list-style: none;}
.banner ul li img.slide-bg {width:100%;}

.banner ul.slides{position:relative; overflow:hidden;}
.banner ul.slides li {position: absolute; left:0; top: 0;}
.banner ul.descriptions li h3 {font-weight: bold; color: #474747; text-transform: none; margin-bottom: 8px;font-size:1.5em;}
.banner ul.descriptions > li {padding-left: 52px; box-sizing: border-box;}
.banner ul.descriptions li a,.banner ul.descriptions li a:visited, .banner ul.descriptions li a:active  {color: #a6a6a4;}
.banner ul.descriptions li a:hover {color: #5f5f5d; text-decoration: none;}
.banner ul.descriptions li h3 a,.banner ul.descriptions li h3 a:visited, .banner ul.descriptions li h3 a:active {color: #464646; font-weight: bold;}
.banner ul.descriptions li h3 {margin: 0;}
.banner ul.descriptions li .icon img {max-width: 92%;}

.hosting-features {background: url("/img/default_front_end/WebHosting_features_watermark.png") no-repeat 0 0; padding-left: 100px; height: 250px; position:relative; padding-top:25px;}
.hosting-features:after{width:1px; height: 230px; content:''; background:url("/img/default_front_end/WebHosting_verticalline.png") no-repeat; position: absolute; right: 0; top: 0;}
.hosting-security {background: url("/img/default_front_end/WebHosting_security_watermark.png") no-repeat right 0; height: 250px; padding-top:25px;}

.hosting-features ul li, .hosting-security ul li {
    list-style-image: url("/img/default_front_end/WebHosting_checkmark.png");
    margin-top: 12px;
}

.web-design-featured {background: url("/img/default_front_end/WebHosting_features_watermark.png") no-repeat 0 0;height: 250px; position:relative;}
.arrowed-list li {
    list-style-image: url("/img/default_front_end/WebDesign_arrow.png");
    margin-top: 12px;
}

.mouseovers .mouseover {cursor: pointer;}

.secure-email-bg {background: url("/img/default_front_end/SecureEmail_NoHassles_watermark.png") no-repeat; background-position: center;}

.tooltip {margin-left: 10px;}

.show-list .show-item {list-style: none; padding-bottom: 4px; font-size: 1.3em;}
.show-list .show-item div .date{background-color: #292929; border-bottom: 1px solid #95c0d0; padding: 12px; color:#ffffff;letter-spacing: 1px; margin-top: 2px; display: block; text-align: center;}
.show-list .show-item div {padding: 6px;}

.hompage-top-bg {background:url("/img/default_front_end/HomePage_Banner.png"); background-size: 100% 100%;}
.homepage-login {background: #484848;}
.homepage-login-inside {padding:0; margin-left:13px;}
.homepage-checks {background:url("/img/default_front_end/Services_Checks.png"); background-size: 100% 100%;}
.homepage-web {background:url("/img/default_front_end/Services_Web.png"); background-size: 100% 100%;}
.homepage-coupons {background:url("/img/default_front_end/Services_Coupons.png"); background-size: 100% 100%;}

.why-bg {background:url("/img/default_front_end/WhyChooseUs_background_image.png"); background-size: 100% 100%;}

//.instLogin {padding: 0 25px;font-size: 14px;}    
.instLogin a:link a:visited a:hover a:active {
    color: #fff;
}
.instLogin a:visited {
    color: #fff;
}
.instLogin a:hover {
    color: #fff;
}
.instLogin a:active {
    color: #fff;
}

.category-image {
    //min-height:250px; //Removed for now.  No current issues with multiple line names
}

.services-sublinkdiv {
    float:left; 
    margin-top:5px;
    width:100%;
}

.services-sublinks {
    line-height: 1em;
}

.blue-bttn {
    background-color: #405C6D;
    border: none;
    color: white;
    padding: 15px 25px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    float: left;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}