/*
@font-face {
  font-family:"HelveticaNeueLTStd-Thin";
  src:url("../webfonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
  src:local("‚ò∫"),
    url("../webfonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"),
    url("../webfonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"),
    url("../webfonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"),
    url("../webfonts/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
  font-weight:normal;
  font-style:normal;
}
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {background-color:#FFFFFF;padding:0;margin:0;}
html,body,.btn {font-family:'Open Sans',sans-serif,arial;font-size:14px;line-height:1.5em}
div#body {margin:auto;background-image:url(../images/header-bg.png);background-repeat:repeat-x}
div#all {width:960px;margin:auto}
div#header {padding-top:15px;text-align:center}
div#contentarea,div#contentarea2 {padding:0 1px/*padding-left:13px;padding-top:9px*/;background-color:#ffffff;/*margin:auto 22px auto 24px;*/border-left:solid 1px #f1f1f1;border-right:solid 1px #f1f1f1;border-bottom:solid 1px #f1f1f1}
div#wrapper {padding-top:3px;padding-bottom:15px}
div.wrap {clear:both}
.with-featherlight div.featherlight {overflow-y:scroll;-webkit-overflow-scrolling:touch;}

div.usermenu {float:right;padding-bottom:4px}
div.pathway {padding-bottom:0.5em}

nav.navbar {margin-bottom:4px;float:none}
.navbar-inner,
.navbar-inner div.container-fluid {padding-left:0px;padding-right:0px;min-height:34px}
nav.navbar ul#navmenu > li > a {padding:7px 10px}
nav.navbar ul.nav-user li > a {display:inline-block;padding:6px}
nav.navbar ul.nav-user .navbar-text {line-height: 34px}
nav.navbar ul.nav-user .navbar-text .btn {margin-top:0px;margin-right:2px}
nav.navbar .btn-navbar {float:none;width:25px;margin-top:2px;padding:4px 10px;padding-bottom: 0px}
ul#navmenu.collapse {height:auto}
ul#navmenu li.disabled a {color:#ccc}
div.table-responsive table {max-width:960px}

