/************/
/* Quickadd */
/************/
.quickAdd{
    float:left;
    width:100%;
    position: relative;
}
.quickAdd .itemDetails{
    float:left;
    padding:0 1% 18px;
    margin:0 0 29px;
    width:98%;
    border-bottom:solid 1px #DDD;
}

.quickAdd .itemDetails .toolTip.number{
    left:auto;
    right:-60px;
    top:80px;
}
.quickAdd a.checkbox,
.myOrders a.checkbox,
.viewCart a.checkbox{
    background:url(/styles/images/checkbox.jpg) no-repeat 0 0 transparent;
    color:#585858;
    display:block;
    float:left;
    font:bold 14px/17px Helvetica,arial;
    height: 21px;
    padding:4px 0 0 32px;
}
.quickAdd a.checkbox.checked,
.viewCart a.checkbox.checked,
.myOrders a.checkbox.checked {
    background-position:0 -21px;
}
.viewCart .allowCoMessage {
    position: absolute;
    display: none;
    background: #eaeaea;
    right: 0;
    top: 200px;
    padding: 10px;
}
.viewCart .allowCoMessage #allow_co_arrow {
    position: absolute;
    width: 12px;
    right: 30px;
    top: 32px;
}
.viewCart .dsActions input{
    margin-right: 5%;
	color:white;
}
.viewCart .dsActions input[type="text"] {
    padding: 3px 1px !important;
}
.viewCart #basic_print {
    display: none;
}
.quickAdd .itemDetails a.checkbox{
    margin:3px 0 20px;
    position:relative;
}
.quickAdd .itemDetails span.question,
.myPreferences .smsAlerts label span,
.orderMerge .dates .left .radios span{
    float:right;
    background:url(/styles/images/question.png) no-repeat 0 0;
    width:18px;
    height:18px;
    position:absolute;
    top:2px;
    right:-29px;
}
.quickAdd .itemDetails .toggleComments{
    float:left;
    width:100%;
    display:none;
}
.quickAdd .itemDetails label{
    clear:left;
    color:#585858;
    float:left;
    font:bold 16px/22px Helvetica,arial;
    padding:5px 0 0;
    width:31%;
}
.quickAdd .itemDetails input[type="text"],
.quickAdd .itemDetails input[type="tel"],
.quickAdd .itemDetails input[type="number"]{
    background-color:#EAEAEA !important;
    float:left !important;
    font:16px/22px Helvetica,arial !important;
    height:27px !important;
    margin:0 0 24px !important;
    padding:2px 8% 0 2% !important;
    width:50% !important;
    text-indent: 0 !important;
    background-image: none !important;
    color:#585858 !important;
    transition:background-color 0.4s ease !important;
    border-radius: 0 !important;
    border: none !important;
}
.quickAdd .itemDetails input:focus{
    background-color:#cacaca;
}
.quickAdd .itemDetails .info{
    float:left;
    width:100%;
    position:relative;
}
.quickAdd .itemDetails .info span{
    position:absolute;
    right:10.5%;
    top:6px;
    width:18px;
    height:18px;
    background:url(/styles/images/info.png) no-repeat 0 0;
    cursor:pointer;
}
.quickAdd .itemDetails .right{
    background-color:#EAEAEA;
    float:left;
    padding:15px 2.5% 14px;
    width:55%;
    position:relative;
}
.quickAdd .itemDetails .right ul{
    float:left;
    width:100%;
}
.quickAdd .itemDetails .right ul li{
    float:left;
    width:100%;
    font:15px/22px Helvetica,arial;
    color:#585858;
    margin:0 0 10px;
    list-style:none;
}
.quickAdd .itemDetails .right ul li.best{
    margin:0;
}
.quickAdd .itemDetails .right ul li.best strong{
    color:#ff9b3b;
}
.quickAdd .itemDetails .right a.toggleDetails{
    width:20px;
    height:20px;
    background:url(/styles/images/show-details.png) no-repeat 0 6px;
    right:5px;
    top:5px;
    position:absolute;
    display:none;
}
/* Items list */
.quickAdd .toggleKeyPad{
    float:right;
    height:40px;
    margin:-10px 1% 20px 0;
    width:40px;
    background:url(/styles/images/keypad.png) no-repeat center #EAEAEA;
}
.quickAdd .itemsList{
    float:left;
    width:98%;
    padding:0 1% 29px;
    overflow-x:hidden; 
}
.quickAdd .itemsList ul.keypad{
    float:right;
    width:23%;
    margin-right:-25%;
    opacity:0;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.quickAdd .itemsList.showKeypad ul.keypad{
    margin-right:0;
    opacity:1;
}
.quickAdd .itemsList ul.keypad li{
    float:left;
    width:31.3%;
    margin:0 3% 10px 0;
    list-style:none;
}
.quickAdd .itemsList ul.keypad li.last{
    margin-right:0;
}
.quickAdd .itemsList ul.keypad li.return{
    width:100%;
    margin:3px 3% 10px 0;
}
.quickAdd .itemsList ul.keypad li.return a{
    font-size:32px;
    line-height:78px;
    background-color:#BBB;
}
.quickAdd .itemsList ul.keypad li.dash a{
    background:url(/styles/images/keypad-dash.png) no-repeat center center #BBB;
}
.quickAdd .itemsList ul.keypad li.erase a{
    background:url(/styles/images/keypad-erase.png) no-repeat center center #BBB;
}
.quickAdd .itemsList ul.keypad li a{
    display:block;
    font:300 35px/84px Helvetica,arial;
    color:#000;
    text-align:center;
    background-color:#ddd;
    height:78px;
    border-bottom:solid 3px #8b8b8b;
    border-radius:10px;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.quickAdd .itemsList ul.keypad li a:hover{
    background-color:#edecec;
}
.quickAdd .itemsList ul.keypad li a:active{
    background-color:#ddd;
    border-bottom-color:#ddd;
    box-shadow:inset 0 3px 0 #8b8b8b;
}
.quickAdd .itemsList ul.keypad li.dash a:hover,
.quickAdd .itemsList ul.keypad li.erase a:hover,
.quickAdd .itemsList ul.keypad li.return a:hover{
    background-color:#ddd;
}
.quickAdd .itemsList .table{
    float:left;
    width:100%;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -webkit-overflow-scrolling:touch;
}
.quickAdd .itemsList.showKeypad .table{
    width:73%;
}
.quickAdd .itemsList .table ul{
    float:left;
    width:100%;
    background-color:#58585b;
    box-shadow:0 0 0 1px #58585b;
    position:relative;
    margin:0 0 1px;
}
.quickAdd .itemsList .table ul li{
    float:left;
    font:bold 16px/20px Helvetica,arial;
    color:#FFF;
    text-align:center;
    padding:13px 0 12px;
    list-style:none;
}
.quickAdd .itemsList .table ul li.col01{
    width:26%;
}
.quickAdd .itemsList .table ul li.col02{
    width:38%;
}
.quickAdd .itemsList .table ul li.col03{
    width:11%;
}
.quickAdd .itemsList .table ul li.col04{
    width:25%;
}
.quickAdd .itemsList .table ul li.col04{
    width:25%;
}
.quickAdd .itemsList .table .scroll{
    float:left;
    width:100%;
    /*box-shadow:0 0 0 1px #bbb;*/
    max-height:400px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.quickAdd .itemsList .table .scroll table{
    float:left;
    width:100%;
}
/*
.quickAdd .itemsList .table .scroll tr td{
    font:18px/20px Helvetica,arial;
    color:#58585b;
    box-shadow:1px 0 0 0 #bbb;
    padding:12px 2% 8px;
    position:relative;
}
.quickAdd .itemsList .table .scroll tr:nth-child(even){
    background-color:#f2f2f2;
}
.quickAdd .itemsList .table .scroll tr td:nth-child(4){
    box-shadow:none;
}
.quickAdd .itemsList .table .scroll tr td.col01{
    text-align:center;
    width:25%;
}
.quickAdd .itemsList .table .scroll tr td.col02{
    width:39%;
}
.quickAdd .itemsList .table .scroll tr td.col03{
    text-align:center;
    width:12%;
}
.quickAdd .itemsList .table .scroll tr td.col04{
    text-align:right;
}
*/
.quickAdd #quickadd{
    display:none;
}
/***************/
/* My invoices */
/***************/
.myInvoices,
.myOrders{
    float:left;
    width:100%;
    position: relative;
}
.freightTableModal {
    top: -10%;
    left: -17%;
}
.freightTableModal table {
    float: left;
}
.freightTableModal tr td {
    padding: 5px;
}
/* Filter Invoices */
.myInvoices .filterInvoices,
.myOrders .filterInvoices{
    border-bottom:1px solid #DDD;
    float:left;
    margin:0 0 20px;
    padding:0 1% 20px;
    width:98%;
}
.myInvoices .filterInvoices label,
.myOrders .filterInvoices label,
.orderMerge .dates .left label,
.orderMerge .dates .right label,
.orderMerge .selectOrders label{
    /*clear:left;*/
    color:#585858;
    float:left;
    font:bold 16px/22px Helvetica,arial;
    margin:0 10px 0 0;
    padding:5px 0 0;
    width:auto;
}
.myInvoices .filterInvoices select,
.myOrders .filterInvoices select,
.myPreferences select,
.myQuotes select{
    background-color:#EAEAEA;
    color:#585858;
    float:left;
    font:12px/18px Helvetica,arial;
    height:27px;
    margin:2px 10px 0 0;
    padding:7px 0.5% 6px;
    outline:none;
    -webkit-appearance:menulist !important;
}
.myInvoices .filterInvoices select option,
.myOrders .filterInvoices select option,
.myPreferences select option{
    font:12px/18px Helvetica,arial;
    padding:3px;
    outline:none;
}
/* Print Bar */
.myInvoices .printBar,
.myOrders .printBar,
.orderMerge .printBar,
.backOrderCancel .printBar,
.myQuotes .printBar{
    background-color:#EAEAEA;
    float:left;
    margin:0 0 20px;
    padding:8px 1%;
    width:98%;
    text-align:center;
}
.myInvoices .printBar input[type="button"],
.myOrders .printBar input[type="button"],
.orderMerge .printBar input[type="button"],
.backOrderCancel .printBar input[type="button"],
.myQuotes .printBar input[type="button"]{
    float:left;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.myInvoices .printBar span,
.myOrders .printBar span,
.orderMerge .printBar span,
.backOrderCancel .printBar span,
.myQuotes .printBar span{
    color:#585858;
    display:inline-block;
    font:bold 16px/19px Helvetica,arial;
    margin:6px 0 0;
}
/* Tabs */
.myInvoices .tabs,
.myOrders .tabs,
.viewCart .tabs{
    float:left;
    width:100%;
}
.myInvoices .tabs table,
.myOrders .tabs table{
    float:left;
    width:100%;
}
.myInvoices .tabs ul.tabsNav,
.myOrders .tabs ul.tabsNav,
.viewCart .tabs ul.tabsNav{
    float:left;
    width:100%;
    position:relative;
    margin-bottom:0px;
}
.myInvoices .tabs ul.tabsNav li,
.myOrders .tabs ul.tabsNav li,
.viewCart .tabs ul.tabsNav li{
    float:left;
    /*box-shadow:inset 0 0 0 1px #DDD;*/
    list-style:none;
    background-color:#EAEAEA;
    margin-right:-1px;
    margin-bottom:-1px;
}
.myInvoices .tabs ul.tabsNav li.active,
.myOrders .tabs ul.tabsNav li.active,
.viewCart .tabs ul.tabsNav li.active{
    background-color:#FFF;
    border: 1px solid #DDD;
    border-bottom: 1px solid #FFF;
}
.myInvoices .tabs ul.tabsNav li a,
.myOrders .tabs ul.tabsNav li a,
.viewCart .tabs ul.tabsNav li a{
    color:#585858;
    display:block;
    font:bold 15px/19px Helvetica,arial;
    padding:10px 21px 6px;
}
.myInvoices .tabContent,
.myOrders .tabContent,
.viewCart .tabContent{
    border:1px solid #DDD;
    float:left;
    width:98%;
    padding:10px 1%;
    margin:0 0 20px;
}
.myInvoices .tabContent.hide,
.myOrders .tabContent.hide,
.viewCart .tabContent.hide{
    display:none;
}
.viewCart .cancelShipment {
    float: left;
    margin-top: 3px;
	cursor: pointer;
	color: #F68A1F;
}
.viewCart .brsTab .row label{
    float:left;
    clear:both;
}
.viewCart .brsTab .row p{
    display: block;
    clear: both;
}
.viewCart .brsTab .row p span, .viewCart .brsTab .row label{
    width:50%;
    display:inline-block;
}
.modalContainer.cancelSplitModal {
    margin-top: 20%;
    margin-left: 33%;
}
/* Tables */
.myInvoices span.InvoiceLink,
.myOrders span.OrderLink {
    cursor: pointer;
    color: #F68A1F;
}
.myInvoices .invoices table thead th,
.myOrders .invoices table thead th{
    background-color:#58585B;
    font:bold 12px/15px Helvetica,arial;
    padding:12px 1% 10px;
    text-align:left;
}
.myInvoices .invoices table thead th .aLeft,
.myOrders .invoices table thead th .aLeft{
    text-align:left;
}
.myInvoices .invoices table thead th .aRight,
.myOrders .invoices table thead th .aRight{
    text-align:left;
}
.myInvoices .invoices table tbody td,
.myOrders .invoices table tbody td{
    font:12px/15px Helvetica,arial;
    padding:9px 1% 8px;
    color:#58585B;
}
.myInvoices .tableScroll,
.myOrders .tableScroll,
.orderMerge .tableScroll{
    float:left;
    width:100%;
    overflow-x:auto;
    overflow-y:auto;
}
.orderMerge .mergedOrders{
    display: none;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #DDD;
}
/* Invoices detail */
.myInvoices table tbody tr.invoice_detail{
    background-color:#FFF;
    border-top:solid 2px #DDD;
    border-bottom:solid 2px #DDD;
}
.myInvoices table tbody tr.invoice_detail:hover{
    background-color:#FFF;
}
.myInvoices table tbody tr.invoice_detail table tbody tr:nth-child(even){
    background-color:#FFF;
}
.myInvoices table tbody tr.invoice_detail table tr:hover{
    background-color:#FFF;
}
.myInvoices table tbody tr.invoice_detail td{
    font-size:12px;
}
.myInvoices table tbody tr.invoice_detail td.buttonsHeader{
    border-bottom:1px solid #DDD;
}
.myInvoices table tbody tr.invoice_detail td.buttonsHeader span{
    display:inline-block;
    font-size:17px;
    line-height:21px;
    margin:3px 0 0;
    text-align:center;
    width:70%;
}
.myInvoices table tbody tr.invoice_detail td a.invoice_detail_close{
    border:1px solid #DDD;
    border-radius:20px;
    color:#AAA;
    float:right;
    font-size:10px;
    font-weight:bold;
    height:14px;
    padding:3px;
    text-align:center;
    width:14px;
    line-height:14px;
}
.myInvoices table tbody tr.invoice_detail td.invoiceSubtitle{
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDD;
    font-size:13px;
}
.myInvoices .tabs table.invoiceItemDetail{
    border:1px solid #DDDDDD;
}
.myInvoices table tbody tr.invoice_detail table.invoiceItemDetail td.buttonsHeader span{
    text-align:left;
    margin:0;
}
.myInvoices .invoice_detail_shipment_tracking b {
    float: right;
    margin-left: -70px;
}
.myInvoices .tabs table.invoiceItemDetail th{
    background-color:#EAEAEA;
    padding:8px;
    color:#666;
}

.myInvoices .tabs table.invoiceFreightCharges{
    border:1px solid #DDDDDD;
    width: 50%;
}
.myInvoices table tbody tr.invoice_detail table.invoiceFreightCharges td.buttonsHeader span{
    text-align:left;
    margin:0;
}
.myInvoices .invoice_detail_shipment_tracking b {
    float: right;
    margin-left: -70px;
}
.myInvoices .tabs table.invoiceFreightCharges th{
    background-color:#EAEAEA;
    padding:8px;
    color:#666;
}
/*************/
/* My Orders */
/*************/
.myOrders .messages{
    float:left;
    width:100%;
    margin-bottom:30px;
}
.myOrders .messages .left{
    float:left;
    width:45%;
    padding:10px 2%;
}
.myOrders .messages .right{
    float:right;
    width:45%;
    padding:10px 2%;
}
.myOrders .messages p{
    float:left;
    width:100%;
    font:12px/16px Helvetica,arial;
    color:#585858;
}
.myOrders .messages p span{
    background-color:#fed36c;
}
.myOrders .messages p a{
    font-weight:bold;
    color:#FF9B2E;
    font-size:12px;
}
.myOrders .messages div{
    -moz-transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
}
.myOrders .messages div:hover{
    background-color:#EAEAEA;
}
/* Orders Detail */
/* Back Order Cancel Detail */
.myOrders table tr.order_detail,
.backOrderCancel table tr.order_detail {
    background-color:#FFF;    
    border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}
.myOrders table tr.order_detail td,
.backOrderCancel table tr.order_detail td {
    background-color:#FFF;
}
.myOrders table tbody tr.order_detail td.buttonsHeader, 
.backOrderCancel table tr.order_detail td.buttonsHeader {
    border-bottom:1px solid #DDD;
}
.myOrders table tbody tr.order_detail td.buttonsHeader span, 
.backOrderCancel table tr.order_detail td.buttonsHeader span {
    display:inline-block;
    font-size:17px;
    line-height:21px;
    margin:3px 0 0;
    text-align:center;
    width:60%;
}
.myOrders table tbody tr.order_detail td a.invoice_detail_close,
.backOrderCancel table tbody tr.order_detail td a.order_detail_close {
    border:1px solid #DDD;
    border-radius:20px;
    color:#AAA;
    float:right;
    font-size:10px;
    font-weight:bold;
    height:14px;
    line-height:14px;
    padding:3px;
    text-align:center;
    width:14px;
}
.myOrders table tbody tr.order_detail td, 
.backOrderCancel table tbody tr.order_detail td {
    font-size:12px;
}
.myOrders table tbody tr.order_detail td.invoiceSubtitle, 
.backOrderCancel table tbody tr.order_detail td.invoiceSubtitle {
    border-bottom:1px solid #DDD;
    border-top:1px solid #DDD;
    font-size:13px;
}
.myOrders .tabs table.orderItemDetail, 
.myOrders .tabs table.orderInvoicesDetail,
.backOrderCancel table.orderItemDetail {
    border:1px solid #DDD;
    margin-bottom: 10px;
}
.myOrders table tbody tr.order_detail table.orderItemDetail td.buttonsHeader span, 
.myOrders table tbody tr.order_detail table.orderInvoicesDetail td.buttonsHeader span,
.backOrderCancel table tbody tr.order_detail table.orderItemDetail td.buttonsHeader span {
    margin:0;
    text-align:left;
}
.myOrders table tbody tr.order_detail table tbody tr:nth-child(2n), 
.backOrderCancel table tbody tr.order_detail table tbody tr:nth-child(2n) {
    background-color:#FFF;
}
.myOrders .tabs table.orderItemDetail th,
.myOrders .tabs table.orderInvoicesDetail th,
.backOrderCancel table.orderItemDetail th {
    background-color:#EAEAEA;
    color:#fff;
    padding:8px;
}
.myOrders .tabs table.orderItemDetail th br,
.myOrders .tabs table.orderInvoicesDetail th br,
.backOrderCancel table.orderItemDetail th br {
    display:none;
}
.myOrders span.OrderLink:hover,
.backOrderCancel span.OrderLink:hover {
    color:#F68A1F;
}
.backgroundHighlight
{
    background-color: #fed36c !important;
}
/* Global Pages */
.pagecontent .pageMainTitle{
    background-color:#EAEAEA;
    float:left;
    margin:0 0 20px;
    padding:8px 1%;
    text-align:center;
    width:98%;
}
#pageTitle{
    /*background-color:#EAEAEA;*/
    background-color:white;
    float:left;
    margin:0 0 20px;
    padding:8px 1%;
    text-align:center;
    width:98%;
}
#pageTitle #pageTitleText{
    color:#585858;
    display:inline-block;
    font:bold 16px/19px Helvetica,arial;
    margin:6px 0 0;
}
#pageTitle .pagetitletextarea{
    padding:0;
    display: none;
}
/******************/
/* My preferences */
/******************/
#MyPreferencesBody.myPreferences table{
    float:left;
    width:100%;
}
.myPreferences,
.myPreferences .pagecontent{
    float:left;
    width:100%;
}
#MyPreferencesArea{
    float:left;
    width:100%;
}
.sitePreferences,
.hotlistPreferences,
.invoicePreferences,
.statusPreferences,
.asnPreferences,
.dealerWeb,
.acDates,
.formsLabels,
.preferencesTable{
    float:left;
    width:100%;
}
.myPreferences h2{
    background-color:#EAEAEA;
    float:left;
    margin:0 0 20px;
    padding:12px 1% 10px;
    width:98%;
    color:#585858;
    font:bold 16px/19px Helvetica,arial;
}
.myPreferences h3{
    border-bottom:1px solid #DDD;
    color:#585858;
    float:left;
    font:bold 16px/19px Helvetica,arial;
    margin:0 0 20px;
    padding:8px 1%;
    width:98%;
}
.myPreferences h4{
    color:#585858;
    float:left;
    font:bold 15px/19px Helvetica,arial;
    margin:0 0 15px;
    width:98%;
}
.myPreferences .section{
    padding:0 1%;
    width:98%;
    float:left;
    margin:0 0 15px;
}
.myPreferences a.radio,
.orderMerge a.radio,
.myOrders a.radio,
.viewCart a.radio,
.modalContainer a.radio {
    color:#585858;
    float:left;
    font:13px/18px Helvetica,arial;
    margin:0 25px 10px 0;
    padding:2px 0 0 25px;
    background:url(/styles/images/radio.png) no-repeat 0 0;
}
.myPreferences a.radio.active,
.orderMerge a.radio.active,
.myOrders a.radio.active,
.viewCart a.radio.active,
.modalContainer a.radio.active {
    background-position:0 -22px;
}
.myPreferences .sitePreferences p{
    float:left;
    width:98%;
    padding:0 1%;
    margin:0 0 30px;
    font:13px/18px Helvetica,arial;
}
.myPreferences p label,
.myPreferences .smsAlerts label{
    float:left;
    color:#585858;
    font:bold 13px/19px Helvetica,arial;
    margin:0 15px 0 0;
}
.myPreferences a.checkbox{
    background:url(/styles/images/cehckbox-small.png) no-repeat 0 0;
    color:#585858;
    display:block;
    float:left;
    font:13px/18px Helvetica,arial;
    min-height:21px;
    padding:1px 0 0 25px;
}
.myPreferences a.checkbox.checked{
    background-position:0 -62px;
}
.myPreferences .hotlistPreferences p{
    float:left;
    width:98%;
    padding:0 1%;
    margin:0 0 20px;
    font:13px/18px Helvetica,arial;
}
.myPreferences .smsAlerts{
    float:left;
    width:98%;
    padding:0 1%;
    position:relative;
    margin:0 0 20px;
}
.myPreferences .sitePreferences input,
.myPreferences .smsAlerts input,
.myPreferences .invoicePreferences input,
.myPreferences .statusPreferences input,
.myPreferences .asnPreferences input,
.myPreferences .dealerWeb input,
.myPreferences .acDates input,
.orderMerge .dates .left input,
.orderMerge .dates .right input.date,
.orderMerge .selectOrders input{
    background-color:#EAEAEA;
    color:#585858;
    float:left;
    font:13px/22px Helvetica,arial;
    height:27px;
    padding:2px 2% 0;
	width: 240px;
}
.myPreferences .smsAlerts label{
    margin-top:5px;
}
.myPreferences .smsAlerts label span,
.orderMerge .dates .left .radios span{
    margin:0 0 0 10px;
    position:relative;
    right:auto;
    top:auto;
}
.myPreferences .alertsHelp{
    background-color:#DDD;
    left:90px;
    padding:25px 25px 15px;
    position:absolute;
    top:25px;
    width:230px;
    display:none;
}
.myPreferences .alertsHelp a.close{
    background:none;
    color:#333;
    height:15px;
    position:absolute;
    right:10px;
    top:10px;
    width:10px;
}
.myPreferences .alertsHelp p{
    font-size:11px;
    margin:0 0 10px;
}
.myPreferences .invoicePreferences p,
.myPreferences .statusPreferences p,
.myPreferences .asnPreferences p,
.myPreferences .dealerWeb p,
.myPreferences .acDates p{
    float:left;
    width:98%;
    padding:0 1%;
    margin:0 0 20px;
    font:13px/18px Helvetica,arial;
}
.myPreferences .invoicePreferences p label,
.myPreferences .statusPreferences p label.field,
.myPreferences .asnPreferences p label.field,
.myPreferences .dealerWeb p label,
.myPreferences .acDates p label{
    margin-top:6px;
}
.myPreferences .invoicePreferences a.checkbox{
    margin:0 25px 20px 0;
}
.myPreferences select{
    min-width:180px;
}
.myPreferences .acDates p input{
    margin-right:20px;
}
.myPreferences .preferencesTable table{
    float:left;
    width:100%;
    margin:0 0 30px;
}
.myPreferences .preferencesTable table th{
    padding:12px 20px 10px;
    background-color:#7D7D7E;
    color:#FFF;
    font-size:1.85ex;
}
.myPreferences #saveButton{
    float:right;
    margin:0 0 30px 20px;
    padding:10px 10px 8px;
}
.myPreferences #reset{
    float:right;
    background-color: #DDD;
    border-radius: 3px;
    border-style: none;
    color: #888;
    font-family: Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding:10px 10px 8px;
    text-transform:uppercase;
}
/****************/
/* Orders Merge */
/****************/
.orderMerge,
.orderMerge .pagecontent{
    float:left;
    width:100%;
}
.orderMerge .steps{
    border-bottom:1px solid #DDD;
    float:left;
    margin:0 0 20px;
    padding:0 0 5px;
    width:100%;
}
.orderMerge .steps h2{
    border-bottom:1px solid #DDD;
    color:#585858;
    float:left;
    font:bold 16px/22px Helvetica,arial;
    margin:0 0 15px;
    padding:0 0 5px;
    width:100%;
}
.orderMerge .steps p{
    color:#585858;
    float:left;
    font:13px/16px Helvetica,arial;
    margin:0 0 10px;
    width:100%;
}
.orderMerge .steps p strong.split{
    margin:0 10px;
}
.orderMerge .steps p a.show{
    color:#FF9B2E;
    font-size:12px;
    font-weight:bold;
    margin:0;
}
.orderMerge .steps p a{
    color:#FF9B2E;
    margin-right:10px;
}
.orderMerge .dates{
    float:left;
    width:100%;
    border-bottom:1px solid #DDD;
    margin:0 0 30px;
}
.orderMerge .dates .left{
    float:left;
    width:50%;
}
.orderMerge .dates .left input{
    margin:0 0 10px;
    width:46%;
}
.orderMerge .dates .left input.date,
.orderMerge .dates .right input.date{
    background:url(/styles/images/calendar.png) no-repeat 98.5% 2px #EAEAEA;
}
.orderMerge .dates .left label{
    font-size:14px;
    margin:0 5% 0 0;
    text-align:right;
    width:45%;
}
.orderMerge .dates .left .radios{
    float:left;
    margin:5px 0 0;
    position:relative;
    width:50%;
}
.orderMerge .dates .left .radios span{
    float:left;
    margin:0 0 0 -15px;
}
.orderMerge .dates .left input.btn{
    background-color:#434346;
    color:#FFF;
    float:right;
    font:bold 14px/14px Arial,sans-serif;
    height:auto;
    margin:10px 0 20px;
    padding:6px 9px 5px;
    width:auto;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.orderMerge .dates .left input.btn:hover{
    background-color:#F68A1F;
}
.orderMerge .dates .right{
    float:right;
    box-shadow:inset 0 0 0 1px #DDD;
    background-color:#EAEAEA;
    padding:10px 2%;
    width:26%;
}
.orderMerge .dates .right label{
    font-size:14px;
    margin:0 0 5px;
    padding:0;
    width:100%;
}
.orderMerge .dates .right input.date{
    background-color:#FFF;
    margin:0 0 10px;
    width:96%;
}
.orderMerge .dates .right input.btn{
    float:right;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.orderMerge .selectOrders{
    float:left;
    width:100%;
}
.orderMerge .selectOrders .left,
.orderMerge .selectOrders .right{
    float:left;
    width:48%;
}
.orderMerge .selectOrders .right,
.orderMerge .compare .right{
    float:right;
}
.orderMerge .selectOrders label{
    font-size:14px;
    margin:0 5% 0 0;
    text-align:right;
    width:40%;
}
.orderMerge .selectOrders input{
    margin-bottom:10px;
}
.orderMerge .selectOrders table{
    float:left;
    width:100%;
    margin:20px 0 20px;
}
.orderMerge .selectOrders table th,
.backOrderCancel .backOrders .tableScroll table th,
.myQuotes .quotes .tableScroll table th{
    background-color:#7D7D7E;
    color:#FFF;
    font-size:11px;
    padding:12px 7px 10px;
}
.orderMerge .selectOrders table td,
.backOrderCancel .backOrders .tableScroll table td,
.myQuotes .quotes .tableScroll table th td{
    font-size:11px;
    padding:8px 5px 7px;
}
/**********************/
/* Back orders cancel */
/**********************/
.backOrderCancel .instructions{
    float:left;
    width:100%;
    margin:0 0 20px;
}
.backOrderCancel .instructions h2,
.backOrderCancel .backOrders h3{
    border-bottom:1px solid #DDD;
    color:#585858;
    float:left;
    font:bold 16px/22px Helvetica,arial;
    margin:0 0 15px;
    padding:0 0 5px;
    width:100%;
}
 .backOrderCancel .instructions p{
    color:#585858;
    float:left;
    font:13px/16px Helvetica,arial;
    margin:0 0 10px;
    width:100%;
}
.backOrderCancel .backOrders{
    float:left;
    width:100%;
}
.backOrderCancel .backOrders h3{
    color:#585858;
    float:left;
    font:bold 16px/22px Helvetica,arial;
    margin:0 0 15px;
    padding:0 0 5px;
    width:100%;
    border-bottom:none;
}
.backOrderCancel .backOrders .tableScroll,
.myQuotes .quotes .tableScroll{
    float:left;
    width:100%;
    margin:0 0 20px;
    overflow:auto;
}
.backOrderCancel .backOrders .tableScroll table,
.myQuotes .quotes .tableScroll table{
    float:left;
    width:100%;
}
.backOrderCancel .backOrders .tableScroll table th,
.myQuotes .quotes .tableScroll table th{
    font-size:12px;
    padding:12px 10px 10px;
}
.backOrderCancel .backOrders .tableScroll table td,
.myQuotes .quotes .tableScroll table td{
    font-size:12px;
    padding:8px 10px 7px;
}
/************/
/* MyQuotes */
/************/
.myQuotes{
    float:left;
    width:100%;
}
.myQuotes select{
    float:none;
}
.myQuotes .quotes{
    float:left;
    width:100%;
}
.myQuotes .quotes h2{
    float:left;
    width:100%;
    color:#585858;
    font:bold 16px/22px Helvetica,arial;
    margin:10px 0 15px;
}
.myQuotes .quotes .tableScroll table td{
    padding:12px 10px;
}
/* Hotlist */
.hotlist{
    float:left;
    width:100%;
}
.hotlist h1,
.viewCart h1{
    background-color:#EAEAEA;
    float:left;
    margin:0 0 20px;
    padding:15px 1% 12px;
    text-align: center;
    width:98%;
    color:#585858;
    font:bold 16px/19px Helvetica,arial;
}
.hotlist .buttons{
    float:left;
    width:100%;
    margin:0 0 15px;
}
.hotlist .buttons.lst{
    margin:15px 0 0;
}
.hotlist .buttons input{
    float:left;
    margin:0 10px 0 0;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.hotlist .buttons input{
    float:left;
    margin:0 10px 0 0;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.hotlist .tableScroll{
    float:left;
    width:100%;
    overflow:auto;
}
.hotlist table.dataTable.no-footer{
    border-bottom:none;
}
.hotlist table.dataTable thead th,
.hotlist table.dataTable thead td{
    border-bottom:none;
}
.hotlist .tcDesc {
    width: 45% !important;
}
/*************/
/* View Cart */
/*************/
#viewcartbody {
	margin: 0;
}
#cartHeader {
	width: 50%;
	padding:.5em 0 .5em .5em;
	float: left;
	font-size: 1.85ex;
	color: #3F4F5A;
	font-weight: bold;
}
#cartSubHeader {
	padding: .5em 0 0 1em;
	color: #000000;
	font-size: 1.65ex;
	font-weight: normal;
}
#cartsummarytblSOContainer {
}
table#cartsummarytblSO {
	table-layout: fixed;
	width: 768px;
}
#cartsummarytblSOContainer #cartsummarytblSO {
}
#cartsummarytblSOContainer div.r-actionbuttonarea {
	width: 80%;
	text-align: right;
}
.cartSummary {
	width: 100%;
	height: 6ex;
}
.cartTotals {
	width: 35%;
	background-color: #c3c2c2;
	text-align: center;
	float: right;
	color: #58585a;
	font-size: 1.5ex;
	padding: .5em;
	margin: 0 0 .5em 0;
	font-weight: bold;
}
.cartTotals span {
	font-weight: normal;
	padding: 0 .5em 0 .5em;
}
.cartlink:hover{
	cursor: pointer;
}
#cartMaintenanceArea {
	float: left;
	width: 75%;
	margin: 1em 0;
}
#cartMaintenance {
	width: 75%;
	margin: auto;
	text-align: center;
}
#cartMaintenance table {
	width: 95%;
	margin: auto;
}
#cartMaintActions {
	margin: 1em 0;
}
#cartMaintFields {
	display: none;
	height: 50px;
	width: 60%;
	margin: auto;
}
#cartMaintFields > input[type="text"] {
	width: 200px;
	float: left;
}
#cartMaintMsgArea {
	display: none;
	width: 75%;
	text-align: center;
}
#cartMaintFields > span, #cartMaintFields > input {
}
.viewCart {
    position: relative;
    float:left;
    width:100%;
}
.viewCart ul li{
    list-style:none;
}
.viewCart .shipmentsTable{
    float:left;
    width:100%;
}
.viewCart .cartDetails{
    float:left;
    width:100%;
    margin:0 0 8px;
}
.viewCart .cartDetails ul{
    float:left;
    width:50%;
}
.viewCart .postProceduresContainer ul{
    float:left;
    width:48%;
}
.viewCart #cartOptions{
    margin-right: 2%;
}
.viewCart .cartDetails ul li, .viewCart .postProceduresContainer ul li{
    float:left;
    padding:7px 2% 4px;
    width:96%;
    font:13px/18px Helvetica,arial;
    color:#585858;
}
.viewCart .cartDetails ul li strong, .viewCart .postProceduresContainer ul li strong{
    float:left;
}
.viewCart .cartDetails ul li:nth-child(odd), .viewCart .postProceduresContainer ul li:nth-child(odd){
    background-color:#EAEAEA;
}
.viewCart .cartDetails ul.right{
    float:right;
}
.viewCart .cartDetails ul li>span, .viewCart .postProceduresContainer ul li>span{
    font-size:14px;
    font-weight:bold;
    margin:0 0 0 5px;
}
.viewCart .cartDetails ul li.green>span{
    color:green;
}
.viewCart .cartDetails ul li.red>span{
    color:red;
}
.viewCart .cartDetails ul li .tooltip{
    position:relative;
    margin-left: 5px;
}
.viewCart .cartDetails ul li .help{
    display:inline-block;
    background:url(/styles/images/question.png) no-repeat;
    height:18px;
    width:18px;
    position:absolute;
    right:4px;
    top:-4px;
}
.viewCart .itemsTable tr td.col01 img{
    width: 100%;
}
#primaryToolTip{
    top: 30px;
}
.viewCart .references{
    float:left;
    width:100%;
    margin:0 0 20px;
}
.viewCart .references a.checkbox{
}
.viewCart .references p{
    color:#585858;
    float:left;
    font:bold 13px/17px Helvetica,arial;
    margin:4px 0 0 20px;
}
.viewCart .references p span{
    margin:0 5px;
}
.viewCart .references p span.red{
    color:red;
}
.viewCart .references p span.blue{
    color:blue;
}
.viewCart .references p span.orange{
}
.viewCart .references p span.green{
    color:green;
}
.viewCart .references p span.bold{
}
.viewCart .buttons,
.myOrders .buttons{
    float:right;
    width:300px;
    text-align:right;
    font-size:0;
    margin:0 0 -28px;
    position:relative;
    z-index:20;
}
.viewCart .buttons.bottom,
.myOrders .buttons.bottom{
    margin:10px 0;
    width:100%;
}
.viewCart .buttons a{
    display:inline-block;
    background-color:#434346;
    border-radius:3px;
    color:#FFF;
    font:bold 14px/20px Arial,sans-serif;
    margin:0 0 0 10px;
    padding:5px 10px;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.viewCart .buttons a:hover{
    background-color:#F68A1F;
	color:white !important;
}
.viewCart .buttons.bottom input,
.myOrders .buttons.bottom input{
    margin:0 0 0 10px;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.viewCart .buttons.bottom .closeAllShipment,
.viewCart .buttons.bottom .openAllShipment {
    float: left;
}
.viewCart .scroll{
    width:100%;
    float:left;
}
.viewCart ul.cols{
    float:left;
    width:100%;
    background-color:#585858;
    margin:0 0 15px;
}
.viewCart .cartContent.open ul.cols{
    background-color:#585858;
}
.viewCart ul.cols li{
    color:#FFF;
    font:bold 14px/20px Arial,sans-serif;
    float:left;
    padding:10px 0.5%;
}
.viewCart .open ul.cols li{
    color:#FFF;
}
.viewCart .open ul.cols li input, .viewCart .open ul.cols li select, .shipmentRow ul li input, .shipmentRow ul li select{
    color:#585858;
}
.viewCart ul.cols li.col01{
    width:7%;
}
.viewCart ul.cols li.col02{
    width:20%;
}
.viewCart ul.cols li.col03{
    width:20%;
}
.viewCart ul.cols li.col04{
    width:10%;
}
.viewCart ul.cols li.col05{
    width:10%;
}
.viewCart ul.cols li.col06{
    width:15%;
    position:relative;
}
.viewCart ul.cols li.col07{
    width:13%;
    position:relative;
}
.viewCart ul.cols li.col08{
    width:30%;
}
.viewCart ul.cols li.col06 #primaryHelp{
    background:url(/styles/images/question.png) no-repeat;
    display:inline-block;
    height:18px;
    position:absolute;
    right:4px;
    top:11px;
    width:18px;
}
.viewCart ul.cols.headers li{
    font:bold 14px/20px Arial,sans-serif;
    color:#FFF;
}
.viewCart ul.cols li a.toggleCart{
    display:block;
    width:20px;
    height:20px;
    background:url(/styles/images/plus.png) no-repeat;
}
.viewCart .cartContent.open ul.cols li a.toggleCart{
    background:url(/styles/images/minus.png) no-repeat !important;
}
.viewCart .cartContent{
    float:left;
    width:100%;
    margin:0 0 15px;
}
.viewCart .tabContent table{
    float:left;
    width:100%;
}
.viewCart .tabContent table.noImg tr .col01, .viewCart .tabContent table.noImg tr .col01 img{
    display:none !important;
}
.viewCart .tabContent table tr .col01{
    width:8%;
}
.viewCart .tabContent table tr .col02{
    width:10%;
}
.viewCart .tabContent table tr .col03{
    width:8%;
}
.viewCart .tabContent table tr .col04{
}
.viewCart .tabContent table tr .col05{
    width:7%;
}
.viewCart .tabContent table tr .col06{
    width:8%;
}
.viewCart .tabContent table tr .col07{
    width:9%;
}
.viewCart .tabContent table tr .col08{
    width:9%;
}
.viewCart .tabContent table tr .col09{
    width:8%;
}
.viewCart .tabContent table tr .col10{
    width:7%;
}
.viewCart .tabContent table tr .col11{
    width:8%;
    text-align:center;
}
/*
.viewCart .tabContent table tr:nth-child(2n){
    background-color:#EAEAEA;
}
*/
.viewCart .tabContent table tr td span{
    /*display:block;*/
}
.viewCart .tabContent table tr input[type=text]{
    background-color:#EAEAEA;
    color:#585858;
    font:11px/14px arial,helvetica;
    margin:3px 0 0;
    padding:2px;
    vertical-align:middle;
	text-align:left;
    width:46%;
    border:none;
    border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;    
	border:1px solid #888;	
	height: 18px;
}

.viewCart .tabContent table tr input[type=text]:focus {
	background-color: #fff;
}
.trackChgComm{
	width:96% !important;		
}
/*
.viewCart .tabContent table tr:nth-child(2n) input{
    background-color:#FFF;
}
*/
.viewCart .tabContent table tr td a.remove,
#invalidItemsTable tr td a.removeItem {
    display:inline-block;
    width:20px;
    height:20px;
    background:url(/styles/images/remove.png) no-repeat;
}
.viewCart .mergeField{
    display: none;
}
.viewCart .removeCartCol{
    text-align: center;
}
.viewCart .cartTotalCol{
    text-align: right;
}
.viewCart #custPOHelp{
    margin-top: 5px;
}
.qtyChangedContainer{
    position: fixed;    
	top: 40%;
    left: 35%;
	width: 400px;
    z-index: 999999;
    opacity: 0.9;
    min-height: 64px;
    background-color: #EAEAEA;
    background-position: 20px 2px;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #585858;
    padding: 5px 3% 15px 10%;    
}
.qtyChangedContainer h2{
    float: left;
    width: 100%;
    margin: 10px 0 10px;
}
.qtyChangedContainer .qtyChangedText {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.postProceduresContainer input{
    margin: 0px 6px;
}
#billToShipToTab{
}
#billToShipToTab h3{
    background-color:#585858;
    color:#FFF;
    font:bold 14px/20px Arial,sans-serif;
    padding:10px 4%;
    text-align:left;
    width:92%;
    margin:0 0 15px;
}
.viewCart a.boolean{
    display:inline-block;
    width:20px;
    height:20px;
    background:url(/styles/images/boolean.png) no-repeat 0 0;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.viewCart a.boolean.no{
    background-position:-20px 0;
}
.viewCart .cols3{
    float:left;
    width:33.3%;
}
.viewCart .cols3 span{
    float:left;
    font:12px/14px arial,helvetica;
    margin: 0 0 15px;
    padding: 0 0 0 15px;
    text-align:left;
    width: 40%;
}
.viewCart .cols3 span.spanLabel{
    font-weight: bold;
    text-align: right;
}
.viewCart .cols3 span.detaildata{
    display:block;
    width: 45%;
    height: 22px;
}
.viewCart .cols3 #notIsSOF{
    float:left;
    width:100%;
}
.viewCart .cols3 select, .viewCart .cols3 input[type="text"]{
    background-color:#EAEAEA;
    color:#585858;
    float:left;
    font:12px/18px Helvetica,arial;
    margin: -5px 10px 0 0;
    outline:none;
    padding: 4px 2px;
    width: 100% !important;
}
.viewCart .cols3 span select, .viewCart .cols3 span input[type="text"]{
    padding:0 2px;
    margin:-2px 0 0;
    width: 100% !important;
}
.viewCart .toolTip{
    top: inherit;
    left: inherit;
}
.viewCart .p_cust_po{
    width: 72px;
}
#dialog{
    display: none;
    cursor: pointer;
    position: absolute;
    width: 390px;
    right: 0px;
    z-index: 999999;
    opacity: 0.9;
    min-height: 64px;
    background-color: #EAEAEA;
    background-position: 12px 2px;
    background-repeat: no-repeat;
    border-radius: 3px;
    color: #585858;
    padding: 5px 2% 15px 8%;
    margin: 190px 60px 10px 60px;
}
#dialog:hover{
    opacity: 1;
    -moz-transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
