﻿/** GENERAL STYLES **/
body {
  background: #FFF;
  color: #323232;
  font-family: 'Raleway', sans-serif; }

h1, h2, h3, h4, h5, input.text, select, textarea {
  font-family: 'Raleway', sans-serif; }

a {
  color: #0068AA; }
  a:hover {
    text-decoration: none; }

.cufon-black {
  font-weight: bold; }

h2.artwork {
  border: none;
  font-size: 38px;
  padding-left: 0;
  padding-right: 0; }

h3.review {
  width: 960px !important; }

input.submit {
  font-family: 'Raleway', sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: normal; }

.newContainer {
  padding-top: 100px; }

/** END **/
/** TOP NAV STYLES **/
#topContainer {
  height: auto;
  padding: 0; }

#logo {
  left: 0;
  top: 0; }

ul#topNav {
  top: 15px; }
  ul#topNav li {
    padding-top: 0;
    font-size: 14px; }
    ul#topNav li a {
      color: #323232; }
      ul#topNav li a.home {
        color: #323232 !important;
        font-weight: normal; }
    ul#topNav li.contact {
      padding-left: 0;
      background: none; }
    ul#topNav li a.logout:before {
      font-family: FontAwesome;
      padding-right: 10px;
      content: "\f023";
      color: #0068AA; }
    ul#topNav li a.contact:before {
      font-family: FontAwesome;
      padding-right: 10px;
      content: "\f095";
      color: #0068AA; }
    ul#topNav li a.account:before {
      font-family: FontAwesome;
      padding-right: 10px;
      content: "\f007";
      color: #0068AA; }

ul#mainNav {
  position: relative;
  float: right;
  top: 0;
  margin-top: 75px; }
  ul#mainNav li {
    margin: 0;
    padding: 0;
    border: none; }
  ul#mainNav.artwork li {
    width: 290px; }
    ul#mainNav.artwork li.archive {
      width: 90px; }
  ul#mainNav.ordering li {
    width: 260px; }
    ul#mainNav.ordering li.new {
      width: 180px; }
  ul#mainNav.ordering.admin li {
    width: 320px; }
  ul#mainNav.artworkadmin li {
    width: 192px; }
  ul#mainNav.admin li {
    width: 160px; }
  ul#mainNav.reporting li {
    width: 320px; }
  ul#mainNav a {
    display: block;
    padding: 20px 0;
    text-align: center;
    color: #FFF !important;
    background-image: url("/images/corner.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 20% auto; }
    ul#mainNav a.bg-1 {
      background-color: #0068AA; }
    ul#mainNav a.bg-2 {
      background-color: #00ADEF; }
    ul#mainNav a.bg-3 {
      background-color: #63BEB6; }
    ul#mainNav a.admin_portuguese {
      color: #0068AA !important;
      padding: 10px 0; }

a.admin_portuguese {
  position: relative;
  top: 0;
  right: 0;
  width: 192px;
  background: none;
  float: right;
  margin-right: 0; }

/** END **/
/** ARTWORK STYLES **/
#landingTop {
  width: 960px;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  background: none; }
  #landingTop.pad {
    padding-top: 95px; }
  #landingTop h2 {
    font-size: 40px;
    width: 500px;
    padding-right: 50px; }
  #landingTop p {
    color: #323232;
    width: 400px;
    padding-top: 35px;
    font-size: 14px; }
  #landingTop .left {
    width: 470px; }
    #landingTop .left a.block {
      width: 200px;
      font-size: 14px;
      padding: 10px 20px;
      box-sizing: border-box;
      font-weight: normal; }

#landingBottom {
  background: none;
  padding: 0; }
  #landingBottom #loginArea {
    margin-top: 120px;
    padding: 50px 40px 25px;
    box-sizing: border-box;
    width: 100%;
    background: #00ADEF;
    height: auto; }
    #landingBottom #loginArea h3 {
      border: none;
      font-size: 30px; }
    #landingBottom #loginArea input.text {
      box-sizing: border-box;
      display: block;
      width: 425px;
      float: left;
      margin-right: 30px;
      height: 55px;
      line-height: 55px;
      font-size: 16px; }
      #landingBottom #loginArea input.text.last {
        margin-right: 0; }
    #landingBottom #loginArea input.login {
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 55px;
      line-height: 55px;
      font-size: 16px;
      font-weight: 300;
      text-align: center;
      padding: 0;
      margin: 25px 0 35px;
      font-family: 'Raleway', sans-serif; }
    #landingBottom #loginArea a {
      font-weight: 300;
      font-size: 12px; }
    #landingBottom #loginArea .botLinks {
      width: 430px;
      padding-right: 20px;
      text-align: right;
      float: left; }
      #landingBottom #loginArea .botLinks.right {
        text-align: left;
        padding: 0; }
    #landingBottom #loginArea .username, #landingBottom #loginArea .password, #landingBottom #loginArea .alter {
      height: auto; }
  #landingBottom .general_section {
    width: 465px;
    margin-right: 30px;
    padding: 20px 0; }
    #landingBottom .general_section img {
      width: 100%; }
    #landingBottom .general_section.last {
      margin-right: 0; }
    #landingBottom .general_section h3 {
      font-weight: 300;
      padding: 18px 20px;
      background: #2F395A !important;
      height: auto; }
      #landingBottom .general_section h3 .cufon-black {
        font-weight: 300; }
      #landingBottom .general_section h3.light {
        background: #0068AA !important; }
  #landingBottom .section {
    padding: 20px 0;
    margin-right: 30px;
    width: 300px; }
    #landingBottom .section img {
      width: 100%; }
    #landingBottom .section h3 {
      font-weight: 300;
      padding: 18px 20px;
      background: #0068AA !important;
      height: auto; }
      #landingBottom .section h3 .cufon-black {
        font-weight: 300; }
      #landingBottom .section h3.light {
        background: #00ADEF !important; }
      #landingBottom .section h3.dark {
        background: #2F395A !important; }

