@import url('/css/reset-min.css');
@import url('/css/base-min.css');

html {background:url(/img/noise.jpg) left top repeat;}

body {
  color:#333;
  font-size:62.5%;
  font-family:"Helvetica Neue", Helvetica, sans-serif;
  }

a:link, a:visited {
  color:#cc5300;
  text-decoration:none;
  }
a:hover, a:active {
  color:#fd7c11;
  }
  
/*-- Site Structure --*/
#wrap {
  width:960px;
  margin:0 auto;
  padding:1em 0 4em;
  font-size:1.3em;
  line-height:1.4em;
  }
  #wrap > div {
    padding:0 10px;
    background:url(/img/content.jpg) center top repeat-y;
    }
  #masthead {
    background:url(/img/top.jpg) center top no-repeat !important;
    height:50px;
    color:#c3c4c4;
    }
    #masthead ul {
      margin:0 40px 0 0;padding:0;
      float:right;
      }
      #masthead ul li {
        margin:0 0 0 10px;padding:0;
        list-style:none;
        float:left;
        }
        #masthead ul li div#search {
          height:35px;
          width:247px;
          padding-top:8px;
          background:url(/img/search-bg.jpg) left center no-repeat;
          }
          #masthead ul li div#search input#s {
            background:url(/img/search-field.jpg) left center no-repeat;
            border:none;
            margin:0 0 0 12px;
            float:left;
            height:22px;
            color:#77797b;
            width:154px;
            padding:5px 0 0 26px;
            }
          #masthead ul li div#search input#searchsubmit {
            float:left;
            }
    #masthead span {
      position:relative;
      top:12px;
      font-family:"Arial Rounded MT Bold", Arial, sans-serif;
      font-size:12px;
      }
  #header {
    padding:5px 10px 15px !important;
    background:url(/img/content.jpg) center top repeat-y;
    }
    #header h1#logo {
      float:left;
      margin:0 0 0 40px;
      padding:0;
      }
      #header h1#logo a {
        float:left;
        display:block;
        height:0;
        padding-top:51px;
        width:240px;
        overflow:hidden;
        background:url(/img/logo.gif) left top no-repeat;
        }
  #content {
    padding-bottom:60px !important;
    background:url(/img/content.jpg) center top repeat-y;
    }
  #main {
    float:right;
    width:620px;
    margin-right:40px;
    background:#FFF;
    }
  #sidebar {
    float:left;
    width:240px;
    min-height:493px;
    background:url(/img/sidebar-bg.jpg) right top no-repeat;
    }
  #footer {
    padding-bottom:1px !important;
    color:#494a4a;
    font-size:12px;
    background:url(/img/content.jpg) center top repeat-y;
    }
    #footer-content {
      border:1px solid #BDD3DE;
      margin:0 auto;
      width:936px;
      background:url(/img/blue-tile.jpg) left bottom repeat;
      }
      #footer-content .cloud {
        background:url(/img/footer.jpg) left bottom no-repeat;
        padding-bottom:1em;
        z-index:100;
        }
    #footer .section {
      float:left;
      }
    #footer h2 {
      color:#506773;
      font-weight:normal;
      font-size:16px;
      }
    #footer #about-us-section {
      width:280px;
      padding:0 60px 0 20px;
      margin-right:20px;
      }
    #footer #blog-section {
      width:260px;
      margin-right:20px;
      }
      #footer .by {
        font-size:10px;
        text-transform:uppercase;
        color:#758d99;
        }
      #footer .by em {
        font-family:Georgia,serif;
        font-style:italic;
        text-transform:lowercase;
        }
      #footer .by span {
        margin:0 5px;
        }
    #footer #twitter-section {
      width:260px;
      padding-bottom:20px;
      margin-left:;
      }
      #footer #twitter-section h2 {
        float:left;
        }
      #footer #twitter-section a.twitter-link {
        float:left;
        margin:10px 0 0 10px;
        }
      #footer #twitter-section #tweet {
        width:241px;
        background:#FFF;
        padding:10px;
        box-shadow:0 1px 2px #BBB;
        -moz-box-shadow:0 1px 2px #BBB;
        -webkit-box-shadow:0 1px 2px #BBB;
        position:relative;
        }
        #footer #twitter-section #tweet img {
          position:absolute;
          bottom:-14px;
          right:30px;
          }
        #footer #twitter-section #tweet .tweeted {
          font-size:11px;
          color:#506773;
          }
        ul.tweet_list,
        ul.tweet_list li {
          margin:0;padding:0;
          list-style:none;
          }
  #sub-footer {
    font-family:"Arial Rounded MT Bold", Arial, sans-serif;
    font-weight:normal;
    font-size:11px;
    background:url(/img/sub-footer.jpg) center bottom no-repeat !important;
    height:50px;
    }
    #sub-footer #copyright {
      float:left;
      padding:12px 0 0 55px;
      color:#FFF;
      }
    #sub-footer #contact-us {
      float:right;
      color:#d8e4ea;
      margin:7px 20px 0 0;
      }
      #sub-footer #contact-us a {
        height:26px;
        line-height:26px;
        display:inline-block;
        margin-left:10px;
        padding-left:27px;
        color:#494a4a;
        font-family:"Helvetica Neue", Helvetica, sans-serif;
        font-weight:normal;
        }
        #sub-footer #contact-us a:hover {
          color:#506773;
          }
      #sub-footer #contact-us a#north-america {
        background:url(/img/north-america.jpg) left center no-repeat;
        }
      #sub-footer #contact-us a#europe {
        background:url(/img/europe.jpg) left center no-repeat;
        }
        #sub-footer #contact-us a span {
          display:block;
          padding:0 8px 0 5px;
          background:url(/img/contact-us-bg.jpg) right center no-repeat;
          }