#dialog.warning{
    background-image:url(/graphics/icons/warning-icon-25px.png);
    background-position:15px 15px;
    background-repeat:no-repeat;
    background-size: 36px;
}
#dialog h2{
    float:left;
    width:100%;
    margin:10px 0 10px;
}
#dialog div.dialogText{
    float:left;
    width:100%;
}
.plus{
    float:right;
    background:url(/styles/images/plus-gray.png) no-repeat 0 0;
    width:18px;
    height:18px;
    position:absolute;
}
.plus.extended{
    background:url(/styles/images/minus-gray.png) no-repeat 0 0;
}

/*** View Cart AJS Re-write  BEGIN ****/
a[class^="toggleShipmentOpen"], a[class^="toggleShipmentClosed"]{
    display:block;
    width:20px;
    height:20px;
    background:url(/styles/images/minus.png) no-repeat;
}
a[class^="toggleShipmentClosed"]{
    background:url(/styles/images/plus.png) no-repeat !important;
}

/*** View Cart AJS Re-write  END ****/

/***************/
/* Checkout 03 */
/***************/
.cartCheckout3 #pageContent{
    padding:0;
    width:100%;
}
.cartCheckout3 .printBar{
    background-color:#EAEAEA;
    float:left;
    margin:0 0 20px;
    padding:10px 10% 11px;
    position:relative;
    text-align:center;
    width:80%;
}
.cartCheckout3 .printBar input{
    left:1%;
    position:absolute;
    transition:all 0.4s ease 0s;
}
.cartCheckout3 .printBar span{
    color:#585858;
    display:inline-block;
    font:bold 16px/19px Helvetica,arial;
    margin:6px 0 0;
}
.cartCheckout3 .printBar span i{
    background:url(/graphics/icons/success-icon-57px.png) no-repeat 0 0;
    display:inline-block;
    width:20px;
    height:20px;
    background-size:20px auto;
    margin:-4px 0 -3px;
}
#nonDSArea{
    float:left;
    width:100%;
}
.cartCheckout3 #orderInfoArea{
    clear:none;
    float:left;
    padding:0 1%;
    width:98%;
}
.cartCheckout3 .tableScroll{
    float:left;
    width:100%;
}
.cartCheckout3 #orderDetailArea{
    float:left;
    margin:30px 0 0;
    width:100%;
}
.cartCheckout3 #orderDetailArea h1{
    border-bottom: 1px solid #DDDDDD;
    color: #585858;
    float: left;
    font: bold 16px/22px Helvetica,arial;
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-transform: uppercase;
    width: 100%;
}
.cartCheckout3 #orderInfoArea .oia1 header.specialHeaderText,
.cartCheckout3 #orderInfoArea .oia2 header.specialHeaderText,
.cartCheckout3 #orderInfoArea .oia2 header.specialHeaderText{
    margin: 0 0 15px;
    padding: 13px 0 10px;
    text-align: left;
    text-indent: 15px;
    width: 100%;
}
.cartCheckout3 #orderInfoArea .oia1,
.cartCheckout3 #orderInfoArea .oia2,
.cartCheckout3 #orderInfoArea .oia3{
    width: 33.33%;
}
.cartCheckout3 .tableScroll table{
    width:100% !important;
    border:none !important;
}
.cartCheckout3 .tableScroll table th{
    font-size:12px;
    padding:12px 10px 10px;
}
.cartCheckout3 .tableScroll table thead th{
    background-color:#7D7D7E;
    color:#FFF;
    font-size:1.85ex;
    padding:14px 1%;
}
.cartCheckout3 .tableScroll table td{
    font-size:12px;
    padding:8px 10px 7px;
}
.cartCheckout3 .tableScroll{
    overflow:auto;
}
.cartCheckout3 #printItemTable{
    display: none;
    float: left;
}
/* Default Page */
.defaultPage{
    float:left;
    width:100%;
}
.defaultPage .path p{
    width:98%;
}
.defaultPage h1{
    background-color:#EAEAEA;
    float:left;
    margin:0 0 20px;
    padding:15px 1% 12px;
    text-align: center;
    width:98%;
    color:#585858;
    font:bold 16px/19px Helvetica,arial;
}
.defaultPage .printBar{
    background-color:#EAEAEA;
    float:left;
    margin:0 0 20px;
    padding:10px 10% 11px;
    text-align:center;
    width:80%;
    position:relative;
}
.defaultPage .printBar span{
    color:#585858;
    display:inline-block;
    font:bold 16px/19px Helvetica,arial;
    margin:6px 0 0;
}
.defaultPage .printBar input{
    position:absolute;
    left:1%;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.defaultPage p{
    color:#585858;
    float:left;
    font:13px/16px Helvetica,arial;
    margin:0 0 10px;
    width:100%;
}
.defaultPage a{
    font:13px/16px Helvetica,arial;
    color:#FF9B2E;
}
.defaultPage .filters{
    border-bottom:1px solid #DDD;
    float:left;
    margin:0 0 20px;
    padding:0 1% 20px;
    width:98%;
}
.defaultPage .filters label{
    color:#585858;
    float:left;
    font:bold 16px/22px Helvetica,arial;
    margin:0 10px 0 0;
    padding:5px 0 0;
    width:auto;
}
.defaultPage .filters select{
    background-color:#EAEAEA;
    color:#585858;
    float:left;
    font:12px/18px Helvetica,arial;
    height:27px;
    margin:2px 20px 0 0;
    outline:medium none;
    padding:7px 0.5% 6px;
    text-transform:uppercase;
}
.defaultPage .tabs{
    float:left;
    width:100%;
    margin:0 0 20px;
}
.defaultPage ul.tabsNav{
    float:left;
    position:relative;
    width:100%;
}
.defaultPage ul.tabsNav li{
    background-color:#EAEAEA;
    box-shadow:0 0 0 1px #DDD inset;
    float:left;
    list-style:none;
    margin-bottom:-1px;
    margin-right:-1px;
}
.defaultPage ul.tabsNav li.active{
    background-color:#FFF;
    border:1px solid #DDD;
    border-bottom:1px solid #FFF;
}
.defaultPage .tabs ul.tabsNav li a{
    color:#585858;
    display:block;
    font:bold 15px/19px Helvetica,arial;
    padding:10px 21px 6px;
    text-transform:uppercase;
}
.defaultPage .tabContent{
    box-shadow:0 0 0 1px #DDD inset;
    float:left;
    margin:0 0 20px;
    padding:10px 1%;
    width:98%;
    color:#585858;
    font:13px/16px Helvetica,arial;
}
.defaultPage .tableScroll{
    float:left;
    width:100%;
    overflow:auto;
    margin:0 0 20px;
}
.defaultPage .tableScroll table{
    float:left;
    width:100%;
}
.defaultPage .tableScroll table th{
    font-size:12px;
    padding:12px 18px 10px 10px;
}
.defaultPage .tableScroll table td{
    font-size:12px;
    padding:8px 10px 7px;
}
.defaultPage .row{
    float:left;
    width:100%;
    margin:0 0 10px;
}
.defaultPage .row .twoCols{
    float:left;
    width:49%;
}
.defaultPage .row .twoCols.lst{
    float:right;
}
.defaultPage .row .threeCols{
    float:left;
    margin-right:2%;
    width:32%;
}
.defaultPage .row .threeCols.lst{
    margin-right:0;
}
.defaultPage .row .fourCols{
    float:left;
    margin-right:2%;
    width:23.5%;
}
.defaultPage .row .fourCols.lst{
    margin-right:0;
}
.defaultPage ul.list{
    float:left;
    width:100%;
    margin:0 0 20px;
}
.defaultPage ul.list li{
    float:left;
    width:98%;
    padding:5px 1%;
    color:#585858;
    font:13px/16px Helvetica,arial;
    list-style:none;
}
.defaultPage ul.list.split li{
    width:48%;
    padding:5px 1%;
}
.defaultPage ul.list.stripes li:nth-child(even){
    background-color:#EAEAEA;
}
.defaultPage label{
    color:#585858;
    float:left;
    font:bold 14px/19px Helvetica,arial;
    margin:0 15px 10px 0;
}
.defaultPage label span.help{
    display:inline-block;
    background:url(/styles/images/question.png) no-repeat;
    height:18px;
    width:18px;
    margin:0 0 -5px;
}
.defaultPage input[type="text"]{
    background-color:#EAEAEA;
    color:#585858;
    float:left;
    font:13px/22px Helvetica,arial;
    height:27px;
    padding:2px 2% 0;
    margin:0 0 20px;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.defaultPage input.date{
    background:url(/styles/images/calendar.png) no-repeat scroll 98.5% 2px #EAEAEA;
}
.defaultPage input[type="text"]:focus{
    background-color:#f4f4f4;
}
.defaultPage select{
    background-color:#EAEAEA;
    color:#585858;
    float:left;
    font:12px/18px Helvetica,arial;
    height:27px;
    margin:2px 20px 20px 0;
    outline:none;
    padding:7px 0.5% 6px;
    text-transform:uppercase;
}
.defaultPage a.radio{
    color:#585858;
    float:left;
    font:14px/18px Helvetica,arial;
    margin:0 25px 10px 0;
    padding:2px 0 0 25px;
    background:url(/styles/images/radio.png) no-repeat 0 0;
}
.defaultPage a.radio.active{
    background-position:0 -22px;
}
.defaultPage a.checkbox{
    background:url(/styles/images/checkbox.jpg) no-repeat 0 0 transparent;
    color:#585858;
    display:block;
    float:left;
    font:14px/17px Helvetica,arial;
    height:21px;
    padding:4px 0 0 32px;
    margin:0 0 20px;
}
.defaultPage a.checkbox.checked{
    background-position:0 -21px;
}
.defaultPage input.balckBtn,
.defaultPage input.greyBtn{
    background-color:#434346;
    border-radius:3px;
    border-style:none;
    color:#FFF;
    font-family:Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    float:left;
    margin:0 0 20px;
    padding:10px 10px 8px;
    text-transform:uppercase;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.defaultPage input.balckBtn:hover{
    background-color:#FF9B2E;
}
.defaultPage input.greyBtn{
    background-color:#DDD;
    color:#888;
}
.defaultPage input.greyBtn:hover{
    background-color:#434346;
    color:#FFF;
}
.defaultPage span.spanLabel{
    color:#585858;
    font:bold 14px/19px Helvetica,arial;
    margin:5px 10px 20px 0;
}
.defaultPage span[class^="spanLabel"] + select{
    margin:0 10px 20px 0;
}
/* Short codes presentation */
.defaultPage.shortCodes .row{
    background-color:#EAEAEA;
    min-height:55px;
    padding:40px 0 0;
    text-align:center;
}
.defaultPage.shortCodes .row .twoCols{
    min-height:55px;
}
.defaultPage.shortCodes>label,
.defaultPage.shortCodes input[type="text"],
.defaultPage.shortCodes>select,
.defaultPage.shortCodes a.radio,
.defaultPage.shortCodes a.checkbox,
.defaultPage.shortCodes input.balckBtn,
.defaultPage.shortCodes input.greyBtn{
    clear:left;
}
/* Old Code */
#cartBlock {
    display: none;
}

#leftCol {
    /*display:none;*/
}

#rightCol {
    /*display:none;*/
}

