.btnGo {
    /* background: #089FDA; */
    background: #247FA3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    border-top: 1px solid #42bbeb;
    border-left: 1px solid #42bbeb;
    border-right: 1px solid #0078a7;
    border-bottom: 1px solid #0078a7;
    text-transform: uppercase;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.btnGo:hover {
    background: #5cc7f1;
    color: #FFF;
}
a.btnGo {
    /*padding: 4px;*/
    padding-left: 4px;
    padding-right: 4px;
}
.btnAdvSearchSwitch {
    float: right;
    padding: 3px 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #278380;
    font-size: 11px;
    color: #FFF;
    cursor: s-resize;
    margin-bottom: 2px;
}
.btnAdvSearchSwitch:hover {
    padding-top: 5px;
    margin-bottom: 0px;
    color: #FFF;
}
.lblHeader {
    color: #fff;
}

#MainContent_MainContentHolder_mainContentPlaceHolder_aShippingGroupSearch, #MainContent_MainContentHolder_mainContentPlaceHolder_aGroupOrderSearch {
    color: #fff;
}

#SuperiorStaffOnly{
    color: #000;
}
#GeneralOrderInformation {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 10px
}
body {
    background: #fff;
    font-size: 12px;
    color: black;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 16px
}
.fancybox-title {
    position: absolute;
    top: -20px;
    padding: 0 0 10px 0;
    color: red;
    height: 20px
}
.fancybox-skin {
    position: relative;
}
a {
    color: #0054a4;
}
a:hover {
    color: #0054a4;
    text-decoration: none;
}
a:active {
    color: #034af3;
}
p {
    margin-bottom: 10px;
    line-height: 1.6em;
}
.ml20 {
    margin-left: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
input, select, textarea {
    border: 1px solid #c0cfdd;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 2px 1px #eee;
    -moz-box-shadow: inset 2px 2px 2px 1px #eee;
    box-shadow: inset 2px 2px 2px 1px #eee;
}
h1 {
    font-size: 28px;
    color: #0054a4;
    margin-bottom: 20px;
}
h1.hr {
    margin-bottom: 5px;
    border-bottom: 1px solid #c2c9d0;
    padding-bottom: 10px;
}
h1.hr.mb20 {
    margin-bottom: 20px;
}
h2 {
    font-size: 22px;
    color: #0054a4;
    margin-bottom: 20px;
}
h2.hr {
    margin-bottom: 5px;
    /*border-bottom:1px solid #c2c9d0;*/
    padding-bottom: 10px;
}
h2 small {
    font-size: 12px;
    display: block;
}
h3 {
    font-size: 18px;
    /*color: #FFF;*/
    margin-bottom: 10px;
    line-height: 22px;
}
h3 small {
    display: block;
    font-size: 12px;
    color: #FFFFFF;
    font-style: italic;
}
h3.hr {
    margin-bottom: 5px;
    border-bottom: 1px solid #c2c9d0;
    padding-bottom: 10px;
}
h3.sectionHeader {
    padding: 10px 10px;
    background: #1D3C70;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #bacdde;
    margin-bottom: 25px;
    color: #fff;
}
h3.sectionHeader em {
    font-style: italic;
    color: #1D3C70;
    font-size: 11px;
    font-weight: normal;
}
div.sectionHeader.filters {
    padding: 10px 10px;
    background: #ebf2f7;
    font-size: 12px;
    border: 1px solid #bacdde;
    margin-bottom: 10px;
    border-radius: 5px;
}
div.sectionHeader.filters .paging {
    float: right;
    height: 30px;
    line-height: 30px;
}
h4 {
    font-size: 1.1em;
}
h5, h6 {
    font-size: 1em;
}
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}
strong {
    font-weight: bold
}
.left {
    float: left;
}
.right {
    float: right;
}
.pLeft15 {
    padding-left: 15px;
}
.pRight15 {
    padding-right: 15px;
}
.w50 {
    width: 50%;
}
.w90p {
    width: 90%;
}
.w50p {
    width: 50%;
}
.w60p {
    width: 60%;
}
.w70p {
    width: 70%;
}
.w80p {
    width: 80%;
}
.w90p {
    width: 90%;
}
.w30p {
    width: 30%;
}
.w40p {
    width: 40%;
}
.w75p {
    width: 75%;
}
.w25p {
    width: 25%;
}
.w100p {
    width: 100%;
}
.w600 {
    width: 600px !important;
}
.h555 {
    height: 700px !important;
}
.defaultValue {
    color: #999;
}
.section {
    margin-bottom: 20px;
}
formTableRDC {
    width: 100%;
}
.formTableRDC tr td {
    padding: 0px 5px 3px 0px;
    vertical-align: top;
}
.formTableRDC.vmiddle tr td {
    vertical-align: middle;
}
.formTableRDC label {
    text-align: right;
    display: block;
    color: #0054a4;
    margin-top: 3px;
    line-height: 20px;
}
.noLabelStyleInForm {
    margin-top: 0px !important;
    line-height: 0px !important;
    text-align: inherit;
}
.formTableRDC label.txtLeft {
    text-align: left;
}
.formTable {
    width: 100%;
}
.formTable tr td {
    color: black;
    padding: 0px 5px 10px 0px;
    vertical-align: top;
}
.formTable.vmiddle tr td {
    vertical-align: middle;
}
.formTable label {
    text-align: right;
    display: block;
    color: #002B52;
    margin-top: 0;
    line-height: 20px;
}
.formTable label.txtLeft {
    text-align: left;
}
.formTableAlt {
    width: 100%;
}
.formTableAlt td {
    padding: 0px 0px 15px 0px;
}
.formTableAlt label {
    font-weight: bold;
    display: block;
    color: #002B52;
    margin-bottom: 5px;
}
.formTableAlt .note, .formTable .note {
    color: #8aa1b6;
    font-size: 11px;
    font-style: italic;
    display: block;
    margin-bottom: 3px;
}
.formTable .note {
    float: right;
}
.formTableVoogle tr td a.popup {
    position: absolute;
    top: 5px;
}
.formTableVoogle {
    width: 100%;
    height: 167px;
}
.formTableVoogle tr td {
    padding: 0px 5px 10px 0px;
    vertical-align: top;
}
.formTableVoogle tr td.col1, .formTableVoogle tr td.col2, .formTableVoogle tr td.col3, .formTableVoogle tr td.col4 {
    padding: 15px 5px;
    vertical-align: middle;
}
.formTableVoogle tr td.col1, .formTableVoogle tr td.col3 {
    width: 18%;
    text-align: right;
}
.formTableVoogle tr td.col2, .formTableVoogle tr td.col4 {
    width: 32%;
}
.formTableVoogle tr td.col1 label, .formTableVoogle tr td.col3 label {
    width: 100%;
    display: block;
    text-align: right;
    height: auto;
    font-size: 10px;
}
.formTableVoogle tr td.col2 input, .formTableVoogle tr td.col4 input {
    width: 100%;
    box-sizing: border-box;
}
.formTableVoogle tr td.errorCnt {
    text-align: left;
}
.formTableVoogle tr td.col1 .btnStandard, .formTableVoogle tr td.col2 .btnStandard, .formTableVoogle tr td.col3 .btnStandard, .formTableVoogle tr td.col4 .btnStandard {
    display: inline-block;
    padding: 2px 5px;
}
.formTableVoogle tr td .footerMessage {
    margin-top: 15px;
}
.formTableVoogle.vmiddle tr td {
    vertical-align: middle;
}
.formTableVoogle label {
    text-align: right;
    display: inline-block;
    color: #002B52;
    margin-top: 3px;
    line-height: 20px;
    /*width: 241px;*/
    height: 20px;
}
.formTableVoogle label.txtLeft {
    text-align: left;
    width: 235px;
}
.section.tabbed .sectionHeader {
    padding: 5px 10px 0px 10px;
    background: #1D3C70;
    font-weight: bold;
    border-bottom: 1px solid #bacdde;
    margin-bottom: 25px;
}
.section.tabbed .sectionHeader h3 {
    float: left;
    font-size: 14px;
    margin-bottom: 0px;
    padding-top: 5px;
    color: #FFFFFF;
}
.section.tabbed .sectionHeader ul {
    float: right;
    list-style: none;
    display: block;
    margin-bottom: -1px;
}
.section.tabbed .sectionHeader ul li {
    float: left;
    display: block;
}
.section.tabbed .sectionHeader ul li a {
    float: left;
    padding: 8px 10px;
    font-weight: normal;
    color: #FFF;
    outline-color: #000;
    text-decoration: none;
}
.section.tabbed .sectionHeader ul li a:hover {
    text-decoration: underline;
}
.section.tabbed .sectionHeader ul li a.active {
    background: #FFF;
    border-top: 1px solid #bacdde;
    border-right: 1px solid #bacdde;
    border-left: 1px solid #bacdde;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    color: #1D3C70
}
.section.tabbed .sectionHeader ul li a.active:hover {
    text-decoration: none;
}
.errorMsg {
    color: #900;
}
.optionalNote {
    font-size: 11px;
    color: #1D3C70;
    font-style: italic;
}
.btnStandardTxt {
    padding: 5px;
    color: #999;
    text-decoration: underline;
    display: block;
}
.btnStandard, .btnBlueDetails {
    display: block;
    padding: 4px;
    background: #1D3C70;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    border-top: 1px solid #42bbeb;
    border-left: 1px solid #42bbeb;
    border-right: 1px solid #0078a7;
    border-bottom: 1px solid #0078a7;
    text-transform: uppercase;
    color: #FFF;
    font-size: 12px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
a.btnStandard, a.btnBlueDetails {
    line-height: 20px;
}
.btnStandard.big {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #1D3C70;
}
.changeParent_btn {
    margin-right: 70px;
    line-height: 20px;
}
.btnStandard:hover, .btnBlueDetails:hover {
    background: #5CC7F1;
    border-bottom: 1px solid #055ba8;
    border-right: 1px solid #055ba8;
    border-left: 1px solid #055ba8;
    border-top: 1px solid #055ba8;
    text-decoration: none;
    color: #FFF;
}
.reportTable a.btnStandard, .userSearchTable a.btnStandard {
    line-height: 12px;
    font-size: 11px;
}
.page {
    width: 1100px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}
.header {
    padding: 0px;
    position: relative;
    margin: 0px;
    width: 100%;
    top: 0px;
    left: 0px;
}
.header h1 {
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.NumberBox {
    text-align: right;
}
.main {
    padding: 5px 5px;
    margin: 8px 8px 8px 8px;
    min-height: 620px;
    vertical-align: top;
}
.footer {
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
div.hideSkiplink {
    background-color: #D9DBDC;
    width: 100%;
}
div.menu {
    padding: 4px 0px 4px 8px;
}
div.menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}
div.menu ul li a, div.menu ul li a:visited {
    background-color: #C1C5C6;
    border: 1px #92979A solid;
    color: Black;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}
div.menu ul li a:hover {
    background-color: #D9DBDC;
    color: #465c71;
    text-decoration: none;
}
div.menu ul li a:active {
    background-color: #D9DBDC;
    color: #cfdbe6;
    text-decoration: none;
}
fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}
fieldset p {
    margin: 2px 12px 10px 10px;
}
fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}
fieldset label.inline {
    display: inline;
}
legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}
input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}
div.accountInfo {
    width: 42%;
}
.clear {
    clear: both;
}
.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}
.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding-top: 0px;
}
.failureNotification {
    font-size: 1.2em;
    color: Red;
}
.bold {
    font-weight: bold;
}
.submitButton {
    text-align: right;
    padding-right: 10px;
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    overflow: hidden;
}
.ModalWindow {
    border: 1px solid #c0c0c0;
    background: #FFFFFF;
    padding: 5px 5px 5px 5px;
    position: absolute;
}
.borderimage {
    border: 3px solid #CDCCCC;
}
.headerColumn {
    background-color: #6699FF;
    border: 1px solid #666666;
    color: White;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    vertical-align: middle;
}
a img, a:link img, a:visited img, a:hover img, a:active img {
    border: 0;
}
.updateProgress {
    position: absolute;
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
    padding: 0px;
    margin: 0px;
}
.updateProgress div {
    background-color: Gray;
    padding: 4px;
    position: absolute;
    top: 10%;
    left: 50%;
}
.auxOption {
    width: 19px;
    height: 19px;
    border: 1px solid gray;
    text-align: center;
    height: 100%;
}
.w1000 {
    width: 1000px;
}
.center {
    margin: 0 auto;
}
#header {
    /*background:url(../Images/Blueskin/bg-header.gif) repeat-x top #345473;*/
    background: none;
    background: #FFFFFF;
    position: relative;
    z-index: 4;
}
#header img {
    height: 50px;
}
#header .w1000 {
    /*background:url(../Images/Blueskin/bg-header-gradient.jpg) no-repeat;*/
    padding: 10px 0px 10px 0px;
}
#header #logo {
    float: left;
    overflow: hidden;
}
#header #headerBankContent {
    color: #000000;
    font-size: 11px;
    width: 300px;
    margin: 5px 0px;
}
#nav {
    background: url(../Images/Blueskin/bg-nav.gif) repeat-x #19293b;
    border-top: 1px solid #003362;
    border-bottom: 1px solid #002240;
    position: relative;
    z-index: 3;
    height: 50px;
}
#nav ul {
    display: block;
    list-style: none;
    border-right: 1px solid #172a40;
    border-left: 1px solid #2d445d;
    float: left;
}
#nav ul li {
    float: left;
    position: relative;
}
#nav ul li .arrow {
    position: absolute;
    top: 37px;
    left: 50%;
    margin-left: -7px;
    width: 14px;
    height: 7px;
    background: url(../Images/Blueskin/bg-nav-arrow.png) no-repeat;
    display: none;
}
#nav ul li a {
    display: block;
    float: left;
    padding: 13px 15px;
    height: 12px;
    color: #FFF;
    text-decoration: none;
    border-left: 1px solid #003362;
    border-right: 1px solid #002240;
    letter-spacing: -0.02em;
    cursor: pointer;
}
#nav ul li a .nav-text {
    display: inline-block;
    margin-top: -8px;
}
#nav ul li a:hover, #nav ul li:hover a, #nav ul li.hover a {
    color: #002B52;
    background: url(../Images/Blueskin/bg-nav-h.gif) repeat-x;
}
#nav ul li.lastChild ul {
    right: 0px;
    left: auto;
}
#nav ul ul {
    position: absolute;
    z-index: 9999;
    display: none;
    top: 38px;
    left: 0px;
    width: 150px;
    padding: 15px 10px;
    background: url(/Images/Blueskin/bg-dropdown.jpg) top center repeat-x #1D3C70;
    float: none;
    border-left: 1px solid #b4d3eb;
    border-right: 1px solid #b4d3eb;
    border-bottom: 1px solid #b4d3eb;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}
    #nav ul ul.extended {
        width: 210px;
    }