/* -- MOBILE --- */
@media screen and (max-width: 979px) {
  nav.navbar .btn-navbar {display:none}
}
@media screen and (max-width: 959px) {
  div#body > div#all {margin-left:0;width:100%}
  div.table-responsive {overflow-x:auto}
  div.table-responsive table {max-width:100%}

  ul#navmenu.collapse {height:0;width:100%}
  ul#navmenu li {float:none}
  nav.navbar ul#navmenu li.disabled a:hover {background-color:transparent;color:#ccc}
  nav.navbar ul#navmenu li a:hover {background-color:#025A8D;color:#fff}
  .navbar .btn-navbar {
    display:block !important;
    background: #17568c;
    background: -moz-linear-gradient(top,#17568c 0%,#1a3867 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#17568c),color-stop(100%,#1a3867));
    background: -webkit-linear-gradient(top,#17568c 0%,#1a3867 100%);
    background: -o-linear-gradient(top,#17568c 0%,#1a3867 100%);
    background: -ms-linear-gradient(top,#17568c 0%,#1a3867 100%);
    background: linear-gradient(top,#17568c 0%,#1a3867 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17568c',endColorstr='#1a3867',GradientType=0);
    border: 1px solid #0D2242;
    margin-bottom: 2px;
  }
  .navbar .btn-navbar .jicon-bar {
    display: block;
    width: 24px;
    height: 3px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 0 rgba(0,0,0,0.25);
  }
  .btn-navbar .jicon-bar + .jicon-bar {
    margin-top: 3px;
  }
  .btn-navbar .jtext {
    font-size:10px;
    position:relative;
    left:-2px;
    top:1px;
    line-height: 14px
  }
}
@media screen and (max-width:480px) {
  #search {width:130px}
  .input-mini {width:32px}
}
#toTop {display:none;position:fixed;right:5px;bottom:5px;background-color:#121212;border:1px solid #333333;color:#ffffff;cursor:pointer;font-size:14px;padding:5px;text-align:center;width:100px;z-index:101;box-shadow:3px 3px #cccccc}
#toDown {width:40px;height:40px;background-color:#00aae1;border-radius:20px;margin-left:-20px;margin-bottom:0px;position:fixed;left:50%;bottom:0;z-index:99;cursor:pointer;opacity:0}
#toDown i {font-weight:bold;color:#fff;margin-left:6px;margin-top:2px}
#toDown.bounce {animation: bounce 30s infinite}

/* Footer */
div#footer {/*margin:auto 22px auto 24px*/}
div#footer .copyright {margin:0;padding-top:6px}
p.copyright {font-size:11px;padding-top:6px;color:#000000}
p.copyright a {font-size:11px;color:#0000cc;text-decoration:none}

/* Headings */
h1 {font-size:180%;line-height:1.15em}
h2 {font-size:150%;line-height:1.15em}
h3 {font-size:125%;line-height:1.15em}
h4 {font-size:100%;line-height:1.15em}

/* Icons */
div.header {line-height:50px;padding-left:60px}
div.jicon-48-home {background-image:url("../images/header/icon-48-home.png")}

div.jicon-48-categorypricing,
div.jicon-48-categories {background-image:url("../images/header/ico-48-categories.png")}
div.jicon-48-subcategories {background-image:url("../images/header/icon-48-print.png")}
div.jicon-48-products {background-image:url("../images/header/icon-48-generic.png")}
div.jicon-48-productcolors {background-image:url("../images/header/icon-48-colors.png")}
div.jicon-48-importdata {background-image:url("../images/header/icon-48-import.png")}
div.jicon-48-exportdata {background-image:url("../images/header/icon-48-export.png")}
div.jicon-48-terms {background-image:url("../images/header/icon-48-featured.png")}

div.jicon-48-quotes {background-image:url("../images/header/icon-48-content.png")}
div.jicon-48-staff {background-image:url("../images/header/ICO_ManageSalesStaff.png")}
div.jicon-48-search {background-image:url("../images/searchtext.png")}
div.jicon-48-locations {background-image:url("../images/header/ICO_ManageOrderForms.png")}
div.jicon-48-stores {background-image:url("../images/header/ICO_StoreSettings.png")}
div.jicon-48-users {background-image:url("../images/header/icon-48-user.png")}
div.jicon-48-subscribers,
div.jicon-48-customers {background-image:url("../images/header/ICO_ManageCustomers.png")}
div.jicon-48-productdata {background-image:url("../images/header/icon-48-productdata.png")}
div.jicon-48-unavailablecategories,
div.jicon-48-unavailableproducts,
div.jicon-48-productunavailable {background-image:url("../images/header/icon-48-productunavailable.png")}
div.jicon-48-orderforms,
div.jicon-48-orders {background-image:url("../images/header/icon-48-orders.png")}
div.jicon-48-orderformtemplates {background-image:url("../images/header/ICO_Templates.png")}
div.jicon-48-franchisereports,
div.jicon-48-orderform-reports,
div.jicon-48-reports {background-image:url("../images/header/ICO_Reports.png")}
div.jicon-48-support,
div.jicon-48-account {background-image:url("../images/header/ICO_Billing.png")}
div.jicon-48-pricing {background-image:url("../images/header/icon-48-pricing.png")}
div.jicon-48-producttypes {background-image:url("../images/header/icon-48-producttypes.png")}
div.jicon-48-knowledgebase {background-image:url("../images/header/icon-48-info.png")}
div.jicon-48-tickets {background-image:url("../images/header/icon-48-info.png")}
div.jicon-48-announcements {background-image:url("../images/header/icon-48-announce.png")}
div.jicon-48-training {background-image:url("../images/header/ICO_LearningCenter.png")}
div.jicon-48-downloads {background-image:url("../images/header/icon-48-download.png")}
div.jicon-48-logout {background-image:url("../images/header/icon-48-logout.png")}
div.jicon-48-additem {background-image:url("../images/header/ico-48-additem.png")}
div.jicon-48-editorderform {background-image:url("../images/header/ico-48-editorderform.png")}
div.jicon-48-purchaser {background-image:url("../images/header/icon-48-purchaser.png")}
div.jicon-48-orderform-securitycode {background-image:url("../images/header/icon-48-creditcards.png")}
div.jicon-48-dash {background-image:url("../images/header/icon-48-menumgr.png")}
div.jicon-48-notifications {background-image:url("../images/header/icon-48-newsfeeds.png")}
div.jicon-48-franchises {background-image:url("../images/header/icon-48-groups.png")}
div.jicon-48-themes {background-image:url("../images/header/icon-48-themes.png")}
div.jicon-48-marketing {background-image:url("../images/header/ICO_MarketingTools.png")}
div.jicon-48-oftemplate {background-image:url("../images/header/ico-48-oftemplate.png")}
div.jicon-48-emailmarketing {background-image:url("../images/header/ico_emailmarketing.png")}
div.jicon-48-automatedemails {background-image:url("../images/header/ico_automatedemail.png")}
div.jicon-48-orderfreq {background-image:url("../images/header/ico_orderfrequency.png")}
div.jicon-48-greenrep {background-image:url("../images/header/ico_greenreport.png")}
div.jicon-48-productlookup {background-image:url("../images/header/ico-48-editorderform.png")}
div.jicon-48-phonesupport {background-image:url("../images/header/icon-48-cellphone.png")}

h2.dashempty {text-align:center;margin:2.0em 0}

/* System Errors */
div.error h2 {display:none}
#system-message {margin:0px;padding:0}
#system-message > dt {display:none;font-weight:bold}
#system-message > dd {margin:0;font-weight:bold;text-indent:0}
#system-message > dd > ul {color:#0055BB;padding:6px 10px;margin-left:0;margin-bottom:10px;border-top:3px solid #84A7DB;border-bottom: 3px solid #84A7DB;list-style:none}
#system-message > dd > ul > li {font-size:15px;margin-left:28px;padding:2px 0}
#system-message > dd.message > ul,
#system-message > dd.success > ul {color:#0055BB;background:#C3D2E5 url(../images/system/notice-info.png) 4px center no-repeat;} /* System Standard Messages */
#system-message > dd.error > ul {color:#cc0000;background: #E6C0C0 url(../images/system/notice-alert.png) 4px center no-repeat;border-top:3px solid #DE7A7B;border-bottom:3px solid #DE7A7B} /* System Error Messages */
#system-message > dd.notice > ul {color:#cc0000;background: #EFE7B8 url(../images/system/notice-note.png) 4px center no-repeat;border-top:3px solid #F0DC7E;border-bottom:3px solid #F0DC7E} /* System Notice Messages */
#system-message .alert {margin: 2px 0px;font-size:115%;padding-left:40px}
#system-message .alert h4 {display:none}
#system-message > div.alert-message {color:#0055BB;background:#C3D2E5 url(../images/system/notice-info.png) 4px center no-repeat;} /* System Standard Messages */
#system-message > div.alert-error {color:#cc0000;background: #E6C0C0 url(../images/system/notice-alert.png) 4px center no-repeat;border-top:3px solid #DE7A7B;border-bottom:3px solid #DE7A7B} /* System Error Messages */

div.captcha > div > div {margin:auto}

body.contentpane #system-message {padding-top:0}
body.contentpane p {margin:15px 0}

span.ok {color:green}
span.error {color:red}
a sup {font-size:9px;vertical-align:super}

.shadow {border:1px solid #D0D0D0;-moz-box-shadow: 5px 5px 7px #999;box-shadow: 5px 5px 7px #999;-webkit-box-shadow: 5px 5px 7px #999;}
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-binding:url(ellipsis.xml#ellipsis)}
.disabled {cursor:default;background-image: none;opacity:0.65;filter: alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}


/* -- TOOL BAR ------------------------------- */
#toolbar-collapse {position:relative;transition:height 0.35s ease 0s;display:block;margin-bottom:10px;margin-top:8px}
#toolbar-box {background:#f0f0f0;margin-bottom:0px;display:block;border-bottom:solid 1px #cccccc;border-top:solid 1px #ddd;width:100%}
div.m {border: 1px solid #ccc;padding: 4px;background-color:#f4f4f4;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
body.contentpane #toolbar-box {margin-bottom:0px}
body.contentpane form.form-horizontal {margin-top:10px}
#toolbar-box.fixed {position:fixed;z-index:2000;box-shadow:0 2px 5px rgba(0,0,0,0.2);top:0px;}

/* -- TOOLBAR STYLES ----------------------------- */
/* Page titles */
div.pagetitle {padding-left:60px;background-repeat:no-repeat;margin-left:10px;}
div.pagetitle h2 {line-height:48px;font-size:2em;font-weight:bold;color:#146295;margin:0;padding:0;text-shadow:2px 2px #ccc}
div.pagetitle span {color:#666;}
/* Main toolbars */
div.toolbar-list {float:right;text-align:right;padding:0;margin-top:0;margin-bottom:0}
div.toolbar-list ul {margin:0;padding:0;}
div.toolbar-list li {padding:1px 1px 3px 4px;text-align:center;color:#666;height:48px;list-style:none;float:left;}
div.toolbar-list li.spacer {width:10px;}
div.toolbar-list li.divider {border-right:1px solid #c7c7c7;width:2px;}
div.toolbar-list span {float:none;width:32px;height:32px;margin:0 auto;display:block;}
div.toolbar-list a {display:block;float:left;white-space:nowrap;border:1px solid #F4F4F4;padding:1px 5px;cursor:pointer;font-size:13px}
div.toolbar-list a:hover,
div.toolbar-list a:focus,
div.toolbar-list a:active {border-left:1px solid #eee;border-top:1px solid #eee;border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-decoration:none;color:#0B55C4;}
#toolbar {margin-bottom:0px;margin-top:6px;width:100%}
#toolbar button {background-color:#fff}
#toolbar .btn {line-height: 24px;margin-right:4px; padding:0 10px;background-image:none;font-size:14px}
#toolbar .btn-success {min-width:148px}
#toolbar .btn-primary [class^="fa-"],
#toolbar .btn-primary [class*=" fa-"],
#toolbar .btn-warning [class^="fa-"],
#toolbar .btn-warning [class*=" fa-"],
#toolbar .btn-danger [class^="fa-"],
#toolbar .btn-danger [class*=" fa-"],
#toolbar .btn-success [class^="fa-"],
#toolbar .btn-success [class*=" fa-"],
#toolbar .btn-info [class^="fa-"],
#toolbar .btn-info [class*=" fa-"],
#toolbar .btn-inverse [class^="fa-"],
#toolbar .btn-inverse [class*=" fa-"] {background-color: transparent;border-right: 0;border-left: 0;width: 16px;margin-left: 0;margin-right: 8px;}
#toolbar .btn-success {color:#fff;background-color:#5bb75b;}
#toolbar .btn-info {color:#fff;background-color:#49afcd;}
#toolbar .btn-warning {color:#fff;background-color:#faa732;}
#toolbar #tbar_cancel,
#toolbar #tbar_back,
#toolbar #tbar_options,
#toolbar #tbar_notes,
#toolbar #tbar_help {float:right;}
#toolbar [class^="icon-"],
#toolbar [class*=" icon-"],
#toolbar .fa {background-color:#e6e6e6;border-radius: 3px 0 0 3px;border-right:1px solid #b3b3b3;height:auto;line-height:27px;margin:0 6px 0 -10px;opacity:1;text-shadow:none;width:28px;z-index:-1;font-size:16px;}
.btn-toolbar {margin-bottom: 5px}
.btn-toolbar .btn-wrapper {display:inline-block;margin:0 0 8px 5px;}

/* -- TOOLBAR ICON STYLES ----------------------------- */
/*.fa-archive::before {content:'\f187';}*/
.fa-back::before {content:'\f0a8';}
.fa-convert::before {content:'\f046';}
.fa-copy::before,
.fa-copyfrom::before {content:'\f0c5';}
.fa-delete::before {content:'\f1f8';color:#942a25;}
/*.fa-edit::before {content:'';}*/
.fa-email::before {content:'\f003'; }
.fa-export::before {content:'\f019';}
.fa-help::before {content:'\f059';color:#49afcd;}
.fa-import::before {content:'\f093';}
.fa-life-ring {color:#942a25;}
.fa-locations::before {content:'\f041';}
.fa-move::before {content:'\f0d1';}
.fa-new::before {content:'\f055';color:#378137;}
.fa-next::before {content:'\f054';}
.fa-oftemplate::before {content:'\f067';}
.fa-pay::before {content:'\f0d6';}
.fa-preview::before,
.fa-viewform::before {content:'\f06e';}
.fa-previous::before {content:'\f053';}
/*.fa-print::before {content:'\f02f';}*/
.fa-publish::before {content:'\f00c';color:#378137}
.fa-purge::before {content:'\f014';color:#942a25;}
.fa-revieworder::before {content:'\f022';}
.fa-salesrep::before {content:'\f2b5';}
.fa-stats::before {content:'\f080';}
.fa-submitorder::before {content:'\f0a9';}
.fa-taxrate::before {content:'\f295';}
.fa-tickets::before {content:'\f128';}
.fa-unhide::before {content:'\f017';}
.fa-cancel::before,
.fa-unpublish::before {content:'\f05c';color:#942a25;}
.fa-update::before {content:'\f05d';}
.fa-urgency::before {content:'\f02b';}
.fa-viewpdf::before {content:'\f1c1';}
.fa-xml::before {content:'\f1c9';}
.toolbar-inactive {background-position: 0 32px;}
table.table span > .fa {font-size:20px}

/* --- ADMIN FORMS --- */
form.form-horizontal div.control-group {margin-bottom:10px}
form.form-horizontal div.control-group label span.help {border-bottom:1px dashed #8928e3;cursor:help}
form.form-horizontal h3 {background-color:#666666;border:1px outset #999999;padding:4px 2px;margin:4px 0 0;color:#ffffff;text-align:center;margin-bottom:12px}

div.column2_1 {float:left;width:48%;padding:0 1%}
div.column2_2 {float:left;width:48%;padding-left:1%}
div.column3_1 {float:left;width:32%;padding:0 1%}
div.column3_2 {float:left;width:32%;padding-left:1%}
div.column3_3 {float:left;width:32%;padding-left:1%}
@media (max-width:480px) {
  .hidden-640 {display:none}
  div.column3_1,
  div.column3_2,
  div.column3_3,
  div.column2_1,
  div.column2_2 {float:none;display:block;width:auto}
  ul.nav-user li {max-width:240px;text-align:right}
  .input-small {width:38px}
  .tablesaw .input-small {width:50px}
}

div.draggable {border:solid 1px #999;margin:12px 0 0;box-shadow:2px 2px 4px #999}
div.draggable .handle {cursor:ns-resize;cursor:move}
div.draggable table {margin-bottom:0}
div.draggable tr.adminheader th {background-color:#ddd;border-left:0px;text-align:left}
div.draggable tr.adminheader th:hover {background-color:#ccffcc}
tr.adminheader input.orderbox {width:22px;margin:0;padding:0;text-align:center;font-size:12px}
tr.adminheader button {margin-left:4px}
input.glob1 {background-color:#06f5f5}
.nogutter {margin:0;padding:0 !important}
p.para {margin:1.05em 0}

.chzn-container-single .chzn-single {background-color:#fff;background-clip:inherit;background-image:none;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:3px;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);height:auto;line-height:26px;}
.chzn-container-single .chzn-single span {margin-right:32px}
.chzn-container-single .chzn-single div {background-color:#f3f3f3;border-left:1px solid #ccc;bottom:0;height:auto;text-align:center;width:28px}
.chzn-container-single .chzn-single div b {background-image:none;display:inline-block;font-family:FontAwesome}
.chzn-container-single .chzn-single div b::after {content:'\f078';}
.chzn-container-single .chzn-search::after {content:'\f002';font-family:FontAwesome;position:relative;right:20px;top:0px}
.chzn-container-single .chzn-search input[type="text"]:focus {border-color:#3071a9}
.chzn-container-single .chzn-search input[type="text"] {background:none;border-radius:3px;border:1px solid #ccc;box-shadow:none;height:25px}
.chzn-container-single .chzn-drop {background-clip:padding-box;border-color:#3071a9;border-radius:0 0 3px 3px}
.chzn-container-active .chzn-single {color:#3071a9}
.chzn-container-active.chzn-with-drop .chzn-single {background-image:none;border:1px solid #3071a9;border-bottom-left-radius:0;border-bottom-right-radius:0}
.chzn-container-active.chzn-with-drop .chzn-single div {background-color:#f3f3f3;border-bottom:1px solid #ccc;border-bottom-left-radius:3px;border-left:1px solid #ccc}
.chzn-container-active.chzn-with-drop .chzn-single div b::after {content:'\f077';}
.chzn-container .chzn-results {background-color:#fff;border-radius:0 0 3px 3px;margin:0;padding:0}

/* --- ADMIN TABLES --- */
table.filterbar {margin-bottom: 8px;width:100%}
table.filterbar td {vertical-align:top}
table.filterbar input {margin-bottom:0}
table.filterbar td.filters {text-align:right;margin-left:auto;margin-right:1px}
table.filterbar select option {background-color:#fff}
.filterbar select,
.filterbar div.chzn-container {text-align:left;margin-bottom:4px;width:auto !important}
.filterbar div.chzn-drop,
.filterbar div.chzn-drop ul,
select.autowidth {width:auto !important}
.filterbar div.chzn-drop ul li:first-child {white-space:nowrap}

span.btn-disabled i {line-height:13px;margin-top:3px}

table.table thead th {text-align:center;background-color:#e4e4e4;color:#666;border-bottom:solid 1px #999;border-left:solid 1px #fff;white-space:nowrap}
table.table tfoot td {background-color:#f3f3f3;border-top:solid 1px #999;text-align:center}
table.table tbody tr.editing:hover td,
table.table tbody tr.editing td {background-color:#f9f900;color:#ff0000}
table.table tbody tr td.img {text-align:center;min-width:18px}
table.table tbody tr td.num {text-align:right}
.icon-arrow-up-3 {background-position: -289px -96px }
.icon-arrow-down-3 {background-position: -312px -96px }
tr.orderField td,
table.sort_table tr td {line-height:1.75em}

table.products {margin-bottom:0}
table.products td {line-height: 1.0em}
xtable.products tbody tr:hover td.icon {background-color:#e4e4e4;color:#666666}
table.products tbody tr td.retail {background-color:#e4e4e4;color:#666666}
table.products tbody tr td.your {background-color:#FFFF00;color:#CC0033;font-weight:bold}
table.products tbody tr td.price {text-align:center;font-size:125%}
table.products th {white-space: nowrap;line-height:0.85em}
table.products th.price {color:#ff0000}
table.products th.price2 {color:#0781c4}

table.products input {margin:0}
table.products tbody tr td.icon {padding:0 0 0 1px;background-color:#e4e4e4}
table.products td span.info,span.hint {font-size:90%;font-style:italic}

p.savings {font-size:22px;font-weight:bold;text-shadow:1px 1px #ccc;line-height:1.2em}
div.cc_code {background:transparent url(../images/p.gif);width:251px;height:152px}
div.disclaimer {color:#666666;text-align:center}

div.ordertotals {float:right}
div.ordertotals div.orow {text-align:right;margin-right:16px;font-size:130%;margin-bottom:2px}
div.ordertotals div.orow div.label {margin-right:8px;float:left}
div.ordertotals div.bold {font-weight:bold}
div.ordertotals div.total {color:red}

/* tablesaw */
@media (max-width: 40em) {
  table.tablesaw-stack td.num {text-align:left !important}
}

/* --- PAGINATION --- */
.pagination {margin:4px 0}
.pagination ul > li > a, .pagination ul > li > span {line-height:20px}
.pagination div.limit {float:left;height:32px;line-height:22px;margin:0 10px;}
.pagination div.limit select#limit {width:50px;}

/* --- AJAX --- */
#amessage {font-family:arial;font-size:12px;font-style:normal;padding:5px 8px;position:fixed;top:28px;right:2%;text-align:center;width:150px;color:#000000;}
div.onrequest {-moz-box-shadow: 5px 5px 7px #333;box-shadow: 5px 5px 7px #333;-webkit-box-shadow: 5px 5px 7px #333;}

/* --- FORMS --- */
.controls .btn-group.btn-group-yesno {width:220px;max-width:100%}
.controls .btn-group.btn-group-yesno > .btn {width:50%;min-width:40px;padding:2px 0}
.btn-disabled {cursor:default;}
button.editable {float:left;margin-right: 6px}
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-ms-input-placeholder,
input:-ms-input-placeholder,
input::placeholder {font-style:italic;color:#999}
form textarea.placeholder,
form input.placeholder {font-style:italic;color:#999;font-size:14px}
div.etext {white-space:pre-line;display:inline-block}

img.link {cursor:pointer}
img.initial {max-width:initial}
select.required,
textarea.required,
input.required {background-color:#d5eeff;}
input#sdate,input#edate {max-width:70px}
img.calendar {vertical-align:middle}
input:focus::-webkit-input-placeholder {color:transparent;}

a:link,a:visited,a:active {color:#025A8D;outline:medium none;text-decoration:none}
a:hover {text-decoration:none}
.login { margin:0 auto !important }

.tooltip {font-size:14px}

.field-calendar .input-append button {padding:6px 12px 7px}
.field-calendar input {width:167px}
div.input-prepend input {width:170px}
div.input-prepend .add-on .fa {font-size:18px;margin-top:1px;width:25px}
div.input-prepend .input-small {width:86px}
div.input-prepend .input-medium {width:114px}
input#ext.input-mini {width:35px}
span.label {font-size:14px}

/* --- GRID --- */
div.grid_2 {width:49.95%;float:left}
@media screen and (max-width: 640px) {
  div.grid_2 {width:100%;float:none}
}
div.grid_2a {width:47.5%;margin:2% 1%;box-shadow:5px 5px 3px #999999;border:1px solid #666666}
div.jrow {clear:both}
div.grid_2 div.jrow {height:54px;padding-top:10px;margin-right:4px;line-height:1.0em}
div.jrow div.jicon {float:left;width:56px;height:50px;display:block;margin-left:4px;background-repeat:no-repeat}
div.jrow h2.title {font-size:140%;text-shadow:2px 2px #ccc;line-height:1.2em;margin:0}
div.frow {text-align:center}
div.grid_2 a.cplink {color:#000000;text-decoration:none}
div.grid_2 a.cplink:hover div.jrow {background-color:#f1f1f1;border-radius:6px}

div.grid2,div.grid3 {display:block}
div.grid2 > div {width:49%;float:left}
div.grid3 > div {width:33%;float:left}

div.block {clear:both;margin:12px 0 0}
div.block div.inktype {float:left}
div.bheader {background-color:#666666;color:#F1F1F1;padding-top:2px;border-top-right-radius:8px;border-top-left-radius:8px}
div.bheader > div {font-size:110%;padding:2px 0;text-align:left;text-indent:8px;line-height:1.0em}
div.bheader span.label {font-weight:bold;line-height:1.0em;padding:1px 4px;text-indent:0}

select.cblevel {width:110px}

/* --- AUTOCOMPLETE --- */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; /*white-space: nowrap; overflow: hidden;*/ cursor:pointer; border-bottom: dotted 1px #ccc }
.autocomplete-no-suggestion { padding: 2px 5px; font-weight:bold; color:#f00;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
.autocomplete-busy {background-image:url(../images/indicator_blue_small.gif);background-position:right center;background-repeat:no-repeat}

/* --- MODAL --- */
.featherlight * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing:content-box}
.featherlight-iframe .featherlight-content,
.featherlight .featherlight-content {padding:10px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;border:solid 1px #d0d0d0;-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);box-shadow:0 0 10px rgba(0, 0, 0, 0.7)}
.featherlight .featherlight-content {overflow:visible;background-color:#fff;}
.featherlight .featherlight-content .featherlight-close-icon {width:30px;height:30px;right:-15px;top:-15px;background: url(../images/modal/closebox.png) no-repeat center; border:none}
.featherlight.noclose {cursor:auto;}
.featherlight.noclose .featherlight-content .featherlight-close-icon {display:none}
#please_wait {padding:15px 30px}

/* -- PANELS --- */
.panel {padding: 15px;margin-bottom: 20px;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.panel-heading {padding: 10px 15px;margin: -15px -15px 15px;font-size: 17.5px;font-weight: 500;background-color: #f5f5f5;border-bottom: 1px solid #dddddd;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.panel-footer {padding: 10px 15px;margin: 15px -15px -15px;background-color: #f5f5f5;border-top: 1px solid #dddddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.panel-primary {border-color: #428bca;}
.panel-primary .panel-heading {color: #ffffff;background-color: #428bca;border-color: #428bca;}
.panel-success {border-color: #d6e9c6;}
.panel-success .panel-heading {color: #468847;background-color: #dff0d8;border-color: #d6e9c6;}
.panel-warning {border-color: #fbeed5;}
.panel-warning .panel-heading {color: #c09853;background-color: #fcf8e3;border-color: #fbeed5;}
.panel-danger {border-color: #eed3d7;}
.panel-danger .panel-heading {color: #b94a48;background-color: #f2dede;border-color: #eed3d7;}
.panel-info {border-color: #bce8f1;}
.panel-info .panel-heading {color: #3a87ad;background-color: #d9edf7;border-color: #bce8f1;}

/* --- QUOTE FORM --- */
body.pdf {background:#ffffff}
div.pdf {width:760px;margin:auto;padding-left:20px;padding-right:20px;overflow:hidden;font-size:inherit}
div.cwquote div.cwimg {width:760px;overflow:hidden}

table.address td {vertical-align:top}
table.address td.address2 {text-align:right}
span.qlabel {font-weight:bold}
p.address {margin:4px 0}
p.address span.qlabel {font-style:italic;color:#666666}
p.comments {margin:8px 0}
tr.ofheader th {font-size:11px}
table.quote tr.row0 td {font-size:13px}
table.quote tr.rowsp {border-collapse:collapse;border-spacing:0 0}
table.quote tr.rowsp td {font-size:2px;height:2px;line-height:2px;background-color:#e4e4e4;border:0 none;padding:0}

/** Advanced Quote **/
div.advquote * {font-family:"Calibri","Arial"}
div.advquote h3 {margin:auto;text-align:center}
div.advquote th.advqprice1 {color:#ff0000}
div.advquote th.advqprice2 {color:#0781c4}
div.advquote tbody tr.row0 td.retail {/*background-color:transparent;*/color:#666}
div.advquote tbody tr.row0 td.your {/*background-color:transparent;*/color:#000;font-style:italic}
div.advquote tbody tr.row0 td.savings {background-color:#ffff00;color:#000;font-weight:bold}
div.advquote td.price {text-align:center}
div.advquote tbody tr.savings td {font-weight:bold;font-style:italic}
div.advquote tbody tr.rowx {border:0 none;border-collapse:collapse}
div.advquote table.advqf1 {margin:auto;width:100%}
div.advquote table.advqf1 tr td {vertical-align:middle;padding:8px}
div.advquote table.advqf1 tr td.cwqf1t {text-align:center}
div.advquote table.advqbrands tr td {vertical-align:middle;text-align:center;padding:4px 0}
div.advquote div.advqcopy {font-size:80%}

table#gctable, table.advqbrands {width:100%}

/* --- ANIMATIONS -- */
@-moz-keyframes bounce {
  0%, 2%, 5%, 8%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  4% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  6% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 2%, 5%, 8%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  4% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  6% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 2%, 5%, 8%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  4% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  6% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}