#totals {
    display:none;
}
#totalsDataContainer {
    display:none;
}

#bottomRow {
    display:none;
}

.path .quickLink {
    display: none;
    float: right;
}

/* BRSMAINMENU */
.desktopOnly{
    display: none;
    margin: 20px;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
}

/*BRSTAB*/
.brsTab .changeLocContainer {
  width: 255px;
  padding: 10px;
  background-color: #eee;
  border-radius: 3px;
}

/* DATA TABLE SCROLL HOTFIX */
.dataTables_scrollBody thead {
    visibility: hidden;
}

.detailCol2 .detailHeader,
.detailCol2 .detailData {
    vertical-align: bottom !important;
}

.detailImageContainer {
    height: 135px;
    width: 160px;
    text-align: center;
    cursor: pointer;
}

.viewSubs {
    text-decoration: underline;
    cursor: pointer;
}
.primaryRow:hover{
    background-color: #ebe4da !important;
}

.secondaryRow:hover {
    background: none;
}

.removeVerifyModal {
    right: 40%;
    padding: 25px;
    width: 470px;
}

.removeVerifyModal p{
    padding: 0 10px;
}

#searchBox{
    float:left;
    width:auto;
}
#searchBox .spanLabel{
    color:#585858;
    font:bold 13px/17px Helvetica,arial;
    margin:8px 10px 10px 0 !important;
    width:auto !important;
}
#searchBox input{
    background-color:#eaeaea;
    color:#585858;
    float:left;
    font:12px/15px Helvetica,arial;
    height:23px;
    margin:4px 0 0;
    padding:2px 12px 0;
    transition:background-color 0.4s ease 0s;
}
#QIETab .buttons.bottom{
    margin:2px 0 10px;
    width:auto;
}
#QIETab .loading{
    background:url("/styles/images/preloader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    height:60px;
    margin:auto;
    width:40px;
}
.popupModal {
    left: -10%;
    padding: 17px;
}
.popupModal p {
    padding: 5px;
}
.popupModal legend {
    float: left;
    margin: 5px;
}
.highPriceModal {
    left: -8%;
}
/*************************************/
/*********OLD INTERNAL PAGES**********/
/*************************************/