#nav ul ul li {
    float: none;
    display: block;
    border-bottom: 1px solid #bed5e7;
    border-top: 1px solid #ddebf7;
}
#nav ul ul li a, #nav ul li:hover ul li a {
    float: none;
    background: none;
    display: block;
    font-size: 12px;
    color: #002B52;
    border-left: 0px;
    border-right: 0px;
    padding: 5px 5px;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
#nav ul li:hover ul li a:hover {
    background: #e5eef6;
}
#nav ul ul ul {
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#subTabNavigation {
    padding-top: 12px;
    background: url(../Images/subTabNavigation.gif) repeat-x top #ecf0f3;
    border-bottom: 1px solid #dae3ea;
}
#subTabNavigation .w1000 {
    position: relative;
}
#subTabNavigation ul {
    position: absolute;
    width: 740px;
    display: block;
    list-style: none;
    bottom: -1px;
    right: 0px;
}
#subTabNavigation ul li {
    float: left;
    display: block;
}
#subTabNavigation ul li a {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 7px;
    background: #1D3C70;
    color: #fff;
    text-decoration: none;
    border: 1px solid #dae3ea;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
#subTabNavigation ul li a:hover {
    background: #C2C9D0;
    color: #0054a4;
}
#subTabNavigation ul li a.active {
    background: #FFF;
    color: #0054a4;
    border-bottom: 1px solid #FFF;
}
#subTabNavigation .icnHome {
    float: left;
    height: 16px;
    width: 15px;
    background: url(../Images/icon-home.png) no-repeat;
    margin-right: 5px;
}
#subTabNavigation .entityName {
    float: left;
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #002b52;
    margin-right: 5px;
    margin-bottom: 0px;
}
#subTabNavigation .lnkChangeEntity {
    font-size: 11px;
    color: #1D3C70;
    float: left;
    line-height: 18px;
    padding-left: 5px;
    border-left: 1px solid #1D3C70;
}
#subTabNavigation .breadcrumb {
    float: left;
    width: 100%;
    padding: 5px 0px;
}
#headerLogin {
    float: right;
    color: #fff;
}
#headerLogin a {
    color: #94c1e7;
    text-decoration: none;
}
#headerLogin a:hover {
    text-decoration: underline;
}
#headerLogin ul {
    display: block;
    margin: 0px;
    list-style: none;
}
#headerLogin ul li {
    width: 190px;
    float: left;
    margin-left: 10px;
}
#headerLogin ul li.short {
    width: 80px;
    float: left;
}
#headerLogin label {
    display: block;
    color: #FFF;
    font-size: 12px;
    margin-bottom: 2px;
}
#headerLogin input {
    margin: 0px;
}
#headerLogin input.textInput {
    background: #9cb5cd;
    padding: 5px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #1e3147;
    width: 175px;
    border: 1px solid #95b4ce;
    -webkit-box-shadow: inset 2px 2px 2px 1px #8ba2b7;
    -moz-box-shadow: inset 2px 2px 2px 1px #8ba2b7;
    box-shadow: inset 2px 2px 2px 1px #8ba2b7;
    margin-bottom: 5px;
    display: block;
    height: 18px;
    line-height: 18px;
}
#headerLogin input.textInput:focus {
    background: #FFF;
    color: #1e3147;
    -webkit-box-shadow: inset 2px 2px 2px 1px #e9e9e9;
    -moz-box-shadow: inset 2px 2px 2px 1px #e9e9e9;
    box-shadow: inset 2px 2px 2px 1px #e9e9e9;
}
#headerLogin .btnLogin {
    display: block;
    padding: 5px;
    background: #1D3C70;
    height: 30px;
    line-height: 18px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    width: 68px;
    border-top: 1px solid #42bbeb;
    border-left: 1px solid #42bbeb;
    border-right: 1px solid #0078a7;
    border-bottom: 1px solid #0078a7;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 14px;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#headerLogin .btnLogin:hover {
    background: #467299;
    border-bottom: 1px solid #42bbeb;
    border-right: 1px solid #42bbeb;
    border-left: 1px solid #0078a7;
    border-top: 1px solid #0078a7;
}
#loggedUserPanel {
    float: right;
    color: #1D3C70;
    margin-top: -15px;
}
#loggedUserPanel .userInfo {
    float: right;
    display: block;
    padding: 10px 25px 6px 25px;
    letter-spacing: -0.02em;
    background: #FFFFFF;
    color: #1D3C70;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 10px;
}
#loggedUserPanel .userInfo .name {
    padding-right: 10px;
    float: left;
}
#loggedUserPanel .userInfo a {
    /*color: #fff;*/
}
#loggedUserPanel #globalHelper {
    float: right;
    clear: right;
}
#loggedUserPanel #globalHelper .helper {
    float: right;
    padding: 0px 15px 0px 45px;
    line-height: 15px;
    min-height: 30px;
    /*            border-right: 1px solid #005fba;
    border-left: 1px solid #004586;
*/
}
#loggedUserPanel #globalHelper .helper.first {
    border-right: none;
}
#loggedUserPanel #globalHelper .helper.last {
    border-left: none;
}
#loggedUserPanel #globalHelper .administratorNav {
    background: url(../Images/icon-administrator-toolbo.png) no-repeat 10px 2px;
    position: relative;
}
#loggedUserPanel #globalHelper .administratorNav .subnav {
    display: none;
    position: absolute;
    left: 0px;
    top: 30px;
}
#loggedUserPanel #globalHelper .administratorNav .subnav ul {
    float: none;
    position: relative;
    width: 140px;
    position: absolute;
    padding: 15px 10px;
    background: #D1E4F3;
    border-left: 1px solid #b4d3eb;
    border-right: 1px solid #b4d3eb;
    border-bottom: 1px solid #b4d3eb;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#loggedUserPanel #globalHelper .administratorNav .subnav ul li {
    display: block;
    position: relative;
}
#loggedUserPanel #globalHelper .administratorNav .subnav ul ul {
    position: absolute;
    right: -162px;
    top: -17px;
    display: none;
}
#loggedUserPanel #globalHelper .administratorNav .subnav ul li {
    float: none;
    display: block;
    border-bottom: 1px solid #BED5E7;
    border-top: 1px solid #DDEBF7;
}
#loggedUserPanel #globalHelper .administratorNav .subnav ul a {
    float: none;
    display: block;
    font-size: 11px;
    text-decoration: none;
    color: #002B52;
    border-left: 0px;
    border-right: 0px;
    padding: 3px 5px;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