/*-- MAIN --*/
#main h1 {
  color:#fd7c11;
  font-size:24px;
  line-height:1.2em;
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
  margin:0 0 10px;padding:0;
  }
#main h2 {
  font-family:Georgia,serif;
  color:#9a9b9b;
  font-size:16px;
  font-weight:normal;
  margin:0 0 1em;padding:0;
  }
#main h3 {
  color:#506773;
  font-size:16px;
  line-height:1.2em;
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
  margin:0 0 1em;padding:0;
  }
ul#tertiary-nav {
  margin:0 0 20px;padding:0;
  list-style:none;
  background:url(/img/tertiary-nav-bg.jpg) center top no-repeat;
  text-align:center;
  }
  ul#tertiary-nav li {
    margin:0 10px;padding:0;
    list-style:none;
    display:inline;
    }
    ul#tertiary-nav li a {
      color:#999;
      height:31px;
      line-height:31px;
      }
    ul#tertiary-nav li.current_page_item a,
    ul#tertiary-nav li.current_page_item a:hover {
      color:#ffa800;
      }
      ul#tertiary-nav li a:hover {
        color:#666;
        }
/*-- SIDEBAR --*/
#sidebar ul.sidebar,
#sidebar ul.sidebar li {
  list-style:none;
  margin:0;padding:0;
  }
  #sidebar ul.sidebar li ul,
  #sidebar ul.sidebar li ul li {
    list-style:disc;
    }
  #sidebar ul.sidebar li div {
    margin:0 2em;
    }
#sidebar h2 {
  color:#506773;
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
  font-size:16px;
  margin:0 0 0 20px;
  }
#sidebar h3 {
  color:#506773;
  font-size:13px;
  margin:0 0 0 20px;
  font-weight:normal;
  padding:0;
  }
#sidebar ul.blog {
  margin:10px 0;padding:0 0 0 2em;
  }
#sidebar ul.blog li {
  list-style:none;
  padding-left: 10px;
  background-image: url(/img/bullet.jpg);
  background-repeat: no-repeat;
  background-position: 0 .5em;
  }
#sidebar ul#seconday-nav {
  margin:0 0 40px;padding:0;
  list-style:none;
  }
  #sidebar ul#seconday-nav li {
    margin:0;padding:0;
    list-style:none;
    float:left;
    }
  #sidebar ul#seconday-nav li a {
    color:#506773;
    float:left;
    display:block;
    padding:6px 0 6px 20px;
    width:220px;
    }
    #sidebar ul#seconday-nav li.current_page_item a,
    #sidebar ul#seconday-nav li.current_page_item a:hover,
    #sidebar ul#seconday-nav li.current_page_parent a,
    #sidebar ul#seconday-nav li.current_page_parent a:hover {
      color:#FFF;
      background:#758D99 url(/img/secondary-nav-on.jpg) right center no-repeat;
      }
    #sidebar ul#seconday-nav li a:hover {
      background-color:#DCE2E5;
    }
ul#actions {
  margin:3em 0 0;padding:0;
  list-style:none;
  }
ul#actions li {
  margin:0 0 2px;padding:0;
  list-style:none;
  float:left;
  display:block;
  border-top:1px solid #ACC69E;
  border-right:1px solid #ACC69E;
  border-bottom:2px solid #ACC69E;
  border-top:1px solid #999;
  border-right:1px solid #999;
  border-bottom:2px solid #999;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  }
  ul#actions li a {
    float:left;
    display:block;
    width:150px;
    height:32px;
    padding:0 0 0 60px;
    background:#CCC;
    color:#666;
    text-shadow:0 1px 0 #FFF;
    font-weight:bold;
    border:1px solid #DDD;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    background-image:url(/img/action-nav-icons.gif);
    background-repeat:no-repeat;
    }
    ul#actions li a#contact-us {background-position:16px -32px;}
    ul#actions li a#rss {background-position:16px -128px;}
    ul#actions li a#news {background-position:16px -64px;}
    ul#actions li a#twitter {background-position:16px -96px;}
    ul#actions li a#blog {background-position:16px 0;}
    ul#actions li a:hover {background-color:#BBB;}
    ul#actions a small {
      display:block;
      font-weight:normal;
      line-height:10px;
      }