/* By IDs */
#modalSpotLight {
    display: none;
    content: " ";
    z-index: 30;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
}

#modalBackdropSolid {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
}

#modalBackdropDark {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    display: none;
}

#modalBackdropClear {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#allocatedModal h3 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#allocatedModal p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 14.5px;
}

#allocatedModal button.close {
    position: relative;
    margin-top: 30px;
}

#allocatedModal {
    display: none;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-top: -75px;
    margin-left: -250px;
    background-color: #58585a;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 500px;
    height: 150px;
    text-align: center;
    z-index: 35;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2); 
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    padding: 15px;
}

#allocatedModal img.closeX {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
#helpModal h3 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#helpModal p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: left;
    line-height: 14.5px;
}
#helpModal {
    display: none;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-top: -75px;
    margin-left: -250px;
    background-color: #58585a;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 500px;
    height: 150px;
    text-align: center;
    z-index: 35;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2); 
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    padding: 15px;
}
#helpModal img.closeX {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
#helpModalClose {
    margin-top: 10px;
}

.helper {
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor: pointer;
}
.helper img{
    margin-bottom: -3px;
}
.helperText {
    display: none;
}

#commentModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -75px;
    margin-left: -250px;
    background-color: #58585a;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 500px;
    height: 150px;
    text-align: center;
    z-index: 35;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2); 
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    padding: 15px;
}