#loggedUserPanel #globalHelper .administratorNav .subnav ul a:hover, #loggedUserPanel #globalHelper .administratorNav .subnav ul a.active {
    background: #e5eef6;
}
#loggedUserPanel #globalHelper #HeadLoginView_dvSelectedCustomer {
    background: url(../Images/icon-user.png) no-repeat 10px 2px;
    max-width: 155px;
    margin: 0px 5px 0px 10px;
    border-right: none;
}
#loggedUserPanel #globalHelper #HeadLoginView_dvSelectedCustomer a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}
#loggedUserPanel #globalHelper #HeadLoginView_dvSelectedCustomer a:hover {
    /* background:#e5eef6;*/
    background: #bfbfbf;
}
#loggedUserPanel #globalHelper .btnLogout {
    background: url(../Images/icon-logout.png) no-repeat 10px 2px;
    line-height: 30px;
    color: #000;
    text-decoration: none;
}
#loggedUserPanel #globalHelper .shoppingCart {
    background: url(../Images/icon-cart.png) no-repeat 10px 2px;
    /*color: #FFF;*/
    text-decoration: none;
}
#footer {
    margin-bottom: 20px;
    font-size: 13px;
    color: #555;
    text-align: center;
    margin-top: 30px
}
#footer #footerLinks {
    padding: 10px 0px;
    border-top: 1px solid #c2c9d0;
    border-bottom: 1px solid #c2c9d0;
    margin-bottom: 20px;
}
#footer #footerLinks a {
    color: #333333;
    text-decoration: none;
}
#footer #footerLinks a:hover {
    color: #395b7c;
    text-decoration: underline;
}
#footer #footerLinks .homeLink {
    float: left;
}
#footer #footerLinks ul {
    float: right;
    display: block;
    list-style: none;
}
#footer #footerLinks ul li {
    display: inline;
}
#footer #footerLinks ul li a {
    text-transform: uppercase;
    padding-left: 20px;
}
#footer #copyright {
    color: #666;
    border-top: 1px solid #c2c9d0;
    padding-top: 25px;
}
#homeBanner {
    position: relative;
}
#homeBannerSlides {
    width: 1000px;
    height: 530px;
    position: relative;
    z-index: 2;
}
#homeBannerSlides .slide {
    width: 1000px;
    height: 530px;
}
#homeBannerSlides .slide .slideContent {
    position: absolute;
    left: 65px;
    top: 40px;
    width: 420px;
    color: #1c2f43;
}
#homeBannerSlides .slide .slideContent h1 {
    font-size: 40px;
    color: #3d6286;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FFF;
}
#homeBannerSlides .slide .slideContent p {
    font-size: 14px;
    letter-spacing: -0.02em;
}
#homeBannerSlides .slide .slideContent a {
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    color: #406793;
    padding-left: 10px;
}
#homeBannerSlides #slide1 {
    background: url(../Images/homepageBanners/banner1.jpg) no-repeat;
}
#homeBannerSlides #slide2 {
    background: url(../Images/homepageBanners/banner2.jpg) no-repeat;
}
#homeBannerSlides #slide3 {
    background: url(../Images/homepageBanners/banner3.jpg) no-repeat;
}
#homeBanner #homeBannerNavigation {
    display: block;
    position: absolute;
    z-index: 3;
    left: 65px;
    top: 360px;
    width: 480px;
    height: 70px;
    padding-top: 5px;
    background: url(../Images/bg-homeBannerNavigation.png) repeat-x;
}
#homeBanner #homeBannerNavigation ul {
    display: block;
    list-style: none;
}
#homeBanner #homeBannerNavigation ul li {
    float: left;
    width: 160px;
    background: url(../Images/bg-homeBannerNavigation-li.png) repeat-y right;
    display: block;
}
#homeBanner #homeBannerNavigation ul li.last {
    background: none;
}
#homeBanner #homeBannerNavigation ul li a {
    padding: 20px 15px;
    height: 28px;
    line-height: 14px;
    display: block;
    color: #FFF;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: -0.02em;
    cursor: pointer;
    margin-right: 2px;
}
#homeBanner #homeBannerNavigation ul li a:hover, #homeBanner #homeBannerNavigation ul li a.activeSlide {
    background: url(../Images/bg-homeBannerNavigation-li-a.png) repeat;
}
#content .contentPage {
    padding: 30px 0px;
}
.dashboardPanel {
    margin-bottom: 20px;
}
.dashboardPanel .basicSearch, .dashboardPanel h5 {
    padding: 5px 10px;
    background: #1D3C70;
}
.dashboardPanel h5 {
    color: #FFFFFF;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px;
}
.dashboardPanel .basicSearch h3 {
    float: left;
    color: #FFF;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0px;
}
.dashboardPanel .basicSearch h3 small {
    color: #1D3C70;
    font-size: 11px;
    font-style: italic;
}
.dashboardPanel .basicSearch .searchField {
    float: right;
}
/*.dashboardPanel .basicSearch .searchField input {
    border: 1px solid #c0cfdd;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 2px 1px #eee;
    -moz-box-shadow: inset 2px 2px 2px 1px #eee;
    box-shadow: inset 2px 2px 2px 1px #eee;
}
.dashboardPanel .basicSearch .searchField input.btnGo {
    background: #089FDA;
    background-position: center;
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
    padding: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #42BBEB #0078A7 #0078A7 #42BBEB;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.dashboardPanel .basicSearch .searchField input.btnGo:hover {
    background: #5cc7f1;
    border-bottom: 1px solid #42bbeb;
    border-right: 1px solid #42bbeb;
    border-left: 1px solid #0078a7;
    border-top: 1px solid #0078a7;
    text-decoration: none;
    color: #FFF;
}
*/
.dashboardPanel .dashboardSearch {
    padding: 20px;
    background: url(../Images/Blueskin/bg-search-adv-panel.gif) top repeat-x #EEF2F4;
}
.dashboardPanel .advSearch {
    padding: 20px;
    background: url(../Images/Blueskin/bg-search-adv-panel.gif) top repeat-x #EEF2F4;
    /*display:none;*/
}
.dashboardPanel .btnStandard {
    margin-top: 10px;
}
.dashboardPanel .advSearch ul {
    list-style: none;
    margin: 0px;
}
.dashboardPanel .advSearch ul li {
    width: 50%;
    float: left;
    margin-bottom: 5px;
}
.dashboardPanel .advSearch ul li label {
    font-size: 11px;
    margin-bottom: 2px;
    color: #1d3045;
    display: block;
}
.dashboardPanel .advSearch ul li input {
    border: 1px solid #c0cfdd;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 2px 1px #eee;
    -moz-box-shadow: inset 2px 2px 2px 1px #eee;
    box-shadow: inset 2px 2px 2px 1px #eee;
    width: 80%;
}
/*.dashboardPanel .btnAdvSearchSwitch {
    float: right;
    padding: 3px 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #278380;
    font-size: 11px;
    color: #FFF;
    cursor: s-resize;
    margin-bottom: 2px;
}
.dashboardPanel .btnAdvSearchSwitch:hover {
    padding-top: 5px;
    margin-bottom: 0px;
}
*/
.dashboardPanel h4 {
    clear: both;
    color: #1d3045;
    font-size: 12px;
    border-bottom: 1px solid #EEF2F4;
    margin-bottom: 3px;
    padding-bottom: 4px;
    padding-top: 5px;
}
.dashboardPanel table {
    margin-bottom: 10px;
    width: 100%;
}
.dashboardPanel table td {
    padding: 5px;
    border-bottom: 1px solid #EEF2F4;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.dashboardPanel table tr:hover td {
    background: #EEF2F4;
}
.dashboardPanel table th {
    padding: 8px 5px;
}
.dashboardPanel table th {
    background: #1D3C70;
    color: #FFF;
    text-align: left;
    font-weight: bold;
}
.dashboardPanel table.ordersQueue tr.submitted td {
    background: #caf6ff;
}
.dashboardPanel table.ordersQueue tr.shipped td {
    background: #dfffca;
}
.dashboardPanel table.ordersQueue tr.billed-ach td, .dashboardPanel table.ordersQueue tr.billed-spreadsheet td, .dashboardPanel table.ordersQueue tr.billed-invoice td, .dashboardPanel table.ordersQueue tr.billed-creditcard td, .dashboardPanel table.ordersQueue tr.billed-rpm td, .dashboardPanel table.ordersQueue tr.billed-collection td {
    background: #fff8ca;
}
.dashboardPanel table.ordersQueue tr.production-press td, .dashboardPanel table.ordersQueue tr.production-documentprint td, .dashboardPanel table.ordersQueue tr.production-stamps td, .dashboardPanel table.ordersQueue tr.production-bindery td, .dashboardPanel table.ordersQueue tr.production-inspection td, .dashboardPanel table.ordersQueue tr.production-ordermatching td {    
    background: #ffe9ca;
}
.dashboardPanel table.ordersQueue tr.cancelled td, .dashboardPanel table.ordersQueue tr.hold-client td, .dashboardPanel table.ordersQueue tr.hold-internal td {
    background: #ffcaca;
}
.dashboardPanel .btnBlueDetails {
    padding: 4px;
    font-size: 11px;
}
.dashboardPanel table a.btnBlueDetails {
    line-height: 12px;
}
.dashboardPanel .browseAllLink {
    font-size: 12px;
    color: #1d3045;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #c2c9d0;
    display: block;
    padding: 0px 5px 10px 5px;
}
.dashboardPanel ul {
    list-style: none;
    margin: 0px;
    margin-bottom: 10px;
}
.dashboardPanel ul li {
    margin-bottom: 10px;
}
.reportSearchPanel {
    margin-bottom: 20px;
}
.reportSearchPanel .btnStandard {
    line-height: 12px;
}
.reportSearchPanel .basicSearch {
    padding: 5px 10px;
    background: #1D3C70;
}
.reportSearchPanel .basicSearch h3 {
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin-right: 10px;
    margin-bottom: 0px;
}
.reportSearchPanel .basicSearch h3 small {
    color: #1D3C70;
    font-size: 11px;
    font-style: italic;
}
.reportSearchPanel .basicSearch .searchField {
    float: right;
}
.reportSearchPanel .basicSearch .searchField input {
    border: 1px solid #c0cfdd;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 2px 1px #eee;
    -moz-box-shadow: inset 2px 2px 2px 1px #eee;
    box-shadow: inset 2px 2px 2px 1px #eee;
    margin-right: 5px;
}
/*.reportSearchPanel .basicSearch input.btnGo {
    background: #1D3C70;
    background-position: center;
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
    padding: 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #42BBEB #0078A7 #0078A7 #42BBEB;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}
.reportSearchPanel .basicSearch input.btnGo:hover {
    background: #5cc7f1;
    border-bottom: 1px solid #42bbeb;
    border-right: 1px solid #42bbeb;
    border-left: 1px solid #0078a7;
    border-top: 1px solid #0078a7;
    text-decoration: none;
    color: #FFF;
}
*/.reportSearchPanel .advancedSearch {
    padding: 20px;
    background: url(../Images/Blueskin/bg-search-adv-panel.gif) top repeat-x #EEF2F4;
    display: none;
}
.reportSearchPanel .advancedSearch ul {
    list-style: none;
    margin: 0px;
    margin-bottom: 10px;
}
.reportSearchPanel .advancedSearch ul li {
    float: left;
    width: 20%;
    margin-bottom: 10px;
}
.reportSearchPanel .advancedSearch ul li label {
    display: block;
    font-size: 11px;
    color: #1D3045;
}
/*.reportSearchPanel .btnAdvSearchSwitch, .reportSearchPanel .btnExport {
    float: right;
    padding: 3px 10px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #1D3C70;
    font-size: 11px;
    color: #FFF;
    cursor: pointer;
    margin-bottom: 2px;
    margin-left: 10px;
}
.reportSearchPanel .btnAdvSearchSwitch:hover, .reportSearchPanel .btnExport:hover {
    padding-top: 5px;
    margin-bottom: 0px;
}
*/
.reportTable, .staticReportTable, #userSearchTable {
    clear: both;
}
.reportPage .reportTable, .staticReportTable, #userSearchTable {
    width: 100% !important;
}
.twoColumns .leftColumn {
    width: 240px;
    float: left;
    font-size: 12px;
    line-height: 16px;
}
.twoColumns .rightColumn {
    width: 740px;
    float: right;
}
#leftNav {
    background: #ebf2f7;
    border-left: 1px solid #dae3ea;
    border-right: 1px solid #dae3ea;
    border-bottom: 1px solid #dae3ea;
    border-top: 1px solid #dae3ea;
    border-radius: 5px;
}
#leftNav ul {
    /*border-top:10px solid #002b52;*/
    display: block;
    margin: 0px;
    padding: 15px 10px 15px 10px;
}
#leftNav ul li {
    display: block;
}
#leftNav ul li a {
    color: #002b52;
    text-decoration: none;
    padding: 11px;
    display: block;
}
#leftNav ul li a:hover {
    font-weight: bold;
}
#leftNav ul li a.active {
    margin-right: -1px;
    padding: 10px;
    border: 1px solid #dae3ea;
    /*border-right:1px solid #fff;*/
    background: #FFF;
    font-weight: bold;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#leftNav ul li a.disabled {
    color: #bac0c5;
}
#leftNav ul li a.disabled:hover {
    font-weight: normal;
}
#leftNav.categoryNav ul ul {
    border-top: none;
    padding: 5px 0px 10px 10px;
}
#leftNav.categoryNav ul a {
    padding-left: 40px;
    background: url(../Images/icon-category.png) no-repeat 8px 8px;
}
#leftNav.categoryNav ul a.active {
    padding: 10px 10px 10px 40px;
    background: url(../Images/icon-category.png) no-repeat 8px 8px #FFF;
}
#leftNav.categoryNav ul ul li a {
    padding: 5px 5px 5px 28px;
    background: url(../Images/icon-category2.png) 4px 4px no-repeat;
}
.alertBlurb.green {
    background: none repeat scroll 0 0 #669900;
    color: #FFFFFF;
}
.alertBlurb {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 20px;
    padding: 15px 40px 15px 20px;
    position: relative;
    margin-top: 5px;
}
.alertBlurb .btnClose {
    background: url("/images/buttons/btn-alert-close.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
}
.alert.greenbg {
    background: #73ae00;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7db413), to(#6ba101));
    background: -moz-linear-gradient(#7db413, #6ba101);
    background: linear-gradient(#7db413, #6ba101);
    color: #FFFFFF;
    padding-left: 40px;
}
.alert {
    background-position: 5px 5px;
    background-repeat: no-repeat;
    display: none;
    margin-bottom: 10px;
    padding: 15px 40px 15px 20px;
    margin-top: 5px;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
}
.greenbg {
    background: #73ae00;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7db413), to(#6ba101));
    background: -moz-linear-gradient(#7db413, #6ba101);
    background: linear-gradient(#7db413, #6ba101);
    color: #FFFFFF;
}
.rc5 {
    border-radius: 5px 5px 5px 5px;
}
.alert.redbg {
    background: #a10101;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b31313), to(#a10101));
    background: -moz-linear-gradient(#b31313, #a10101);
    background: linear-gradient(#b31313, #a10101);
    padding: 12px 35px;
    color: #FFFFFF;
}
#bankLogoPreview {
    padding: 10px 0px;
    text-align: center;
    border: 1px solid #c0cfdd;
    width: 100%;
}
#loginPages {
    /*padding-top:30px;*/
}
#loginPages .leftCol {
    width: 600px;
    float: left;
}
#loginPages .leftCol #Greeting {
    border-bottom: 1px solid #C2C9D0;
    margin-bottom: 5px;
    padding-bottom: 20px;
}
#loginPages .leftCol #Greeting h1 {
    color: #0054a4;
    margin-bottom: 5px;
}
#loginPages .leftCol #Greeting h4 {
    color: #0054a4;
    margin-bottom: 5px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
}
#loginPages .leftCol h5 {
    color: #1D3045;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px;
    background: none repeat scroll 0 0 #d1e4f3;
    padding: 5px 10px;
}
#loginPages .rightCol {
    width: 360px;
    float: right;
}
#loginPages #userLoginForm input {
    padding: 5px;
    font-size: 18px;
    margin-right: 5px;
}
#loginPages #userLoginForm {
    width: 600px;
    margin-bottom: 20px;
}
#loginPages #userLoginForm label {
    float: left;
    display: block;
    width: 80px;
    line-height: 30px;
}
#loginPages #userLoginForm li {
    clear: both;
    margin-top: 5px;
}
#loginPages .btnStandard {
    margin-left: 80px;
    padding: 5px 10px;
    color: #FFF !important;
    height: auto !important;
    border-top: 1px solid #42bbeb !important;
    border-left: 1px solid #42bbeb !important;
    border-right: 1px solid #0078a7 !important;
    border-bottom: 1px solid #0078a7 !important;
    font-weight: normal !important;
    float: left;
    margin-right: 10px;
}
#loginPages #btnForgotPassword {
    /*padding:5px 0px;
	float:left;*/
}
#loginPages .statusMsg span {
    /*padding: 6px;
	position: relative;
	/*background:#900;*/
    color: #900;
    display: block;
    font-size: 14px;
    /*box-sizing:border-box;*/
    line-height: 18px !important;
    margin: 0 0 20px 0;
    text-align: center
}
#loginPages .actionButtons {
    margin-bottom: 0;
}
#loginPages #firstTimeUser {
    padding-left: 80px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#loginPages #FooterMsg {
    margin-bottom: 30px;
    padding-top: 20px;
    margin-top: 20px;
    /*border-top: 1px solid #C2C9D0;*/
}
#loginPages .errorText {
    color: #900;
    clear: both;
    padding-top: 10px;
}
#userPasswordReset small {
    display: block;
    padding-left: 85px;
    font-style: italic;
    font-size: 11px;
    color: #1D3045;
}
#columnsDisplay table tr td {
    background: none repeat scroll 0 0 #E8EDF3;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    cursor: pointer;
    padding: 5px;
}
.shipping_table label {
    text-align: left;
}
.td_label {
    width: 20%;
}
.country_name {
    width: 85%;
}
.cont_heading {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.cont_heading .th_heading {
    background: #E3EBF4;
    padding: 5px;
    font-weight: bold;
}
.cont_heading td {
    padding: 5px !important;
}
.ajax__htmleditor_editor_default .ajax__htmleditor_editor_toptoolbar, .ajax__htmleditor_editor_bottomtoolbar {
    background-color: #BACDDE !important;
}
.productImage {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C0CFDD;
}
.productImage .previewImage {
    text-align: center;
    padding: 5px;
    border: 1px solid #C0CFDD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#notesPanel {
    width: 250px;
    height: 100%;
    position: fixed;
    background: url(../Images/bg-notepanel.png) left top repeat-y;
    right: -250px;
    top: 0px;
    z-index: 1000;
    padding-left: 14px;
}
#notesPanel .pnlHeader {
    padding: 10px;
    background: url("../Images/Blueskin/bg-nav.gif") repeat-x scroll 0 0 #19293B;
    border-bottom: 1px solid #747F89;
    border-top: 1px solid #304E6D;
    color: #FFF;
    font-size: 14px;
    text-align: right;
    line-height: 20px;
}
#notesPanel .pnlHeader .closeBtn {
    background: #467299;
    border-bottom: 1px solid #42bbeb;
    border-right: 1px solid #42bbeb;
    border-left: 1px solid #0078a7;
    border-top: 1px solid #0078a7;
    text-decoration: none;
    color: #FFF;
    width: 20px;
    height: 20px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}
