:root {
    --bg-color: white;
    --text-color: black;
    --text-color3: white;
    --accent-color1: #fafafa;
    --accent-color2: #b2b2b2;
    --accent-color3: #a82e2e;
    --hilight-color: #ea2129;
    --hover-color: rgb(167, 47, 44, 0.8);
    --hover-color2: rgb(236, 236, 238, 0.2);
    --main-font: 'Open Sans';
    --font1: Roboto, sans-serif, Arial;
    --font2: "Montserrat";
}


body { min-width: 100%; min-height: 100%; font-family: 'Montserrat', Arial, sans-serif !important; }
.body { width: 100%; margin: 0 auto; padding: 10px 10px; box-sizing: border-box; }
.body_resize { background-color: var(--bg-color) }
.page { min-height: 500px; }
a { text-decoration: none; color: var(--hilight-color); }
a:hover { text-decoration: none; color: var(--hover-color); }
a.RuntimeCategory { color: var(--text-color); }
a.RuntimeCategory.CategoryTreeSelectedNode { color: var(--accent-color3); }
a.RuntimeCategory:hover { color: var(--hilight-color); }
.blink-button { animation: blink 1s linear infinite; font-weight: bold; background-color: var(--hilight-color); }

.heading-divider { width: 100%; height: 4px; background-color: black; margin: 10px 0; }
#SearchResultsDiv { margin: 0 auto; color: var(--text-color); }

.navbar { background-color: var(--bg-color); height: 60px; margin-top: 10px; padding: 0; }
.CategoryChooser { float: none; width: auto; }
.ItemDisplayDiv { float: right; width: auto; margin: 0 auto; padding: 0; }
.CategoryItemList { float: none; }
.itemTileList { min-width: 0; }
.itemList { min-width: 0; }
.batchOrderGrid { width: 100%; }
.batchOrderGridAlign { width: auto; }