#commentModal h3 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#commentModal p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 14.5px;
}

#commentModal button {
    position: relative;
    margin-top: 30px;
}

#commentModal input {
    background-color: #eee;
    width: 95%;
}
#commentModal input:focus {
    background-color: #fff;
}

#commentModal img.closeX {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}


/* ---- Add table styles ---- */
.rowHighLight {
	/* background-color: #eaeaea; */
	border-bottom: 1px solid green;
}
table tbody tr.primaryRow:hover {
	background-color:#c6c6c6;
}
p.partDescription {
	text-align: left;
}
td.prodThumb {
	vertical-align: middle;
	max-width: 70px;
}

/* jQuery UI Resets */
tr.secondaryRow > td {
    padding: 0;
}
.productDetailTabs > .ui-widget-header {
    border: none;
    background: none;
}
.productDetailTabs.ui-widget-content {
    background: none;
    border: none;
}
.productDetailTabs > ul > li { 
    line-height: 14px;
}
.productDetailTabs > ul > li.ui-tabs-active {
    background-color: #fff;
    border: 1px solid #a8a6a6;
    border-bottom: none;
}
tr.secondaryRow.odd td div.productDetailTabs > ul.tabList > li.ui-tabs-active {
    background-color: #fff;
}
.productDetailTabs li.ui-state-default {
    background:none;
    /*   background-color: #d6d6cd; */
    background-color: #9ea0a0;
}
.ui-state-default a{
    color: #fff !important;
}
.ui-tabs-active a {
    color: #000 !important;
}
.productDetailTabs ul.ui-tabs-nav {
    padding-left: 18px;
}

/* Product Detail Data */
.imageAndDetailsTable {
    width: 100%;
}
#viewcartbody .imageAndDetailsTable {    
    display: inline-block;
    margin-top: 30px;
    float:none;
}
.imageAndDetailsTable tr {
	background-color: #ffffff !important;
}
.imageAndDetailsTable td {
    vertical-align: top;
    padding-bottom: 10px;
}
.productDetailsTab {
    position: relative;
}
.detailsClose {
    position: absolute;
    top: 35px;
    right: 15px;
    cursor: pointer;
}
.detailsHeading {
    position: absolute;
    top: 15px;
    right: 5px;
    text-align: right;
    padding: 0 15px 0 0;
}
.detailImage {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    text-align: center;
}
.detailImageText {
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
    width: 160px;
}
.hotlistInput {
    display: none;
}
.detailCol2 {
    vertical-align: top !important;
}
.hotlistHeader {
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
}
.detailCol3 {
    vertical-align: top !important;
}
.itemDescriptionTab p {
    width:380px;
    font-size: 16px;
    line-height: 20px;
}
.similarItemsTable {
    font-size: 12px;
}
.similarItemsTable th {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color: #a8a6a6;
    color: #000;
}
.similarItemsTable input.similarInput {
    background-color: #f8f9f4;
    border: 1px solid #888;
    color: #000;
    height: 2ex;
    padding-left: 5px;
    text-align:center;
    width: 3em;
}
.similarItemsTable input:focus {
    background-color: #fff;
}
.similarItemsTable td,
.similarItemsTable th {
    text-align:center;
    padding: 5px;
}
.similarItemsTable .no-center {
    text-align: left;
}
.brsPartNum {
    text-decoration: underline;
    cursor: pointer;
}
.inputHotlistComment,
.inputHotlistQty {
	width: 12em !important;
	text-align: left;
 	background-color: #e2e2e2;
	color: #000;
	padding-left: 5px;
	height: 2ex;
	border: 1px solid #888;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.inputHotlistComment:focus,
.inputHotlistQty:focus {
    background-color: #fff;
}
.detailCol2 .detailHeader,
.detailCol2 .detailData {
    vertical-align: bottom !important;
}
.detailImageContainer {
    height: 135px;
    width: 160px;
    text-align: center;
}
.viewSubs {
    text-decoration: underline;
    cursor: pointer;
}

/***************/
/* orderUpload */
/***************/
.orderUpload{
    float:left;
    width:100%;
}
.orderUpload #pageTitle{
    float:left;
}
.orderUpload .ui-widget-content {
    background: none;
    background-color: #7D7D7E ;
    border: none;
    color: #fff;
}
.orderUpload .ui-dialog-close,
.orderUpload .ui-dialog-titlebar-close {
    display: none;
}
.orderUpload .ui-widget-header {
    background: none;
    border: none;
}
.orderUpload .ui-progressbar {
    border: 1px solid #fff;
    background: none;
}
.orderUpload .ui-progressbar-value{
    background-color: #f68a1f;
}
.orderUpload label{
    width: 250px;
}

/* Generic class */
.orderUpload .clear {
    clear: both;
}
.orderUpload .bold {
    font-weight: bold;
}
/* Header */
.orderUpload .pttmain {
    text-transform: uppercase;
}
/* Form Data and Presentation */
.orderUpload .form-checkbox,
.orderUpload .form-radio,
.orderUpload .form-text,
.orderUpload .form-select {
    width: 100%;
    position: relative;
    clear: both;
    padding: 5px 0 5px 0;
}
.orderUpload .form-text label {
    top: 0;
    left: 0;
    display: block;
    width: 150px;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
}
.orderUpload .form-text input {
    display: block;
    top: 0;
    right: 0;
    margin-left: 5px;
    text-align: left;
    background-color: #EEE;
    border: 1px solid #888;
    border-radius: 3px;
    color: #000;
    height: 1.4em;
    clear: right;
}
.orderUpload .form-text input:focus {
    background-color: #fff;
}
.orderUpload button, .orderUpload input {
    line-height: normal;
}
.orderUpload button, .orderUpload input, .orderUpload select, .orderUpload textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
.orderUpload input, .orderUpload select {
    vertical-align: middle;
}

/* Generic Classes for products */
.orderUpload .closeout,
.orderUpload .closeout > td {
    color: #b81f24;
}
.orderUpload .flyer,
.orderUpload .flyer > td {
    color: #3951a3;
}
.orderUpload .allocated,
.orderUpload .allocated > td {
    color: #f68a1f;
}
.orderUpload .oversize,
.orderUpload .oversize > td {
    color: #000;
    font-weight: bold !important;
}
.orderUpload .new,
.orderUpload .new > td {
    color: #24b2fa;
}
.orderUpload .modalDialog {
    display: none;
}

/** Dialog Properties **/
.orderUpload #dialog {
    background-color: #434247;
    background-image: none;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    border-radius: 3px;
    color:#fff;
    padding: 5px 15px 15px 60px;
    position: relative;
    display: none;
}
.orderUpload #dialog.success {
    background-image: url('/graphics/icons/success-icon-25px.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
.orderUpload #dialog.warning {
    background-image: url('/graphics/icons/warning-icon-25px.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
.orderUpload #dialog.error {
    background-image: url('/graphics/icons/warning-icon-25px.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
.orderUpload #modalSpotLight {
    display: none;
    content: " ";
    z-index: 30;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
}

.orderUpload #modalBackdropSolid {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
}

.orderUpload #modalBackdropDark {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    display: none;
}
.orderUpload #modalBackdropClear {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.orderUpload .modalDialog h3 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.orderUpload .modalDialog p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 14.5px;
}
.orderUpload .modalDialogX {
    position: absolute;
    font-weight: bold;
    color: #434346;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.orderUpload .modalDialog input[type=button] {
    margin-top: 1em;
}
.orderUpload .modalDialog {
    display: none;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-top: -75px;
    margin-left: -250px;
    background-color: #58585a;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 500px;
    height: 150px;
    text-align: center;
    z-index: 35;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    padding: 15px;
}
.orderUpload .modalDialog img.closeX {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.orderUpload #helpModal h3 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.orderUpload #helpModal p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: left;
    line-height: 14.5px;
}
.orderUpload #helpModal {
    display: none;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-top: -75px;
    margin-left: -250px;
    background-color: #58585a;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 500px;
    height: 150px;
    text-align: center;
    z-index: 35;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    padding: 15px;
}
.orderUpload #helpModal img.closeX {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.orderUpload #helpModalClose {
    margin-top: 10px;
}
.orderUpload .helper {
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor: pointer;
}
.orderUpload .helper img{
    margin-bottom: -3px;
}
.orderUpload .helperText {
    display: none;
}
.orderUpload #cartBlock {
    display: none;
}
.orderUpload #dialog-modal {
    display: none;
}
.orderUpload input[type=button] {
    margin-bottom: 5px;
}
/***********/
/* hotlist */
/***********/
.hotlist{
    float:left;
}
.hotlist .pageTitle{
    float:left;
}
.hotlist #hotListContainer{
    float:left;
    width:100%;
}
.hotlist div.pagetitletext{
    width:100%;
    font-size:5pt;
}
.hotlist .clear {
    clear: both;
}
.hotlist .bold {
    font-weight: bold;
}
/* Header */
.hotlist .pttmain {
    text-transform: uppercase;
}
/* Form Data and Presentation */
.hotlist .form-checkbox,
.hotlist .form-radio,
.hotlist .form-text {
    width: 100%;
    position: relative;
    clear: both;
    padding: 5px 0 5px 0;
    margin: 5px 0 20px 0;
}