/*---- HOME ----*/
body.home div#notice {
  width:900px;
  margin:0 auto;
  padding:20px 0;
  }
  body.home div#notice p {
    margin:0;padding:0;
    }
body.home div#case-studies {
  float:left;
  width:320px;
  padding-left:20px;
  margin-right:20px;
  }
body.home div#news {
  float:left;
  width:260px;
  padding-left:20px;
  }
body.home #newsletter-signup {
  float:right;
  border-top:1px solid #C3C4C4;
  border-bottom:2px solid #C3C4C4;
  border-left:1px solid #C3C4C4;
  background:url(/img/newsletter-bg.jpg) left center repeat;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  }
  body.home #newsletter-signup div {
    border:1px solid #FFF;
    padding:0 40px 20px 20px;
    width:220px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    }
  #newsletter-signup h2 {
    font-family:"Arial Rounded MT Bold", Arial, sans-serif;
    margin:0;
    padding:0;
    color:#77797b;
    line-height:40px;
    }
    #newsletter-signup h2 span {
      padding:0 36px 0 0;
      height:28px;
      display:inline-block;
      background:url(/img/icon-newsletter-signup.jpg) right top no-repeat;
      }
  #newsletter-signup ul,
  #newsletter-signup ul li {
    margin:10px 0 0;padding:0;
    list-style:none;
    }
  #newsletter-signup input[type="text"] {
    width:220px;
    }
body.home #case-studies div,
#news > div {
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  border-top:1px solid #A2B7C3;
  border-right:1px solid #A2B7C3;
  border-bottom:2px solid #A2B7C3;
  margin:0 0 10px -20px;
  }
  body.home #case-studies div h2,
  #news div h2 {
    border:1px solid #F2F5F7;
    background:url(/img/blue-tile.jpg) left center repeat;
    padding:10px 10px 10px 20px;
    color:#506773;
    font-family:"Arial Rounded MT Bold", Arial, sans-serif;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    }
  #news > div {
    border-left:1px solid #A2B7C3;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }
  #news > div,
  #news div h2 {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    }
    div#news div div.button {
      position:absolute;
      right:10px;
      top:10px;
      }
    #news div.news-post {
      border:none;
      padding-left:20px;
      }
    #news .news-date {
      font-size:11px;
      color:#999;
      text-transform:uppercase;
      }
  body.home #case-studies h3,
  #news h3 {
    color:#77797b;
    margin:0 0 1em;
    padding:0;
    font-size:1em;
    font-weight:normal;
    }
  body.home #case-studies strong {
    font-size:15px;
    }
  body.home #case-studies p {
    font-size:12px;
    }
  body.home #case-studies a.more {
    color:#506773;
    text-transform:uppercase;
    font-size:10px;
    }
    body.home #case-studies a:hover {
      color:#fd7c11;
      }
/*-- SOLUTIONS --*/
#intro-image {
  margin-bottom:1em;
  }
  .q {background:url(/img/intro-q.jpg) left center no-repeat;}
  .assortment-range-planning {background:url(/img/intro-assortment.jpg) left center no-repeat;}
  .forecast-order-planning {background:url(/img/intro-forecast.jpg) left center no-repeat;}
  .replenishment-allocation {background:url(/img/intro-replenishment.jpg) left center no-repeat;}

/*-- BLOG --*/
.addthis {
  margin:0 10px 20px 0;
  }
p.by-line {
  color:#9a9b9b;
  font-family:Georgia,serif;
  }
  p.by-line a {
    color:#9a9b9b;
    text-decoration:underline;
    }
#main div.post {
  padding:0 0 2em;
  margin:0 0 3em;
  background:url(/img/hr.jpg) bottom left no-repeat;
  }
a.continue-reading {
  font-size:11px;
  text-transform:uppercase;
  background:url(/img/continue.jpg) right center no-repeat;
  padding:1px 10px 1px 0;
  }
.navigation {
  margin:0 0 2em;
  padding:0 40px 0 0;
  }
ol.commentlist {
  margin:0;padding:0 0 10px;
  list-style:none;
  background:url(/img/hr.jpg) bottom center no-repeat;
  }
  ol.commentlist li {
    margin:0;padding:0;
    list-style:none;
    }