#notesPanel h3 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
#notesPanel .noteQuickForm {
    padding: 15px 10px;
}
#notesPanel .noteQuickForm input, #notesPanel .noteQuickForm textarea, #notesPanel .noteQuickForm select {
    width: 220px;
    margin-bottom: 5px;
}
#notesPanel .noteQuickForm .orderBy {
    width: 100px;
    margin-bottom: 5px;
}
#notesPanel .noteQuickForm .phone {
    width: 150px;
    margin-bottom: 5px;
}
#notesPanel .noteQuickForm .phoneExt {
    width: 50px;
    margin-bottom: 5px;
}
#notesPanel .noteQuickForm .noteType {
    width: auto;
    margin-bottom: 5px;
}
#notesPanel .noteQuickForm input.btnStandard {
    width: 110px;
    display: inline;
}
#notesPanel .note {
    background: url(../Images/bg-note.gif) repeat-x top #f1e6a8;
    border-bottom: 1px solid #CCCCCC;
}
#notesPanel .note .noteHeader {
    padding: 10px;
    position: relative;
    color: #0c344a;
}
#notesPanel .note .noteHeader .delete {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url(../Images/btn-note-delete.png) no-repeat;
}
#notesPanel .note .noteHeader .dateAuthor {
    font-size: 10px;
    font-style: italic;
    margin-bottom: 5px;
}
#notesPanel .note .noteContent {
    padding: 0px 10px 10px 10px;
    color: #0c344a;
    font-size: 11px;
    line-height: 14px;
}
#notesPanel .staticContent {
    position: relative;
}
#notesPanel .dynamicContent {
    overflow: auto;
}
#notesPanel .btnShowHidePanel {
    position: absolute;
    left: -29px;
    top: 200px;
    width: 29px;
    height: 81px;
    background: url(../Images/btn-order-notes.png) no-repeat;
    cursor: pointer;
}
#customerRoutingSearch {
    padding: 10px;
    background: none repeat scroll 0 0 #ECF0F3;
    border: 1px solid #DAE3EA;
}
#customerRoutingSearch h4 {
    color: #0054a4;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
#customerRoutingSearch label {
    color: #0054a4;
}
#customerRoutingSearch input {
    margin-bottom: 10px;
    width: 185px;
}
#customerRoutingSearch input[type=button] {
    width: 196px;
}
.listTable {
    width: 100%;
    margin-bottom: 15px;
}
.listTable tr td {
    padding: 0px 10px 2px 0px;
}
.listTable label {
    font-weight: bold;
    color: #0054a4;
    text-align: right;
    display: block;
}
.listTableRDC {
    width: 100%;
    margin-bottom: 15px;
}
.listTableRDC tr td {
    padding: 0px 10px 0px 0px;
}
.listTableRDC label {
    font-weight: bold;
    color: #0054a4;
    text-align: right;
    display: block;
}
#customerNotes, #productNotes {
    background: #fff6ca;
    border: 1px solid #eee19f;
}
#customerNotes h4, #productNotes h4 {
    color: #0054a4;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