#requestContainer {
  width: 960px;
  padding: 0; }
  #requestContainer h3 {
    padding-bottom: 40px; }
  #requestContainer h4 {
    font-weight: normal; }
  #requestContainer #productList .product-group {
    width: 300px;
    margin-right: 30px;
    padding: 0;
    background: none; }
    #requestContainer #productList .product-group img {
      width: 100%;
      margin: 0; }
    #requestContainer #productList .product-group h3 {
      box-sizing: border-box;
      width: 100%;
      font-weight: 300;
      padding: 18px 20px;
      background: #0068AA !important;
      height: auto;
      background: none;
      color: #FFF; }
  #requestContainer ul#yourRequest {
    font-size: 12px;
    width: 960px; }
  #requestContainer #requestDetails .option {
    background: none;
    border-top: 4px solid #0068AA; }
  #requestContainer #requestDetails h4 {
    font-weight: normal; }

#requestTop #searchContainer {
  width: 720px; }

#reviewTop p.range {
  width: 325px; }
  #reviewTop p.range span {
    width: 190px; }

#reviewTop p.customer {
  width: 310px; }
  #reviewTop p.customer span {
    width: 220px; }

#reviewTop p.awno {
  width: 290px; }
  #reviewTop p.awno span {
    width: 220px; }

#reviewBottom {
  background: none;
  border-top: 4px solid #0068AA;
  padding: 40px 0 25px; }
  #reviewBottom .bottom {
    background: none;
    border-top: 4px solid #0068AA;
    padding: 30px 0 5px; }

/** END **/
/** ORDERING STYLES **/
table.order {
  width: 960px; }
  table.order input.addline {
    font-size: 12px;
    padding: 10px 15px;
    font-family: 'Raleway', sans-serif;
    font-weight: normal; }
  table.order tbody tr td {
    font-size: 12px; }

table.review td {
  font-size: 12px; }

/** FOOTER STYLES **/
#footerShadow {
  background: none;
  border-top: 4px solid #F2F2F2;
  margin-top: 40px; }

#footerContent {
  background: none;
  padding: 0 0 20px; }
  #footerContent a {
    color: #323232 !important; }
  #footerContent img.logo {
    display: block;
    float: left;
    width: 115px;
    height: 115px; }
  #footerContent .textContainer {
    width: 700px;
    float: right;
    text-align: right; }
  #footerContent #footerNav {
    font-size: 16px;
    position: relative;
    top: 0;
    padding: 30px 0 40px; }
    #footerContent #footerNav li {
      float: right;
      padding: 0 0 0 35px; }
  #footerContent p.copyright {
    width: 700px;
    font-size: 12px;
    text-align: right;
    color: #323232; }

/** END **/
#disclaimerContent {
  padding: 100px 0 0; }

a.solutions {
  display: inline-block;
  float: right;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px; }

.supportDownloads .teamviewer {
  padding: 15px 0 10px; }

.supportDownloads .supportDownload {
  padding-bottom: 25px; }
  .supportDownloads .supportDownload img {
    display: block;
    float: left;
    padding-right: 70px;
    padding-top: 15px; }
  .supportDownloads .supportDownload a {
    color: #7c7c7b; }
  .supportDownloads .supportDownload .desc {
    width: calc(100% - 170px);
    font-size: 14px;
    line-height: 20px;
    float: left;
    padding-top: 20px; }
    .supportDownloads .supportDownload .desc span.title {
      width: 100%;
      font-size: 16px;
      line-height: 24px; }
  .supportDownloads .supportDownload.monarch img {
    padding-right: 40px; }
  .supportDownloads .supportDownload.monarch .desc {
    padding-top: 16px; }