.comment-author img.avatar {
  float:left;
  padding:1px;
  border:1px solid #999;
  margin:0 10px 10px 0;
  }
.comment-meta {
  color:#9a9b9b;
  font-size:10px;
  text-transform:uppercase;
  }
.comment-body {
  padding-bottom:40px;
  }
  .comment-author-data {
    float:left;
    width:160px;
    }
  .comment-text {
    float:right;
    width:420px;
    }
form#commentform label {
  color:#9a9b9b;
  font-size:10px;
  text-transform:uppercase;
  }
em.required {
  color:#F60;
  font-weight:bold;
  font-size:16px;
}

/*-- INDUSTRY NEWS --*/
#industry-news-tweets ul {
  margin:0;padding:0;
  list-style:none;
  }
  #industry-news-tweets ul li {
    margin:0 0 10px;padding:0 0 10px;
    list-style:none;
    background:url(/img/hr.jpg) center bottom no-repeat;
    }
    #industry-news-tweets ul li a.tweet_avatar {
      float:left;
      padding:0 10px 0px 0;
      }
      #industry-news-tweets ul li p {
        margin:0;padding:0;
        }
      #industry-news-tweets ul li .tweeted {
        font-size:11px;
        color:#999;
        }
/*-- LEADERSHIP & PODCAST & WHITE PAPERS --*/
.bio,
.podcast,
.white-paper {
  margin:0 0 20px;
  padding:0 0 20px;
  background:url(/img/hr.jpg) bottom center no-repeat;
  }
  .bio img {
    float:left;
    margin:0 20px 20px 0;
    }
#main .podcast h1 {
  padding:6px 0 0 30px;
  background:url(/img/h1-podcast.jpg) left center no-repeat;
  font-size:20px;
  }
#main .white-paper h1 {
  padding:6px 0 0 30px;
  background:url(/img/h1-white-paper.jpg) left center no-repeat;
  font-size:20px;
  }
/*-- CUSTOMERS --*/
.customer {
  padding:50px 0 0;
  background-position:center top;
  background-repeat:no-repeat;;
  }
.retail {background-image:url(/img/hr-retail.gif);}
.grocery {background-image:url(/img/hr-grocery.gif);}
.specialty {background-image:url(/img/hr-specialty.gif);}
.fashion {background-image:url(/img/hr-fashion.gif);}

/*-- CONTACT US --*/
.contact-form-wrap {
  width:360px;
  }
div.contact-info {
  float:right;
  width:220px;
  }
div.contact-info > div {
  color:#494a4a;
  margin:0 -40px 10px 0;
  font-size:11px;
  border-top:1px solid #999;
  border-left:1px solid #999;
  border-bottom:2px solid #999;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  }
  div.contact-info li.current_page_item a {
    color:#fd7c11;
    }
  div.contact-info div div {
    padding:20px;
    background:#F1F1F1;
    border-top:1px solid #FFF;
    border-left:1px solid #FFF;
    border-bottom:2px solid #FFF;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    }
    .contact-info div.us strong {
      padding-left:22px;
      background:url(/img/flag-us.jpg) left center no-repeat;
      }
    .contact-info div.uk strong {
      padding-left:22px;
      background:url(/img/flag-uk.jpg) left center no-repeat;
      }
  .contact-info strong {
    font-size:12px;
    }
/*-- Utilities --*/
.rounded {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  }
div.button {
  border:1px solid #FFF;
  float:left;
  margin-right:10px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  line-height:16px;
  }
  div.button a {
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:block;
    border:1px solid #D0E1EB;
    background:#EEF3F7;
    color:#758d99;
    padding:1px 10px 0;
    }
    div.button a:hover {
      background:#FFF;
      }
    div.button a span {
      padding-right:10px;
      background:url(/img/about-us-arrow.gif) right center no-repeat;
      }
.clear {clear:both;}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
*, * focus {
  outline:none;
  margin:0;
  padding:0;
  }
input[type="text"] {
  background:#FFF url(/img/input-text-bg.gif) left top repeat-x;
  border:1px solid #C3C4C4;
  padding:5px 10px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color:#666;
  }
#hubspot textarea,
textarea#comment {
  background:#FFF url(/img/input-text-bg.gif) left top repeat-x;
  border:1px solid #C3C4C4;
  padding:5px 10px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  color:#666;
  width:420px;
  }
#hubspot input[type="text"],
#hubspot textarea {
  width:200px;
}

p.edit-page a {
  padding:2px 0 2px 20px;
  background:url(/img/icon-edit.gif) left center no-repeat;
  }
.alignleft {float:left;}
.alignright {float:right;}

form li {
  padding:0;
}

div#title-icon {
  float:left;
  margin:0 20px 20px 0;
  }

th, td {border:none;}