#customerNotes .note {
    background: url("../Images/bg-note.gif") repeat-x scroll center top #F1E6A8;
    border-bottom: 1px solid #CCCCCC;
}
#customerNotes .noteForm, #productNotes .noteForm {
    padding: 10px;
}
#customerNotes input, #customerNotes textarea, #productNotes input, #productNotes textarea {
    width: 200px;
    margin-bottom: 5px;
}
#customerNotes input.btnStandard, #productNotes input.btnStandard {
    width: 210px;
}
#customerNotes .note .noteHeader, #productNotes .note .noteHeader {
    padding: 10px;
    position: relative;
    color: #0c344a;
}
#customerNotes .note .noteHeader .delete, #productNotes .note .noteHeader .delete {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: url(../Images/btn-note-delete.png) no-repeat;
}
#customerNotes .note .noteHeader .dateAuthor, #productNotes .note .noteHeader .dateAuthor, .noteTitle small {
    font-size: 10px;
    font-style: italic;
    margin-bottom: 5px;
}
#customerNotes .note .noteContent, #productNotes .note .noteContent {
    padding: 0px 10px 10px 10px;
    color: #0c344a;
    font-size: 11px;
    line-height: 14px;
}
#cartContent {
    clear: both;
}
#cartContent h2 {
    background: #f0f2f4 url(../template/temp-images/heading-bg.png) repeat-x left bottom;
    color: #1c2f42;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 10px 0px;
    padding: 10px;
}
#cartContent .lColCart {
    float: left;
    width: 740px;
}
#cartContent .rColCart {
    float: right;
    width: 242px;
}
.cartItemBx {
    padding: 24px;
    background: #f8f8f8;
    margin: 10px 0px;
    border: 1px solid #dad8d8;
}
#cartContent .cartItemBx .imgProCart {
    width: 130px;
    float: left;
}
.detailsPro {
    float: left;
    width: 330px;
    padding: 0px 15px;
}
.detailsPro h3 a {
    color: #406693;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
.detailsPro span, .detailsPro span, .priQtyBx span {
    font-weight: bold;
    margin-right: 5px;
}
.priQtyBx {
    float: left;
    width: 155px;
}
.qtyBx {
    margin-bottom: 15px;
}
.qtyBx input[type=text] {
    width: 50px;
}
.delCol {
    float: right;
    width: 40px;
}
.updt_btn {
    text-align: right;
    margin: 10px 0px;
    float: left;
    width: 100%;
}
.updt_btn a, .chkoutOpts a, .btn_addToCart {
    float: right;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}
.sbTlt {
    border-top: 1px solid #c2c2c2;
    padding: 10px 0px;
    text-align: right;
    font-weight: bold;
    color: #777777;
    float: left;
    width: 100%;
    clear: both;
    font-size: 18px;
}
.chkoutOpts {
    text-align: right;
    margin-bottom: 20px;
}
.qMark {
    margin: 10px 0px;
    background: url(../template/temp-images/q_mark.png) no-repeat left center;
    color: #1c2f42;
    font-size: 16px;
    padding: 5px 0px 5px 25px;
    float: right;
}
.odrPrePro {
    margin-bottom: 20px;
}
.odrPrePro .cartItemBx .item:first-child {
    margin-left: 0px;
}
.odrPrePro .cartItemBx .item {
    width: 130px;
    float: left;
    margin-left: 10px;
}
.pNbtnCartBx {
    text-align: center;
}
.pNbtnCartBx a {
    display: inline-block;
    text-decoration: none;
}
.pNbtnCartBx a.pname {
    margin: 5px 0px 10px;
    color: #333333;
    font-size: 13px;
    padding: 0px 5px;
    line-height: 20px;
}
.productListing {
    list-style: none;
}
.productListing li {
    display: block;
    float: left;
    width: 25%;
}
.billingOptionListing {
    list-style: none;
}
.billingOptionListing li {
    display: block;
    float: left;
    width: 48%;
    padding: 2px;
}
.productListing li .innerLi {
    padding: 10px;
    margin-right: 10px;
    background: #ECF0F3;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    border-radius: 5px;
}
.productListing li .innerLi:hover {
    background: #e5eaee;
    /*cursor:pointer;*/
}
.productListing li .image {
    border: 1px solid #DAE3EA;
    padding: 5px;
    background: #FFF;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 5px;
}
.productListing li .productName {
    font-weight: bold;
    color: #002b52;
    text-align: center;
    margin-bottom: 5px;
}
.productListing li .productSubname {
    font-size: 13px;
    color: #1D3C70;
    margin-bottom: 5px;
    text-align: center;
}
.productListing li .image img {
    width: 120px;
    height: 120px;
}
.sectionHeader.filters .paging {
    list-style: none;
}
.sectionHeader.filters .paging li {
    display: inline;
}
.sectionHeader.filters .paging li a {
    padding: 5px;
    background: #1D3C70;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    margin-left: 10px
}
.sectionHeader.filters .paging li a:hover, .sectionHeader.filters .paging li a.active {
    background: #002b52;
}
#selectedProduct .image {
    float: left;
    padding: 10px;
    background: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #DAE3EA;
}
#selectedProduct .details {
    float: right;
    width: 440px;
}
#selectedProduct .productName {
    font-size: 24px;
    margin-bottom: 0px;
    color: #0054a4;
}
#selectedProduct .productSubname {
    color: #1D3C70;
    font-style: italic;
    margin-bottom: 10px;
}
#selectedProduct .productSku {
    margin-bottom: 10px;
}
#selectedProduct .productShortDescription {
    color: #666;
}
.productConfigurationOptions {
    list-style: none;
}
.productConfigurationOptions li {
    float: left;
    width: 20%;
    text-align: center;
    cursor: pointer;
}
.productConfigurationOptions li .innerLi {
    background: #ECF0F3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DAE3EA;
    padding: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.productConfigurationOptions li.selected:hover .innerLi {
    background: #e5eaee;
}
.productConfigurationOptions li.selected .innerLi {
    background: #e5eaee;
}
.productConfigurationOptions .image {
    padding: 5px;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DAE3EA;
    margin-bottom: 5px;
}
.productConfigurationOptions .image img {
    max-width: 100px;
    max-height: 100px;
}
.productConfigurationOptions .optionName {
    font-weight: bold;
    margin-bottom: 5px;
    color: #0054a4;
}
.qtyTable tr td {
    padding: 5px 5px 5px 0px;
    text-align: left;
}
.qtyTable tr th {
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 2px solid #002b52;
    text-align: left
}
.qtyTable input {
    cursor: pointer;
}
.contentNote {
    display: block;
    margin-bottom: 20px;
    line-height: 16px
}
.imprintPreview {
    float: left;
    padding: 10px;
    background: #ECF0F3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #DAE3EA;
    margin-top: 30px;
    width: 200px;
}
.imprintPreview.full {
    width: auto;
    float: none;
}
.imprintPreview h4 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}
.imprintPreview li {
    text-transform: uppercase;
}
.subcategoryListing {
    background: none repeat scroll 0 0 #ECF0F3;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    padding: 10px;
}
.subcategoryListing ul {
    display: block;
}
.subcategoryListing ul li {
    float: left;
    width: 20%;
}
.subcategoryListing ul li a {
    background: url("../Images/icon-category.png") no-repeat scroll 8px 8px transparent;
    padding: 10px 10px 10px 40px;
    display: block;
    color: #1D3C70;
    text-decoration: none;
}
#nestedUlList {
    margin-bottom: 20px;
}
#nestedUlList ul {
    margin-bottom: 20px;
}
#nestedUlList ul ul {
    margin-left: 30px;
}
#nestedUlList ul li {
    display: block;
    padding: 10px 10px;
    background: #E3EBF4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid #BACDDE;
    width: 80%;
}
#nestedUlList ul li.virtual {
    background: #dbefff;
}
#nestedUlList ul li small {
    display: block;
    float: left;
    clear: left;
}
#nestedUlList ul li small strong {
    font-weight: bold;
}
#nestedUlList ul li a.name {
    float: left;
    font-size: 12px;
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #304E6D;
}
#nestedUlList ul li div.buttons {
    float: right;
}
#nestedUlList ul li div.buttons a {
    font-size: 10px;
    margin-right: 5px;
}
#checkoutIndicator {
    margin-bottom: 20px;
    border: 1px solid #DAE3EA;
}
#checkoutIndicator ul li {
    display: block;
    float: left;
    width: 25%;
    background: #ECF0F3;
    position: relative;
}
#checkoutIndicator ul li.active {
    background: url(../Images/checkout-bg-active.gif) repeat-x;
}
#checkoutIndicator ul li.current {
    background: url(../Images/checkout-bg-current.gif) repeat-x;
}
#checkoutIndicator ul li .icon {
    position: absolute;
    left: 10px;
    top: 5px;
    width: 38px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    background: url(../Images/checkout-circle-disabled.png) no-repeat;
    font-size: 26px;
    color: #FFF;
}
#checkoutIndicator ul li.active .icon {
    background: url(../Images/checkout-circle-active.png) no-repeat;
}
#checkoutIndicator ul li.current .icon {
    background: url(../Images/checkout-circle-current.png) no-repeat;
}
#checkoutIndicator ul li a {
    float: left;
    width: 182px;
    height: 38px;
    font-size: 20px;
    line-height: 38px;
    color: #1D3C70;
    text-decoration: none;
    padding: 5px;
    padding-left: 55px;
}
#checkoutIndicator ul li.active a, #checkoutIndicator ul li.current a {
    color: #FFF;
}
.shoppingCartItems .additionalNote {
    width: 350px;
}
.shoppingCartItems li {
    padding: 10px;
    margin-bottom: 10px;
}
.shoppingCartItems li .icon {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    float: left;
    width: 100px;
    margin-right: 20px;
}
.shoppingCartItems li .icon img {
    max-width: 100px;
    max-height: 100px;
}
.shoppingCartItems li .details {
    float: left;
    width: 350px;
}
.shoppingCartItems li .details h4 {
    font-size: 18px;
    color: #1D3C70;
    margin-bottom: 10px;
}
.shoppingCartItems li .details table {
    margin-bottom: 10px;
}
.shoppingCartItems li .details table tr td {
    padding: 0px 5px 2px 0px;
}
.shoppingCartItems li .details table tr td.light {
    color: #999
}
.shoppingCartItems li .actions {
    float: right;
    width: 85px;
}
.shoppingCartItems li .qtyPrice {
    float: left;
    width: 100px;
}
.shoppingCartItems li .qty {
    margin-bottom: 10px;
}
.shoppingCartItems li .price {
    font-size: 14px;
    color: #002b52;
}
.shoppingCartItems li.odd {
    background: #f1f6f9;
}
.shoppingCartItemsShort li {
    padding: 10px;
    margin-bottom: 10px;
}
.shoppingCartItemsShort li .icon {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    float: left;
    width: 50px;
    margin-right: 20px;
}
.shoppingCartItemsShort li .icon img {
    max-width: 50px;
    max-height: 50px;
}
.shoppingCartItemsShort li .details {
    float: left;
    width: 250px;
}
.shoppingCartItemsShort li .details h4 {
    font-size: 18px;
    color: #1D3C70;
    margin-bottom: 10px;
}
.shoppingCartItemsShort li .details table {
    margin-bottom: 10px;
    font-size: 11px;
}
.shoppingCartItemsShort li .details table tr td {
    padding: 0px 5px 2px 0px;
}
.shoppingCartItemsShort li .details table tr td.light {
    color: #999
}
.shoppingCartItemsShort li .qtyPrice {
    float: right;
    width: 100px;
    text-align: right;
}
.shoppingCartItemsShort li .qty {
    margin-bottom: 10px;
}
.shoppingCartItemsShort li .price {
    font-size: 14px;
    color: #002b52;
}
.shoppingCartItemsShort li.odd {
    background: #f1f6f9;
}
.shoppingCartItemsShipping li {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #C2C9D0;
}
.shoppingCartItemsShipping li .icon {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    float: left;
    width: 100px;
    margin-right: 20px;
}
.shoppingCartItemsShipping li .icon img {
    max-width: 100px;
    max-height: 100px;
}
.shoppingCartItemsShipping li .details {
    float: left;
    width: 300px;
}
.shoppingCartItemsShipping li .details h4 {
    font-size: 18px;
    color: #1D3C70;
    margin-bottom: 10px;
}
.shoppingCartItemsShipping li .details table {
    margin-bottom: 10px;
}
.shoppingCartItemsShipping li .details table tr td {
    padding: 0px 5px 2px 0px;
}
.shoppingCartItemsShipping li .details table tr td.light {
    color: #999
}
.shoppingCartItemsShipping li .actions {
    float: right;
    width: 85px;
}
.shoppingCartItemsShipping li .qtyPrice {
    float: right;
    width: 100px;
}
.shoppingCartItemsShipping li .qty {
    margin-bottom: 10px;
}
.shoppingCartItemsShipping li .price {
    font-size: 14px;
    color: #002b52;
}
.shoppingCartItemsShipping li.odd {
    background: #f1f6f9;
}
.shoppingCartItemsShipping .shippingAndRushOptions {
    float: left;
    width: 220px;
}
.shoppingCartItemsShipping .shippingAndRushOptions h4 {
    color: #1D3C70;
    font-size: 12px;
    margin-bottom: 5px;
}
.shoppingCartItemsShipping .shippingAndRushOptions select {
    margin-bottom: 10px;
}
.shoppingCartItemsShipping .shippingNotes {
    float: left;
    width: 180px;
}
.shoppingCartItemsShipping .shippingNotes h4 {
    color: #1D3C70;
    font-size: 12px;
    margin-bottom: 5px;
}
.confirmCartItemsShipping li {
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #c2c9d0
    /*border: 1px solid #BACDDE;*/
    /*background: #f6f8fa;*/
}
.confirmCartItemsShipping li .icon {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    float: left;
    width: 100px;
    margin-right: 20px;
}
.confirmCartItemsShipping li .icon img {
    max-width: 100px;
    max-height: 100px;
}
.confirmCartItemsShipping li .details {
    float: left;
    width: 300px;
}
.confirmCartItemsShipping li .details h4 {
    font-size: 18px;
    color: #1D3C70;
    margin-bottom: 10px;
}
.confirmCartItemsShipping li .details table {
    margin-bottom: 10px;
}
.confirmCartItemsShipping li .details table tr td {
    padding: 0px 5px 2px 0px;
}
.confirmCartItemsShipping li .details table tr td.light {
    color: #999
}
.confirmCartItemsShipping li .actions {
    float: right;
    width: 85px;
}
.confirmCartItemsShipping li .qtyPrice {
    float: right;
    width: 170px;
}
.confirmCartItemsShipping li .qty {
    margin-bottom: 10px;
}
.confirmCartItemsShipping li .price {
    font-size: 14px;
    color: #002b52;
    display: block;
}
.confirmCartItemsShipping li .price tr td {
    padding: 0px 5px 3px 0px;
}
.confirmCartItemsShipping li.odd {
    background: #f1f6f9;
}
.confirmCartItemsShipping .shippingAndRushOptions {
    float: left;
    width: 220px;
}
.confirmCartItemsShipping .shippingAndRushOptions h4 {
    color: #1D3C70;
    font-size: 12px;
    margin-bottom: 5px;
}
.confirmCartItemsShipping .shippingAndRushOptions select {
    margin-bottom: 10px;
}
.confirmCartItemsShipping .shippingNotes {
    float: left;
    width: 180px;
}
.confirmCartItemsShipping .shippingNotes h4 {
    color: #1D3C70;
    font-size: 12px;
    margin-bottom: 5px;
}
.confirmCartItemsShipping .shippingInformation {
    float: left;
    width: 200px;
    margin-right: 20px;
}
.confirmCartItemsShipping .imprintInformation {
    float: left;
    width: 100px;
}
.confirmCartItemsShipping .section.tabbed .sectionHeader ul li {
    margin: 0px;
    padding: 0px;
    border: none;
    background: none;
}
.confirmCartItemsShipping .section.tabbed .sectionHeader ul {
    float: left;
    margin-left: 20px;
}
.confirmCartItemsShipping .section.tabbed textarea {
    width: 965px;
    height: 50px;
}
.confirmCartItemsShipping li .confirmationBox {
    float: left;
    width: 60px;
}
.confirmCartItemsShipping li .confirmationBox strong {
    display: block;
    margin-bottom: 10px;
    color: #1D3C70;
}
.confirmCartItemsShipping li .confirmationBox .checkbox {
    width: 32px;
    height: 32px;
    background: url(../Images/checkbox-empty.png) no-repeat;
    cursor: pointer;
}
.confirmCartItemsShipping li .confirmationBox .checkbox.on {
    background: url(../Images/checkbox-full.png) no-repeat;
}
.confirmCartItemsShipping li .confirmationBox .checkbox input {
    display: none;
}
.confirmCartItemsShipping li.orange {
    /*background: #f5f3e9*/
}
.confirmCartItemsShipping li.green {
    /*background: #edf5e9;*/
}
.receiptCartItemsShipping li {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #BACDDE;
    background: #f6f8fa;
}
.receiptCartItemsShipping li .icon {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    float: left;
    width: 100px;
    margin-right: 20px;
}
.receiptCartItemsShipping li .icon img {
    max-width: 100px;
    max-height: 100px;
}
.receiptCartItemsShipping li .details {
    float: left;
    width: 300px;
}
.receiptCartItemsShipping li .details h4 {
    font-size: 18px;
    color: #1D3C70;
    margin-bottom: 10px;
}
.receiptCartItemsShipping li .details table {
    margin-bottom: 10px;
}
.receiptCartItemsShipping li .details table tr td {
    padding: 0px 5px 2px 0px;
}
.receiptCartItemsShipping li .details table tr td.light {
    color: #999
}
.receiptCartItemsShipping li .actions {
    float: right;
    width: 85px;
}
.receiptCartItemsShipping li .qtyPrice {
    float: right;
    width: 200px;
    text-align: right
}
.receiptCartItemsShipping li .qtyPrice tr td {
    padding: 0px 0px 5px 10px;
    text-align: right;
}
.receiptCartItemsShipping li .qtyPrice table {
    width: 100%;
}
.receiptCartItemsShipping li.odd {
    background: #f1f6f9;
}
.receiptCartItemsShipping .shippingAndRushOptions {
    float: left;
    width: 220px;
}
.receiptCartItemsShipping .shippingAndRushOptions h4 {
    color: #1D3C70;
    font-size: 12px;
    margin-bottom: 5px;
}
.receiptCartItemsShipping .shippingAndRushOptions select {
    margin-bottom: 10px;
}
.receiptCartItemsShipping .shippingNotes {
    float: left;
    width: 180px;
}
.receiptCartItemsShipping .shippingNotes h4 {
    color: #1D3C70;
    font-size: 12px;
    margin-bottom: 5px;
}
.receiptCartItemsShipping .shippingInformation {
    margin-top: 20px;
}
.receiptCartItemsShipping .shippingInformation strong {
    margin-bottom: 5px;
    display: block;
}
.receiptCartItemsShipping .additionalNotes {
    float: left;
    width: 300px;
    margin-right: 20px;
}
.receiptCartItemsShipping .additionalNotes h4 {
    margin-bottom: 5px;
    font-size: 14px;
    color: #1D3C70;
}
.receiptCartItemsShipping .imprintInformation {
    float: left;
    width: 100px;
}
.receiptCartItemsShipping .section.tabbed .sectionHeader ul li {
    margin: 0px;
    padding: 0px;
    border: none;
    background: none;
}
.receiptCartItemsShipping .section.tabbed .sectionHeader ul {
    float: left;
    margin-left: 20px;
}
.receiptCartItemsShipping .section.tabbed textarea {
    width: 965px;
    height: 50px;
}
.receiptCartItemsShipping li .confirmationBox {
    float: left;
    width: 60px;
}
.receiptCartItemsShipping li .confirmationBox strong {
    display: block;
    margin-bottom: 10px;
    color: #1D3C70;
}
.receiptCartItemsShipping li .confirmationBox .checkbox {
    width: 32px;
    height: 32px;
    background: url(../Images/checkbox-empty.png) no-repeat;
    cursor: pointer;
}
.receiptCartItemsShipping li .confirmationBox .checkbox.on {
    background: url(../Images/checkbox-full.png) no-repeat;
}
.receiptCartItemsShipping li .confirmationBox .checkbox input {
    display: none;
}
.receiptCartItemsShipping li.orange {
    background: #f5f3e9
}
.receiptCartItemsShipping li.green {
    background: #edf5e9;
}
.cartTotals {
    margin-bottom: 20px;
    color: #002b52;
}
.cartTotals table {
    text-align: right;
    float: right;
}
.cartTotals table tr td {
    padding: 0px 10px 5px 0px;
    font-size: 20px;
}
.cartTotals table tr.small td {
    padding: 0px 10px 5px 0px;
    font-size: 16px;
}
.cartTotals table tr.total td {
    padding: 10px 10px 10px 0px;
}
.checkoutOptions .note {
    float: left;
    padding: 10px 0px 10px 80px;
    background: url(../Images/icon-info-big.png) no-repeat left center;
    width: 280px;
    color: #1D3C70;
    font-size: 11px;
    font-style: italic;
}
.checkoutOptions .note p {
    margin-bottom: 10px;
    line-height: 15px;
}
.checkoutOptions .buttons {
    float: right;
    width: 370px;
    margin-top: 30px;
}
.checkoutOptions .buttons input {
    float: right;
    margin-left: 10px;
}
.upsellProductListing {
    padding-top: 10px;
}
.upsellProductListing li {
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #C2C9D0;
    padding-bottom: 20px;
}
.upsellProductListing li .innerLi {
    width: 150px;
    margin: 0 auto;
}
.upsellProductListing li .image {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
}
.upsellProductListing li .image img {
    max-width: 120px;
    max-height: 120px;
}
.upsellProductListing li .productName {
    color: #002b52;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}
.upsellProductListing li .productSubname {
    color: #1D3C70;
    font-size: 12px;
    margin-bottom: 5px;
    text-align: center;
}
#previouslyOrdered {
    position: relative;
}
#previouslyOrdered .productListing li {
    width: 20%;
}
#previouslyOrderedSlider .productListing {
    width: 990px;
    margin-left: 10px;
}
#previouslyOrderedSliderLeft {
    width: 23px;
    height: 46px;
    background: url(../Images/icon-slider-left.gif) no-repeat;
    position: absolute;
    left: -30px;
    top: 120px;
    cursor: pointer;
}
#previouslyOrderedSliderLeft:hover {
    background: url(../Images/icon-slider-left-h.gif) no-repeat;
}
#previouslyOrderedSliderRight {
    width: 23px;
    height: 46px;
    background: url(../Images/icon-slider-right.gif) no-repeat;
    position: absolute;
    ima right:-30px;
    top: 120px;
    cursor: pointer;
}
#previouslyOrderedSliderRight:hover {
    background: url(../Images/icon-slider-right-h.gif) no-repeat;
}
.confirmationPanel {
    margin-bottom: 20px;
}
.confirmationPanel .confirmationBox {
    margin: 0 auto;
    width: 300px;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    font-style: italic;
    line-height: 32px;
}
.confirmationPanel .confirmationBox.orange {
    background: #F90;
}
.confirmationPanel .confirmationBox.green {
    background: #9C0;
}
.confirmationPanel .checkbox {
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
}
.confirmationPanel .checkbox.off {
    background: url(../Images/checkbox-empty.png) no-repeat;
}
.confirmationPanel .checkbox.on {
    background: url(../Images/checkbox-full.png) no-repeat;
}
.confirmationPanel .checkbox input {
    display: none;
}
.confirmationPanel label {
    float: left;
}
#receiptActions {
    margin-top: 20px;
    margin-bottom: 20px;
}
#receiptActions .actionBox {
    width: 60%;
}
.bigRadioBox {
    font-size: 14px;
    color: #0054a4;
}
.parentAccounts {
    padding: 10px;
    background: none repeat scroll 0 0 #FFF6CA;
    border: 1px solid #EEE19F;
}
.parentAccounts ul li {
    display: block;
    margin-bottom: 5px;
}
#imprintKeysWindow {
    padding: 10px;
    background: none repeat scroll 0 0 #ECF0F3;
    border: 1px solid #DAE3EA;
    height: 370px;
    overflow: auto;
}
#imprintKeysTable tr td {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px dashed #DAE3EA
}
#imprintKeysTable em {
    color: #0054a4;
    font-weight: bold;
}
#shippingKeysWindow {
    padding: 10px;
    background: none repeat scroll 0 0 #ECF0F3;
    border: 1px solid #DAE3EA;
    height: 327px;
    width: 250px;
    overflow: auto;
}
#shippingKeysTable tr td {
    padding: 10px 10px 10px 0px;
    border-bottom: 1px dashed #DAE3EA
}
#shippingKeysTable em {
    color: #0054a4;
    font-weight: bold;
}
#numberingItemWrapper {
    padding: 10px;
    background: none repeat scroll 0 0 #ECF0F3;
    border: 1px solid #DAE3EA;
    height: auto;
    max-height: 370px;
    overflow: auto;
}
#numberingItemWrapper .numberingItem {
    padding: 10px;
    background: #FFF;
    border: 1px solid #DAE3EA;
    margin-bottom: 10px;
}
#numberingItemWrapper .numberingItem h4 {
    color: #0054a4;
    font-size: 18px;
    margin-bottom: 5px;
}
#numberingItemWrapper .numberingItem h5 {
    color: #0054a4;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #0054a4;
}
.reorderMessage {
    background-image: url("../images/icon-error.png");
    border-radius: 5px 5px 5px 5px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    color: red;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 15px 20px 10px;
}
.reorderMessage span {
    margin-left: 15px;
    font-weight: bold;
}
.footerMessage {
    font-weight: bold;
    padding-bottom: 5px;
}
.greetingMessage {
    color: #0078a7;
    font-size: 14px;
    font-weight: bold;
    /*margin-bottom: 10px;*/
}
.red {
    color: #ff0000;
}
.section .dataTables_wrapper .reportTable.search {
    min-width: 800px;
}
div.jHtmlArea {
    border: solid 1px #ccc;
}
h1 .globalActionButtons {
    float: right;
}
#publicStaticPage {
    margin-top: 40px;
    margin-bottom: 20px;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #e3ebf4;
    background: #ffffff url(../images/jqui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}