.hotlist .form-checkbox > label,
.hotlist .form-radio > label,
.hotlist .form-text > label {
    display: block;
    width: 42%;
    float: left;
    text-align: right;
    clear: left;
    padding-right: 5px;
}
.hotlist .form-radio > .radio-options {
    display: block;
    width: 45%;
    float: left;
    margin-left: 5px;
}

.hotlist .form-text > input {
    display: block;
    float: left;
    width: 45%;
    margin-left: 5px;
    text-align: left;
    background-color: #EEE;
    border: 1px solid #888;
    border-radius: 3px;
    color: #000;
    height: 1.4em;
    clear: right;
}
.hotlist .form-text > input:focus {
    background-color: #fff;
}
.hotlist .cartItem {
    background-color: #EEEEEE;
    border: 1px solid #888888;
    border-radius: 3px;
    color: #000000;
    height: 1.8em;
    padding-left: 5px;
    text-align: center;
    width: 4em;
}
.hotlist input.cartItem:focus {
    background-color: #fff;
}
.hotlist button, .hotlist input {
    line-height: normal;
}
.hotlist button, .hotlist input, .hotlist select, .hotlist textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
.hotlist input, .hotlist select {
    vertical-align: middle;
}
/* Generic Classes for products */
.hotlist .closeout,
.hotlist .closeout > td {
    color: #b81f24;
}
.hotlist .flyer,
.hotlist .flyer > td {
    color: #3951a3;
}
.hotlist .allocated,
.hotlist .allocated > td {
    color: #d16800;
}
.hotlist .oversize,
.hotlist .oversize > td {
    color: #000;
    font-weight: bold !important;
}
.hotlist .new,
.hotlist .new > td {
    color: #24b2fa;
}
.hotlist .modalDialog {
    display: none;
}
/* Page Layout */
.hotlist #leftCol {
    width: 50%;
    float: left;
}
.hotlist #rightCol {
    width: 50%;
    float: right;
    padding-top: 1em;
}
/** Dialog Properties **/
.hotlist #dialog {
    background-color: #434247;
    background-image: none;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    border-radius: 3px;
    color:#fff;
    padding: 5px 15px 15px 60px;
    position: relative;
    display: none;
}
.hotlist #dialog.success {
    background-image: url('/graphics/icons/success-icon-25px.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;   
}
.hotlist #dialog.warning {
    background-image: url('/graphics/icons/warning-icon-25px.png');
    background-repeat: no-repeat;
    background-position: 15px 15px;
}
.hotlist #dialog.error {
    background-image: url('/graphics/icons/warning-icon-25px.png');
    background-repeat: no-repeat;
    background-position: 15px 15px; 
}
.hotlist #modalSpotLight {
    display: none;
    content: " "; 
    z-index: 30;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
}

.hotlist #modalBackdropSolid {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
}

.hotlist #modalBackdropDark {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    display: none;
}

.hotlist #modalBackdropClear {
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.hotlist .modalDialog h3 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.hotlist .modalDialog p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    line-height: 14.5px;
}
.hotlist .modalDialogX {
    position: absolute;
    font-weight: bold;
    color: #434346;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.hotlist .modalDialog input[type=button] {
    margin-top: 1em;
}
.hotlist .modalDialog {
    display: none;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-top: -75px;
    margin-left: -250px;
    background-color: #58585a;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 500px;
    height: 150px;
    text-align: center;
    z-index: 35;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    padding: 15px;
}

.hotlist .modalDialog img.closeX {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.hotlist #helpModal h3 {
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.hotlist #helpModal p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: left;
    line-height: 14.5px;
}
.hotlist #helpModal {
    display: none;
    position: fixed;
    top: 250px;
    left: 50%;
    margin-top: -75px;
    margin-left: -250px;
    background-color: #58585a;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 500px;
    height: 150px;
    text-align: center;
    z-index: 35;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    padding: 15px;
}
.hotlist #helpModal img.closeX {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.hotlist #helpModalClose {
    margin-top: 10px;
}
.hotlist .helper {
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor: pointer;
}
.hotlist .helper img{
    margin-bottom: -3px;
}
.hotlist .helperText {
    display: none;
}
/************/
/* myOrders */
/************/
.myOrders{
    float:left;
    width:100%;
}
.myOrders .pagecontent{
    float:left;
    width:100%;
}
.myOrders .maincontent{
    float:left;
    width:100%;
}
.myOrders span.OrderLink {
    cursor:pointer;
}
/***************/
/* mergeOrders */
/***************/
.orderMerge{
    float:left;
    width:100%;
}
.orderMerge #mainContainer{
    float:left;
    width:100%;
}
.orderMerge #procSteps
{
    border: 1px solid gray;
}
.orderMerge td.procStepNumber
{
    text-align: right;
    font-size: 12pt;
}
.orderMerge td.procStepDesc
{
    text-align: left;
    font-size: 9pt;
}
.orderMerge tr.procStep1 td
{
    border: .5px solid black;
}
.orderMerge tr.procStep2 td
{
    border: .5px solid black;
}
.orderMerge tr.procStep3 td
{
    border: .5px solid black;
}
.orderMerge input.txtNoUpdate
{
    background-color: #DDDDDD;
}
.orderMerge #orderline1
{
    float: left;
    width: 50%;
}
.orderMerge #orderline2
{
}
.orderMerge .tblclass1
{
  border: black solid thin;
}
.orderMerge #masterMergedOrdersTable01 td
{
    text-align: center;
}
.orderMerge #masterOrdersTable1
{
    border:black solid thin;
}
.orderMerge #masterOrdersTable1 td
{
    text-align:center;
}
.orderMerge #masterOrdersTable1 th
{
    text-align:center;
    text-decoration: underline;
    font-weight: bold;
}
.orderMerge #masterOItemTable
{

    border:black solid thin;
}
.orderMerge #masterOItemTable td
{
    text-align:center;
}
.orderMerge #masterOItemTable tr
{
    text-align:center;
}
.orderMerge #getOrders02 td
{
    text-align: center;
}
.orderMerge #getOrders01 td
{
    text-align: center;
}
.orderMerge #getOItems01 tr
{
    border: black solid thin;
}

/* override brs-master.css settings for table */
.orderMerge table.layout tbody tr:nth-child(even)
{
    background-color: #ffffff;
}
.orderMerge table.layout tbody tr:hover
{
    background-color:#ffffff;
}
/*******************/
/* backOrderCancel */
/*******************/
.backOrderCancel{
    float:left;
    width:100%;
}
.backOrderCancel .pagecontent{
    float:left;
    width:100%;
}
.backOrderCancel #buttonArea {
    float: right;
    margin-right: 20px;
}
/****************/
/* MyAccountinf */
/****************/
.myAccInfo{
    float:left;
    width:100%;
}
.myAccInfo .pagecontent{
    float:left;
    width:100%;
}
.myAccInfo .maincontent{
    float:left;
    width:100%;
}
#custListArea {
    width: 45%;
    float: left;
}
#userCartArea {
    width: 50%;
    float: left;
    margin-top: 45px;
}
/**************/
/* myInvoices */
/**************/
.myInvoices{
    float:left;
    width:100%;
}
.myInvoices .pagecontent{
    float:left;
    width:100%;
}
.myInvoices .maincontent{
    float:left;
    width:100%;
}
.myInvoices span.InvoiceLink{
    cursor: pointer;
}
.myInvoices .myAcctInfoTableContainer{
    float: left;
    width: 100%;
    margin: 20px auto;
}
.myInvoices .myAcctInfoTable{
    float: left;
    width: 30%;
    margin-right: 3%;
    background-color: white;
}
.myInvoices #buttonArea {
    float: right;
    margin: 10px 40px;
}
/*.myInvoices #myAcctInfoTable {
    width: 100%;
    margin-bottom: 20px;
}*/
/***********/
/* POSDump */
/***********/
.POSDump{
    float:left;
    width:100%;
}
.POSDump .pagecontent{
    float:left;
    width:100%;
}
.POSDump div.pagetitle{
    float:left;
    width:100%;
}
.POSDump .maincontent{
    float:left;
    width:100%;
}
.POSDump div.pagetitletext{
    width:100%;
    font-size:5pt;
}
.POSDump .form-radio,
.POSDump .form-checkbox,
.POSDump .form-submit {
    margin-top: .5em;
    width: 100%;
}
.POSDump .form-radio label,
.POSDump .form-checkbox label,
.POSDump .form-submit label {
    text-align: right;
    display: inline-block;
    line-height: 1.4em;
    width: 250px;
}
/*********/
/* Usage */
/*********/
.usage-body{
    float:left;
    width:100%;
}
.usage-body tr {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: justify
}
.usage-body td {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.usage-body input.BTN {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: center
}
.usage-body th {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #336699;
    text-decoration: none;
    font-weight: bold
}
.usage-body div
{
    /*outline: gray solid thin;
    width: 80%;
    float: center;*/
}
.usage-body #masterTable
{
    border: thin Black;
}
.usage-body td.td8, th.th8
{
    font-size: 8pt;
    white-space: nowrap;
}
.usage-body td.td11, th.th11
{
    font-size: 11pt;
    white-space: nowrap;
}
.usage-body td.td7, th.th7
{
    font-size: 7pt;
    white-space: nowrap;
}
.usage-body td.td10, th.th10
{
    font-size: 10pt;
    white-space: nowrap;
}
.usage-body #table01
{
    width:40%;
    border:black solid thin;
}
.usage-body #reportResults
{
    display: none;
}
@media print
{
   size: landscape;
   BODY
    {
        background: white;
        font-family : "Times New Roman", Times, serif;
    }
    #mainContainer, #printButtons
    {
      display : none;
    }
}
.usage-body blockquote {
    background-color: Silver;
    font-family: sans-serif;
    vertical-align: middle;
    white-space: normal;
    font-size: smaller;
    width: 45%;
}
.usage-body span
{
    font-weight: bold;
}
/*********/
/* Usage */
/*********/
.myPreferences#MyPreferencesBody h2 {
}
/* All form-* could be included in a master css of some kind. */
.myPreferences#MyPreferencesBody .form-text {
    padding: .2em;
    clear: both;
}
.myPreferences#MyPreferencesBody .form-select,
.myPreferences#MyPreferencesBody .form-radio,
.myPreferences#MyPreferencesBody .form-checkbox,
.myPreferences#MyPreferencesBody .form-text {
    padding: .3em;
    clear: both;
    overflow: hidden;
}   
.myPreferences#MyPreferencesBody .form-text label,
.myPreferences#MyPreferencesBody .form-radio label,
.myPreferences#MyPreferencesBody .form-checkbox label,
.myPreferences#MyPreferencesBody .form-select label,
.myPreferences#MyPreferencesBody .form-submit label {
    /*float: left;*/
    width: 330px;
    font-weight: bold;
    text-align: right;
    padding-right: .4em;
}
.myPreferences#MyPreferencesBody .form-select label,
.myPreferences#MyPreferencesBody .form-text label,
.myPreferences#MyPreferencesBody .form-radio label,
.myPreferences#MyPreferencesBody .form-checkbox label {
    line-height: 2em;
}
.myPreferences#MyPreferencesBody .form-select input,
.myPreferences#MyPreferencesBody .form-text input {
    width: 220px;
}
.myPreferences#MyPreferencesBody .subheading {
    padding-top: .6em;
    padding-left: .2em;
    color: #4F26AC;
    font-size: large;
    font-weight: bold;
}
.myPreferences#MyPreferencesBody .error {
    padding: .4em;
    border: 1px solid black;
    color: #400;
    font-weight: bold;
}
.myPreferences#MyPreferencesBody table {
    padding:0;
    border: 0;
}
.myPreferences#MyPreferencesBody td {
    padding: 0;
    border: 0;
}
/* ---- Remove styling from brs-master ----- */
.myPreferences#MyPreferencesBody table tbody tr:nth-child(even)
{
    background-color: #ffffff;
}
.myPreferences#MyPreferencesBody table tbody tr:hover
{
    background-color:#ffffff;
}
/***************/
/* catalogItem */
/***************/
.catalogItem{
    float:left;
    width:100%;
}
.catalogItem .maincontent{
    float:left;
    width:100%;
}
.catalogItem .maincontent #ItemArea input{
    border:solid 1px #CCC;
    height:25px;
}
.catalogItem table{
    width:100%;
}
.catalogItem #ButtonArea,
.catalogItem #ItemArea{
    float: left;
}
.catalogItem #ButtonArea{
    margin:13px 0 0 10px;
}
.catalogItem #ItemArea{
    margin: 14px 0 20px;
}
/*********************/
/* onlineFileCabinet */
/*********************/
.onlineFileCabinet{
    float:left;
    width:100%;
}
.onlineFileCabinet .pageContainer{
    float:left;
    width:100%;
}
#ofc_body .pageContainer{
    padding:0 !important;
}
#ofc_body li{
    list-style:none;
}
/*************/
/* contmaint */
/*************/
.contmaint-body{
    float:left;
    width:100%;
}
.contmaint-body #pageTitle{
    float:left;
}
.contmaint-body #pageTitle .pagetitletextarea{
    font-size: 12pt;
    width:100%;
}
/******************/
/* custRankReport */
/******************/
.custRankReport{
    float:left;
    width:100%;
}
.custRankReport .maincontent{
    float:left;
    width:100%;
}
.custRankReport table{
    width:100%;
    margin-top:30px;
}
.custRankReport #FromDateArea,
.custRankReport #ToDateArea{
    float:left;
}
.custRankReport #FromDateArea input,
.custRankReport #ToDateArea input{
    border:solid 1px #CCC;
    height:25px;
}
.custRankReport #ButtonArea{
    float:left;
    margin:0 0 0 10px;
}