.policy { color: white; font-size: 14px; position: absolute; bottom: 17px; padding: 0 20px; }
.policy a { font-size: 14px; }
.policy a:hover { font-size: 14px; text-decoration: none; }
table#category td.categorytree { vertical-align: top; min-width: 305px; max-width: 305px; padding-right: 10px; }
/*.itemTileList { min-width:808px; }*/
/*.itemTileList #Item{float:left;position:relative;height:360px;width:220px;border-spacing:0;margin:2px;padding:5px;border:1px solid black }*/
.itemTileList .description { width: auto; height: 90px; margin: 5px 0; position: relative; font-size: 0.9em; }
#batchOrderMessage { display: none; }
#ShoppingCartHeader_ShoppingCartHeaderUpdatePanel { display: none; }
.customCartDiv { position: relative; right: 0; bottom: 0; width: 250px; height: 80px; overflow-x: visible}
#CanadianDollarsNote { margin-top: 3px; margin-left: 20px; float: right; }
#CustomCartImageDiv { height: 38px; line-height: 38px; position: relative; cursor: pointer; margin: 0; float: right; clear: both; }
#CustomCartImageDiv > * { float: left; }
#CustomCartImageDiv > span { float: left; font-size: clamp(1.1em, 2vw + 0.5em, 1.4em); vertical-align: middle; padding-left: 10px; }
.customCartImageCount { font: normal 0.9em 'univers_57_condensedregular' !important; border: 2px solid black; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; position: absolute; top: 4px; left: 5px; font-weight: bold; color: #BC2D00; background-color: white; width: 20px; text-align: center; }
.systemMessageBar { position: relative; width: 100%; height: 0; background-color: #EF3334; line-height: 30px; overflow: hidden; color: white; font-size: 0.9em; font-style: italic; text-align: center; height: 30px; z-index: 100000; }
.PleaseWait { display: table-cell; position: absolute; left: 45%; bottom: 45%; width: 160px; height: 160px; padding: 20px; border: 2px solid black; background-color: White; text-align: center; vertical-align: middle; z-index: 1000; }

#GlobalContactUsDiv > div { width: 100%; }
#GlobalContactUsDiv input[type="text"], #GlobalContactUsDiv textarea { width: 100%; background-color: var(--text-color); color: var(--accent-color1); padding: 15px; border: none; box-sizing: border-box; font: normal 1.0em var(--font2); }
#GlobalContactUsDiv input[type="text"]::placeholder, #GlobalContactUsDiv textarea::placeholder { color: lightgray; }
#GlobalContactUsDiv input[type="text"]:focus, #GlobalContactUsDiv textarea:focus { outline: none; }
#GlobalContactUsDiv textarea { height: 200px; }
#GlobalContactUsDiv input[type="submit"] { float: right; background-color: var(--hilight-color); color: white; border: none; font: bold 14px var(--font2); letter-spacing: 2px; text-transform: uppercase; height: 50px; width: 200px; padding: 10px; margin: 20px 0; }
#MasterPageFooter { background-color: var(--accent-color1); border-top: 1px solid var(--accent-color2); padding: 40px 10px 10px 10px; }
#MasterPageFooter h4 { font-weight: bold; font-size: 1.2em; }
.footerText { font-family: 'Montserrat'; font-size: 1.1em; font-weight: 600; letter-spacing: 1.4px;  }
.footerText h4 { color: var(--hilight-color); }
.footerText a { color: rgb(79, 79, 78); font-size: 0.8em; }
.footerTextColumn { margin-bottom: 30px; }


/*----------------------------------------------------------*/
/* MENU BAR */
/*----------------------------------------------------------*/
.navbar-collapse.show { color: var(--text-color3); background-color: var(--accent-color2); position: relative; z-index: 200; }
.MenuItem { background-color: transparent; color: var(--text-color); padding: 10px 20px; width: auto; display: inline-block; font-size: 16px; font-weight: normal; font-family: var(--main-font); text-transform: uppercase; font-weight: normal; text-wrap-mode: nowrap; }
.MenuItem:hover { color: var(--hover-color) }
.MenuItem.active { color: var(--accent-color3); }
.navicon { vertical-align: text-bottom; padding: 7px; }
.subMenu { margin-top: 10px; }
.subMenu .MenuText { display: block; }
.subMenu > div > div { border-width: 1px; background-color: lightgrey !important; padding: 5px; }
.subMenu > div > div:hover { color: white; background-color: var(--hover-color) !important; }
.subMenu > div > div.active { color: white; background-color: var(--hilight-color) !important; }
.subMenu > div > div span { vertical-align: text-bottom; line-height: 24px; }

.subMenu td, tr { padding: 0; margin: 0; border-spacing: 0; }
.documentList { margin-top: 20px; }

#DealerResources { margin: 0 auto; width: 1092px; height: 800px; padding: 0; background-color: transparent; }
#DealerResources iframe { width: 100%; height: 100%; margin: 0; padding: 0; background-color: transparent; }

.DealerResources { margin: 0 auto; width: 950px; min-height: 600px; padding: 0; background-color: transparent; }
.DealerResources iframe { width: 100%; height: 100%; margin: 0; padding: 0; background-color: transparent; }


/*----------------------------------------------------------*/
/* ITEM DETAIL POPUP (SHORTER) */
/*----------------------------------------------------------*/
/*.ItemPopupPanel{overflow:visible;position:relative;width:730px;}
*/
.ItemPopupPanel { overflow: visible; position: relative; }
.itemDetailModalPopup { width: 700px; height: 544px; padding: 10px; background-color: White; overflow: hidden; border: 5px solid gray; border-radius: 5px; }
.ItemPicturePanel { vertical-align: middle; overflow: hidden; float: left; width: 430px; height: 250px; padding: 0; }
.ItemThumbnailPanel { float: right; width: auto; height: 250px; overflow-y: auto; overflow-x: hidden; padding: 0; }
.itemPictureZoomIn { width: 700px; height: 430px; display: none; }
.itemPictureZoomOut { width: 430px; height: 250px; display: none; }
/*.ItemPageItemPicturePanel {cursor: pointer;vertical-align: middle;overflow: hidden;float: left; width: auto; height: 600px;padding:0;}*/
.ItemPageItemPicturePanel { position: relative; vertical-align: middle; overflow: hidden; float: left; padding: 0; height: 580px; display: flex; }
/*----------------------------------------------------------*/
/* DESIGN CHANGES */
/*----------------------------------------------------------*/
.body h2 { font: bold 18px 'Archivo Black', sans-serif; color: rgb(57, 81, 115); margin: 0; padding: 2px 5px 10px 5px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 800; }
table#category { width: 1100px; }
.CategoryTreeViewFont { text-decoration: none !important; font-size: 16px; font-weight: normal; }
.CategoryTreeViewFont a { font-family: 'Monserrat', sans-serif; color: black; }
.CategoryTreeViewFont input[type="checkbox"] { margin-right: 5px; }
.CategoryTreeViewFontHover { text-decoration: none !important; font-size: 16px; position: relative; z-index: 65535; }
.CategoryTreeViewFontHover a { color: var(--hover-color); }
.CategoryTreeSelectedNode { background-color: white; }
.CategoryTreeSelectedNode a { font-family: 'Monserrat', sans-serif; color: var(--accent-color3); padding: 1px 0 1px 2px; }
.CategoryTreeSelectedNode:hover a { color: var(--hover-color); }
.CategoryChooser .CategoryLinkDiv a { color: black; }
.CategoryChooser .CategoryLinkDiv:hover a { color: var(--hover-color); }
.makeModelYearLabelStyle1 { font-family: 'Monserrat', sans-serif; }
#ShoppingCartHeader_UpdateShoppingCartLinkDiv { font-family: 'Monserrat', sans-serif; }
#ShoppingCartHeader_UpdateShoppingCartLinkDiv a:hover { color: var(--hover-color) }
#ShoppingCartHeader_YourPriceCheckBoxDiv { font-family: 'Montserrat', sans-serif; }
.filterOptionsImg { background: url('template_images/arrow_24.png'); }
.filterOptionsImg.active { background: url('template_images/arrow_up_24.png'); }
.backToCategoriesImageButton { float: left; width: 24px; height: 24px; vertical-align: middle; background: url('template_images/arrow_left_24.png'); }
.BreadCrumb { font-family: 'Montserrat', sans-serif; background-color: transparent; text-transform: uppercase; }
.BreadCrumbs > .arrow-right { border-bottom-width: 0; border-top-width: 0; width: 7px; height: 12px; border-left: 0; background: url('template_images/arrow_right_12.png'); }
.BreadCrumbs { color: var(--accent-color3); font-size: 1.0em; font-weight: bold; vertical-align: middle; margin: 5px 0; clear: both; }
.BreadCrumb { color: var(--accent-color3); font-size: 1.0em; font-weight: bold; height: 20px; cursor: pointer; }
.DataPagerButtons:hover { background: var(--hover-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; }
/*.DataPagerButtonSelected{background-color:rgba(0,0,0,0.08);}*/
/*.itemListHeader{font-family:'Roboto', sans-serif;}
.itemListHeader div.listprice{width:40px;margin-left:10px;}
.itemListHeader div.sellprice{width:80px;margin-left:30px;}
.itemListHeader div.button{width:40px;margin-left:10px;}
*/
.itemList #Item:hover { background: var(--hover-color2); }
.itemTileList #Item:hover { background: var(--hover-color2); }
.itemList div.DateSpecial { color: white !important; }
.ItemPopupCloseImage { background: url('template_images/close_32.png'); color: transparent; }
.AddToCartImageButton { background: url('template_images/add_to_cart.png'); width: 80px; height: 20px; color: transparent; }
.AddImageButton { background: url('template_images/add.png'); width: 20px; height: 20px; color: transparent; }
.batchOrderGrid th { background-color: var(--accent-color3); }
#MainContent_FileUploadCollapsePanel span { font-family: 'Archivo Black', sans-serif; }
/*#SearchFields *{font-family: Monserrat, sans-serif !important;}*/
#MainContent_CategoryFilter_CategoryFilterUpdatePanel > span { font: bold 18px 'Archivo Black', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 800; }
.cartTitle h2 { font-family: 'Archivo Black', sans-serif; font-weight: 800; text-transform: uppercase; }
.modalCartHeader td.cartImage img { width: 64px; height: 64px; background: url('template_images/cart.png'); }
.cartHeaderRight td.cartImage input { width: 64px; height: 64px; background: url('template_images/cart.png'); color: transparent; }
.cartHeaderRight td.cartImage input:hover { width: 64px; height: 64px; background: url('template_images/cart.png'); color: transparent; }
.cartContents .removeItemButton { width: 24px; height: 24px; background: url('template_images/delete.png'); color: transparent; }
.cartContents .removeItemButton:hover { width: 24px; height: 24px; background: url('template_images/delete.png'); color: transparent; }

.PleaseWaitBackground { position: fixed; left: 0%; top: 0%; width: 100%; height: 100%; background-color: Gray; filter: alpha(opacity=90); opacity: 0.9; z-index: 999; }
.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: 1000; }