.ui-widget-content a {
    color: #222222;
}
.ui-widget-header {
    border: 1px solid #ebebeb;
    background: #355ca8 url(../images/jqui/ui-bg_highlight-soft_50_355ca8_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}
.ui-widget-header a {
    color: #ffffff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e3ebf4 url(../images/jqui/ui-bg_glass_75_e3ebf4_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #ebebeb;
    background: #669900 url(../images/jqui/ui-bg_glass_75_669900_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #ffffff;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(../images/jqui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-widget :active {
    outline: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../images/jqui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../images/jqui/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
    color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(../images/jqui/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
    background-image: url(../images/jqui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../images/jqui/ui-icons_ffffff_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../images/jqui/ui-icons_355ca8_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../images/jqui/ui-icons_ffffff_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../images/jqui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../images/jqui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../images/jqui/ui-icons_cd0a0a_256x240.png);
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.zoomPad {
    position: relative;
    float: left;
    z-index: 99;
    cursor: crosshair;
}
.zoomPreload {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
    text-decoration: none;
    border: 1px solid #CCC;
    background-color: white;
    padding: 8px;
    text-align: center;
    background-image: url(../images/zoomloader.gif);
    background-repeat: no-repeat;
    background-position: 43px 30px;
    z-index: 110;
    width: 90px;
    height: 43px;
    position: absolute;
    top: 0px;
    left: 0px;
    * width: 100px;
    * height: 49px;
}
.zoomPup {
    overflow: hidden;
    background-color: #FFF;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
    z-index: 120;
    position: absolute;
    border: 1px solid #CCC;
    z-index: 101;
    cursor: crosshair;
}
.zoomOverlay {
    position: absolute;
    left: 0px;
    top: 0px;
    background: #FFF;
    z-index: 5000;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 101;
}
.zoomWindow {
    position: absolute;
    left: 110%;
    top: 40px;
    background: #FFF;
    z-index: 6000;
    height: auto;
    z-index: 10000;
    z-index: 110;
}
.zoomWrapper {
    position: relative;
    border: 1px solid #DAE3EA;
    z-index: 110;
}
.zoomWrapperTitle {
    display: block;
    background: #999;
    color: #FFF;
    height: 18px;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 120;
    -moz-opacity: 0.6;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
.zoomWrapperImage {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 110;
}
.zoomWrapperImage img {
    border: 0px;
    display: block;
    position: absolute;
    z-index: 101;
}
.zoomIframe {
    z-index: -1;
    filter: alpha(opacity=0);
    -moz-opacity: 0.80;
    opacity: 0.80;
    position: absolute;
    display: block;
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
* html #fancybox-loading { /* IE6 */
    position: absolute;
    margin-top: 0;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
}
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}
* html #fancybox-overlay { /* IE6 */
    position: absolute;
    width: 100%;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #FFF;
}
#register #fancybox-outer {
    width: 677px;
}
#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    padding-top: 10px;
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
#fancybox-close {
    position: absolute;
    top: -30px;
    right: -18px;
    width: 23px;
    height: 23px;
    background-image: url(/images/popup/close-btn.png);
    background-repeat: no-repeat;
    /*background-position: -40px 0px;*/
    cursor: pointer;
    z-index: 1103;
    display: none;
}
#fancybox_error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 7px;
    margin: 0;
}
#fancybox-content {
    height: 100%;
    width: auto;
    padding: 0;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}