/****************/
/* creditReport */
/****************/
.creditReport{
    float:left;
    width:100%;
}
.creditReport .pagecontent{
    float:left;
    width:100%;
}
.creditReport #reportSalesRep{
    float:left;
}
.creditReport #reportSalesRep input{
    border:solid 1px #CCC;
    height:25px;
}
.creditReport #reportSortBy{
    float:left;
}
.creditReport #reportSortBy select{
    border:1px solid #CCC;
    float:left;
    height:27px;
    margin:0 20px;
    width:200px;
}
.creditReport table{
    width:100%;
    margin-top:30px;
}
/**************/
/* openOrders */
/**************/
.openOrders{
    float:left;
    width:100%;
}
.openOrders .pagecontent{
    float:left;
    width:100%;
}
.openOrders table{
    width:100%;
    margin-top:30px;
}
.openOrders #CustArea,
.openOrders #ItemArea,
.openOrders #LocationArea,
.openOrders #SalesRepArea,
.openOrders #SortByArea,
.openOrders #ButtonArea{
    float:left;
    clear:left;
}
.openOrders #CustArea input,
.openOrders #ItemArea input,
.openOrders #LocationArea input,
.openOrders #SalesRepArea input{
    float:left;
    border:solid 1px #CCC;
    height:25px;
    margin:0 0 10px 20px;
}
.openOrders #SortByArea select{
    border:1px solid #CCC;
    float:left;
    height:27px;
    margin:0 20px;
    width:200px;
}
.openOrders #ButtonArea{
    margin:20px 0 0 224px;
}
/******************/
/* commitedOrders */
/******************/
.commitedOrders{
    float:left;
    width:100%;
}
.commitedOrders .pagecontent{
    float:left;
    width:100%;
}
.commitedOrders table{
    float:left;
    width:100%;
    margin-top:30px;
}
.commitedOrders #CustArea{
    float:left;
}
.commitedOrders #CustArea{
    float:left;
}
.commitedOrders #CustArea input{
    border:solid 1px #CCC;
    height:25px;
}
.commitedOrders #ButtonArea{
    float:left;
    margin:0 0 0 10px;
}
/**************/
/* gunHistory */
/**************/
.gunHistory #reportInputArea input[type="text"] {
    border: solid 1px #CCC;
    height: 25px;
}
/****************/
/* verifyOrders */
/****************/
.verifyOrders{
    float:left;
    width:100%;
}
.verifyOrders .pagecontent{
    float:left;
    width:100%;
}
.verifyOrders table{
    width:100%;
}
.verifyOrders #LocationArea,
.verifyOrders #SalesRepArea,
.verifyOrders #OrderClassArea,
.verifyOrders #MastCustArea,
.verifyOrders #sOrderArea,
.verifyOrders #eOrderArea,
.verifyOrders #sDateArea,
.verifyOrders #eDateArea,
.verifyOrders #sCustArea,
.verifyOrders #eCustArea,
.verifyOrders #ButtonArea{
    float:left;
    clear:left;
}
.verifyOrders #LocationArea input,
.verifyOrders #SalesRepArea input,
.verifyOrders #OrderClassArea input,
.verifyOrders #MastCustArea input,
.verifyOrders #sOrderArea input,
.verifyOrders #eOrderArea input,
.verifyOrders #sDateArea input,
.verifyOrders #eDateArea input,
.verifyOrders #sCustArea input,
.verifyOrders #eCustArea input{
    float:left;
    border:solid 1px #CCC;
    height:25px;
    margin:0 0 10px 20px;
}
.verifyOrders #ButtonArea{
    margin:0 0 20px 226px;
}
/**************/
/* invSummary */
/**************/
.invSummary{
    float:left;
    width:100%;
}
.invSummary .pagecontent{
    float:left;
    width:100%;
}
.invSummary #FromDateArea,
.invSummary #ToDateArea{
    float:left;
}
.invSummary #FromDateArea input,
.invSummary #ToDateArea input{
    border:solid 1px #CCC;
    height:25px;
}
.invSummary #ButtonArea{
    float:left;
    margin:0 0 0 10px;
}
.invSummary table{
    width:100%;
    margin-top:30px;
}


/****************/
/* salesRepSumm */
/****************/
.salesRepSumm{
    float:left;
    width:100%;
}
.salesRepSumm .pagecontent{
    float:left;
    width:100%;
}
.salesRepSumm .maincontent{
    float:left;
    width:100%;
}
.salesRepSumm table{
    width:100%;
    margin-top:30px;
}
.salesRepSumm #reportInputArea{
}
.salesRepSumm #SalesRepArea,
.salesRepSumm #LocArea,
.salesRepSumm #PrintArea,
.salesRepSumm #ButtonArea{
    float:left;
    clear:left;
}
.salesRepSumm #Period1Area{
    float:left;
}
.salesRepSumm #SalesRepArea input,
.salesRepSumm #LocArea input,
.salesRepSumm #Period1Area input{
    float:left;
    border:solid 1px #CCC;
    height:25px;
    margin:0 0 10px 20px;
}
.salesRepSumm #PrintArea select{
    border:1px solid #CCC;
    float:left;
    height:27px;
    margin:0 20px 10px;
    width:200px;
}
.salesRepSumm #ButtonArea{
    margin:0 0 20px 226px;
}

/**********************/
/* Customer Selection */
/**********************/
.custSelect {
    float: left;
    width: 100%;
}
.custSelect #mainContent{
    float: left;
    width: 100%;
}
.custSelect #pageTitle{
    float: left;
    width: 100%;
}
.custSelect table tbody tr {
	border-bottom: 1px solid #cccccc;
}
.custSelect .allHide{
	display: none;
}


/*******************/
/* myInvoiceDetail */
/*******************/
.myInvoiceDetail{
    float:left;
    width:100%;
}
.myInvoiceDetail .pagecontent{
    float:left;
    width:100%;
}
.myInvoiceDetail .maincontent{
    float:left;
    width:100%;
}
/*****************/
/* cartCheckout1 */
/*****************/
.cartCheckout1{
    float:left;
    width:100%;
}
.cartCheckout1 .pagecontent{
    float:left;
    width:100%;
}
.cartCheckout1 .maincontent{
    float:left;
    width:100%;
}
.cartCheckout1 #pageTitleArea{
    float:left;
    width:100%;
}
.cartCheckout1 #checkout1Form{
    float:left;
    width:100%;
}
.cartCheckout1 #printOutputArea1{
    float:left;
    width:100%;
}
.cartCheckout1 #printOutputArea1 #shipInfoArea{
    width: 340px;
}
.cartCheckout1 #shipPaymentArea input,
.cartCheckout1 #billInfoArea input,
.cartCheckout1 #shipInfoArea input{
    float:left;
    border:solid 1px #CCC;
    height:25px;
    margin:0 0 10px 20px;
}
.cartCheckout1 #shipPaymentArea select,
.cartCheckout1 #billInfoArea select,
.cartCheckout1 #shipInfoArea select{
    border:1px solid #CCC;
    float:left;
    height:27px;
    margin:0 20px 10px;
    width:100px;
}
.cartCheckout1 #shipPaymentArea{
    width: 350px !important;
}
.cartCheckout1 #payment_type{
    width: 180px !important;
}
.cartCheckout1 #shipInfoArea select{
    width: 180px !important;
}
/*****************/
/* cartCheckout2 */
/*****************/
#pageContentArea.cartCheckout2{
    margin:0;
}
.cartCheckout2{
    float:left;
    width:100%;
}
.cartCheckout2 .pagecontent{
    float:left;
    width:100%;
}
.cartCheckout2 .maincontent{
    float:left;
    width:100%;
}
.cartCheckout2 table{
    width:100%;
    margin-top:20px;
}
.cartCheckout2 #pageTitleArea{
    float:left;
    width:100%;
}
/* ------------------------------------- */
/* Checkout Step 3 (ws/oe/checkout3.html */
/* ------------------------------------- */
.cartCheckout3 #pageContent{
    width: 930px;
    padding: 1em;
}
.cartCheckout3 #pageContent header.specialHeaderText{
    padding: 10px 10px 10px 0;
}
.cartCheckout3 #orderHeaderArea .message header{
    padding-left: 0;
    background: none !important;
}
.cartCheckout3 #nonDSArea{
}
.cartCheckout3 #orderInfoArea{
    clear: both;
}
.cartCheckout3 #orderInfoArea > section, #orderInfoArea > div{
    float: left;
}
.cartCheckout3 #orderInfoArea .oia1{
    width: 30%;
}
.cartCheckout3 #orderInfoArea .oia1 header.specialHeaderText{
    width: 80%;
    margin: 0 0 0 12.5px;
}
.cartCheckout3 #orderInfoArea .oia2{
    width: 30%;
}
.cartCheckout3 #orderInfoArea .oia2 header.specialHeaderText{
    width: 50%;
    margin: 0 0 0 10px;
}
.cartCheckout3 #orderInfoArea .oia1 span.spanLabel{
    width: 7.5em;
}
.cartCheckout3 #orderInfoArea .oia2 span.spanLabel{
    width: 4.5em;
}
.cartCheckout3 #orderListArea{
    clear: both;
    float: left;
    margin: 0 0 .5em 0;
    width: 100%;
}
.cartCheckout3 #orderListArea span{
    margin: 5px;
}
.cartCheckout3 #orderDetailArea{
    margin: 2em 0;
}
.cartCheckout3 #orderDetailArea #checkoutTableContainer1{
    margin: 5px;
}
.cartCheckout3 #orderDetailArea #checkoutTableContainer1 header.specialHeaderText{
    margin-bottom: 0;
    padding: 5px;
}
.cartCheckout3 #selwdsorderlist{
    display: table;
    padding-left: 10px;
    list-style: none !important;
    width: 0;
}
.cartCheckout3 #selwdsorderlist li {
    padding: 0;
}
.cartCheckout3 #selwdsorderlist li input{
    margin: 0 0 5px;
}
.cartCheckout3 #selwdsorderlist li input.active{
    background-color: #FF9B2E;
}
.cartCheckout3 #orderListArea #orderTotal{
    padding-left: 7px;
}
.cartCheckout3 #orderHeaderArea .message{
    background-position: 20px 2px;
    background-repeat: no-repeat;
    color: #585858;
    background-image: url('/graphics/icons/success-icon-57px.png');
}
.cartCheckout3 #orderHeaderArea .message p{
    color: #FFFFFF;
}
.cartCheckout3 #checkout3Tbl001 tbody {
    height: auto !important;
}
/*************************************/
/************MEDIA QUERIES************/
/*************************************/
/*1050*/
@media screen and (max-width:1050px){
    .quickAdd .itemDetails .left{
        width:50%;
    }
    .quickAdd .itemDetails .right{
        width:45%;
    }
    .orderMerge .dates .left{
        width:55%;
    }
}
/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
    .quickAdd .itemDetails{
        width:65%;
    }
    .quickAdd .itemDetails .left{
        width:100%;
    }
    .quickAdd .itemDetails .right{
        width:95%;
    }
    .quickAdd .itemsList ul.keypad{
        top:47px;
        position:absolute;
        right:-300px;
    }
    .quickAdd .itemsList.showKeypad ul.keypad{
        right:60px;
    }
    .quickAdd .itemsList.showKeypad .table{
        width:100%;
    }
    .quickAdd .itemDetails{
        border-bottom:none;
    }
    .quickAdd .itemsList ul.keypad li a{
        font:300 35px/69px Helvetica,arial;
        height:62px;
    }
    .quickAdd .itemsList ul.keypad li.return a{
        line-height:66px;
    }
    .quickAdd{
        overflow-x:hidden;
    }
}
/*950*/

