:root {
    --bg-color: white;
    --text-color: black;
    --accent-color: #a6c3f3;
    --hilight-color: #a6c3f3;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: white;
        --text-color: black;
        --accent-color: #a6c3f3;
        --hilight-color: #a6c3f3;
    }
}

.rxFill { width: 100%; height: 100%; }
.rxContainer { position: relative; }
.rxModalContainer { position: relative; box-sizing: border-box; padding-bottom: 70px; width: 100%; height: 100%; }
.overlayButton { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: transparent; border: none;  cursor: pointer;
}


/*----------------------------------------------------------*/
/* Master Page */
/*----------------------------------------------------------*/
body>form { height:100%; }


/*----------------------------------------------------------*/
/* LANGUAGE BAR */
/*----------------------------------------------------------*/
.languagesDiv {
    float: right;
    width: 50px;
}
.languagesDiv div { float: left; font-weight: bold; padding: 0 3px; }
.languagesDiv .langDiv { border-right: solid 2px black; }
.languagesDiv .aspNetDisabled { color: black; }

/*----------------------------------------------------------*/
/* MENU BAR */
/*----------------------------------------------------------*/

/*#menuDefault:hover { background: white url(template_images/home_tab_active.png); }*/
/*#menuDefault.active { background: white url(template_images/home_tab_active.png); }*/
/*#menuBrowse:hover { background: white url(template_images/browse_tab_active.png); }*/
/*#menuBrowse.active { background: white url(template_images/browse_tab_active.png); }*/
/*#menuSearch:hover { background: white url(template_images/search_tab_active.png); }*/
/*#menuSearch.active { background: white url(template_images/search_tab_active.png); }*/
/*#menuBatchOrder:hover { background: white url(template_images/batch_tab_active.png); }*/
/*#menuBatchOrder.active { background: white url(template_images/batch_tab_active.png); }*/
/*#menuOrderHistory:hover { background: white url(template_images/history_tab_active.png); }*/
/*#menuOrderHistory.active { background: white url(template_images/history_tab_active.png); }*/

/*.subMenu { width:100%; margin-top:10px; }*/
.subMenu td,tr { padding:0; margin:0; border-spacing:0; }

.subMenuItemSize { width: 100%; height:36px; }
.MenuItemImageButton { position: absolute; top:0; left: 0; z-index: 1; }
#MainContent_subMenuHistory { background: white url(template_images/submenu_history.png); }
#MainContent_subMenuHistory:hover { background: white url(template_images/submenu_history_active.png); }
#MainContent_subMenuHistory.active { background: white url(template_images/submenu_history_active.png); }
#MainContent_subMenuPendingOrders { background: white url(template_images/submenu_pending.png); }
#MainContent_subMenuPendingOrders:hover { background: white url(template_images/submenu_pending_active.png); }
#MainContent_subMenuPendingOrders.active { background: white url(template_images/submenu_pending_active.png); }
#MainContent_subMenuBackOrders { background: white url(template_images/submenu_backorders.png); }
#MainContent_subMenuBackOrders:hover { background: white url(template_images/submenu_backorders_active.png); }
#MainContent_subMenuBackOrders.active { background: white url(template_images/submenu_backorders_active.png); }
#MainContent_subMenuStatements { background: white url(template_images/submenu_statements.png); }
#MainContent_subMenuStatements:hover { background: white url(template_images/submenu_statements_active.png); }
#MainContent_subMenuStatements.active { background: white url(template_images/submenu_statements_active.png); }
#MainContent_subMenuPayments { background: white url(template_images/submenu_payments.png); }
#MainContent_subMenuPayments:hover { background: white url(template_images/submenu_payments_active.png); }
#MainContent_subMenuPayments.active { background: white url(template_images/submenu_payments_active.png); }

.MenuItem { cursor:pointer; }
.MenuText { display: none } /* Hide by default; may be overriden in SiteSpecificStyle.css*/

/* xs size */
@media (max-width: 575.98px) {
    .documentList * { font-size: 0.75rem; }
}

/* sm size */ 
@media (min-width: 576px) and (max-width: 767.98px) {
    .documentList * { font-size: 0.85rem; }
}

/* md size */
@media (min-width: 768px) and (max-width: 991.98px) {
    .documentList * { font-size: 0.95rem; }
}


/*----------------------------------------------------------*/
/* ORDER HISTORY */
/*----------------------------------------------------------*/