#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
#fancybox-title {
    position: absolute;
    left: 0;
    font-family: Arial;
    font-size: 12px;
    z-index: 1102;
    top: -40px;
}
.fancybox-title-inside {
    padding: 10px 0;
    text-align: center;
    color: #333;
}
.fancybox-title-outside {
    padding-top: 5px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}
.fancybox-title-over {
    color: #FFF;
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url('fancy_title_over.png');
    display: block;
}
#fancybox-title-wrap span {
    height: 32px;
    float: left;
}
#fancybox-title-main {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 36px;
    color: #FFF;
}
#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    z-index: 1102;
    display: none;
}
#fancybox-left {
    left: 0px;
}
#fancybox-right {
    right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background-position: -40px -30px;
}
#fancybox-right-ico {
    background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
    left: 20px;
}
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}
.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}
#fancy-bg-n {
    top: -39px;
    height: 39px;
    left: 0;
    width: 100%;
    background-image: url(/images/popup/header-c.png);
}
#fancy-bg-ne {
    top: -39px;
    height: 39px;
    width: 27px;
    right: -27px;
    background-image: url(/images/popup/header-r.png);
}
#fancy-bg-e {
    top: 0;
    right: -27px;
    height: 100%;
    background-image: url(/images/popup/content-r.png);
    width: 27px;
}
#fancy-bg-se {
    bottom: -37px;
    right: -27px;
    width: 27px;
    height: 37px;
    background-image: url(/images/popup/footer-r.png);
}
#fancy-bg-s {
    bottom: -37px;
    height: 37px;
    left: 0;
    width: 100%;
    background-image: url(/images/popup/footer-c.png);
    background-position: 0px -37px;
}
#fancy-bg-sw {
    bottom: -37px;
    left: -20px;
    width: 21px;
    height: 37px;
    background-image: url(/images/popup/footer-l.png);
}
#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(/images/popup/content-l.png)
}
#fancy-bg-nw {
    top: -39px;
    left: -20px;
    height: 39px;
    width: 20px;
    background-image: url(/images/popup/header-l.png);
}
.fancybox-ie .fancy-bg {
    background: transparent !important;
}
div.jHtmlArea {
    display: inline-block;
}
div.jHtmlArea div {
    padding: 0px;
    margin: 0px;
}
div.jHtmlArea .ToolBar ul {
    border: solid 1px #ccc;
    margin: 1px;
    padding: 1px;
    float: left;
    background: #fff url(jHtmlArea_Toolbar_Group_BG.png) repeat-x;
}
div.jHtmlArea .ToolBar ul li {
    list-style-type: none;
    float: left;
    border: none;
    padding: 1px;
    margin: 1px;
}
div.jHtmlArea .ToolBar ul li:hover {
    border: solid 1px #ccc;
    background: #ddd url(jHtmlArea_Toolbar_Group__Btn_Select_BG.png);
    padding: 0;
}
div.jHtmlArea .ToolBar ul li a {
    display: block;
    width: 16px;
    height: 16px;
    background: url(jHtmlArea.png) no-repeat -16px -500px;
    border: none;
    cursor: pointer;
    padding: 0px;
}
div.jHtmlArea .ToolBar ul li a.highlighted {
    border: solid 1px #aaa;
    background-color: #bbb;
    padding: 0;
}
div.jHtmlArea .ToolBar ul li.separator {
    height: 16px;
    margin: 0 2px 0 3px;
    border-left: 1px solid #ccc;
}
div.jHtmlArea .ToolBar ul li.separator:hover {
    padding: 1px;
    background-color: #fff;
    border-top: none;
    border-bottom: none;
    border-right: none;
}
div.jHtmlArea .ToolBar ul li a.bold {
    background-position: 0 0;
}
div.jHtmlArea .ToolBar ul li a.italic {
    background-position: -16px 0;
}
div.jHtmlArea .ToolBar ul li a.underline {
    background-position: -32px 0;
}
div.jHtmlArea .ToolBar ul li a.strikethrough {
    background-position: -48px 0;
}
div.jHtmlArea .ToolBar ul li a.link {
    background-position: -64px 0;
}
div.jHtmlArea .ToolBar ul li a.unlink {
    background-position: -80px 0;
}
div.jHtmlArea .ToolBar ul li a.orderedlist {
    background-position: -96px 0;
}
div.jHtmlArea .ToolBar ul li a.unorderedlist {
    background-position: -112px 0;
}
div.jHtmlArea .ToolBar ul li a.image {
    background-position: -128px 0;
}
div.jHtmlArea .ToolBar ul li a.cut {
    background-position: -144px 0;
}
div.jHtmlArea .ToolBar ul li a.copy {
    background-position: -160px 0;
}
div.jHtmlArea .ToolBar ul li a.paste {
    background-position: -176px 0;
}
div.jHtmlArea .ToolBar ul li a.html {
    background-position: -192px 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
div.jHtmlArea .ToolBar ul li a.html.highlighted {
    opacity: 1.0;
    filter: alpha(opacity=100);
}
div.jHtmlArea .ToolBar ul li a.h1 {
    background-position: 0 -16px;
}
div.jHtmlArea .ToolBar ul li a.h2 {
    background-position: -16px -16px;
}
div.jHtmlArea .ToolBar ul li a.h3 {
    background-position: -32px -16px;
}
div.jHtmlArea .ToolBar ul li a.h4 {
    background-position: -48px -16px;
}
div.jHtmlArea .ToolBar ul li a.h5 {
    background-position: -64px -16px;
}
div.jHtmlArea .ToolBar ul li a.h6 {
    background-position: -80px -16px;
}
div.jHtmlArea .ToolBar ul li a.subscript {
    background-position: -96px -16px;
}
div.jHtmlArea .ToolBar ul li a.superscript {
    background-position: -112px -16px;
}
div.jHtmlArea .ToolBar ul li a.indent {
    background-position: -128px -16px;
}
div.jHtmlArea .ToolBar ul li a.outdent {
    background-position: -144px -16px;
}
div.jHtmlArea .ToolBar ul li a.horizontalrule {
    background-position: -160px -16px;
}
div.jHtmlArea .ToolBar ul li a.p {
    background-position: -176px -16px;
}
div.jHtmlArea .ToolBar ul li a.justifyleft {
    background-position: 0 -32px;
}
div.jHtmlArea .ToolBar ul li a.justifycenter {
    background-position: -16px -32px;
}
div.jHtmlArea .ToolBar ul li a.justifyright {
    background-position: -32px -32px;
}
div.jHtmlArea .ToolBar ul li a.increasefontsize {
    background-position: -48px -32px;
}
div.jHtmlArea .ToolBar ul li a.decreasefontsize {
    background-position: -64px -32px;
}
div.jHtmlArea .ToolBar ul li a.forecolor {
    background-position: -80px -32px;
}
.ui-tooltip, .qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
}
.ui-tooltip-fluid {
    display: block;
    visibility: hidden;
    position: static !important;
    float: left !important;
}
.ui-tooltip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    border: 1px solid #000001;
    text-align: left;
    word-wrap: break-word;
    overflow: hidden;
}
.ui-tooltip-titlebar {
    position: relative;
    min-height: 14px;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border: 1px solid #000001;
    border-width: 1px 1px 0;
    font-weight: bold;
}
.ui-tooltip-titlebar + .ui-tooltip-content {
    border-top-width: 0 !important;
}
.ui-tooltip-titlebar .ui-state-default {
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -9px;
    cursor: pointer;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
}
* html .ui-tooltip-titlebar .ui-state-default {
    top: 16px;
}
.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
}
.ui-tooltip-icon, .ui-tooltip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.ui-tooltip-icon .ui-icon {
    width: 18px;
    height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma,sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em;
}
.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}
.ui-tooltip-default .ui-tooltip-titlebar {
    background-color: #FFEF93;
}
.ui-tooltip-default .ui-tooltip-icon {
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
    border-color: #AAA;
    color: #111;
}
.ui-tooltip .ui-tooltip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}
.ui-tooltip .ui-tooltip-tip, .ui-tooltip .ui-tooltip-tip * {
    position: absolute;
    line-height: .1px !important;
    font-size: .1px !important;
    color: #123456;
    background: transparent;
    border: 0 dashed transparent;
}
.ui-tooltip .ui-tooltip-tip canvas {
    top: 0;
    left: 0;
}
#qtip-overlay {
    position: fixed;
    left: -10000em;
    top: -10000em;
}
#qtip-overlay.blurs {
    cursor: pointer;
}
#qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.ui-tooltip-light .ui-tooltip-titlebar, .ui-tooltip-light .ui-tooltip-content {
    border-color: #E2E2E2;
    color: #454545;
}
.ui-tooltip-light .ui-tooltip-content {
    background-color: white;
}
.ui-tooltip-light .ui-tooltip-titlebar {
    background-color: #f1f1f1;
}
.ui-tooltip-dark .ui-tooltip-titlebar, .ui-tooltip-dark .ui-tooltip-content {
    border-color: #303030;
    color: #f3f3f3;
}
.ui-tooltip-dark .ui-tooltip-content {
    background-color: #505050;
}
.ui-tooltip-dark .ui-tooltip-titlebar {
    background-color: #404040;
}
.ui-tooltip-dark .ui-tooltip-icon {
    border-color: #444;
}
.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover {
    border-color: #303030;
}
.ui-tooltip-cream .ui-tooltip-titlebar, .ui-tooltip-cream .ui-tooltip-content {
    border-color: #F9E98E;
    color: #A27D35;
}
.ui-tooltip-cream .ui-tooltip-content {
    background-color: #FBF7AA;
}
.ui-tooltip-cream .ui-tooltip-titlebar {
    background-color: #F0DE7D;
}
.ui-tooltip-cream .ui-state-default .ui-tooltip-icon {
    background-position: -82px 0;
}
.ui-tooltip-red .ui-tooltip-titlebar, .ui-tooltip-red .ui-tooltip-content {
    border-color: #D95252;
    color: #912323;
}
.ui-tooltip-red .ui-tooltip-content {
    background-color: #F78B83;
}
.ui-tooltip-red .ui-tooltip-titlebar {
    background-color: #F06D65;
}
.ui-tooltip-red .ui-state-default .ui-tooltip-icon {
    background-position: -102px 0;
}
.ui-tooltip-red .ui-tooltip-icon {
    border-color: #D95252;
}
.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover {
    border-color: #D95252;
}
.ui-tooltip-green .ui-tooltip-titlebar, .ui-tooltip-green .ui-tooltip-content {
    border-color: #90D93F;
    color: #3F6219;
}
.ui-tooltip-green .ui-tooltip-content {
    background-color: #CAED9E;
}
.ui-tooltip-green .ui-tooltip-titlebar {
    background-color: #B0DE78;
}
.ui-tooltip-green .ui-state-default .ui-tooltip-icon {
    background-position: -42px 0;
}
.ui-tooltip-blue .ui-tooltip-titlebar, .ui-tooltip-blue .ui-tooltip-content {
    border-color: #ADD9ED;
    color: #5E99BD;
}
.ui-tooltip-blue .ui-tooltip-content {
    background-color: #E5F6FE;
}
.ui-tooltip-blue .ui-tooltip-titlebar {
    background-color: #D0E9F5;
}
.ui-tooltip-blue .ui-state-default .ui-tooltip-icon {
    background-position: -2px 0;
}
.ui-tooltip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15);
}
.ui-tooltip-shadow .ui-tooltip-titlebar, .ui-tooltip-shadow .ui-tooltip-content {
    filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color='gray',Direction=135,Strength=3)";
    margin-bottom: -3px;
}
.ui-tooltip-rounded, .ui-tooltip-rounded .ui-tooltip-content, .ui-tooltip-tipsy, .ui-tooltip-tipsy .ui-tooltip-content, .ui-tooltip-youtube, .ui-tooltip-youtube .ui-tooltip-content {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ui-tooltip-rounded .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-titlebar {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content, .ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.ui-tooltip-youtube {
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
}
.ui-tooltip-youtube .ui-tooltip-titlebar, .ui-tooltip-youtube .ui-tooltip-content {
    margin-bottom: 0;
    background: transparent;
    background: rgba(0,0,0,0.85);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
    color: white;
    border-color: #CCC;
}
.ui-tooltip-youtube .ui-tooltip-icon {
    border-color: #222;
}
.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover {
    border-color: #303030;
}
.ui-tooltip-jtools {
    background: #232323;
    background: rgba(0,0,0,0.7);
    background-image: -moz-linear-gradient(top,#717171,#232323);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#717171),to(#232323));
    border: 2px solid #ddd;
    border: 2px solid rgba(241,241,241,1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333;
}
.ui-tooltip-jtools .ui-tooltip-titlebar {
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}
.ui-tooltip-jtools .ui-tooltip-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}
.ui-tooltip-jtools .ui-tooltip-titlebar, .ui-tooltip-jtools .ui-tooltip-content {
    background: transparent;
    color: white;
    border: 0 dashed transparent;
}
.ui-tooltip-jtools .ui-tooltip-icon {
    border-color: #555;
}
.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover {
    border-color: #333;
}
.ui-tooltip-cluetip {
    -webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
    box-shadow: 4px 4px 5px rgba(0,0,0,0.4);
}
.ui-tooltip-cluetip .ui-tooltip-titlebar {
    background-color: #87876A;
    color: white;
    border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-content {
    background-color: #D9D9C2;
    color: #111;
    border: 0 dashed transparent;
}
.ui-tooltip-cluetip .ui-tooltip-icon {
    border-color: #808064;
}
.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952;
}
.ui-tooltip-tipsy {
    border: 0;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar, .ui-tooltip-tipsy .ui-tooltip-content {
    _margin-bottom: 0;
    margin-bottom: 0;
    background: transparent;
    background: rgba(0,0,0,.87);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
    color: white;
    border: 0 transparent;
    font-size: 11px;
    font-family: 'Lucida Grande';
    font-weight: bold;
    line-height: 16px;
    text-shadow: 0 1px black;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar {
    padding: 6px 35px 0 10px;
}
.ui-tooltip-tipsy .ui-tooltip-content {
    padding: 6px 10px;
}
.ui-tooltip-tipsy .ui-tooltip-icon {
    border-color: #222;
    text-shadow: none;
}
.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover {
    border-color: #303030;
}
.ui-tooltip-tipped .ui-tooltip-titlebar, .ui-tooltip-tipped .ui-tooltip-content {
    border: 3px solid #959FA9;
    filter: none;
    -ms-filter: none;
}
.ui-tooltip-tipped .ui-tooltip-titlebar {
    background-position: 0% 0%;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
    color: white;
    font-weight: normal;
    font-family: serif;
    border-bottom-width: 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#3A79B8),to(#2E629D));
    background-color: #3A79B8;
    background-repeat: repeat;
    background-attachment: scroll;
}
.ui-tooltip-tipped .ui-tooltip-content {
    background-color: #F9F9F9;
    color: #454545;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.ui-tooltip-tipped .ui-tooltip-icon {
    border: 2px solid #285589;
    background: #285589;
}
.ui-tooltip-tipped .ui-tooltip-icon .ui-icon {
    background-color: #FBFBFB;
    color: #555;
}
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content, .ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar {
    filter: none;
    -ms-filter: none;
}
.popupForm td {
    padding: 1px 1px 7px;
}
.purchaseOrderTable {
    text-align: left;
}
.divAccess {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.globl-helper-box {
    position: relative;
}
.globl-helper-box .shcart-helper {
    /*color: #FFFFFF;*/
    position: absolute;
    padding: 1px 0 2px;
    left: 47px;
    text-decoration: none;
    top: 19px;
    }
.globl-helper-box .shcart-helper:hover {
    background: #bfbfbf;
}
.checkCOIDNo {
    max-width: 218px;
    min-height: 20px;
    width: 218px;
}
.rwAddress .checkCOIDNo table {
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    padding: 5px;
    width: 50%;
    /*border:1px solid #C3C3C3;*/
}
.rwAddress .checkCOIDNo table td {
    padding: 5px;
    width: 50%;
    border-top: none;
    border-bottom: none;
}
.list-view-wrap li.product {
    display: block;
    width: 100%;
}
.list-view-wrap.productListing li .innerLi {
    margin-right: 0px;
    position: relative;
}
.list-view-wrap .image {
    float: left;
    margin-bottom: 0px;
    width: 120px;
}
.list-view-wrap.productListing li .image {
    margin-bottom: 0px;
}
.list-view-wrap.productListing li .productName {
    float: left;
    margin-left: 20px;
    text-align: left;
    width: 550px;
}
.list-view-wrap .productName .product-short-d li {
    display: block;
    margin-bottom: 5px;
    width: 100%;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
}
.list-view-wrap .odr-btn {
    position: absolute;
    right: 15px;
    bottom: 10px;
    width: 135px;
}
.list-view-wrap .odr-btn span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}
.list-view-wrap .odr-btn h4 {
    display: block;
    text-align: center;
    font-size: 12px;
}
.security-notes {
    margin-top: 20px;
    font-size: 14px;
}
.security-notes ul li {
    margin-bottom: 10px
}
.multiline-text {
    max-width: 600px;
    max-height: 300px;
}
input[type="checkbox"].new-products, input[type="radio"].new-products {
    width: 15px !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    position: relative;
    top: 2px;
    margin: 2px;
}

/* Begin - Warehouse Bin Styles */
#warehouseBinLocationContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.binLocationContainer {
    box-sizing: border-box;
    width: 33%;
    display: flex;
    flex-direction: column;
    border: 1px solid;
    border-radius: 5px;
    padding: .5rem;
    justify-content: space-between;
}

.binLocationContainer > span {
    display: flex;
    text-align: center;
    line-height: 125%;
    font-size: 125%;
    font-weight: bold;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

    .binLocationContainer > span span:first-child {
        width: 60%;
        text-align: left;
    }

.binLocationContainer a {
    display: block;
    text-align: center;
    line-height: 125%;
}

.binLocationContainer input[type=text] {
    display: block;
    width: 100%;
    margin: .25rem 0;
}

.binLocationContainer * {
    box-sizing: border-box;
}
/* End - Warehouse Bin Styles */

/* Use sr-only to hide labels/spans/text to the user visually but still picked up by screen readers for accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Use not-sr-only to revert the styling changes done by sr-only - helpful when using jQuery or asp.net c# to unhide/hide again */
.not-sr-only {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/* Skip links container */
.skip-links-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

/* Individual skip links */
.skip-main {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 9999;
    padding: 0.5em 1em;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    border: 2px solid #fff;
    border-radius: 0 0 0.25rem 0;
    outline-offset: 2px;
}

/* Show skip link on focus - all appear in same position */
.skip-main:focus {
    left: 0;
    top: 0;
}

/* Optional: Add hover state */
.skip-main:hover {
    background-color: #333;
    text-decoration: underline;
}

#hideNotesPanelBtn {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    background: none;
}

#hideNotesPanelBtn:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0.2em 0.5em;
    margin: 0.5em;
    overflow: visible;
    clip: auto;
    white-space: normal;
    background: #000;
    color: #fff;
    cursor: pointer;
    border: 2px solid #fff;
}