/*900*/
@media screen and (max-width:900px){
    a.logo{
        background-size:100% auto;
        height:106px;
        width:160px;
    }
    #custListArea {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    #userCartArea {
        float: none;
        width: 100%;
    }
    .footer #usFooterInfo,
    .footer #usFooterLinks{
        display: none !important;
    }
    #dialog{
        position: fixed;
        top: 0;
        margin: 10px;
        width: 320px;
        min-height: 50px;
    }
    #dialog .error,
    #dialog .message,
    #dialog .success,
    #dialog .warning{
        background-size: 35px;
    }
    .path .quickLink{
        display: block;
    }
}
/*860*/
@media screen and (max-width:860px){
    .viewCart input[type="button"]{
        font-size:12px;
    }
}
/*850*/
@media screen and (max-width:850px){
    .hide-850 {
        display: none;
    }
    .quickAdd .itemsList.showKeypad .table{
        width:63%;
    }
    .quickAdd .itemsList ul.keypad{
        width:33%;
        margin-right:-35%;
    }
    .quickAdd .itemsList .table ul li{
        font-size:14px;
    }
    .quickAdd .itemsList .table .scroll tr td{
        font-size:14px;
    }
    .quickAdd .itemDetails .left{
        width:55%;
    }
    .quickAdd .itemDetails .right{
        width:40%;
    }
    .orderMerge .dates .left{
        width:40%;
    }
    .orderMerge .steps p strong.split{
        display:block;
        margin:10px 0 5px;
    }
    .orderMerge .dates .left label{
        margin:0 0 5px;
        text-align:left;
        width:100%;
    }
    .orderMerge .dates .left input{
        width:96%;
    }
    .orderMerge .dates .left .radios{
        width:100%;
    }
    .priceMatrix table{
        width:735px;
    }
    .modalContainer.priceMatrixModal{
        margin:0 0 0 -240px;
        width:460px;
    }
}
/*800*/
@media screen and (max-width:800px){
    .viewCart .tableScroll{
        overflow:auto;
        width:100%;
        float:left;
    }
    .viewCart .tableScroll table,
    .viewCart .cartContent{
        width:800px;
    }
    .viewCart.checkoutPage .shipmentsTable {
        overflow:auto;
        width:100%;
        float:left;
    }
    .loadingMessageContainer{
        left: 30%;
    }
}
/*768*/
@media screen and (max-width:768px){
    .viewCart .buttons.bottom input{
        margin:0 0 5px 5px;
    }
    .viewCart .cols3{
        width:100%;
    }
    .viewCart .cols3 span{
        width:35%;
    }
    .viewCart .cols3 span.detaildata{
        width:50%;
    }
    .quickAdd .itemsList ul.keypad li a{
        font:300 35px/74px Helvetica,arial;
        height:68px;
    }
    .loadingMessageContainer{
        left: 30%;  
    }

}
@media screen and (min-width:768px) and (max-width:992px){
    .webHelp{
      width:23% !important;
    }
    .withinRes{
      width:20% !important;
    }
}
@media screen and (max-width:768px){
    .webHelp{
      display:none !important;
    }
    .webHelpLink, .salesRepLink{
        color:#585858 !important;
    }
    .withinRes{
        color:#585858 !important;
        width:50% !important;
    }
}
/*767*/
@media screen and (max-width:767px){
    .quickAdd .itemDetails .left{
        width:100%;
    }
    .quickAdd .itemDetails .right{
        width:95%;
    }
    .quickAdd .itemDetails input{
        float:right;
        width:59%;
    }
    .quickAdd .itemDetails .info span{
        right:0.5%;
    }
    .quickAdd .itemDetails .toolTip.number{
        right:0;
    }
    .quickAdd .itemDetails .right{
        padding:19px 2.5% 17px;
    }
    .quickAdd .itemDetails .right ul{
        display:none;
    }
    .quickAdd .itemDetails .right a.toggleDetails{
        top:8px;
        display:block;
    }
    .viewCart .tabContent table tr .descriptionCol{
        display: none;
    }
    .footer #usFooterInfo{
        float:left;
        margin:0 2% 20px;
        width:96%;
    }
    .footer ul li{
        box-shadow:none;
        min-height:0;
        width:33%;
    }
    .loadingMessageContainer{
        left: 30%;
    } 

}
/*750*/
@media screen and (max-width:750px){
    .quickAdd .itemsList ul.keypad{
        float:left;
        margin:-460px 30% 30px;
        width:40%;
        margin-right:30%;
    }
    .quickAdd .itemsList.showKeypad ul.keypad{
        margin:10px 30% 30px;
        margin-right:30%;
    }
    .quickAdd .itemsList .table{
        float:right;
        width:100%;
    }
    .quickAdd .itemsList.showKeypad .table{
        width:100%;
    }
    .myInvoices .filterInvoices select,
    .myInvoices .filterInvoices label,
    .myOrders .filterInvoices select,
    .myOrders .filterInvoices label{
        clear:left;
    }
    .myInvoices .tableScroll,
    .myOrders .tableScroll{
        width:100%;
    }
    .myInvoices .tabs table,
    .myOrders .tabs table{
        width:670px;
    }
    .myOrders .messages .left,
    .myOrders .messages .right{
        width:96%
    }
    .myOrders .messages .left{
        margin-bottom:15px;
    }
    .orderMerge .dates .right{
        width:36%;
    }
    .orderMerge .selectOrders .left,
    .orderMerge .selectOrders .right{
        width:100%;
    }
    .backOrderCancel .backOrders .tableScroll table,
    .myQuotes .quotes .tableScroll table{
        float:left;
        width:695px;
    }
    .defaultPage .tableScroll table{
        width:750px;
    }
    .defaultPage .row .twoCols,
    .defaultPage .row .threeCols,
    .defaultPage .row .fourCols{
        width:100%;
    }
    .defaultPage ul.list.split li{
        width:98%;
    }
    .defaultPage .filters label{
        clear:left;
        margin:0 10px 10px 0;
    }
    div.customerMenu{
        /*width:65%;*/
    }
    .viewCart .buttons.bottom{
        text-align:left;
    }
    .viewCart.checkoutPage .buttons.bottom{
        text-align:right;
    }
    .loadingMessageContainer{
        left: 30%;
    }
    .qtyChangedContainer{
        top: 20%;
        left: 40%;
        width: 400px;
        padding: 5px 3% 10px 15%;
    }
    #colorKey #printButton{     
        margin-top: 8px;
    }
    a.logo{
        height:96px;
        width:130px;
        margin-top:-5px;
    }
}
/*700*/
@media screen and (max-width:700px){
    .viewCart ul.cols.headers li{
        width:100%;
    }
    .cartCheckout3 #orderInfoArea .oia1,
    .cartCheckout3 #orderInfoArea .oia2,
    .cartCheckout3 #orderInfoArea .oia3{
        width:100%;
        margin-top:20px;
    }
    .loadingMessageContainer{
        left: 30%;
    }
    #dialog{
        padding: 5px 3% 15px 14%;
    }
    #searchRow{
        margin:0 2% 5px;
        width:96%;
    }
}
/*650*/
@media screen and (max-width:650px){
/*    div.customerMenu{
        clear:left;
        float:left;
        margin:15px 0;
    }*/
    a.toggleMainMenu{
        clear:left;
        float:left;
    }
    ul.mainMenu{
        display:none !important;
    }
    div.customerMenu p{
        text-align:center;
    }
    .filterInvoices label{
        margin:0 0 5px;
        width:100%;
    }
    .tableScroll table{
        width:635px;
    }
    .orderMerge .dates .left{
        width:50%;
    }
    div.customerMenu{
        width:100%;
    }
    a.logo{
        height:87px;
    }
    .loadingMessageContainer{
        left: 25%;
    }
}
/*600*/
@media screen and (max-width:600px){
    /*view cart*/
    .viewCart .cartDetails ul{
        float: none;
        width: 100%;
    }
    .references p{
        margin:10px 0 0 35px;
        clear:left;
    }
    .references p span{
        display:block;
        margin:0;
    }
    .viewCart .buttons a, 
    .hotlist .buttons input {
        float: left !important;
        width: 100%;
        padding: 5px 0;
        margin: 2px 0;
        text-align: center;
    }

    /*dataTable*/
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc{
        background: none !important;
    }
    .footer ul li{
        min-height:170px;
        width:50%;
    }
    .footer .footerInfo .left{
        box-shadow:none;
        width:100%;
    }
    .footer .footerInfo .right{
        width:100%;
        padding-left:0;
    }
    #dialog{
        padding:5px 3% 15px 16%;
        width:82%;
    }
    .loadingMessageContainer{
        left: 25%;
    }
    #usHeaderMenu{
        /*display: none !important;*/
    }
    ul.mainMenu{
        display:none;
    }
    a.toggleMainMenu{
        display:block;
        left:6px;
    }
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
    }
}
/*550*/
@media screen and (max-width:550px){
    .quickAdd .itemsList ul.keypad{
        margin:-460px 20% 30px;
        width:60%;
    }
    .quickAdd .itemsList.showKeypad ul.keypad{
        margin:10px 20% 30px;
    }
    .filterInvoices select{
        margin:2px 10px 10px 0;
    }
    #pageTitle{
        height:auto;
    }
    #pageTitle .pagetitleprintarea{
        text-align:left;
        width:100%;
    }
    #pageTitle .pagetitletextarea{
        clear:left;
        margin:15px 0 0;
        text-align:left;
    }
    .orderMerge .dates .left,
    .orderMerge .dates .right{
        width:100%;
    }
    .orderMerge .dates .right{
        margin-bottom:25px;
        width:96%;
    }
    .viewCart #cartOptions{
        width:100%;
        margin:0;
    }
    .viewCart .postProceduresContainer ul{
        width:100%;
    }
    .loadingMessageContainer{
        left: 20%;
    }
    .qtyChangedContainer{
        top: 20%;
        left: 2%;
        width: 100%;
        padding: 5px 3% 10px 20%;
    }
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
    }
    .megaMenu{
        background-color:#585858 !important;
        color:white !important;
        margin-top:0px !important;
    }
    .productsMenu li{
        display:block;
        width:100%;  
        width: 75%;     
    }

}
@media screen and (max-device-width:767px){
    .megaMenu{
        position:relative;
        display:block !important;
        z-index:100;
    }
    ul.productsMenu > li > a, ul.productsMenu a {
        color:white !important;
    }
    .hide-768{
        display:none;
    }
    .floatMenu #linkChangeCust {
        padding-top: 0;
        padding-bottom: 0;
    }
    .megaMenu{
        background-color:#585858 !important;
        color:white !important;
        margin-top:18px;
    }
}

 @media screen and (max-device-width:800px){
    ul.productsMenu{
        font-size:18px;
    }
    div.productsMenuContent, ul.productsMenu > li {
        padding-left:8px;
        padding-right:8px;
        text-align: left;     
        font-size:18px;
    }
    ul.productsMenu>li>a{
        font-size:18px;
        font-weight:normal !important;
    }
    ul.productsMenu>li>a:hover>ul{
        display:block;
        margin-left:10px;
    }
    ul.productsMenu>li>a>ul{
        display:none;
    }
}
/*500*/
@media screen and (max-width:500px){
    .quickAdd .itemDetails label{
        width:35%;
        margin:0 0 10px;
    }
    .quickAdd .itemDetails input{
        width:50%;
        margin:0 0 14px;
    }
    .quickAdd .itemDetails .toolTip.number{
        top:75px;
    }
    .quickAdd .itemsList .table{
        overflow-y:auto;
    }
    .quickAdd .itemsList .table ul{
        width:500px;
    }
    .quickAdd .itemsList .table .scroll{
        width:500px;
    }
    .loadingMessageContainer{
        left: 20%;
    }
    .modalContainer.priceMatrixModal{
        margin:0 0 0 -150px;
        padding:5px;
        width:290px;
    }
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
    }
}
/*479*/
@media screen and (max-width:479px){
    .quickAdd .itemDetails .right ul li strong{
        display:block;
    }
    .loadingMessageContainer{
        left: 20%;
    }   
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
    }
}
/*450*/
@media screen and (max-width:450px){
    .footer ul li{
        min-height:0;
        width:100%;
    }
    #dialog{
        padding:5px 3% 15px 24%;
        width:77%;
    }
    .myOrders .tabs ul.tabsNav li a{
        padding:10px 10px 6px;
    }
    .orderMerge .selectOrders label{
        font-size:14px;
        margin:0 0 5px;
        text-align:left;
        width:100%;
    }
    .orderMerge .selectOrders input{
        width:96%;
    }
    .viewCart .buttons.bottom input{
        margin:0 0 5px;
        padding:10px 0;
        width:100%;
    }
    .loadingMessageContainer{
        left: 15%;
    }
    .qtyChangedContainer{
        top: 10%;
        left: 2%;
        width: 100%;
        padding: 5px 3% 10px 25%;
    }
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
		overflow:hidden;
    }
	.category-flyout{
		position:relative;
		width:100%;	
		left:0;
		top:10px;
		border:none;
		height:auto;
	}
	.category-flyout ul{
		width:100% !important;	
		margin-left:20px;
	}
	.category-flyout .row:nth-child(2), .category-flyout .row:nth-child(3){
		display:none;	
	}
}
/*400*/
@media screen and (max-width:400px){
    div.customerMenu p{
        text-align:left;
    }
    .quickAdd .itemsList ul.keypad{
        margin:-460px 10% 30px;
        width:80%;
    }
    .quickAdd .itemsList.showKeypad ul.keypad{
        margin:10px 10% 30px;
    }
    .quickAdd .itemDetails label{
        font-size:14px;
    }
    .quickAdd .itemDetails label{
        width:40%;
    }
    .myOrders .tabs ul.tabsNav li a{
        padding:10px 5px 6px;
        font-size:13px;
    }
    .loadingMessageContainer{
        left: 10%;
    }
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
    }
}
/*350*/
@media screen and (max-width:350px){
    .quickAdd .itemDetails label{
        font-size:12px;
    }
    .tabs ul.tabsNav li a{
        padding:10px 20px 6px;
    }
    .myInvoices .tabs ul.tabsNav li a{
        padding:10px 15px 6px;
    }
    .viewCart .tabs ul.tabsNav li a{
        padding:10px 11px 6px;
    }
    .loadingMessageContainer{
        left: 10%;
    }
    #linkLogout, #custName, #custPhone{
        white-space: nowrap;
    }
    #colorKey #printButton{
        margin-top: 10px;
    }
    .printBar span {
        margin: 6px 0 0 28px !important;
    }
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
    }
}
/*320*/
@media screen and (max-width:320px){
    .quickAdd .toggleKeyPad{
        margin:-20px 1% 0 0;
    }
    .quickAdd .itemsList ul.keypad li{
        margin:0 3% 3px 0;
    }
    .quickAdd .itemsList ul.keypad li.return a{
        line-height:55px;
    }
    .loadingMessageContainer{
        left:10%;
    }
    .quickAdd .itemsList ul.keypad li a{
        font:300 24px/55px Helvetica,arial;
        height:48px;
    }
    a#shoppingOptions, #shoppingOptionsMega{
        width:100%;
    }
}

#shipmentViewTab .buttons{
    display: none;
}