.acc-header { width: 100%; background-color: #ededed; margin-bottom:2px; padding:0; color:#444444; cursor:pointer; overflow:visible; }
/*.acc-header>div { background-color: #ededed; color:#444444; cursor:pointer; overflow:visible; }*/
.acc-selected { width: 100%; background-color: #bababa; margin-bottom:2px; padding:5px 0; color:#444444; font-weight:bold; cursor:pointer; overflow:visible; }
/*.acc-content { width:100%; margin-bottom:2px; padding:0 0 10px 0; display:none; overflow:visible; }*/
.acc-content { width:100%; margin-bottom:2px; padding: 1px !important; display:none; overflow:visible; }

.acc-header .documentNumberSpan { display: inline; }
.acc-selected .documentNumberSpan { display: none; }
.acc-header .documentNumberLink { display: none; }
.acc-selected .documentNumberLink { display: inline; }

.subacc { border:solid 2px #666666; }
.subacc-header { margin: 0 auto; width: 100%; background-color: #ededed; margin-bottom:2px; padding:0; color:#444444; cursor:pointer; overflow:visible; }
.subacc-selected { margin: 0 auto; width: 100%; background-color: #bababa; margin-bottom:2px; padding:5px 0; color:#444444; font-weight:bold; cursor:pointer; overflow:visible; border:solid 1px #666666;}
.subacc-content { margin: 0 auto; width:100%; margin-bottom:2px; padding:0 0 10px 0; display:none; overflow:visible; }

.orderHistoryGrid { width:100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.orderHistoryGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }  
.orderHistoryGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border: solid 1px #525252; font-size: 0.9em; }  
.orderHistoryGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.orderHistoryGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.orderHistoryGrid .pgr table { margin: 5px 0; }
.orderHistoryGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
.orderHistoryGrid .pgr a { color: #666; text-decoration: none; }
.orderHistoryGrid .pgr a:hover { color: #000; text-decoration: none; }
.orderHistoryGridCell { padding:0 5px; }



/*----------------------------------------------------------*/
/* SHOPPING CART */
/*----------------------------------------------------------*/
.CartHeaderPanel { display: block; }
.modalBackground { background-color: Gray; filter: alpha(opacity=80); opacity: 0.8; position:fixed; z-index:1000; }
/*.modalPopup { background-color: White; height: 570px; width:750px; text-align:left; padding:10px; border: 5px solid gray; border-radius:5px; }*/
.modalPopup { background-color: White; text-align:left; padding:10px; border: 5px solid gray; border-radius:5px; }

@media (max-width: 768px) {
    /* Mobile */
  .modalPopup { width: 100vw; height: calc(var(--vh, 1vh) * 100); max-height: 100%; overflow-y: auto; }
  .modalPopup .mobileFontSize { font-size: 0.7em; }
}

@media (min-width: 769px) {
  .modalPopup { height: auto; /* or a fixed height suitable for desktop */ }
}

@media (max-width: 575.98px) {
    .modalPopup {
        left: 0 !important;
        top: 0 !important;
        
    }
}

/*.modalUpdatePanel { background-color:White; height: 300px; width:680px; text-align:left; border:1px solid black; }*/
/*.modalUpdatePanel { background-color:White; height: 365px; width:750px; overflow-y:scroll; text-align:left; border:1px solid black; }
.modalUpdatePanel2 { background-color:White; height: 255px; width:750px; overflow-y:scroll; text-align:left; border:1px solid black; }*/
.modalUpdatePanel { background-color:White; width: 100%; height: auto; max-height: 400px; overflow-y:scroll; text-align:left; border:1px solid black; }
.modalUpdatePanel2 { background-color:White; width: 100%; height: auto; max-height: 400px; overflow-y:scroll; text-align:left; border:1px solid black; }
.modalCartHeader { margin:0; padding:0; background: url(images/header_text_bg2.gif) top repeat-x; height:70px; }
.modalCartHeader * { margin:0; padding:0; clear:inherit; }
.modalCartHeader table { width:100%; height:100%; }
.modalCartHeader td h2 { font: bold 1.5em Arial, Helvetica, sans-serif; color:black; vertical-align:inherit; float:none; margin:0; padding:0; }
.modalCartHeader td h4 { float:left; font: bold 1em Arial, Helvetica, sans-serif; color:black; margin:0; padding:0; }
.modalCartHeader td.cartTitle { vertical-align: middle; padding-left: 10px;}
.modalCartHeader td.cartDetails { text-align:left; vertical-align:middle; width:170px; padding-left: 10px; }
.modalCartHeader td.cartImage { text-align:right; vertical-align:middle; width: 80px; }
.modalCartHeader td.cartImage img { width:64px; height: 64px; background: url('images/cart.png'); color: transparent; }

/*.shoppingCartNote { float: left; text-align: justify; width: 400px; font-size: 0.8em; font-weight: bold; margin: 5px 0 30px 0; }*/
.shoppingCartNote { float: left; text-align: justify; width: auto; font-size: 0.8em; font-weight: bold; margin: 5px 0 30px 0; }
.canadianDollarsNote { text-align: right; font-size: 0.8em; font-weight: bold; margin-top: 5px; }

.cartContents { max-height: 400px; }
.cartContents table { width: 100%; border-spacing:0; }
/*.searchResult th { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:bold; }*/
.cartContents td { border: 0px; padding: 5px; }
.cartContents .cartItemNum { text-align: left; width: 25px; }
.cartContents .picture { text-align: center; width: 100px; }
.cartContents .description { width: auto; }
.cartContents .orderQty { text-align: center; width: 60px; }
.cartContents .backorder { text-align: center; width: 50px; }
.cartContents .priceper { text-align: center; width: 50px; }
.cartContents .selling { text-align: center; width: 100px; }
.cartContents .extended { text-align: right; width: 70px; }
.cartContents .deleteButton { text-align: center; width: 25px; }
/*input[id*=ShoppingCartListView] { height:300px;}*/
.cartContents .removeItemButton { width: 24px; height: 24px; background: url('images/delete_inactive.png'); }
.cartContents .removeItemButton:hover { width: 24px; height: 24px; background: url('images/delete.png'); }

/*div.modalCartButtons { position:absolute; bottom:12px; right:10px; font-size: 0.9em; }*/
div.modalCartButtons { position: absolute; text-align: right; bottom: 0; right: 0; font-size: 0.9em; }
div.modalCartButtons input { margin: 5px 0; padding: 5px; border: none; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; }
div.modalCartButtons input:hover { background-color: #00943a; color: white; }
div.modalCartButtons .greenButton { background-color: #9aff9a; }


/*div.modalCartButtons * { float:right; }*/
div.agreeToContinue { float: right; width: 300px; text-align: right; font-size: 0.8em; font-weight: bold; margin-top: 5px; }

/*
table.modalOrderShip { width:100%; }
table.modalOrderShip td { padding:5px 0 5px 0; }
table.modalOrderShip td.label { vertical-align:top; width:100px; }
table.modalOrderShip td.validator { text-align:left; width:10px; font: bold 20px Arial, Helvetica, sans-serif; }
table.modalOrderShip .validator2 { float:left; text-align:center; width:15px;font: bold 20px Arial, Helvetica, sans-serif; }
*/


.modalBackground2 { background-color: Gray; filter: alpha(opacity=50); opacity: 0.5; position:fixed; z-index:1000; }
#MainContent_ItemDisplay_ItemErrorMessageExtender_foregroundElement { z-index: 11000 !important; }


div.orderConfirmation {
    width: 920px;
    margin: 20px auto;
}
div.orderConfirmation * { float:none; clear:both; padding:0; margin:0; border-spacing:0; font-family:Arial; }
div.orderConfirmation table { width:100%; margin:15px 0 15px 0; border: 1px solid black; }
div.orderConfirmation table th { background-color:#e4e4e4; padding: 5px; }
div.orderConfirmation table td { padding:2px 5px 2px 5px; }
div.orderConfirmation table td.label { text-align:left; padding-left:20px; width:150px; }
div.orderConfirmation table td.value { text-align:left; width:310px; }
div.orderConfirmation table td.nameaddress { text-align:left; vertical-align:top; padding:5px; width:49%; border: 2px solid black; }
div.orderConfirmation table td.nameaddress p { margin:10px; padding:5px 5px 5px 30px; font: bold 14px Arial, Helvetica, sans-serif; color:Black; }
div.orderConfirmation table .ljustify { text-align:left; }
div.orderConfirmation table .rjustify { text-align:right; }
div.orderConfirmation table .center { text-align:center; }


.StandardFont { font: normal 0.8em Arial, Helvetica, sans-serif; }

.cartBranchSelectionDiv { margin: 10px 0; font-size: clamp(0.8em, 2vw + 0.2em, 1.0em); }
.cartBranchSelectionDiv select { width: 100%; }
.globalCartBranchSelectionDiv { float: right; margin: 10px 0 20px 0; font-size: clamp(0.8em, 2vw + 0.2em, 1.0em); }
.GlobalCartBranchSelectionDropDownList { max-width: 70%; }

/*----------------------------------------------------------*/
/* CUSTOM SHOPPING CART BUTTON */
/*----------------------------------------------------------*/
#CustomCartImageDiv { position:relative; float: right; margin: 35px 15px 0 0; }
.customCartImageCount { border: 2px solid white; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; position:absolute; top: 8px; right: 25px; font-weight:bold; background-color:yellow; width:27px; text-align:center; }



/*----------------------------------------------------------*/
/* BATCH ORDER */
/*----------------------------------------------------------*/
#batchOrderDiv { position: relative; }
#batchOrderMessage { display: none; position: absolute; left: 200px; top: -25px; width: 700px; height: 65px; padding: 0 10px; border: 5px solid lightyellow; background-color: grey; color: yellow; }
.batchOrderGridAlign { width:950px; margin:10px auto; }

.batchOrderGrid { background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.batchOrderGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.batchOrderGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.batchOrderGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }
.batchOrderGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top; }
.batchOrderGrid .pgr table { margin: 5px 0; }
.batchOrderGrid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }
.batchOrderGrid .pgr a { color: #666; text-decoration: none; }
.batchOrderGrid .pgr a:hover { color: #000; text-decoration: none; }
.batchOrderGridCell { padding:0 5px; }

#FileUploadSearchHint { width:200px; height:100px; position: absolute; right:0; bottom:-160px; z-index: 999; visibility: hidden; border: 2px solid #41D0F4; background-color:#EEEEEE; padding: 10px; border-radius:5px; }


/*----------------------------------------------------------*/
/* BROWSE */
/*----------------------------------------------------------*/
/*table#category { width: 100%; }*/
table#category td.categorytree { vertical-align:top; min-width:270px; max-width:270px; padding-right:10px; }
table#category td.categorytree * { margin:0; padding:0; clear:both; white-space: normal !important; }
table#category td.categorytree table { padding:3px 0; }
table#category td.categorylist { vertical-align:top; width:800px; }
/*.CategoryTreePanel { width:100%; max-height: 900px; margin-right:20px; text-decoration:none; }*/
.CategoryTreePanel { width:100%; margin-right:20px; text-decoration:none; }
.BreadCrumbs { color:#000f87; font-size: 1.0em; font-weight:bold; vertical-align:middle; margin: 5px 0; clear: both; }
.BreadCrumb { color:#000f87; font-size: 1.0em; font-weight:bold; height:20px; cursor:pointer; }
.CategoryTreeViewFont { text-decoration:none !important; font-size:14px; font-weight:bold; }
/*.CategoryTreeViewFont a,label { margin-left:5px; }*/
.CategoryTreeViewFont img { max-width:60px; max-height:45px; margin-right:5px !important; }
.CategoryTreeViewFont td:last-child { white-space: unset !important; border-bottom: 1px dashed lightgrey; width: 100%; margin-bottom: 10px; padding: 4px 0; }
.CategoryTreeViewFontHover { text-decoration:none !important; font-size:14px; position:relative; z-index:65535; }
.CategoryTreeSelectedNode { background-color:#eca913; text-decoration:none !important; font-weight:bold; }
.RuntimeCategory { text-decoration:none !important; font-size:16px; font-weight:bold; margin-left: 15px !important; line-height:25px; display: block; }
.RuntimeCategory .RedTagTiny { transform:rotate(7deg); -ms-transform:rotate(7deg); -webkit-transform:rotate(7deg); }
.RuntimeCategory .NewSmall { vertical-align:middle; }
.RuntimeCategory .BlueRibbonSmall { vertical-align:middle; }

.CategoryChooser { float: right; width: 800px; }
.CategoryChooser .CategoryImageAndLink { display: inline-block; padding: 5px; height: 230px; }
.CategoryChooser .CategoryImageDiv { display: block; vertical-align: middle; text-align: center; width: 180px; height: 120px; overflow-x:hidden; font: 0/0 a; }    /* font: 0/0 a; <-- This is used to remove the gap between inline(-block) elements.  Without this, the element inside must be a few pixels smaller than the container. */
.CategoryChooser .CategoryImageDiv:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }    /* Creates a full-height inline block */
.CategoryChooser .CategoryImage { display: inline-block; max-height: 120px; max-width: 180px; vertical-align: middle; }
.CategoryChooser .CategoryImage input { max-height: 120px; max-width: 180px; }
.CategoryChooser .CategoryLinkDiv { display: block; vertical-align: top; text-align: center; padding: 10px; width: 180px; max-width: 180px; height: 60px; max-height: 60px; }
.CategoryChooser .CategoryLink { font-size: 1.0em; font-weight: bold; }

@media (max-width: 575.98px) {
    .CategoryChooser .CategoryImageAndLink { display: inline-block; padding: 5px; height: 260px; }
    .CategoryChooser .CategoryImageDiv { display: block; vertical-align: middle; text-align: center; width: 320px; height: 180px; overflow-x:hidden; font: 0/0 a; }
    .CategoryChooser .CategoryLinkDiv { display: block; vertical-align: top; text-align: center; padding: 10px; width: 320px; max-width: 320px; height: 60px; max-height: 60px; }
}


.CategoryItemList { float:right; }

.singleColumn { width: 100%; text-align: center; }
.doubleColumn { width: 50%; text-align: center; }
.hideLink .CategoryLink { display:none; }

.BrowseSearchInputPanel { clear: both; width: 600px; margin: 25px auto; display:none; }

/*----------------------------------------------------------*/
/* SEARCH */
/*----------------------------------------------------------*/

div.searchResults { margin:0 auto; padding:0; }
div#SearchFields { margin:0 auto; }

.keywordSearchDiv { margin-bottom: 10px; }
.searchPanel { margin-top: 5px; }
.searchPanel .lineCodeTextBox { margin: 0 20px 0 5px; }



/*----------------------------------------------------------*/
/* VEHICLE MAKE MODEL YEAR */
/*----------------------------------------------------------*/

.vehicleYearBox { width:170px; float:left; }
.vehicleMakeBox { width:220px; float:left; }
.vehicleModelBox { width:270px; float:left; }
.vehicleEngineBox { width:260px; float:left; }
.vehicleReset { width:50px; float:left; }
.makeModelYearPanel { width: 750px; padding: 0 0 5px 0; margin: 0 auto; font-family: Arial; font-size: 0.9em; font-weight: bold; }
.vehicleYearDropDown { margin: 0 20px 0 5px; width: 100px; }
.vehicleMakeDropDown { margin: 0 20px 0 5px; width: 150px; }
.vehicleModelDropDown { margin: 0 20px 0 5px; width: 180px; }
.vehicleEngineDropDown { margin: 0 20px 0 5px; width: 180px; }

/*----------------------------------------------------------*/
/* CATEGORY DISPLAY */
/*----------------------------------------------------------*/
.categoryMenu { margin: 0; padding: 0; position:absolute; left:0; width: 100%; z-index: 999; }
.categoryMenuSpacer { display: none; }
.categoryMenuBarBg { background-color: lightgray; text-align:center; }
.categoryMenuBar { display:inline-block; margin: 0 auto; }
.categoryMenuBarItem { padding: 8px 15px; display: inline-block; cursor:pointer; font-weight:bold; }
/*.categoryMenuBarItem:hover { background-color: #272222; color:white; }*/
.categoryMenuBarItem.active { background-color: #272222; color:white; }
.categoryMenuBarDetailBg { background-color: #272222; width: 100vw; margin-top: -5px; }
.categoryMenuBarDetail { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin: 0 auto; width: 1050px; vertical-align: top; background-color: transparent; color: white; }
.categoryMenuBarDetail.active { padding:10px; }
.categoryMenuBarDetailItem { padding: 5px 15px; display:block; background-color: transparent; cursor:pointer; }

.subCatHeader1 { font: normal 1.3em Arial, Helvetica, sans-serif; margin-top: 10px; }
.subCatHeader2 { font: normal 1.0em Arial, Helvetica, sans-serif; margin-left: 10px; padding-top:2px; }
.subCatHeader3 { font: normal 0.8em Arial, Helvetica, sans-serif; margin-left: 10px; }


/*.categoryMenuBarDetail > div {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    -moz-page-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}*/


/*----------------------------------------------------------*/
/* CATEGORY FILTER */
/*----------------------------------------------------------*/
.CategoryFilterDiv { float:left; width:220px; margin: 58px 0 0 0; padding: 0; }
.ItemDisplayDiv { float:right; width:800px; margin: 0 auto; padding: 0; }
#SearchResultsDiv { margin: 0 auto; }

.filterOptionsHeaderPanel { cursor: pointer; width: 520px; height: 35px; margin-top: 15px; }
.filterOptionsDiv { clear: both; float: left; padding-left: 35px; height: auto; margin-bottom: 30px; }
.categoryFilterOptionKeyword { float: left; padding-top: 5px; }
#MainContent_FilterTextBox { width: 200px; margin: 0 20px 0 5px; }

@media (max-width: 575.98px) {
    .filterOptionsDiv {
        clear: both;
        float: left;
        padding: 5px 0;
        height: auto;
    }

    #MainContent_NoCatSelectedMessage {
        left: 10px;
    }

    #MainContent_FilterTextBox {
        width: 90%;
        margin: 0;
        clear: both;
    }

    #MainContent_ClearFilterButton {
        margin-left: 0;
    }
}


.filterOptionsImg { float:left; width: 24px; height: 24px; vertical-align: middle; background: url('images/double_down_arrows.png'); }
.filterOptionsImg.active { float:left; width: 24px; height: 24px; vertical-align: middle; background: url('images/double_up_arrows.png'); }
.filterOptionsLabel { float:left; font-family: Arial; font-size: 0.9em; font-weight: bold; margin-left:5px; height:24px; line-height:24px; vertical-align:middle; }
.backToCategoriesImageButton { float:left; width: 24px; height: 24px; vertical-align: middle; background: url('images/double_left_arrows.png'); }
.backToCategoriesLinkButton { padding-left: 5px; line-height: 24px; font-size: 0.8em; font-weight:bold; }

.CategoryFilterOptionsPanel { margin-bottom: 30px; }
.ProductGroupComboBox .ajax__combobox_itemlist { font: bold 1em Courier }
.ProductGroupComboBox table { top: 5px !important; }
.SearchField .ProductGroupComboBox table { top: 0 !important; }
.SearchField { margin: 5px 0; text-wrap-mode: nowrap; }
.SearchField2 { margin: 5px 0; }
.SearchField .LineCodeTextBox { vertical-align: super; }
.searchPanelButtons { display: inline-block; width: 120px; margin: 10px; }
.searchPanelPartNumLabel { margin-bottom: 5px; }

/*----------------------------------------------------------*/
/* ITEM LIST */
/*----------------------------------------------------------*/
.odd {
    background-color: White;
}
.even { background-color:#f5f5f5; }
.ItemHoverBackGroundColor { background: var(--hilight-color); }

.DataPagerButtons { padding: 5px; border-width: 0; box-sizing: border-box; }
.DataPagerButtons:hover { background: var(--hilight-color); cursor:pointer; box-sizing: border-box; }
.DataPagerButtonSelected { padding: 5px; border: 2px solid transparent; background: var(--hilight-color); cursor:pointer; border: 2px solid black; box-sizing: border-box; }
.ActiveItemListDisplayButton { background-color: gray; }

.itemList { min-width:800px; }
.itemList #Item:hover { background: var(--hilight-color); cursor:pointer; }
.itemList img { margin:0; }
.itemList .itemSelectButton { position: absolute; top:0; width: 100%; height: 100%; background-color: transparent; z-index: 100; cursor:pointer; border:0; padding:0; }
/*.itemList .picture { width:80px; height:60px; }*/
.itemList table { width: 100%; border-spacing:0; }
.itemList th { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:bold; padding:0 7px; }
.itemList td { border: 0px; padding: 5px; }
.itemList .itemListHeader { display:table; position:relative; height: 32px !important; width:100%; border-spacing:0; }
.itemList #Item { display:table; position:relative; height: 70px; width: 100%; border-spacing:0; }
.itemList .picture { display:table-cell; vertical-align: middle; text-align: center; width: 80px; border-spacing:0; padding:0 5px;}
.itemList .picture .image { position:relative; max-width:80px; max-height:60px; }
.itemList .picture .NewItemMarker { position:absolute; z-index:200; top:10px; left:290px; width:48px; height:48px; }
.itemList .picture .TopSellerMarker { position:absolute; z-index:200; top:0; left:28px; width:55px; height:32px; }
.itemList .picture .FavouriteItemMarker { position:absolute; z-index:200; height: 24px; width: 24px; bottom: 9px; left: 60px; color: lightgrey; }
.itemList .picture .FavouriteItemMarker:hover { position:absolute; z-index:200; height: 24px; width: 24px; bottom: 9px; left: 60px; color: red; }
.itemList .picture .FavouriteItemMarker.active { position:absolute; z-index:200; height: 24px; width: 24px; bottom: 9px; left: 60px; color: #be390d; }
.itemList .description { display:table-cell; vertical-align: middle; width: auto; height:70px; padding:0 5px; }
.itemList .description .descPart1 { float: left; }
.itemList .description .descPart2 { display: none; }
.itemList .description .descPart3 { clear: both; }
.itemList .manufacturer { font-size: 0.8em; }
.psCatalogResults .itemList .description .descPart2 { display: inline-block; font-size:0.7em; margin-left: 20px; float: left; width: 50%; }
/*.itemList #DescLinkButton { font-size: large; }*/
.itemList .listprice { display:table-cell; vertical-align: middle; text-align: right; padding:0 5px; width: 70px; }
.itemList .price4 { display:table-cell; vertical-align: middle; text-align: right; padding:0 5px; width: 70px; }
.itemList .sellprice { display:table-cell; vertical-align: middle; text-align: right; padding:0 5px; width: 110px; overflow:visible; position:relative; vertical-align:middle; }
.itemList .priceper { display:table-cell; vertical-align: middle; text-align: right; padding:0 5px; width: 60px; }
.itemList .qty { display:table-cell; vertical-align: middle; text-align: right; padding:0 5px; width: 40px; }
.itemList .button { display:table-cell; vertical-align: middle; width: 180px; text-align: right; padding:0 10px; margin:0; }
/*.itemList .button { display:table-cell; vertical-align: middle; width: 160px; text-align: right; padding:0 10px; margin:0; background: url('images/add.png'); }*/
/*.ItemList .VehicleItemDescription { width:400px; padding:5px 10px 15px 10px; position:absolute; top:70px; z-index:10; }*/
.itemList .previouslyPurchased { margin:0 5px 0 0; padding:0; height:16px; background: url(images/star_small.png); position:relative; z-index: 100; }

.itemTileList { min-width:800px; }
.itemTileList #Item:hover { background: var(--hilight-color); cursor:pointer; }
.itemTileList img { margin:0; }
.itemTileList .itemSelectButton { position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: transparent; z-index: 100; cursor:pointer; border:0; padding:0; }
/*.itemTileList .picture { width:80px; height:60px; }*/
.itemTileList table { width: 100%; border-spacing:0; }
.itemTileList th { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:bold; padding:0 7px; }
.itemTileList td { border: 0px; padding: 5px; }
/*.itemTileList .itemListHeader { position:relative; height: 32px !important; width: 850px; border-spacing:0; }*/
.itemTileList #Item { float:left; position:relative; height: 400px; width: 220px; border-spacing:0; margin:2px; padding: 5px; }

@media (max-width: 575.98px) {
    .itemTileList #Item {
        float: left;
        position: relative;
        height: 360px;
        width: 80%;
        border-spacing: 0;
        margin: 2px;
        padding: 5px;
    }
}

.itemTileList .picture { display: flex; vertical-align: middle; text-align: center; justify-content: center; max-width: 100%; max-height: 138px; border-spacing:0; padding:1px 1px 5px 1px; }
.itemTileList .picture .image { position:relative; max-width:100%; max-height: 100%; width: auto; height:138px; object-fit: contain; }
.itemTileList .picture .NewItemMarker { position:absolute; z-index:200; top:0; left:0; }
.itemTileList .picture .TopSellerMarker { position:absolute; z-index:200; top:0; right:0; }
.itemTileList .picture .FavouriteItemMarker { position:absolute; z-index:200; height: 24px; width: 24px; top: 120px; right: 10px; color: lightgrey; }
.itemTileList .picture .FavouriteItemMarker:hover { position:absolute; z-index:200; height: 24px; width: 24px; top: 120px; right: 10px; color: red; }
.itemTileList .picture .FavouriteItemMarker.active { position:absolute; z-index:200; height: 24px; width: 24px; top: 120px; right: 10px; color: #be390d; }
.itemTileList .description { width: auto; height:90px; margin: 5px 0; position:relative; font-size:0.9em; }
.itemTileList .description .descPart2 { display: none; }
.itemTileList .manufacturer { font-size: 0.8em; }
.psCatalogResults .itemTileList #Item { height: 360px; }
.psCatalogResults .itemTileList .description { width: auto; height:110px; margin-bottom:5px; position:relative; font-size:0.9em; }
.psCatalogResults .itemTileList .description .descPart2 { display: block; font-size:0.8em; }
/*.itemTileList #DescLinkButton { font-size: large; }*/
.itemTileList .listprice { float:left; text-align: right; width: 40%; height: 32px; }
.itemTileList .price4 { float:left; text-align: right; width: 40%; height: 32px; }
.itemTileList .sellprice { float:right; text-align: right; width: 60%; height: 32px; overflow:visible; position:relative; }
.itemTileList .priceper { text-align: right; width: 40%; height:32px; margin-top: 10px; }
.itemTileList .qty { text-align: right; width: 40%; height: 32px; margin-top: 10px;}
.itemTileList .button { position:absolute; bottom:5px; right:5px; vertical-align: middle; width: 170px; text-align: right; margin:0; }
.itemTileList #VehicleItemDescription { width:180px !important; padding:5px 10px 15px 10px; position:absolute; top: 0px !important; z-index:10; }
.itemTileList .previouslyPurchased { margin:0 5px 0 0; padding:0; height:16px; background: url(images/star_small.png); position:relative; z-index: 100; }


input[id*=OrderQty] { text-align: right; }

.QtyBreakColor { color: red }

/*div.pricesell { position: relative; height: 70px; overflow:visible; vertical-align:middle;}*/
/*div.DateSpecial { vertical-align: middle; height: 70px; text-align:right;}*/
div.DateSpecial { line-height:1.0; background: url(images/redtag2.png) top left no-repeat; vertical-align:middle; margin-top:15px; padding-left:3px; text-align:center; color:white; position:absolute; top:0; z-index:10; width:150px; height:50px; overflow:visible; transform:rotate(7deg); -ms-transform:rotate(7deg); /* IE 9 */ -webkit-transform:rotate(7deg); /* Safari and Chrome */ }
div.DateSpecial span { margin:0; padding:0; }
div.DateSpecial br { margin:0; padding:0; }

.itemList .orderMultipleLabel { font-size: 0.8em; position:absolute; top:10px; right:10px; }
.itemTileList .orderMultipleLabel { font-size: 0.8em; position:absolute; top:-15px; right:0; }

.branchQuantitiesTrigger { position: relative; z-index: 300; }
.itemList .branchQuantities { display: none; position: absolute; left: -65px; top: 6px; z-index: 1; padding: 5px; width: 190px; border: solid black 2px; overflow: hidden; background: white; text-align: center; }
.itemTileList .branchQuantities { display: none; position: absolute; left: -40px; top: -7px; z-index: 1; padding: 5px; width: 190px; border: solid black 2px; overflow: hidden; background: white; text-align: center; }
.itemBranchQuantity { width: 100%; }

.AlternateItemsLinkDiv { overflow:visible; }
.AlternateItemsLink { position:relative; z-index:300; font-weight:bold; text-decoration:none !important; color: #000f87 !important; }
.itemList .AlternateItemsPopup { display:none; position:absolute; z-index:301; width:100px; border: solid 3px white; overflow:visible; padding:5px; text-align: center; }
.itemTileList .AlternateItemsPopup { display:none; position:absolute; right:0; top:-50px; z-index:301; width:100px; border: solid 3px white; overflow:visible; padding:5px; text-align: center; }
.AlternateItemsPopup img { max-width:80px; max-height:60px; margin: 0 auto !important; display: block; }

.itemsPerPageControl { position:relative; top:5px; float:left; }
.sortOrderControls { position:relative; top:5px; margin-left:20px; float:left; }


/*----------------------------------------------------------*/
/* ITEM POPUP */
/*----------------------------------------------------------*/

.ItemPopupPanel { overflow:visible; position:relative; white-space:nowrap; width: auto; }
.ItemPopupPanel > div { white-space:normal; }
.itemDetailModalPopup { float:left; width: 700px; height: 544px; padding: 10px; background-color: White; overflow:hidden; overflow-y:auto; direction:ltr; border: 5px solid gray; border-radius:5px; }
.ItemPicturePanel { cursor: pointer; vertical-align: middle; overflow: hidden; float: left; width: 430px; height: 300px; padding: 0; }
.ItemDetailImage { max-width:100%; max-height:100%; }
.ItemThumbnailPanel { float: right; width: auto; height: 300px; overflow-y: auto; overflow-x: hidden; padding: 0; }
/*.itemPictureZoomIn { width:700px; height:490px; display:none; }*/
.itemDetailInfo { width: 100%; height: 200px; }

/* Item Popup Classes */
/*.ItemPopupAddToCart { position:fixed; z-index:1000; }
.ItemPopupAddButton { position:fixed; z-index:1000; }
.ItemPopupOrderQty { position:fixed; z-index:1000; }*/
.ItemPopupInfoLink { font-size: 0.9em; font-weight:normal; padding:0 3px;}
.ItemPopupCloseImage { position:absolute; z-index:1001; top: -10px; right: -10px; width: 32px; height: 32px; background: url('images/close_32.png'); color: transparent; }

.itemPictureZoomIn { width:700px; height:490px; display:none; }
.itemPictureZoomOut { width:430px; height:300px; display:none; }

.itemsAlsoPurchased { float:left; width: 200px; height: 544px; padding: 10px; background-color: White; overflow:hidden; overflow-y:auto; direction:ltr; border: 5px solid gray; border-radius:5px; }
.ItemsAlsoPurchasedDataList { float: left; width: 150px; padding: 5px; }
.AlsoPurchasedItem { float: none; margin: 5px 0; width: 150px; min-height: 150px; max-height:150px; text-align: center; vertical-align: middle; }
.AlsoPurchasedItemSelectButton { position: relative; top:-150px; width: 150px; height: 160px; background-color: transparent; z-index: 100; cursor:pointer; border:0; padding:0; }
.AlsoPurchasedPictureDiv  { width: 150px; height:80px; display: table-cell; vertical-align:bottom; text-align: center; }
.AlsoPurchasedPicture { max-width: 130px; max-height: 80px; float: none; margin: 0 auto; padding: 0; text-align: center; }
.itemsAlsoPurchased h4 { font-size: 1.3em; }

#ItemPopupCloseButtonDiv { position:absolute; bottom:15px; right:25px; display:none; }

.AddToCartImageButton { background: url('images/add_to_cart_80_20.png'); width: 80px; height: 20px; color: transparent; }
.AddImageButton { background: url('images/add_20.png'); width: 20px; height: 20px; color: transparent; }

.itemDetailInfo .winDescription { margin: 10px 15px 10px 0; padding-top: 5px; border-top: 1px solid gray; height: 90px; overflow-y: auto; }
.itemDetailInfo .notes { margin: 10px 15px 10px 0; padding-top: 5px; border-top: 1px solid gray; height: 90px; overflow-y: auto; }


/*----------------------------------------------------------*/
/* ITEM PAGE */
/*----------------------------------------------------------*/
.itemPageUpdatePanel { width: 100%; }
.itemPagePanel { overflow: visible; position: relative; white-space: nowrap; width: 100%; margin: 0 auto; padding: 20px 0; }
.itemPagePanel > div { white-space:normal; }
/*.itemPageItemDetailDiv { float:left; width: 80%; height: auto; padding: 10px; background-color: White; overflow:hidden; overflow-y:auto; direction:ltr; border: 5px solid gray; border-radius:5px; }*/
.itemPageItemDetailDiv { box-sizing:border-box; float: left; margin: 0 auto; width: 100%; height: 100%; padding: 10px; background-color: White; overflow:hidden; overflow-y:auto; }
/*.ItemPageItemPicturePanel { cursor: pointer; vertical-align: middle; overflow: hidden; float: left; width: 430px; height: 300px; padding: 0; }*/
/*.ItemPageItemPicturePanel { cursor: pointer; vertical-align: middle; overflow: hidden; float: left; width: 480px; height: 360px;padding:0;}*/
/*.ItemPageItemPicturePanel { position: relative; cursor: pointer; vertical-align: middle; overflow: hidden; float: left; height: 600px; padding:0;}*/
.ItemPageItemPicturePanel { position: relative; vertical-align: middle; overflow: hidden; float: left; padding:0; height: 580px; display: flex; }
.ItemPageItemPicturePanel .FavouriteItemMarker { position:absolute; z-index:200; height: 48px; width: 48px; bottom: 10px; right: 10px; color: lightgrey; }
.ItemPageItemPicturePanel .FavouriteItemMarker:hover { position:absolute; z-index:200; height: 48px; width: 48px; bottom: 10px; right: 10px; color: red; }
.ItemPageItemPicturePanel .FavouriteItemMarker.active { position:absolute; z-index:200; height: 48px; width: 48px; bottom: 12px; right: 10px; color: #be390d; }

.itemPageItemDetailImage { vertical-align: middle; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.itemPageItemThumbnailPanel { float: right; width: auto; height: auto; overflow-y: auto; overflow-x: auto; padding: 0 5px; }
.itemPageItemDetailInfo { width: 100%; min-height: 200px; }

/*.itemPageAlsoPurchasedDiv { float:left; width: 20%; height: 600px; padding: 10px; background-color: White; overflow:hidden; overflow-y:auto; direction:ltr; border: 5px solid gray; border-radius:5px; }*/
/*.itemPageAlsoPurchasedDiv { box-sizing:border-box; float:right; width: 25%; height: 600px; padding: 10px 10px 10px 40px; background-color: White; overflow:hidden; overflow-y:auto; }*/
.itemPageAlsoPurchasedDiv { box-sizing:border-box; float:right; height: auto; max-height: 580px; background-color: White; overflow:hidden; overflow-y:auto; }
.itemPageAlsoPurchasedPanel { text-align: center; }
.itemPagePurchasedDataList { float: left; width: 150px; padding: 5px; }
/*.itemPageAlsoPurchasedItem { float: none; margin: 5px 0; padding: 10px 0; width: 220px; min-height: 150px; border-bottom: 1px solid #bfbfbf; text-align: center; vertical-align: middle; cursor: pointer; }*/
.itemPageAlsoPurchasedItem { float: none; margin: 5px 0; padding: 10px 0; min-height: 150px; max-height: 200px; border-bottom: 1px solid #bfbfbf; text-align: center; vertical-align: middle; cursor: pointer; }
.itemPageAlsoPurchasedItemSelectButton { position: relative; top:-150px; width: 150px; height: 160px; background-color: transparent; z-index: 100; cursor:pointer; border:0; padding:0; }
/*.itemPageAlsoPurchasedPictureDiv  { width: 220px; height: 80px; display: table-cell; vertical-align:bottom; text-align: center; }*/
/*.itemPageAlsoPurchasedPictureDiv  { vertical-align:bottom; text-align: center; }*/
.itemPageAlsoPurchasedPictureDiv  { vertical-align:bottom; text-align: center; min-height: 60px; }
.itemPageAlsoPurchasedPicture { max-width: 120px; max-height: 80px; float: none; margin: 0 auto; padding: 0; text-align: center; }

.itemPageAddToCartImageButton { background: url('images/add_to_cart_80_20.png'); width: 80px; height: 20px; color: transparent; }
.itemPageAddImageButton { background: url('images/add_20.png'); width: 20px; height: 20px; color: transparent; }

.itemPagePanel .itemDescriptionDiv { margin: 10px 10px 10px 0; padding-top: 5px; border-top: 1px solid gray; max-height: 600px; overflow-y: scroll; }
.itemPagePanel .itemNotesDiv { margin: 10px 10px 10px 0; padding-top: 5px; border-top: 1px solid gray; max-height: 400px; overflow-y: scroll; }


/*----------------------------------------------------------*/
/* PSCatalog */
/*----------------------------------------------------------*/

.PSCatalogLookup { width: 1080px; height: 30px; margin: 0 auto; font-size: 0.8em; }
.PSCatalogLookup .findPartsButton { float: right; }
.PSCatalogLookup .vidLookupImageButton { float: right; width: 20px; height: 20px; }
.PSCatalogLookup .vidLookupTextBox { float: right; width: 100px; }
.PSCatalogLookup .vinLookupImageButton { float: right; width: 20px; height: 20px; }
.PSCatalogLookup .vinLookupTextBox { float: right; }
.PSCatalogLookup .partTypeLookupImageButton { float: right; width: 20px; height: 20px; }
.PSCatalogLookup .partTypeLookupTextBox { float: right; }

.PSCatalogCriteria { width: 1080px; height: 150px; margin: 0 auto; overflow-x: hidden; overflow-y: hidden; }
.PSCatalogCriteria .yearListBox { float: left; min-width: 60px; max-width: 50px; height: 150px; }
.PSCatalogCriteria .makeListBox { float: left; min-width: 136px; max-width: 136px; height: 150px; }
.PSCatalogCriteria #CarOrTruckDiv { position: relative; float: left; min-width: 30px; max-width: 30px; height: 150px; display: table; }
/*.PSCatalogCriteria #CarOrTruckDiv .carOrTruckButtonText { display: table-cell; writing-mode: vertical-lr;*/ /*text-orientation: upright;*/ /*text-align: center; height: 100%; min-width: 15px; max-width: 15px; padding: 7px; vertical-align: middle; word-wrap: break-word; text-transform: uppercase; }*/
.PSCatalogCriteria #CarOrTruckDiv .carOrTruckButtonText { display: table-cell; text-align: center; height: 100%; min-width: 15px; max-width: 15px; padding: 7px; vertical-align: middle; word-wrap: break-word; text-transform: uppercase; }
.PSCatalogCriteria #CarOrTruckDiv .carOrTruckButton { float: left; min-width: 30px; max-width: 30px; height: 150px; text-align: center; text-transform: uppercase; word-wrap:break-word; -ms-word-wrap: break-word; cursor: pointer; }
.PSCatalogCriteria #CarOrTruckDiv input { background-color: transparent; z-index: 1; position: absolute; left: 0; top: 0; }
.PSCatalogCriteria .modelListBox { float: left; min-width: 220px; max-width: 220px; height: 150px; }
.PSCatalogCriteria .engineListBox { float: left; min-width: 254px; max-width: 254px; height: 150px; }
.PSCatalogCriteria .groupListBox { float: left; min-width: 180px; max-width: 180px; height: 150px; }
.PSCatalogCriteria .subGroupListBox { float: left; min-width: 200px; max-width: 200px; height: 150px; }


#MainContent_PSCatalogListUpdatePanel #SearchResultsDiv { margin: 30px auto;  }
#MainContent_PSCatalogListUpdatePanel #SearchResultsDiv .ItemDisplayDiv { float: none; }

.ui-autocomplete { max-height: 100px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; }
/* IE 6 doesn't support max-height we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete { height: 100px; }



/*----------------------------------------------------------*/
/* PLEASE WAIT POPUP */
/*----------------------------------------------------------*/
/*.PleaseWaitBackground { position: fixed; left: 0%; top: 0%; width: 100%; height: 100%; background-color: Gray; filter: alpha(opacity=90); opacity: 0.9; z-index: 9999; }
.PleaseWait { display: table-cell; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 220px; height: 220px; padding: 20px; border: 2px solid black; color: black; background-color: White; text-align: center; vertical-align: middle; z-index: 10000; }
*/
.PleaseWaitBackground {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: gray;
  opacity: 0.9;
  z-index: 99999;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.PleaseWait {
  max-width: 90vw;
  max-height: 90vh;
  width: 220px;
  height: 220px;
  padding: 20px;
  border: 2px solid black;
  color: black;
  background-color: white;
  text-align: center;
  z-index: 100000;
  box-sizing: border-box;
}


/*----------------------------------------------------------*/
/* LOGIN */
/*----------------------------------------------------------*/
/*#HeadLoginView { font-family: Tahoma; color: White; }*/
.loginDisplay h1 { font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}
td.loginErrors { font: bold 1em Arial; color:Red; vertical-align:top; text-align:center; width: 300px; }
td.accountInfo { font-family: Arial; font-size: 1em; display: block; text-align: right; padding: 5px; width: 320px; }
td.accountInfo label { color: white; }
/*.loginHeader { width: auto; }*/
table.login { width: 100%; }
input.textEntry, input.passwordEntry { width: 150px; border: 1px solid #ccc; }
p.vspace { margin: 0.4em; }
.SignUpHyperLink { color:#E5E5E5; font: normal 0.8em Arial, Helvetica, sans-serif; font-weight:bold; margin-right:15px; line-height:1.5em; }
.LogInButton { margin:0 15px 10px 0; }

.ePinDiv { float: right; margin: 24px; text-align: center; }
.ePinLoginButton { height: 30px; }
.ePinSignUpLink { font-size: 0.8em; color: white; }
.usernameSuffixLiteral { position:absolute; color: black; }


/*----------------------------------------------------------*/
/* FORGOT PASSWORD */
/*----------------------------------------------------------*/
#ForgotPasswordInfo div {
    clear: both;
    margin-left: 20px;
}
.ForgotPasswordUserNameOrEmail { width:100%; }
.ForgotPasswordUserNameOrEmail > * { display: block; }
.ForgotPasswordUserNameOrEmail > input,span { margin-bottom: 10px; }
.ForgotPasswordUserName { width:300px; }
.ForgotPasswordEmail { width:300px; }
.ForgotPasswordOrDivider { width:300px; text-align:center; margin:10px 20px; }
#ForgotPasswordEmailSentMessage { margin-left:20px; }


/*----------------------------------------------------------*/
/* RESET PASSWORD */
/*----------------------------------------------------------*/
#ResetPasswordInfo div { clear:both; margin:0 0 7px 20px; }
.ResetPassword { width:300px; }
.ResetPasswordConfirm { width:300px; }
.ResetPasswordResults { margin-left:20px; }


/*----------------------------------------------------------*/
/* ACCOUNT ACTIVATION */
/*----------------------------------------------------------*/
#ActivationResults { margin-left:20px; }


/*----------------------------------------------------------*/
/* SIGN UP */
/*----------------------------------------------------------*/
#SignUpAccountInfo>div,#SignUpLoginInfo>div,#SignUpBillingAddressInfo>div,#SignUpShippingAddressInfo>div { margin: 0 10px 7px 10px; }
.SignUpSubHeading { float:left; clear:both; }

#SignUpAccountInfo { float:left; clear:both; margin:15px; }
.SignUpFullName { width: 350px; }
.SignUpPhoneNumber { width: 200px; float:left; }
.SignUpPhoneExt { width: 130px; float:left; padding-top:3px;}
.SignUpEmail { width:350px; clear:both; }
.SignUpBusinessName { width:350px; clear:both; padding-top:3px; }

#SignUpLoginInfo { float:left; margin:15px; border: 1px solid black; }
.SignUpUserName { width:180px; }
.SignUpPassword { width:250px; }
.SignUpConfirmPassword { width:250px; }

#SignUpAddressManagerContainer { float:left; margin:25px; padding:0; width:350px; height:200px; border: 1px solid #DBDFE6; border-top:1px solid #9FA2A8; }

#SignUpSelectedAddresses { float:left; margin:25px; padding:0; width:250px; height:200px; }
#SignUpSelectedAddresses .SignUpSelectedAddress { margin-bottom:20px; padding:10px; height:80px; border: 1px solid #9FA2A8; background:white; }
/*#SignUpErrorSummary { text-align:left; width:300px; margin:0 auto; padding-left:50px; }*/
#SignUpErrorSummary { text-align:left; margin:0 auto; width:100%; border-top: 1px solid gray; background-color: White; }
#SignUpErrorSummary ul { padding-bottom:15px; }
/*#SignUpErrorSummary li { width:50%; float:left; }*/

.CreateUserButtonStyle { margin:10px 25px; }

#SignUpResults { margin-left:20px; }


/*----------------------------------------------------------*/
/* Address Manager Control */
/*----------------------------------------------------------*/
/*.AddressManager { background-color:White; width:inherit; height:inherit; overflow:visible; }*/
.AddressManagerUpdatePanel { width: 100%; height: 100%; }
.AddressManager { background-color:White; width:100%; height: 100% ; overflow:visible; }
.AddressManagerPanel { overflow-x:hidden; overflow-y:auto; background-color:White; width:100%; height: calc(100% - 23px); }
.AddressManagerAddButton { position:relative; z-index:1; bottom: 0; width:100%; overflow:visible; margin:0; padding:0; box-sizing: border-box !important; }

.AddressItem { width: 100%; height: 90px; position: relative; overflow:auto; border-bottom:1px dotted gray; }
.AddressItem:hover { background-color: var(--hilight-color); }
.AddModifyAddressHeader { clear:both; margin:15px; }
.AddModifyAddressInfo { clear:both; margin:15px; }
.AddModifyAddressInfo>div { margin-bottom:2px; }
.AddModifyAddressInfo .Name { width:320px; clear:both; }
.AddModifyAddressInfo .Address { width:320px; clear:both; }
.AddModifyAddressInfo .City { width:150px; clear:both; }
.AddModifyAddressInfo .Province { width:150px; clear:both; }
.AddModifyAddressInfo .PostalCode { width:150px; clear:both; }
.AddModifyAddressInfo .Country { width:150px; clear:left; }
.AddModifyAddressInfo .ContactName { width:200px; clear:both; }
.AddModifyAddressInfo .ContactPhone { width:150px; clear:both; }
.AddModifyAddressButtons { position:absolute; bottom: 0; right: 0; }
.AddModifyAddressButtons * { float:right; margin:0 10px 10px 0; }

.ShipBillImage { float: none; clear:both; margin:3px 3px 0 3px; padding:0px; width: 24px; height: 24px; }

.HoverMenu { padding:5px; border: 2px solid gray; border-radius:5px; background-color:White; }
.AddressPopupModal { width:360px; height:340px; border: 2px solid black; border-radius:5px; background-color:White; position:relative; }

.AddressItem .itemSelectButton { position: absolute; top:0; width: 100%; height: 100%; background-color: transparent; z-index: 100; cursor:pointer; border:0; padding:0; }


/*----------------------------------------------------------*/
/* ADDRESS SELECTOR POPUP MODAL*/
/*----------------------------------------------------------*/

.AddressSelectorPopupModal { height: auto; overflow-y: auto; border: 2px solid black; border-radius: 5px; background-color: White; padding: 10px; }
.AddressSelectorHeader { font-size: 1.1em; font-weight: bold; }


/*----------------------------------------------------------*/
/* CHECKOUT SHIPPING MODAL */
/*----------------------------------------------------------*/

#CheckOutAddressManagerContainer { height: 100%; border: 1px solid #DBDFE6; border-top:1px solid #9FA2A8; }
#CheckOutSelectedAddresses { padding:0; width: 100%; height: 100%; }
#CheckOutSelectedAddresses .CheckOutSelectedAddress { padding: 5px 10px; height: 95px; border: 1px solid #9FA2A8; background:white; overflow:auto; position: relative; }
#CheckOutSelectedAddresses #CheckOutShippingAddressDiv { margin-bottom: 20px; }

#CheckOutCustomerPO { float:left; width:150px; margin-bottom:7px; }
.DropShipCheckBox { clear: both; margin-bottom:7px; }
.CheckOutShippingPayment { clear: both; width: 100%; margin-bottom: 7px; }
.CheckOutShippingPayment td { padding:0 20px 0 0; }
.CheckOutShippingPayment td input[type="radio"] { vertical-align: text-top; margin-right: 3px; }
.PaymentRadioButtonList { margin: 5px 0; }
#CheckOutComments { clear:both; float:none; margin-bottom:7px; }
.CheckOutCommentsTextBox { height: 63px; }

/*#CheckOutContactInfo { float:right; margin-right:10px; }*/
/*#CheckOutContactInfo { float:left; margin-left: 25px; }*/
#CheckOutContactInfo>div { clear:both; margin-bottom:7px; width: 100%; }


/*----------------------------------------------------------*/
/* CHECKOUT PLACE ORDER MODAL */
/*----------------------------------------------------------*/
/*
.shipToSelection { width:230px; height:154px; overflow-x:hidden; border:1px solid #c2c2c2; }
.shipToSelection div.shipToItem { width:230px; height:65px; z-index:-2; padding:10px 0px 0px 10px; font: normal 12px Arial, Helvetica, sans-serif; }
.shipToSelection div.shipToItemActive { width:199px; height:65px; z-index:-2; padding:10px 0px 0px 10px; font: bold 12px Arial, Helvetica, sans-serif; border:2px solid black; background:#a6c3f3; }
.shipToSelection div.shipToItem a:link { font: normal 12px Arial, Helvetica, sans-serif; color:Black; }
.shipToSelection div.shipToItem a:hover { font: bold 12px Arial, Helvetica, sans-serif; color:Black; text-decoration:none; }
.shipToSelection div.shipToItemActive a:link { font: bold 12px Arial, Helvetica, sans-serif; color:Black; }
.shipToSelection div.shipToItemActive a:hover { font: bold 12px Arial, Helvetica, sans-serif; color:Black; text-decoration:none; }
*/
.PlaceOrderTotals { float: right; }
/*.CreditCardInfo { float:left; width:210px; text-align:left; margin: 10px 0 0 0;  }*/
.CreditCardInfo { float: left; text-align: left; padding: 10px;  }
.CreditCardInfo>div { margin-bottom: 8px; }
.CreditCardInfoRuler { float: left; border-left: 1px solid black; width: 20px; height: 210px; margin: 15px 0 0 0; }
.CCHolderNameTextBox, .CreditCardNumTextBox { width: 100%; }
#CardHolderName { margin-bottom: 2px; }
#CardNumber>img { height: 22px; margin-left: 15px; vertical-align: bottom; }
#CardExpiryDate { float: left; }
.CCExpiryMonthTextBox { width: 25px; text-align: center; }
.CCExpiryYearTextBox { width: 25px; text-align: center; }
#CardSecurityCode { float: right; margin-left: 36px; }
.CCSecCodeTextBox { width: 65px; }
#CardFootNote { padding-right: 15px; line-height: 0.5; }

#CCValidationSummary { float: left; min-width: 250px; }
#CCValidationSummary ul { padding: 0; }

/*.PlaceOrderFirstColumn { float:left; width:210px; }*/
.PlaceOrderFirstColumn { float:left; padding: 10px; }

/*.ShippingInfo { float: left; width: 210px; text-align: left; margin: 10px 0 0 0; }*/
.ShippingInfo { float: left; text-align: left; }
.ShippingInfo>div { margin-bottom:10px; }
.ShipViaDropDownList, .ShippingOptionsDropDownList { min-width: 180px; }

.ExpeditedShippingInfo { font-weight: bold; }

.PlaceOrderThirdColumn { float: right; padding: 10px 10px 0 10px; }
.AirMilesInfo { clear:both; float:right; width:270px; text-align:left; margin: 10px 0 0 0; }
.AirMilesInfo>.AirMilesLogo { width: 80px; float:left; }
.AirMilesInfo>div { margin:15px 0 0 0; float:left; }
.AirMilesInfo>div>span { display:block; }
.AirMilesTextBox { width: 180px; }

.PayPalPlaceOrderImageButton { height: 32px; position: relative; top: 10px; }

/*----------------------------------------------------------*/
/* Not Logged In Checkout Popup Modal */
/*----------------------------------------------------------*/

.NotLoggedInPopupModal { width:400px; height:140px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
.NotLoggedInPopupModal .NotLoggedInButtonOptions { margin-left: 80px; text-align: center; position: absolute; bottom: 10px; }
.NotLoggedInPopupModal .NotLoggedInButtonOptions input { margin: 4px; }


/*----------------------------------------------------------*/
/* Item Error Popup Modal */
/*----------------------------------------------------------*/

.ItemErrorPopupModal { width:400px; height:100px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
#ItemErrorList { overflow-y:auto }
div.ItemErrorButtons { position:absolute; bottom:12px; right:10px; }
/*#MainContent_ItemDisplay_ItemErrorMessageExtender_foregroundElement { z-index: 61000 !important; }*/


/*----------------------------------------------------------*/
/* Payment Error Popup Modal */
/*----------------------------------------------------------*/

.PaymentErrorPopupModal { width:250px; height:150px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
#PaymentErrorList { overflow-y:auto }
div.PaymentErrorButtons { position:absolute; bottom:12px; right:10px; }


/*----------------------------------------------------------*/
/* General Error Popup Modal */
/*----------------------------------------------------------*/

.GeneralErrorPopupModal { width:400px; height:100px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
#GeneralErrorList { overflow-y:auto }
div.GeneralErrorButtons { position:absolute; bottom:12px; right:10px; }


/*----------------------------------------------------------*/
/* Shipping Estimate Error Popup Modal */
/*----------------------------------------------------------*/

.ShippingEstimateErrorPopupModal { width:400px; height:270px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
#ShippingEstimateErrorList { overflow-y:auto }
div.ShippingEstimateErrorButtons { position:absolute; bottom:12px; right:10px; }

/*----------------------------------------------------------*/
/* Address Manager Error Popup Modal */
/*----------------------------------------------------------*/

.AddressManagerErrorPopupModal { width:400px; height:150px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
.AddAddressConfirmPopupModal { width:440px; height:200px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
#AddressManagerErrorList { overflow-y: auto }
div.AddressManagerErrorButtons { position:absolute; bottom:12px; right:10px; }
div.AddAddressConfirmButtons { position:absolute; bottom:12px; left: 190px; }


/*----------------------------------------------------------*/
/* Shipping Confirmation Popup Modal */
/*----------------------------------------------------------*/

.ShippingConfirmationPopupModal { width:400px; height:180px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
#ShippingConfirmationMessageErrorList { overflow-y:auto }
div.ShippingConfirmationMessageButtons { position:absolute; bottom:12px; right:10px; }


/*----------------------------------------------------------*/
/* Place Order Confirmation Popup Modal */
/*----------------------------------------------------------*/

.PlaceOrderConfirmationPopupModal { width:400px; height:150px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }
#PlaceOrderConfirmationMessageErrorList { overflow-y:auto }
div.PlaceOrderConfirmationMessageButtons { position:absolute; bottom:12px; right:10px; }


/*----------------------------------------------------------*/
/* Logout Batch Order Popup Modal */
/*----------------------------------------------------------*/

.LogoutWithBatchOrderPopupModal { width: 300px; height: 160px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; }


/*----------------------------------------------------------*/
/* Info Box Popup Control */
/*----------------------------------------------------------*/

.TermsConditionsPopupModal { width:850px; height:500px; border: 2px solid black; border-radius:5px; background-color:White; padding:10px; position:relative; z-index: 11000;}
.TermsConditionsPopupModal>div { margin:0px auto; height:96%; }
.TermsConditionsPopupModal>div>span { width:98% !important; height:100% !important }
.PdfObject { width: 100%; height: 96%; border: 2px solid black; }


/*----------------------------------------------------------*/
/* Order Received/Failed Pages */
/*----------------------------------------------------------*/

.orderReceivedText { margin:0 0 0 10px; font-size:1.0em; color:Black; }
.orderFailedText { margin:0 0 0 10px; font-size:1.0em; color:Black; }


/*----------------------------------------------------------*/
/* Tooltip */
/*----------------------------------------------------------*/
/*.tooltip { display:none; font-size:12px; height:20px; width:160px; padding:25px; color:#eee; }*/
.arrow-right { display: inline-block; width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 5px; border-top-width: 5px; border-left: 5px solid black; }
.arrow-down { display:inline-block; width: 0; height: 0; border: 0 solid transparent; border-left-width: 5px; border-right-width: 5px; border-top: 5px solid black; }


/*----------------------------------------------------------*/
/* Contact Us Form */
/*----------------------------------------------------------*/
#ContactUsDiv { width: 500px; margin: 0 auto; }
#ContactUsDiv>div { width: 100%; margin-bottom: 15px; }
#ContactUsDiv>.contactUsInfo { width: 100%; margin-bottom: 30px; }
#ContactUsDiv label { display: inline-block; margin-bottom: 3px;}
#ContactUsDiv input { width: 100%; }
#ContactUsDiv .contactUsMessageDiv { height: 300px; }
#ContactUsDiv .contactUsMessageDiv textarea { width: 100%; height: 250px; }
#ContactUsDiv .contactUsButtonDiv { width: 150px; }
#ContactUsDiv .contactUsValidation { color: red; font-size: 0.8em; }
.contactUsPanel { margin-bottom: 100px; }



/* MISC */
.checkBoxDiv { margin: 0; padding: 0; line-height: 24px !important; float: none; vertical-align: top; margin-right: 25px; float: right; }
.checkBoxDiv > input { margin: 0 5px 2px 0; vertical-align: middle; }

@media (max-width: 575.98px) {
    .checkBoxDiv {
        clear: both;
        float: left;
    }
}






/*----------------------------------------------------------*/
/* CU3ER */
/*----------------------------------------------------------*/

/*@charset "utf-8";*/
/*body { margin:0; padding:0; width:100%; background:#030a64; font:normal medium Arial, Helvetica, sans-serif; color:Black; }*/
body { margin:0; padding:0; width:100%; font:normal medium Arial, Helvetica, sans-serif; color:Black; height:100%; }
html { padding:0; margin:0; height:100%; }

a { text-decoration:none; color:#000f87; }
a:hover { text-decoration:underline; }

/* main */
.main { padding:0; margin:0 auto;}
.main table,tr,th,td,img { margin:0; padding:0; border-width:0; border-spacing:0; }


/********** header **********/
.blok_header { margin:0; padding:0; background:white top repeat-x;}

/*.blok_header { margin:0; padding:0;}*/
.header { width:960px; margin:0 auto; padding:0;}

/* logo */
.logo { padding:0; margin:15px 0 10px 0; float:left;}

/* menu */	
.menu { padding:30px 0 0 0; margin:0 auto; width:600px; float:right; }
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
/*.menu ul li a { float:left; margin:0; padding:12px 0; color:#a9a8a8; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}*/
.menu ul li a { float:left; margin:0; padding:10px 0; color:white; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:10px 9px; font-weight:bold; color:black; background:none;}
.menu ul li a:hover {  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { color:white; background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active { background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:white; background:url(images/l_menu.gif) no-repeat left;}

/*header_text_bg*/
.header_text_bg { margin:0; padding:19px 0 0 0; background: url(images/header_text_bg.gif) top repeat-x; height:470px;}
.header_text_bg2 { margin:0; padding:9px 0 0 0; background: url(images/header_text_bg2.gif) top repeat-x; height:118px;}
.header_text_bg3 { margin:0; padding:19px 0 10px 0; background: url(images/header_text_bg2.gif) top repeat-x; height:40px;}
.header_text2 { margin:0 auto; padding:5px 10px; width:938px;}
/*.header_text2 h2 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}*/
.header_text2 h2 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:Black;}
.header_text2 h1 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}
/*.header_text2 p { width:350px; float:right; margin:0; padding:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#686868;}*/
.header_text2 p { width:350px; float:right; margin:0; padding:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:black;}

/*header_text*/
.header_text { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #373737; }
.header_text h1 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: italic bold 30px Arial, Helvetica, sans-serif; color:#fff;}
.header_text h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0; margin:0;}
.header_text h2 span { font: bold 13px Arial, Helvetica, sans-serif; color:#5e5e5e;}

.header_text_gray { margin:0 auto; padding:5px 10px; width:938px; background:#f5f5f5; border:0px; }
.header_text_gray h1 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: italic bold 30px Arial, Helvetica, sans-serif; color:#fff;}
.header_text_gray h2 { font: normal 14px Arial, Helvetica, sans-serif; color:black; padding:5px 0; margin:0;}
.header_text_gray h2 span { font: bold 13px Arial, Helvetica, sans-serif; color:black;}

/* Shopping Cart Header */
.cartHeaderContainer { margin:0 auto; padding:0; width:938px; }
/*.cartHeaderLeft { float:left; padding:5px 10px; width:430px; height:75px; background:#272727; border:1px solid #373737; vertical-align:middle; }*/
.cartHeaderLeft { float:left; padding:5px 10px; width:430px; height:75px; background:#f5f5f5; border:0px; vertical-align:middle; }
.cartHeaderLeft * { margin:0; padding:0; clear:both; float:none; }
.cartHeaderLeft table { width:100%; height:100%; padding:0; }
/*.cartHeaderLeft h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:0 10px; margin:0; vertical-align:middle; text-align:center; }*/
.cartHeaderLeft h2 { font: normal 14px Arial, Helvetica, sans-serif; color:black; padding:0 10px; margin:0; vertical-align:middle; text-align:center; }
.cartHeaderLeft td.cartStatus { float:none; padding:0; text-align:center; vertical-align:middle; width:100%; }

/*.cartHeaderRight { float:right; padding:5px 10px; width:430px; height:75px; background:#272727; border:1px solid #373737; }*/
.cartHeaderRight { float:right; padding:5px 10px; width:430px; height:75px; background:#f5f5f5; border:0px; }
.cartHeaderRight * { margin:0; padding:0; clear:both; float:none; }
/*.cartHeaderRight h1 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}
.cartHeaderRight h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0; margin:0;}
.cartHeaderRight h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}
.cartHeaderRight h4 { font: bold 13px Arial, Helvetica, sans-serif; color:#5e5e5e;}*/
.cartHeaderRight h1 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}
.cartHeaderRight h2 { font: normal 14px Arial, Helvetica, sans-serif; color:black; padding:5px 0; margin:0;}
.cartHeaderRight h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:black;}
.cartHeaderRight h4 { font: bold 13px Arial, Helvetica, sans-serif; color:black;}
.cartHeaderRight table { width:100%; height:100%; padding:0; }
.cartHeaderRight td.cartLinks { float:none; padding:0; text-align:center; vertical-align:middle; width:auto; }
.cartHeaderRight td.cartDetails { float:none; padding:0; text-align:left; vertical-align:middle; width:120px; }
.cartHeaderRight td.cartImage { float:none; padding:0; text-align:right; vertical-align:middle; width:80px; }
.cartHeaderRight td.cartImage input { width:64px; height: 64px; background: url('images/cart.png'); color: transparent; }
.cartHeaderRight td.cartImage input:hover { width:64px; height: 64px; background: url('images/cart_mouseover.png'); color: transparent; }

/* Ca3er style */
.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 50px 0; background:url(images/banner_bg.png) no-repeat bottom; }
#cu3er-container { width:960px; outline:0;}


/********** body **********/
.body_resize { width:1100px; margin:0; padding:0;}
.body { width:1100px;  margin:0 auto; padding:10px 0;}
.body h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#2a2a2a; margin:0;  padding:2px 5px 10px 5px; }
.body h2 span { display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h6 { font: bold 14px Arial, Helvetica, sans-serif; color:black; margin:0;}
.body h6 p { font: normal 12px Arial, Helvetica, sans-serif; color:black; margin:5px;}
.body h6 span { font: normal 12px Arial, Helvetica, sans-serif; color:black; }
/*.body img { float:left; padding:0; margin:10px 5px;}*/
.body img { padding:0; margin:0; }
.body img.portf { margin:5px auto; padding:0;}
.body img.floated { float:right; padding:0; margin:10px 5px;}
/*
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#8f8f8f; line-height:1.8em; padding:5px 5px; margin:0;}
.body p.grey { color:#565656;}
*/
.body strong { color:#272727;}
/*.body p span { color:#4a8094; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}*/
/*.body a { text-decoration:none; color:#4a8094; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}*/
/*.right { width:330px; float:left; padding:5px 10px; margin:0;}
.left { width:560px; float:left; padding:5px 10px; margin:0;}*/
.block { width:255px; float:left; margin:10px; padding:0;}
.port { padding:5px 10px;}
.port_resize { width:282px; float:left; margin:0; padding:10px 5px;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}


/*----------------------------------------------------------*/
/* GLOBALS */
/*----------------------------------------------------------*/
.resetBoxSizing * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.lclr { clear:left; padding:0; margin:0; }
.rclr { clear:right; padding:0; margin:0; }
.vl { border-left: 1px outset lightgray; height: 100%; margin: 1px 5px; }
.WhiteHeaderFont16 { font: normal 1.6em Arial, Helvetica, sans-serif; font-weight:normal; margin:3px 0 8px 0; display:inline-block; color:white; }
.SubHeaderFont09 { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:bold; margin:3px 0 8px 0; display:inline-block; }
.SubHeaderFont10 { font: normal 1.0em Arial, Helvetica, sans-serif; font-weight:bold; margin:3px 0 8px 0; display:inline-block; }
.LabelFont07 { font: normal 0.7em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFont08 { font: normal 0.8em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFont09 { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFont10 { font: normal 1.0em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFont11 { font: normal 1.1em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFont12 { font: normal 1.2em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFont13 { font: normal 1.2em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFont14 { font: normal 1.2em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFontItalic07 { font: italic 0.8em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFontItalic08 { font: italic 0.8em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFontItalic09 { font: italic 0.9em Arial, Helvetica, sans-serif; font-weight:bold; }
.LabelFontItalic10 { font: italic 1.0em Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline; }
.ErrorFont07 { font: normal 0.7em Arial, Helvetica, sans-serif; font-weight:bold; color:Red; }
.ErrorFont08 { font: normal 0.8em Arial, Helvetica, sans-serif; font-weight:bold; color:Red; }
.ErrorFont09 { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:bold; color:Red; }
.ErrorFont10 { font: normal 1.0em Arial, Helvetica, sans-serif; font-weight:bold; color:Red; }
.NoteFont06 { font: normal 0.6em Arial, Helvetica, sans-serif; font-weight:bold; }
.NoteFont07 { font: normal 0.7em Arial, Helvetica, sans-serif; font-weight:bold; }
.NoteFont08 { font: normal 0.8em Arial, Helvetica, sans-serif; font-weight:bold; }
.NoteFont09 { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:bold; }
.NoteFont10 { font: normal 1.0em Arial, Helvetica, sans-serif; font-weight:bold; }
.RegularFont07 { font: normal 0.7em Arial, Helvetica, sans-serif; font-weight:normal; }
.RegularFont08 { font: normal 0.8em Arial, Helvetica, sans-serif; font-weight:normal; }
.RegularFont09 { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:normal; }
.RegularFont10 { font: normal 1.0em Arial, Helvetica, sans-serif; font-weight:normal; }
.FontReset { font: normal 16px Arial, Helvetica, sans-serif; font-weight:normal; color:black; }
.CondensedFont07 { font: normal 0.7em Arial, Helvetica, sans-serif; font-weight:normal; font-stretch:condensed; }
.CondensedFont08 { font: normal 0.8em Arial, Helvetica, sans-serif; font-weight:normal; font-stretch:condensed; }
.CondensedFont09 { font: normal 0.9em Arial, Helvetica, sans-serif; font-weight:normal; font-stretch:condensed; }
.CondensedFont10 { font: normal 1.0em Arial, Helvetica, sans-serif; font-weight:normal; font-stretch:condensed; }
.PadLeft10 { padding-left:10px; margin: 0; display:inline-block; }
.NoteFontGrayItalic06 { font: italic 0.6em Arial, Helvetica, sans-serif; font-weight:lighter; color:Gray; }
.FooterFont11 { font: normal bold 1.1em Arial, Helvetica, sans-serif; }
/*.vertical-ruler { z-index:1000; display: inline; background-color: Black; width: 3px; height: 200px; }*/
#clock,#bar { z-index:1000; }

.Shadow { -moz-box-shadow: 3px 3px 5px 6px #ccc; -webkit-box-shadow: 3px 3px 5px 6px #ccc; box-shadow: 3px 3px 5px 6px #666666; }
.DropShadow { -moz-box-shadow: 5px 5px 3px 0 #ccc; -webkit-box-shadow: 5px 5px 3px 0 #ccc; box-shadow: 5px 5px 3px 0 #666666; }
.AllAroundDropShadow { -moz-box-shadow: 0 0 70px -5px #000000; -webkit-box-shadow: 0 0 70px -5px #000000; box-shadow: 0 0 70px -5px #000000; }

.ajax__combobox_textboxcontainer { vertical-align: bottom; }
.ajax__combobox_buttoncontainer { writing-mode: vertical-lr; }

/*.vertical-ruler { border-left: 1px solid #bfbfbf; margin-left: 20px; }*/
.vertical-ruler { border-left: 1px solid #bfbfbf; }

.slowBlink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s; 
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


.blink-button {
    animation: blink 1s linear infinite;
    font-weight: bold;
	background-color: rgb(81, 155, 237);
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}