/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  REPLACE w BASE20502 and ReMerge BASE20101-HANCO20101 diffs */

/**************************/
/* Start Site-Wide styles */
/**************************/
body {
  font: normal 13px Arial, Geneva, sans-serif;
  margin: 0;
  padding: 0;
  background: #000000 url(../images/estoreBack.jpg) no-repeat center 0;
  background-attachment: fixed;
}

#container {
  width: 1000px;
  margin: 0 auto;
}

.errorMessage {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: red;
  text-decoration: none;
  float: left;
}

.errorMessage ul {
  list-style: none;
}

.confirmMessage {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  float: left;
  padding-left: 10px;
}

.highlightErroredField {
  background-color: #ffff00;
}

.hidden {
  visibility: hidden;
  display: none;
}

.visible {
  visibility: visible;
}

.label {
  font-size: 12px;
  font-weight: bold;
}

th.label {
  text-align: right;
}

.inputReadOnly {
  background-color: #d3d3d3;
}

.centered {
  clear: both;
  text-align: center;
}

.buttonsRight {
  clear: both;
  text-align: right;
  /*float: right;*/
  width: 770px;
  margin: auto;
  padding-top: 5px;
}

.button:disabled {
  color: gray;
  cursor: auto;
}

.button:enabled {
  /* color: maroon; */
  cursor: pointer;
}

.button {
  /* background: url("../images/goButtonBackground_1X28.png") repeat-x scroll 0 0 transparent;
	clear: both;
	margin: 5px auto;
	padding: 0 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; */
}

.buttonGroup {
  margin: auto;
  text-align: right;
  margin-top: 5px;
}

#requestWholesaleAccountScreen .buttonGroup {
  text-align: center;
}

#registerAccountScreen .buttonGroup {
  float: none;
  text-align: center;
}

#specialsItemListScreen .buttonGroup {
  /*padding-right: 0px;
	float: none;*/
  /*text-align: right;*/
  /*margin: auto;*/
  width: 770px;
  padding-top: 5px;
  /*width:25px;*/
}

#itemListDisplayScreen .buttonGroup {
  /*padding-right: 0px;
	float: none;*/
  /*text-align: right;*/
  /*margin: auto;*/
  width: 770px;
  padding-top: 5px;
}

#editAccountScreen .buttonGroup {
  text-align: center;
}

#editAccountScreen .standardForm label {
  float: left;
}

#editAccountScreen .input input,
.input textarea,
.input select {
  float: left;
}

.shortButton {
  /* 	width: 40px; */
}

.longButton {
  /* background-image: url(../images/addToWish.gif); */
  /* background-repeat: no-repeat; */
  height: 25px;
  width: 207px;
  margin-top: 10px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  /* 	width: 125px; */
}

#addToWish {
  background-image: url(../images/addToWish.gif);
  background-repeat: no-repeat;
}

#addToShopping {
  background-image: url(../images/addToShopping.gif);
  background-repeat: no-repeat;
}

.longButton:hover {
  background-position: 0px -25px; /* 	width: 125px; */
  cursor: pointer;
}

.veryLongButton {
  /* width: 175px; */
  float: right;
}

.continueShoppingContainer {
  margin: 5px 0;
  clear: both;
}

.continueShoppingContainer a {
  color: maroon;
  font-weight: bold;
}

#specialsItemListScreen .continueShoppingContainer {
  float: left;
}

#itemListDisplayScreen .continueShoppingContainer {
  float: left;
}

.searchNotFoundContainer {
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
}

.rowshaded {
  background-color: #b8c5d2;
  height: 33px;
}

.rownotshaded {
  background-color: #eeebeb;
  height: 33px;
}

.columnHeader {
  background-color: #b8c5d2 !important;
  color: #062989;
  font-weight: bold;
}

.columnHeader a {
  color: #062989;
  text-decoration: none;
}

.rowdata {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
}

.standardForm fieldset {
  background-color: #f5f5f5;
  border: 1px solid #b5121b;
  margin: 5px auto;
  padding: 5px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.standardForm legend {
  color: #6f6f6f;
  /* font-size: .7em; */
  margin-left: 15px;
}

.standardForm table {
  /* font-size: .8em; */
  margin-top: 5px;
}

.standardForm th {
  /* font-size: .8em; */
  text-align: right;
}

.standardForm label {
  /*	font-size: .8em;*/
}

.standardForm fieldset fieldset {
  border: 1px solid #708090;
  border-radius: 7px;
  float: left;
  min-height: 125px;
  margin: 5px;
}

.standardForm fieldset fieldset legend {
  color: maroon;
  font-weight: bold;
  margin-left: 10px;
}

/* .standardForm form input.button {
	background: url("../images/goButtonBackground_1X28.png") repeat-x scroll 0 0 transparent;
	clear: both;
	color: maroon;
	cursor: pointer;
	display: inline;
	margin: 5px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
} */

.standardForm form input.button[disabled^="disabled"] {
  color: gray;
}

.standardForm input:focus {
  border: 2px solid #b51419;
}

.standardForm select.input:focus {
  border: 2px solid #b51419;
  border-radius: 3px;
}

.standardForm input.input:focus {
  border-radius: 3px;
}

.standardForm input.button:focus {
  border-radius: 10px;
}

.standardTableContainer {
  clear: both;
  /* overflow: auto; */
}

.standardTable {
  border-collapse: collapse;
  clear: both;
  /* font-size: .7em; */
  margin: auto;
  font-size: 13px;
}

.standardTable .input input {
  margin-top: 4px;
}

table.standardTable {
  /* background-color: #ffffff;
	border: 1px solid #D3D3D3;
	min-width: 600px; */
  width: 770px;
}

.standardTable a {
  font-weight: bold;
}

.standardTable img {
  border: 0 none;
  margin: 0;
  max-width: 120px;
  padding: 0;
  float: left;
  padding-left: 3px;
  margin-right: 10px;
}

.standardTable th,
.standardTable td {
  /* padding: 5px; */
}

.standardTable caption {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 3px;
}

.standardTable tr.highlight {
  background: #cbcbcb;
}

.standardTable tr.selected {
  background: maroon !important;
  color: #ffffff;
  font-weight: bold;
}

.standardTable tr.selected a {
  color: #ffffff;
}

.standardTable tr a {
  color: inherit;
  text-decoration: none;
}

/************************/
/* end Site-Wide Styles */
/************************/

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED navBar BLOCK BEGIN */
/* Start Application Dropdown CSS Menu Navigation styles */
/* End Application Dropdown CSS Menu Navigation styles */
/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED navBar BLOCK ENDED */

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED masthead BLOCK BEGIN */
/* Start Masthead styles */
/* End Masthead styles */
/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED masthead BLOCK ENDED */

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED BLOCK BEGIN COMMENTOUT-SOME-STYLES */
/* Start Application Navigation Bar Utility styles */

/*
#applicationNavigationBar {
	background-color: #e6eeb7;
	clear: both;
	font-size: .8em;
	min-height: 44px;
	margin: 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
}
*/

/*
#leftNavColumn {
	float: left;
	min-height: 38px;
	width: 200px;
}
*/

/*
#rightNavColumn {
	float: right;
	min-height: 38px;
	width: 240px;
}
*/

/*
#searchNavColumn {
	min-height: 38px;
	margin-left: 210px;
	margin-right: 210px;
}
*/

/*
#searchContainer {
	padding-top: 5px;
	text-align: left;
}
*/

#navigationSearchForm {
  display: inline;
}

#searchAllCategoriesContainer {
  background-color: #e6eeb7;
  font-weight: bold;
  min-height: 38px;
  /* 	margin-bottom: 10px; */
  width: 200px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
}

#searchAllCategoriesContainer:hover {
  background-color: #e6eeb7;
}

#searchAllCategoriesButton {
  background-color: #e6eeb7;
  background-image: url("../images/ButtonGrey.png");
  font-size: 0.85em;
  height: 30px;
  width: 170px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#searchAllCategoriesButton p {
  display: table-cell;
  height: 30px;
  line-height: 1.2em;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  vertical-align: middle;
  width: 180px;
}

#searchAllCategoriesButton p:hover {
  color: #b5121b;
  text-decoration: underline;
}

#searchAllCategoriesContainer ul li:first-child {
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

/*
#applicationNavigationCatalogLabel {
	color: #b5121b;
	font-size: 1.1em;
}
*/

/*
#searchInputLabel {
	font-weight: bold;
	margin-right: 3px;
}
*/

#searchType {
  border: 2px inset #d3d3d3;
  font-size: 0.9em;
  padding: 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#searchInput {
  border: 2px inset #d3d3d3;
  font-size: 0.9em;
  padding: 3px;
  width: 20%;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#searchGoButton {
  background: url("../images/goButtonBackground_1X28.png") repeat-x scroll 0 0
    transparent;
  color: maroon;
  cursor: pointer;
  height: 26px;
  line-height: 20px;
  vertical-align: baseline;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

#emailspan {
  display: none;
  margin-left: 5px;
}

#emailspan label {
  font-weight: bold;
}

#emailspan input {
  border: 2px inset #d3d3d3;
  border-radius: 7px;
  font-size: 0.9em;
  min-width: 140px;
  padding: 3px;
}

#cart {
  background-image: url("../images/cartButton.png");
  height: 30px;
  margin: 4px 10px 0 2px;
  text-align: center;
  width: 110px;
}

#cart:hover {
  text-decoration: underline;
}

#cart img {
  border: none;
  margin: 0 5px 0 0;
  text-decoration: none !important;
  vertical-align: text-top;
}

#cartLink {
  color: #ffffff;
  float: right;
  font-weight: bold;
  line-height: 28px;
  text-decoration: none;
}
/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED BLOCK ENDED COMMENTOUT-SOME-STYLES */

#numberOfCartItems {
}

#cartInfo {
  /*	float: left;*/
  font-size: 0.9em;
  font-weight: bold;
  /*margin: 4px 0 0 0;*/
  text-align: center;
}

#cartInfo p {
  margin: 0;
}

#cartInfo img {
  border: none;
  margin: 2px 5px;
}

#cartMoneyTotal {
  /* color: #B5121B; */
}

#navBarSpecialsLinkContainer {
  float: left;
  padding-top: 11px;
}

#navBarSpecialsLinkContainer a {
  border: none;
  color: #b5121b;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: underline;
}

#displayCheckout a {
  border: none;
  /* color: #B5121B; */
  /* font-weight: bold; */
  /* text-decoration: underline; */
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#displayCheckout {
  border: none;
  /* font-weight: lighter; */
  /* color: #B5121B; */
  font-weight: lighter;
  color: #000;
}

#displayCancelOrder a {
  border: none;
  /* color: #B5121B; */
  /* font-weight: bold; */
  /* text-decoration: underline; */
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#displayCancelOrder {
  border: none;
  /* font-weight: lighter; */
  /* color: #B5121B; */
  font-weight: lighter;
  color: #000;
}
/* End Application Navigation Bar Utility styles */

/* Start Main Content styles */

#selectedCatalog {
  color: #b5121b;
  font-weight: bold;
  margin-left: 10px;
}

#leftMainColumnPadding ul {
  list-style: none outside none;
  line-height: normal;
  margin: 0;
  padding: 0;
  margin-left: 0.75em;
  min-width: 400px;
}

#leftMainColumnPadding ul li {
  line-height: normal;
}

#leftMainColumnPadding img {
  margin: 0;
}

#categoryTreeContainer {
  max-height: 600px;
  overflow: auto;
  margin-top: 10px;
}

/* .hasSubCategoriesImg {background: url('../images/ui_icons_tree_view.png') no-repeat top left; width: 9px; height: 9px;}
 
.hasSubCategoriesImg.collapse {
	background-position  : 0px 0px;
}

.hasSubCategoriesImg.expand {
	background-position  : -19px 0px;
} */

.testing {
  clear: both;
}

.withoutsubcategories {
  text-align: left;
  text-indent: 1em;
}

h1,
h2,
h3 {
  margin: 0.8em 0 0.2em 0;
  padding: 0;
}

p {
  /* margin: .4em 0 .8em 0; */
  margin: 0;
  padding: 0;
}

img {
  border: none;
  /* margin: 10px 0 5px; */
}

#mainContent3ColumnContainer {
  background-color: #e6eeb7;
  min-height: 100px;
  padding: 0 200px 0 200px;
}

#mainContent3ColumnWrapper {
  border-left: 200px solid #e6eeb7;
  border-right: 200px solid #e6eeb7;
  display: inline; /* So IE plays nice */
  float: left;
  margin-left: -200px;
  margin-right: -200px;
  width: 100%;
}

#mainContent2ColumnContainer {
  /* background-color: #E6EEB7; */
  background-color: #fff;
  min-height: 100px;
  /* padding: 0 200px 0 0; */
  padding: 0px;
}

#mainContent2ColumnWrapper {
  /* border-left: 200px solid #E6EEB7; */
  /* border-right: 200px solid #E6EEB7; */
  /* display: inline; */ /* So IE plays nice */
  /* float: left; */
  /* margin-left: -200px; */
  /* margin-right: -200px; */
  /* width: 100%; */
}

#mainContent1ColumnContainer {
  float: left;
  /* margin-top: 5px; */
  /* width: 100%; */
  background-color: #fff;
  width: 1000px;
}

#centerMainColumn {
  background-color: #ffffff;
  float: left;
  min-height: 500px;
  /* width: 100%; */
  /* margin-right: -100%; */
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  width: 790px;
  margin-left: 10px;
  /*margin-right: 10px;*/
}

#centerMainColumn1 {
  background-color: #ffffff;
  min-height: 300px;
  clear: both;
}

#centerMainColumn2 {
  background-color: #ffffff;
  float: left;
  min-height: 500px;
  width: 100%;
  margin-right: -100%;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
}

#centerMainColumnPadding {
  margin: 5px;
  /* overflow: auto; */
}

#leftMainColumnPadding {
  /* margin: 10px; */
  /* width: 180px; */
}

#leftMainColumn {
  float: left;
  width: 200px;
  /* margin-left:-200px; */
  position: relative;
}

#rightMainColumn {
  /* float:right; */
  /* width:200px; */
  /* margin-right:-200px; */
  /* position:relative; */
  background-color: #ffffff;
  float: left;
  min-height: 300px;
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
  width: 790px;
  margin-left: 10px;
  /* margin-right: 10px; */
}

#rightMainColumnPadding {
  margin: 5px 10px;
  width: 180px;
}

.screenHeading {
  background-color: #b5121b;
  color: #ffffff;
  height: 1.4em;
  text-align: center;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.screenHeading h3 {
  font-size: 1em;
  margin: 0;
  padding-top: 1px;
}
/* End Main Content styles */

/* Start Processing Request styles */
.processingRequestMessageContainer {
  border: 2px solid maroon !important;
  border-radius: 15px 15px 15px 15px !important;
  display: none;
}

.processingRequestMessageContainer .ui-dialog-titlebar {
  display: none;
}

.processingRequestMessage {
  text-align: center;
}

.processingRequestMessage p {
  font-weight: normal;
  margin: 10px 0 0;
}
/* End Processing Request styles */

/* Start Item List styles */
#itemListContainer {
  clear: both;
  font-size: 0.7em;
  margin-top: 10px;
  min-height: 300px;
}

.itemListList .itemContainer {
  border: 1px solid #ffffff;
  float: left;
  margin-left: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 3px;
  width: 98%;
}

.itemContainer:hover {
  border: 1px solid lightBlue;
}

.itemContainer img {
  border: none;
  margin: 5px auto;
}

.itemListList .itemImageContainer {
  float: left;
}

.itemContainerPadding {
  padding: 0 5px;
}

.itemTitle a {
  color: #062989;
  font-size: 1.1em;
  text-decoration: none;
}

.itemTitle a:hover {
  text-decoration: underline;
}

.itemPricing {
  color: green;
  font-size: 1.5em;
}

.itemViewDetailsLink a {
  color: blue;
  text-decoration: none;
}

.itemAddToCartLink a {
  color: blue;
  text-decoration: none;
}

.showThumbnailImageLink {
  color: maroon;
  float: left;
  line-height: 24px;
  margin-left: 15px;
  text-decoration: none;
}

.sortByDropDown {
  color: maroon;
  float: left;
  line-height: 24px;
  margin-left: 450px;
  clear: both;
  margin-top: 4px;
  text-decoration: none;
}

a.showThumbnailImageLink:hover {
  text-decoration: underline;
}

#itemsListGridView {
  border: 2px solid #d7d7d7;
  margin: auto;
  max-width: 100%;
  clear: both;
  overflow: auto;
}

#itemsListGridView .itemGridView {
  width: 230px;
  float: left;
  margin: 5px 2px 2px 5px;
  font-size: 0.7em;
  font-weight: bold;
  text-align: left;
}

#itemsListGridView .itemGridView .itemGridViewImg {
  width: 80%;
  text-align: center;
  margin-left: 10%;
  margin-top: 5%;
  margin-right: 10%;
  margin-bottom: 5%;
}

#itemsListGridView .itemGridView .addToCartButton {
  text-align: center;
}

#itemsListGridView .itemGridViewDetails {
  margin-left: 5%;
}

#itemsListGridView .gridVertDiv {
  background-color: #cccccc;
  clear: both;
  height: 1px;
  margin: 0 10px;
}

#columnValue a {
  color: inherit;
}
/* End Item List styles */

/* Start Login screen styles */

#loginScreenHeading h3 {
  margin-top: 0;
}

#loginContainer {
  margin: auto;
  /* text-align: center; */
  width: 75%;
  clear: both;
}

#loginContainer p {
  font-size: 0.9em;
}

#loginBox,
#registerBox,
#continueShoppingBox,
#requestWholesaleAccountBox {
  /* border: 1px solid #C0C0C0; */
  float: left;
  margin: 15px;
  min-height: 150px;
  width: 45%;
  border: 1px solid #c0c0c0;
  border-radius: 0px 10px 0px 0px;
  text-align: center;
}

.subscribe {
  margin: 15px;
  min-height: 150px;
  border: 1px solid #c0c0c0;
  border-radius: 0px 10px 0px 0px;
  padding: 1em;
}

.subscribe h4 {
  background-color: #8998a8;
  font-size: 13px;
  margin: 0;
  padding-left: 10px;
  text-align: left;
  height: 25px;
  line-height: 25px;
  border-radius: 0px 7px 0px 0px;
  color: #fff;
  text-shadow: 1px 1px 1px black;
  margin: -1em;
}

.subscribe #mc_embed_signup .indicates-required {
  margin-top: 1em;
}

.subscribe #mc_embed_signup {
  background: transparent;
  font: 12px Helvetica, Arial, sans-serif;
}

.subscribe #mc_embed_signup .mc-field-group {
  padding-bottom: 1%;
}

#loginBox h4,
#registerBox h4,
#continueShoppingBox h4,
#requestWholesaleAccountBox h4 {
  background-color: #8998a8;
  font-size: 13px;
  margin: 0;
  padding-left: 10px;
  text-align: left;
  height: 25px;
  line-height: 25px;
  border-radius: 0px 7px 0px 0px;
  color: #fff;
  text-shadow: 1px 1px 1px black;
}

#loginBox table {
  font-size: 0.8em;
  margin: auto;
}

#loginBox th {
  text-align: right;
}

#loginBox input#usr_name,
input#usr_password {
  width: 180px;
}

/* End Login screen styles */

/* Start Forgot Username/Password screen styles */

#forgotUsernameScreen fieldset {
  max-width: 250px;
}

#forgotPasswordScreen fieldset {
  max-width: 360px;
}

#forgotUsernameScreen #container .centered .errorMessage {
  float: none;
  margin-top: 10px;
}
#forgotUsernameScreen #container .centered #accountInfo div {
  float: left;
  line-height: 26px;
  padding-right: 5px;
}
#forgotUsernameScreen #container .centered #accountInfo {
  padding: 10px;
}

/* End Forgot Username/Password screen styles */

/* Start Request Wholesale Account screen styles */

#requestWholesaleAccountScreen fieldset {
  max-width: 450px;
}

#requestWholesaleAccountScreen .input input,
.input textarea,
.input select {
  float: left;
}

/* End Request Wholesale Account screen styles */

/* Start Welcome screen styles  */

#welcomeMessage {
  margin: 30px 0 5px;
  text-align: center;
}

#customerWelcome {
  font-weight: bold;
  font-size: 1em;
}

#accountCustomerName {
  font-size: 0.8em;
}

#ifYouAreNot-Message {
  font-size: 0.8em;
}

/* End Welcome screen styles */

/* Start Edit & Register Account styles */

#accountInfo {
  /*	display: inline;*/
  /*	float: left;*/
  max-width: 640px;
}

#accountAddresses {
  text-align: center;
}

fieldset#shippingAddress,
fieldset#billingAddress {
  display: inline;
  min-height: 260px;
  margin: 4px;
  min-width: 260px;
}

#registerAccountScreen #shippingAddress table,
#registerAccountScreen #billingAddress table {
  margin-top: 0;
  text-align: left;
}

#registerAccountScreen #shippingAddress table tr,
#registerAccountScreen #billingAddress table tr {
  height: 2em;
}

#registerAccountScreen #shippingAddress table td,
#registerAccountScreen #billingAddress table td {
  height: 2em;
}

#registerAccountScreen #shippingAddress table {
  position: relative;
  top: 2.2em;
}

/* #registerAccountScreen div.buttonGroup {
	clear: both;
} */

#registerAccountScreen select.input {
  height: 1.6em;
  width: 11.1em;
}

#registerAccountScreen .input input,
.input textarea,
.input select {
  float: left;
}

#registerAccountScreen.standardForm label {
  float: left;
}

#billingAddress table tbody tr td.input input.button {
  font-size: 0.85em;
  margin: 0;
}

.consent {
  text-align: left;
  width: 41%;
  font-size: 0.85em;
  margin: auto;
  padding: 3px 0;
}

#requestWholesaleAccountScreen .consent {
  padding: 8px 0;
}

#registerAccountScreen .standardForm fieldset {
  max-width: 650px;
}

/* End Register & Edit Account styles */

/* Start Order Pad styles */
.orderPadEntryError td {
  border-top: none;
  vertical-align: top;
}

.orderPadEntryError ul {
  color: red;
  font-size: 0.9em;
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0 5px;
  text-align: left;
}

.orderPadFileUpload {
  border: 1px solid #b5121b;
  padding-top: 0.5em;
  font-size: 0.9em;
  margin: 10px auto;
  width: 500px;
  height: 2.2em;
  top: 1em;
  text-align: center;
  border-radius: 7px;
}

#orderPadTable tbody tr.orderPadEntryError td {
  border-top: none;
}

#orderPadTable {
  border: 1px solid #b5121b;
  border-spacing: 0;
  font-size: 0.9em;
  margin: 10px auto;
  width: 500px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  clear: both;
}

#orderPadTable tr {
  /* font-size: .8em; */
  font-weight: bold;
  height: 2.2em;
  /* text-align: center; */
}

.orderpadQuantityField input,
.orderpadUOMField input {
  width: 45px;
}

#orderPadTable tbody tr td {
  border-top: 1px solid #b5121b;
  padding-left: 20px;
}

#orderPadTable tbody tr.columnHeader td {
  border-top: none;
}

#orderPadTable tbody tr.columnHeader td:first-child {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
}

#orderPadTable tbody tr.columnHeader td:last-child {
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
}

/* End Order Pad styles */

/* Start Item List Navigation-Pagination-Sorting styles */

#breadcrumb a {
  color: #b5121b;
  font-weight: bold;
  text-decoration: none;
}

#breadcrumb a:hover {
  text-decoration: underline;
}

#rightMainColumn #itemListNavigationTopUtil {
  font-size: 12px;
  float: left;
  width: 770px;
  background-image: url(../images/bkgd_appnav_emptynav_1X28.png);
  padding-top: 5px;
  margin-bottom: 10px;
  height: 23px;
  padding-left: 5px;
  padding-right: 5px;
  /*border: medium solid #000;*/
  /*line-height:28px;*/
  /*margin-top:10px;*/
  /*text-align: center;*/
  /*-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;*/

  /*margin-left: 15px;*/
  /*background:url("../images/bkgd_appnav_emptynav_1X28.png") repeat-x scroll 0 0 transparent;
	background-color:#FFFFFF;*/
  /*font-size: 0.65em;*/
}

#centerMainColumn1 #itemListNavigationTopUtil {
  font-size: 12px;
  float: left;
  width: 980px;
  background-image: url(../images/bkgd_appnav_emptynav_1X28.png);
  padding-top: 5px;
  margin-bottom: 10px;
  height: 23px;
  padding-left: 5px;
  padding-right: 5px;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622 - MISSING in HANCO20101? */
#itemListNavigationTopUtil {
  background: url("../images/bkgd_appnav_emptynav_1X28.png") repeat-x scroll 0 0
    transparent; /* Item List Top Navigation Bar background color */
  background-color: #ffffff;
  font-size: 0.65em;
  line-height: 28px;
  margin-top: 10px;
  text-align: center;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

.itemsviewimg {
  background: url("../images/ui_icons_items_view_17x17.png") no-repeat top left;
  width: 17px;
  height: 17px;
}

.itemsviewimg.grid-view-active {
  background-position: 0px 0px;
  float: right;
  height: 24px;
  margin-top: 5px;
  margin-right: 15px;
}

.itemsviewimg.grid-view-inactive {
  background-position: -27px 0px;
  float: right;
  height: 24px;
  margin-top: 5px;
  margin-right: 15px;
}

.itemsviewimg.list-view-active {
  background-position: -54px 0px;
  float: right;
  height: 24px;
  margin-top: 5px;
  margin-right: 10px;
}

.itemsviewimg.list-view-inactive {
  background-position: -81px 0px;
  float: right;
  height: 24px;
  margin-top: 5px;
  margin-right: 10px;
}

.list-style-buttons a {
  text-align: center;
  text-decoration: none;
}

.list-style-buttons a:hover {
}

.itemListNavPagination {
  /* display: inline-block; */
  float: left;
  min-width: 37%;
  text-align: left;
}

.itemListNavFiller {
  /* float: right; */
  /* height: 1px; */
  /* width: 130px; */
  width: 10px;
  display: inline-block;
  background-color: #f00;
  float: right;
}

#itemListNavigationBottomUtil {
  /* background: url("../images/bkgd_appnav_emptynav_1X28.png") repeat-x scroll 0 0 transparent;
	background-color: #FFFFFF; 
	clear: both;
	font-size: .65em;
	line-height: 28px;
	margin-top: 10px;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; */
  background: url(../images/bkgd_appnav_emptynav_rev_1X28.gif);
  background-color: #ffffff;
  clear: both;
  font-size: 12px;
  line-height: 28px;
  /* margin-top: 10px; */
  text-align: center;
  /* -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; */
}

.itemListSortBy {
  float: right;
  margin-right: 5px;
}

.itemListSortBy select {
  font-size: 1em;
}

.numberOfShowingResults {
  float: left;
  /* margin-left: 5px; */
  text-align: center;
  width: 26%;
}

.itemListSortByLabel {
  font-weight: bold;
  margin-right: 5px;
}

.itemListNavPagination a {
  color: maroon;
  padding: 5px 4px;
  text-decoration: none;
}

.itemListNavPagination a:hover {
  background-color: #ffffff;
  border: 1px solid maroon;
  color: #062989;
  font-weight: bold;
  padding: 5px 3px;
  text-decoration: underline;
}

.itemListNavPreviousDisabled {
  background-color: inherit;
  border: none;
  color: #808080;
  margin-left: 10px;
  padding: 4px;
  text-decoration: none;
}

.itemListNavPage {
  font-weight: bold;
  /* margin-left: 3px; */
  padding-left: 5px;
}

.itemListNavPageCurrent {
  font-weight: bold;
  padding: 5px 4px;
  text-decoration: underline;
}

.itemListNavNext {
  font-weight: bold;
}

.itemListViewLayoutOptionSelection {
  clear: both;
  float: left;
  margin-right: 5px;
}

.itemListViewAsActiveOption {
  font-weight: bold;
  text-decoration: underline;
}

.itemListViewLayoutOptionSelection a {
  color: maroon;
  text-decoration: none;
}

.itemListViewLayoutOptionSelection a:hover {
  text-decoration: underline;
}

.itemListViewAsLabel {
  font-weight: bold;
  margin-left: 5px;
  margin-right: 3px;
}

.numberItemsPerPage {
  /* clear: both;
	float: left;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 0 15px; */
  float: right;
  font-weight: bold;
  /* width: 37%; */
  text-align: right;
}

.numberItemsPerPageLabel {
  margin-right: 3px;
}

.numberItemsPerPageActiveOption {
  text-decoration: underline;
}

.numberItemsPerPage a {
  color: maroon;
  font-weight: normal;
  text-decoration: none;
}

.numberItemsPerPage a:hover {
  text-decoration: underline;
}
/* End Item List Navigation-Pagination-Sorting styles */

/* Start Right Main Column content styles */

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED BLOCK BEGIN BUT KEEPING in HANCO20502 lineItemAddPanel */

#lineItemAddPanel {
  background-color: #ffffff;
  margin-bottom: 1px;
  width: 180px !important;
}

#lineItemAddPanel h3 {
  display: inline;
}

#lineItemAddPanel a {
  display: inline;
}

#lineItemAddPanel th {
  font-weight: normal;
  font-size: 0.7em;
}

#lineItemAddPanel.toolPanel td {
  text-align: left;
}

#lineItemAddPanel.toolPanel td#lineItemAddSubmitButtonContainer {
  text-align: center;
}

#lineItemAddPanel input.input {
  font-size: 0.7em;
  width: auto !important;
}

#lineItemAddPanel form {
  display: inline;
}

#lineItemAddNumberInputBox input {
  width: 80px;
}

#lineItemAddQuantityInputBox input {
  width: 30px;
}

#lineItemAddUOMInputBox input {
  width: 50px;
}

#lineItemAddPanel table {
  margin: 0 auto;
  width: 170px;
}

#lineItemAddSubmitButtonContainer {
  text-align: center;
}

#lineItemAddSubmitButtonContainer input.button {
  max-width: 150px;
  white-space: normal;
  word-wrap: break-word;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED BLOCK ENDED BUT KEEPING in HANCO20502 lineItemAddPanel */

#carveoutItems {
  margin-bottom: 1px;
}

.carveoutPanel {
  border: 1px;
  text-align: center;
  /*	width: 100%;*/
}

.carveoutItemDetailLink {
  display: inline;
}

.carveoutItemDetailLink a {
  vertical-align: middle;
}

div.carveoutPanel div div.carveoutItemDetailLink a:hover {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.carveoutItemThumbnailContainer {
  display: inline;
  height: 40px;
  width: 50px;
}

div.carveoutItemThumbnailContainer a {
  padding: 0;
}

div.carveoutItemThumbnailContainer a:hover {
  background-color: inherit;
}

.carveoutItemThumbnailContainer img {
  border: 0;
  margin: 5px 0px 0px 0px;
  max-width: 140px;
  padding: 0;
  vertical-align: middle;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED BLOCK BEGIN BUT KEEPING in HANCO20502 toolPanel navMenuItem */

.toolPanel {
  background-color: #ffffff;
  margin-bottom: 1px;
  text-align: center;
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

.toolPanel a {
  color: #000000;
  display: block;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1em;
  padding: 8px;
  text-decoration: none;
}

.toolPanel a:hover {
  background-color: #cbcbcb;
}

.toolPanel > a:last-child {
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

.navMenuItem {
  line-height: 1.5em;
  text-align: center;
}

.navMenuItem a {
  color: #000000;
  font-size: 0.7em;
  font-weight: bold;
  text-decoration: none;
}

.navMenuItem:hover {
  background-color: #cbcbcb;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 REMOVED BLOCK ENDED BUT KEEPING in HANCO20502 toolPanel navMenuItem */

#userSessionPanel {
  background-color: #ffffff;
  font-size: 0.7em;
  overflow: auto;
  padding: 5px;
  width: 170px;
}

#userSessionPanel.toolPanel {
  text-align: left;
}

#userSessionPanel.toolPanel a {
  color: maroon;
  display: block;
  font-size: inherit;
  font-weight: bold;
  line-height: 1em;
  padding: 0;
  text-decoration: underline;
}

.userSessionHeading {
  font-weight: bold;
}

.userSessionHeading a {
  color: #000000;
  text-decoration: none;
}

.userSessionHeading a:hover {
  color: maroon;
}

.userSessionDetail {
  margin-bottom: 4px;
}

.accountTitle {
  background-color: #b5121b;
  border-bottom: 1px solid white;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial, Verdana;
  font-size: 0.8em;
  height: 20px;
  margin-top: 5px;
  padding-right: 3px;
  text-align: center;
  -moz-border-radius: 7px 7px 0 0;
  -webkit-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.accountTitle a {
  display: inline;
  height: 11px;
  width: 11px;
}

.accountTitle h3 {
  display: inline;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.7em;
  margin: 0;
}

.accountTitle img {
  display: inline;
}

img.toggleImage {
  border: 0;
  cursor: pointer;
  margin: 4px 0;
  float: right;
}

/* End Right Main Column styles */

/* Start Footer Content styles */

#footer {
  clear: both;
  float: left;
  width: 100%;
  -moz-border-radius: 0 0 7px 7px;
  -webkit-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 25px;
  background: #d1d1d1; /* Old browsers */
  background: -ms-linear-gradient(top, #d1d1d1 0%, #828282 100%); /* IE10+ */
  background: linear-gradient(to bottom, #d1d1d1 0%, #828282 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#828282',GradientType=0 ); /* IE6-9 */
}

#footer #columns {
  display: flex;
  justify-content: space-around;
  padding-bottom: 10px;
}

#footer .header {
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 1.3em;
  text-decoration: underline;
}

#footer ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

#footer ul li {
  padding: 8px 0;
}

#footer ul li a {
  text-decoration: none;
  font-weight: bold;
}

#container #footer #footerCenter {
  text-align: center;
}

#footer #address {
  padding-bottom: .9em;
  line-height: 1.4em;
}

#container #footer #footerCopy {
  font-size: .9em;
  font-weight: bold;
  padding-bottom: 1em;
  text-shadow: 1px 1px 1px #000000;
  color: #fff;
  filter: drop-shadow(5px 5px 5px #000000);
}

#footer svg.icon {
  height: 15px;
  margin-right: 5px;
  vertical-align: bottom;
}

#footer #email {
  padding-bottom: 1em;
}

#footer #phone {
  padding-bottom: 1em;
}

#footer .socials {
  display: flex;
  justify-content: space-between;
   padding-top: .5em;
}

#footer .socials #facebook a {
  display: flex;
}

#footer .socials #youtube a {
  display: flex;
}

/* End Footer Content styles */

/* Start Order History screen styles */

#orderHistorySettingsContainer {
  margin-bottom: 10px;
}

#orderHistorySettingsContainer input.input {
  width: 75px;
}

#orderHistoryTableInstructions {
  clear: both;
  font-size: 0.8em;
  font-weight: bold;
  margin: auto;
  max-width: 370px;
}

#orderHistoryScreen .standardForm fieldset {
  max-width: 400px;
  clear: both;
}

#orderHistoryScreen div.buttonGroup {
  /* text-align: center; */
  /* width: 100%; */
  width: 770px;
}

/* End Order History screen styles*/

/* Start View Warehouses styles */

.registerAccountFormContainer {
  width: 100%;
}

.viewWarehousesPagination {
  font-size: x-small;
  text-align: center;
}

.bottomBuffer {
  margin-bottom: 10px;
}

#viewWarehousesForm {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 5px;
}

#viewWarehousesTable {
  border: 1px solid #b5121b;
  border-spacing: 0;
  margin: 10px auto;
  width: 90%;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#viewWarehousesTable tr {
  font-size: 0.8em;
  font-weight: bold;
  height: 2.2em;
  text-align: center;
}

#viewWarehousesTable tbody tr td {
  border-top: 1px solid #b5121b;
  text-align: left;
}

#viewWarehousesTable tbody tr.columnHeader td {
  border-top: none;
}

#viewWarehousesTable tbody tr.columnHeader th {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  text-align: left;
  width: 40%;
}

#viewWarehousesTable tbody tr.columnHeader td:last-child {
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
}

#viewWarehousesCurrentPageLabel {
  text-align: left;
}

#viewWarehousesChangeWarehouseWarning {
  color: #ff3333;
  text-align: left;
}

#viewWarehousesWarehouseDisable {
  color: #ff3333;
  text-align: center;
}

#viewWarehousesWarehouseMessage {
  color: #ff3333;
  font-size: small;
  text-align: left;
}

#viewWarehousesFormResultsPerPage {
  text-align: right;
}

/* End View Warehouses screen styles */

/* Start View Pickup Locations styles */

.viewPickupLocationsPagination {
  font-size: x-small;
  text-align: center;
}

#viePickupLocationsForm {
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 5px;
}

#viewPickupLocationsTable {
  border: 1px solid #b5121b;
  border-spacing: 0;
  margin: 10px auto;
  width: 90%;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#viewPickupLocationsTable tr {
  font-size: 0.8em;
  font-weight: bold;
  height: 2.2em;
  text-align: center;
}

#viewPickupLocationsTable tbody tr td {
  border-top: 1px solid #b5121b;
  text-align: left;
}

#viewPickupLocationsTable tbody tr.columnHeader td {
  border-top: none;
}

#viewPickupLocationsTable tbody tr.columnHeader th {
  -moz-border-radius-topleft: 7px;
  -webkit-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  text-align: left;
  width: 40%;
}

#viewPickupLocationsTable tbody tr.columnHeader td:last-child {
  -moz-border-radius-topright: 7px;
  -webkit-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
}

#resetCurrentPickupLocationButton {
  text-align: right;
}

#resetCurrentPickupLocationButton input {
  /* 	width: 180px; */
}

#viewPickupLocationsCurrentPageLabel {
  text-align: left;
}

#viewPickupLocationsChangeWarehouseWarning {
  color: #ff3333;
  text-align: center;
}

#viewPickupLocationsWarehouseDisable {
  color: #ff3333;
  text-align: center;
}

#viewPickupLocationsWarehouseMessage {
  color: #ff3333;
  font-size: small;
  text-align: left;
}

#viewPickupLocationsFormResultsPerPage {
  text-align: right;
}

/* End View Pickup Locations screen styles */

/* Start Account Summary screen styles */

#accountSummaryTablesContainer {
  text-align: center;
}

#accountSummaryTablesContainer fieldset {
  display: inline;
  margin: 8px;
  min-height: 160px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

#accountSummaryTablesContainer table {
  border-collapse: collapse;
  display: inline;
  font-size: 1em;
  margin: 10px;
}

#accountSummaryTablesContainer .label {
  font-size: 0.7em;
}

#accountSummaryAmountDue td {
  border-top: 2px solid #b5121b;
}

#accountSummaryCompanyNumber {
  padding-right: 20px;
}

/* End Account Summary screen styles */

/* Start Review Orders screen styles */

#reviewOrdersScreen fieldset {
  /* max-width: 825px; */
  max-width: 865px;
}

#reviewOrdersScreen fieldset legend {
  margin-left: 45%;
}

#reviewOrdersScreen fieldset fieldset {
  min-height: 145px;
}

fieldset#reviewOrdersEntryDateContainer legend,
fieldset#reviewOrdersOrderTypeContainer legend,
fieldset#reviewOrdersOrderStatusContainer legend,
fieldset#reviewOrdersOtherQualifiersContainer legend {
  margin-left: 10px;
}

#reviewOrdersScreen fieldset .button {
  /* display: block; */
  clear: both;
  margin-right: 10px;
  float: right;
}

#reviewOrdersEntryDateContainer input {
  width: 65px;
}

#reviewOrdersEntryDateContainer a {
  color: #000000;
  font-size: 0.8em;
}

#reviewOrdersOrderTypeContainer label,
#reviewOrdersOrderStatusContainer label {
  font-size: 0.8em;
}

#reviewOrdersOtherQualifiersContainer input.input {
  font-size: 0.9em;
}

#reviewOrdersOtherQualifiersContainer select {
  max-width: 16em;
}

#reviewOrdersScreen .standardTable {
  width: 970px;
}

/* End Review Orders screen styles */

/* Start Item Stats Styles */
#saleStatsScreen .colheader {
  padding-left: 5px;
}

#saleStatsScreen .text {
  padding-left: 5px;
}

/* End Item Stats Styles */

/* Start Invoice Checkout screen styles */

#invoiceCheckoutScreen #invoiceCheckoutForm {
  margin: auto;
  /* width: 38em; */
  width: 900px;
}

#invoiceCheckoutScreen #paymentInfoContainer,
#invoiceCheckoutScreen #cardHolderInfoContainer {
  float: left;
  margin: 0 5px;
  /* width: 18em; */
  width: 400px;
}

#invoiceCheckoutScreen #paymentInfoContainer label,
#invoiceCheckoutScreen #cardHolderInfoContainer label {
  /* float: left;
	font-size: .65em;
	font-weight: bold;
	position: relative;
	text-align: right;
	top: 4px;
	width: 10em; */
  float: left;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  text-align: right;
  clear: both;
  padding-right: 5px;
  line-height: 20px;
  width: 150px;
  /* top: 4px; */
  /* width: 10em; */
}

#invoiceCheckoutScreen .standardForm input {
  /* font-size: .7em; */
  width: 12em;
}

#invoiceCheckoutScreen #invoiceCheckoutButtonGroupContainer {
  border-bottom: 1px solid maroon;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

#invoiceCheckoutScreen #invoicePaymentCheckoutBalance {
  background: url("../images/bkgd_appnav_emptynav_1X28.png") repeat-x scroll 0 0
    transparent;
  background-color: #ffffff;
  /* font-size: .75em; */
  line-height: 28px;
  margin-top: 10px;
  text-align: right;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#invoiceCheckoutScreen .invoicePaymentCheckoutBalanceTotal {
  color: #b5121b;
  font-weight: bold;
  padding-right: 10px;
}

/* End Invoice Checkout screen styles */

/* Start View Invoices screen styles */

#viewInvoicesScreen .standardForm {
  margin: auto;
  width: 400px;
}

#viewInvoicesScreen .standardForm input.input {
  /* font-size: .8em; */
  width: 100px;
}

#viewInvoicesScreen .standardTable tbody {
  border: 1px solid #d3d3d3;
}

#viewInvoicesScreen .standardTable tr td {
  border-top: 1px solid white;
}

#viewInvoicesScreen .standardTable tr td.columnHeader {
  border-top: 1px solid #d3d3d3;
}

#viewInvoicesScreen .invoicePaymentEnabled td:hover {
  cursor: pointer;
}

#viewInvoicesScreen .from {
  padding-left: 2em;
}

#viewInvoicesScreen .button {
  display: inline;
}

#viewInvoicesScreen #invoiceControls {
  /* text-align: center; */
  text-align: right;
  padding-top: 5px;
}

#viewInvoicesScreen #invoiceControls #invoiceEmailControls {
  display: inline;
}

#viewInvoicesScreen #invoiceControls #invoicePaymentControls {
  display: inline;
}

#invoicePaymentButtonTopContainer {
  float: right;
  /* height: 0; */
  height: 10px;
  margin-top: 10px;
}

#viewInvoicesScreen #clearAllInvoicesSelectedForPaymentButton {
  cursor: pointer;
  /* left: 3em; */
  /* position: relative; */
}

#viewInvoicesScreen
  #clearAllInvoicesSelectedForPaymentButton.button[disabled*="disabled"] {
  cursor: auto;
}

#viewInvoicesScreen
  #invoicePaymentButtonTopContainer
  input#invoicePaymentButtonTop.button {
  /* background: #CBCBCB;
	border: 2px groove gray;
	color: #FFFFFF;
	display: none;
	font-weight: bold;
	margin-bottom: 0;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	border-radius: 4px; */
  background: #cbcbcb;
  border: 2px groove gray;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 15px;
  border-radius: 4px;
}

/*
#viewInvoicesScreen .invoicePaymentEnabled #invoicePaymentButtonTopContainer input#invoicePaymentButtonTop.button {
	background: #CBCBCB;
	border: 2px groove gray;
	color: #FFFFFF;
	display: inline;
	font-weight: bold;
	margin-bottom: 0;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	border-radius: 4px;
}
*/

#viewInvoicesScreen
  .invoicePaymentEnabled
  #invoicePaymentButtonTopContainer
  input#invoicePaymentButtonTop.invoicePaymentButtonEnabled {
  background: #b5121b;
  /* border: 2px groove black;
	color: #FFFFFF;
	cursor: pointer;
	display: inline;
	font-weight: bold;
	margin-bottom: 0;
	padding: 2px 15px;
	position: relative;
	right: 10px;
	border-radius: 4px; */
}

#viewInvoicesScreen
  #invoicePaymentButtonBottomContainer
  input#invoicePaymentButtonBottom.button {
  background: #cbcbcb;
  border: 2px groove gray;
  color: #ffffff;
  /* display: none; */
  /* float: right; */
  font-weight: bold;
  padding: 2px 15px;
  /* position: relative; */
  /* right: 10px; */
  /* top: 5px; */
  border-radius: 4px;
}

#viewInvoicesScreen #itemListNavigationBottomUtil {
  margin-top: 5px;
}

#viewInvoicesScreen #itemListNavigationBottomUtil .invoiceCheckoutContainer {
  margin-top: 0px;
  clear: none;
}

#viewInvoicesScreen
  .invoicePaymentEnabled
  #invoicePaymentControls
  input#invoicePaymentButtonBottom.invoicePaymentButtonEnabled {
  background: #b5121b;
}

#viewInvoicesScreen
  .invoicePaymentEnabled
  #invoicePaymentButtonBottomContainer
  input#invoicePaymentButtonBottom.button {
  background: #cbcbcb;
  border: 2px groove gray;
  color: #ffffff;
  display: inline;
  float: right;
  font-weight: bold;
  padding: 2px 15px;
  position: relative;
  right: 10px;
  top: 5px;
  border-radius: 4px;
}

#viewInvoicesScreen
  .invoicePaymentEnabled
  #invoicePaymentButtonBottomContainer
  input#invoicePaymentButtonBottom.invoicePaymentButtonEnabled {
  background: #b5121b;
  border: 2px groove black;
  color: #ffffff;
  cursor: pointer;
  display: inline;
  float: right;
  font-weight: bold;
  padding: 2px 15px;
  position: relative;
  right: 10px;
  top: 5px;
  border-radius: 4px;
}

#viewInvoicesScreen
  .invoicePaymentEnabled
  #invoicePaymentButtonTopContainer
  input#invoicePaymentButtonTop.invoicePaymentButtonEnabled:hover,
#viewInvoicesScreen
  .invoicePaymentEnabled
  #invoicePaymentButtonBottomContainer
  input#invoicePaymentButtonBottom.invoicePaymentButtonEnabled:hover {
  text-decoration: underline;
}

#viewInvoicesScreen .invoicePaymentButtonTop:focus,
#viewInvoicesScreen .invoicePaymentButtonBottom:focus {
  /* 	border: 2px solid red; */
}

#viewInvoicesScreen #ui-datepicker-div {
  font-size: 0.7em;
}

#viewInvoicesScreen .invoiceCheckoutContainerHidden {
  color: #000000;
  float: right;
  font-size: 1.2em;
  font-weight: normal;
  min-height: 1px;
  width: 180px;
  display: none;
}

#viewInvoicesScreen .invoiceCheckoutContainer {
  color: #000000;
  float: right;
  font-size: 1.2em;
  font-weight: normal;
  min-height: 1px;
  /* width: 180px; */
  margin-top: 10px;
  clear: both;
}

#viewInvoicesScreen .selectedInvoiceBalanceTotalDisplay {
  color: #b5121b;
  font-weight: bold;
}

#viewInvoicesScreen .selected .invoiceBalance {
  color: cyan;
  font-size: 1.1em;
  font-weight: bold;
}

/* End View Invoices screen styles */

/* Start invoice detail screen styles */

.invoiceDetail {
  font-size: 1.2em;
  text-align: left;
}

/* End invoice detail screen styles */

/* Start Cart screen styles */

#cartScreen .checkoutButton {
  /* font-weight: bold; */
}

#cartInfoTable {
  clear: both;
  text-align: right;
  width: 770px;
  margin: auto;
  padding-top: 5px;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
}

#cartInfoTable #freightTable #bottomTotal {
  padding-left: 8px;
}

#cartScreen .standardTableContainer .standardTable .specials .specialsImgO {
  background-position-x: 35px;
}

#cartScreen .standardTableContainer .standardTable .specials .specialsImgC {
  background-position-x: 35px;
}

#cartScreen .standardTableContainer .standardTable .specials .specialsImgF {
  background-position-x: 35px;
}

#cartScreen .standardTableContainer .standardTable .specials .specialsImgN {
  background-position-x: 35px;
}

#cartScreen .standardTableContainer .standardTable .specials .specialsImgU {
  background-position-x: 35px;
}

/* End Cart screen styles */

/* Start Order Checkout screen styles */

#checkoutScreen fieldset fieldset legend {
  margin-left: 40%;
}

#checkoutScreen .standardForm {
  clear: both;
}

#checkoutScreen .standardForm > fieldset {
  width: 875px;
}

#checkoutScreen .standardForm fieldset fieldset {
  border: 0;
  border-top: 1px solid #708090;
  min-height: 250px;
  min-width: 0;
  max-width: 415px;
}

#checkoutScreen #creditCardDetailsContainer {
  float: left;
}

#checkoutScreen #ccAddress {
  float: left;
}

#checkoutScreen .orderTotalsContainer {
  /* border-top: 1px solid maroon; */
  width: 770px;
  margin: auto;
  text-align: right;
}

#checkoutScreen .orderTotalsTable {
  /* margin: auto; */
  float: right;
}

#checkoutScreen .checkoutSubmitButtonGroup {
  /* text-align: center; */
  text-align: right;
  margin: auto;
  width: 770px;
  padding-top: 5px;
  clear: both;
}

#checkoutScreen #checkoutSubmitButtonGroupTop {
  border-bottom: 1px solid maroon;
}

#checkoutScreen #payByCreditCardToggleContainer {
  margin: auto;
  width: 875px;
}

/* End Checkout screen styles */

/* Start Shopping List screen styles */

#shoppingListsScreen #centerMainColumn1 #itemListNavigationTopUtil {
  margin-top: 5px;
}
#shoppingListsScreen #centerMainColumn1 #itemListNavigationBottomUtil {
  margin-top: 10px;
}

/* End Shopping List screen styles */

/* Start Item Detail screen styles */

#itemDetailContainer {
  /* margin: 15px auto; */
  clear: both;
}

/*
#itemDetailImg, #itemDetailCart {
	clear: left;
	float: left;
	text-align: right;
	width: 48%;
}
*/

#itemDetailImg {
  /*width: 100px;*/
  float: left;
  margin-top: 10px;
  /* text-align:right; */
  /* width:48%; */
}

#itemDetailCart {
  /* width: 250px; */
  float: left;
  width: 235px;
  margin-left: 15px;
  /* text-align:right; */
  /* width:48%; */
}

#itemDetailInfo,
#itemDetailWishList {
  /* width: 48%; */
  /* float: right; */
  float: left;
  width: 235px;
  margin-left: 15px;
}

/*  xxxxxxxxxxxxxxxxxxxxxxxxxxx      THKTEMP TODO REMOVE THIS LINE begin of big diffs   */
/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 BLOCK BEGIN MAJOR DIFFS */

/* 
#itemDetailAllowAddCart,  
#itemDetailAllowWarehouse, 
#itemDetailCartBtn, 
#itemDetailWishListTextBox, 
#itemDetailWishListBtn {
	float: left;
	clear: both;
	margin: 6px 12px 6px 6px;
}
*/

#itemDetailAllowAddCart {
  width: 50px;
  float: left;
}

#itemDetailCart table {
  float: left;
}

#itemDetailCart div {
  /* float: right; */
}

#itemDetailTab {
  width: 99%;
  clear: both;
}

#itemDetailScreen #itemDetailTab img {
  /* max-width: 120px; */
  max-width: 600px;
}

#itemDetailScreen #itemDetailTab > table {
  margin: auto;
}

#itemDetailScreen #itemDetailTab #itemListForm table[width*="100%"] {
  background-color: #b5121b;
  border-radius: 7px;
  color: #ffffff;
  font-weight: bold;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 ADD BLOCK BEGIN itemDetailContainer tireSpecs jcarousel */

#itemDetailContainer #itemDetailInfo {
  background-color: #ccc;
  width: 500px;
  float: right;
  margin-right: -15px;
  -webkit-border-radius: 15px 2px 2px 15px;
  border-radius: 15px 2px 2px 15px;
  padding-top: 15px;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-top: 10px;
}

#itemDetDescription {
  background-color: #728499;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 15px;
  border-radius: 0px 7px 0px 0px;
  -webkit-border-radius: 0px 7px 0px 0px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  text-transform: capitalize;
  /*float: left;*/
  /*width: 475px;*/
}

/*#itemDetailContainer #itemDetailImg #primaryImage img {
	height: 320px;
	width: 320px;
}*/

#itemDetailContainer #itemDetailImg #primaryImage img {
  height: 350px;
  width: 350px;
  /*-webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .4);
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .4);*/
}

#itemDetailContainer #itemDetailImg #primaryImage {
  height: 350px;
  width: 350px;
  display: block;
  float: left;
  margin-left: 15px;
  -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#itemDetailContainer #itemDetailImg #altImages {
  float: left;
  width: 95px;
  height: 365px;
  overflow: hidden;
  /*background-color: #0FF;
	margin-left: 10px;*/
}

#itemDetailContainer #itemDetailImg #altImages #mycarousel li .imageSwap {
  display: block;
  float: left;
  margin-left: 10px;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#itemDetailContainer #itemDetailInfo #itemDetailCart #itemDetailCartBtn {
  float: left;
  width: 165px;
}

#itemDetailInfo #itemDetailCart #itemDetailAllowAddCart .input {
  width: 38px;
  height: 38px;
  font-size: 22px;
  margin-top: 1px;
}

#itemDetailCartBtn .addToCartButton {
  background-image: url(../images/addToCart.gif);
  height: 45px;
  width: 165px;
  margin: 0px;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  background-repeat: no-repeat;
}

#itemDetailCartBtn .addToCartButton:hover {
  cursor: pointer;
  background-position: 0px -45px;
}

#itemDetailWishList #itemDetailWishListTextBox #shoppingLists {
  background-color: #ccc;
  width: 207px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 5px;
  padding-left: 2px;
  padding-right: 2px;
  display: none;
}
#itemDetailInfo
  #itemDetailWishList
  #itemDetailWishListTextBox
  #shoppingLists
  #listId {
  width: 205px;
}

#itemDetailContainer #itemDetailInfo #genericFrtPolicy {
  border: thin solid #000;
  float: right;
  width: 210px;
  margin-top: 10px;
  margin-left: 5px;
  height: 65px;
  font-weight: bold;
  background-image: url(../images/grad1.png);
  border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  padding-top: 2px;
  margin-right: 25px;
  text-align: center;
  color: #fff;
}

#itemDetailContainer #itemDetailInfo #genericFrtPolicy a {
  color: #fff;
}

#itemDetailContainer #itemDetailInfo #genericFrtPolicy p {
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 3px;
  text-shadow: 1px 1px #000;
}

#itemDetailContainer #itemDetailInfo #countDown {
  border: thin solid #000;
  float: right;
  width: 200px;
  margin-top: 10px;
  margin-left: 15px;
  /*height: 65px;*/
  font-weight: bold;
  background-image: url(../images/grad1.png);
  border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  /*text-align: center;*/
  word-spacing: -1px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  padding-top: 2px;
  margin-right: 25px;
}
#itemDetailContainer #itemDetailInfo #countDown #shipText {
  color: #fff;
  text-shadow: 1px 1px #000;
  margin-top: 0px;
  text-align: center;
}

#itemDetailContainer #itemDetailInfo #countDown #countdownBlock {
  width: 180px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1px;
  color: #fff;
}

#itemDetailContainer #itemDetailInfo #countDown #countdownBlock #counter12 {
  margin-left: auto;
  margin-right: auto;
  width: 138px;
  margin-top: 6px;
}

#itemDetailContainer
  #itemDetailInfo
  #countDown
  #countdownBlock
  #countTextBlock {
  width: 138px;
  margin-right: auto;
  margin-left: auto;
}

#itemDetailContainer #itemDetailInfo #countDown #countdownBlock .countText {
  width: 34px;
  text-align: center;
  margin-right: 18px;
  display: inline-block;
  margin-top: 3px;
}

#itemDetailContainer
  #itemDetailInfo
  #countDown
  #countdownBlock
  #countTextBlock
  #sec {
  margin-right: 0px; /*this drops margin for last element (sec) allowing everything to fit nicely*/
}
#itemDetailContainer #itemDetailInfo #countDown .cntSeparator {
  font-size: 26px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 22px;
  margin-right: 4px;
  margin-left: 4px;
}

#itemDetailContainer #itemDetailInfo #countDown #detailsLink {
  padding-bottom: 5px;
  font-size: 11px;
  padding-top: 2px;
  font-weight: normal;
}

#itemDetailContainer #itemDetailInfo #countDown #detailsLink a {
  color: #c7c7c7;
  font-size: 10px;
}

#itemDetailContainer #itemDetailInfo #countDown #detailsDiv {
  font-size: 10px;
  font-weight: normal;
  padding-bottom: 5px;
}

#itemDetailContainer #itemDetailInfo #countDown #detailsDiv a {
  padding-left: 8px;
  color: rgb(199, 199, 199);
  font-size: 10px;
}

#itemDetailContainer #itemDetailInfo table {
  float: left;
  width: 250px;
  word-wrap: break-word;
  /*table-layout: fixed;*/
  height: 50px;
  background-color: #aab5bf;
  /*background-color: #0F0;*/
}

#itemDetailContainer #itemDetailInfo table .emptyRow {
  height: 2px;
}

#itemDetailContainer #itemDetailInfo table .headerRow {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-shadow: 1px 1px black;
  background-color: #8998a8;
  height: 25px;
}

#itemDetailContainer #itemDetailInfo table .headerRow td {
  padding-left: 5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#itemDetailContainer #itemDetailInfo table .dataRow {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 14px;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData {
  padding-bottom: 2px;
  padding-left: 15px;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData .price {
  float: left;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData .specials {
  height: 30px;
  width: 100px;
  display: block;
  float: right;
  margin-top: 0px;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData #specialsImgO {
  background-image: url(../images/overstock.png);
  background-repeat: no-repeat;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData #specialsImgC {
  background-image: url(../images/closeout.png);
  background-repeat: no-repeat;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData #specialsImgF {
  background-image: url(../images/flyerItem.png);
  background-repeat: no-repeat;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData #specialsImgN {
  background-image: url(../images/newItem.png);
  background-repeat: no-repeat;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData #specialsImgU {
  background-image: url(../images/usedItem.png);
  background-repeat: no-repeat;
}

#itemDetailContainer #itemDetailInfo table .dataRow .itemDetData #specialsImgM {
  background-image: url(../images/made_in_usa.png);
  background-repeat: no-repeat;
}

#itemDetailTab .tabBlock {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
}

#itemDetailTab .tabBlock .itemTab {
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 14px;
  background-color: #8998a8;
  text-align: left;
  padding-left: 15px;
  -webkit-border-radius: 0px 7px 0px 0px;
  border-radius: 0px 7px 0px 0px;
  color: white;
  text-shadow: 1px 1px 1px black;
  /*margin-right: 15px;
	margin-top: 10px;*/
  /*margin-left: 15px;*/
  /*margin-bottom: 10px;*/
}

#itemDetailTab .tabBlock .itemTab .tabText {
  float: left;
}

#itemDetailTab .tabBlock .itemTab .tabShift {
  float: right;
  height: 11px;
  width: 11px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 10px;
}

#itemDetailTab .tabBlock .tabContent {
  /*margin-left: 15px;*/
  padding: 10px;
  /*margin-right: 15px;*/
  background-color: #e3e7ea;
  -webkit-border-radius: 0px 0px 7px 0px;
  border-radius: 0px 0px 7px 0px;
}

.tireSpecs td {
  padding-left: 8px;
}

.tireSpecs th {
  text-align: left;
}

.tireSpecs .even {
  background-color: #ccc;
}

.tireSpecs .smallerText {
  font-size: 80%;
}

.jcarousel-container {
  /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;*/
}

.jcarousel-container-vertical {
  width: 75px;
  height: 280px;
  padding-top: 40px;
  /*padding-right: 20px;*/
  padding-bottom: 40px;
  /*padding-left: 20px;*/
}

.jcarousel-clip {
  overflow: hidden;
}

.jcarousel-clip-vertical {
  width: 75px;
  height: 280px;
}

.jcarousel-item {
  width: 75px;
  height: 69px;
}

.jcarousel-item-vertical {
  /*margin-bottom: 10px;*/
  width: 75px;
  height: 69px;
  list-style-type: none;
  float: left;
  padding-top: 8px;
  padding-right: 0px;
  padding-bottom: 8px;
  padding-left: 0px;
}

.jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-next-vertical {
  position: absolute;
  bottom: 5px;
  /*left: 43px;*/
  left: 23px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-next-vertical:hover,
.jcarousel-next-vertical:focus {
  background-position: 0 -32px;
}

.jcarousel-next-vertical:active {
  background-position: 0 -64px;
}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:focus,
.jcarousel-next-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}

.jcarousel-prev-vertical {
  position: absolute;
  top: 5px;
  /*left: 43px;*/
  left: 23px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(../images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-prev-vertical:hover,
.jcarousel-prev-vertical:focus {
  background-position: 0 -32px;
}

.jcarousel-prev-vertical:active {
  background-position: 0 -64px;
}

.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:focus,
.jcarousel-prev-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}

.jcarousel-list-vertical {
  padding: 0px;
}

.jcarousel #mycarousel li {
  list-style-type: none;
  padding: 1px 0px 0px 0px;
  height: 69px;
  /*margin: 0px;*/
}

.jcarousel #mycarousel {
  margin: 0px;
  padding: 0px;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 ADD BLOCK ENDED itemDetailContainer tireSpecs jcarousel */

/* End Item Detail screen styles */

/* Start Category Browse screen styles*/

.topLevelCategoryContainer {
  /* float: left; */
  padding-top: 10px;
  margin: 10px;
  min-height: 175px;
  width: 200px;
  text-align: center;
}

.topLevelCategoryContainer a {
  color: #000000;
  /* font-size: .8em; */
  font-weight: bold;
  text-decoration: none;
}

.topLevelCategoryContainer ul {
  margin: 5px 0 0 0;
  padding: 0;
}

.topLevelCategoryContainer ul li {
  font-size: 0.8em;
  list-style: disc inside none;
}

.banner {
  text-align: center;
  padding-bottom: 5px;
}

.banner-carousel .jcarousel-container-horizontal {
  padding: 20px 50px;
  width: 780px;
}

.banner-carousel .jcarousel-clip {
  overflow: hidden;
}

.banner-carousel .jcarousel-clip-horizontal {
  width: 780px;
  height: 125px;
}

.banner-carousel .jcarousel-item {
  width: 780px;
  height: 125px;
}

.banner-carousel .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 10px;
}

.banner-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0;
}

.banner-carousel .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

#categoryBrowseScreen .banner-carousel {
  padding-top: 10px;
}

.jcarousel-banners {
  padding: 20px 50px;
  height: 125px;
  width: 780px;
  position: relative;
  margin: auto;
}

.jcarousel-banners .jcarousel {
  width: 782px;
  position: relative;
  overflow: hidden;
  height: 127px;
  /*border: 1px solid #000;*/
}

.jcarousel-banners ul {
  width: 20000px;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
}

.jcarousel-banners li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

*[dir="rtl"] .jcarousel-banners li {
  float: right;
  margin: 0 0 0 10px;
}

#rightMainColumn .jcarousel-banners {
  padding: 0px 0px 5px 0px;
}

#rightMainColumn .jcarousel-prev-button {
  position: absolute;
  top: 1px;
}

#rightMainColumn .jcarousel-next-button {
  position: absolute;
  top: 1px;
  right: -2px;
}

/** Custom **/

.jcarousel-banners li img {
  /*border: 0;*/
  border: 1px solid #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-button {
  position: absolute;
  top: 21px;
  right: 49px;
  width: 25px;
  height: 125px;
  cursor: pointer;
  background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-direction-rtl .jcarousel-next-button {
  left: 5px;
  right: auto;
  background-image: url(../images/prev-horizontal.png);
}

.jcarousel-next-button:hover,
.jcarousel-next-button:focus {
  background-position: -25px 0;
}

.jcarousel-next-button:active {
  background-position: -50px 0;
}

.jcarousel-prev-button {
  position: absolute;
  top: 21px;
  width: 25px;
  height: 125px;
  cursor: pointer;
  background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
  left: auto;
  right: 5px;
  background-image: url(../images/next-horizontal.png);
}

.jcarousel-prev-button:hover,
.jcarousel-prev-button:focus {
  background-position: -25px 0;
}

.jcarousel-prev-button:active {
  background-position: -50px 0;
}

.breadcrumbContainer {
  /* border-bottom: 1px solid #D7D7D7;
	clear: both;
	font-size: .75em;
	margin: 0 0 0 5px;
	padding-bottom: 3px; */
  clear: both;
  font-size: 11px;
  margin: 0 0 0 5px;
  padding-bottom: 3px;
  float: left;
}

.breadcrumbContainer a {
  /* color: black;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none; */
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

.breadcrumbContainer a:hover {
  color: #b5121b;
  text-decoration: underline;
}

.breadcrumbContainer .breadcrumbSeparator {
  /* font-size: .8em;
	vertical-align: 1px; */
  font-size: 11px;
  vertical-align: 1px;
}

.breadcrumbContainer #lastBreadcrumbNode {
  color: #b5121b;
  font-weight: bold;
}

#refineBySearchInputForm input.input {
  /* border: 2px inset #D3D3D3;
	width: 125px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; */
}

#refineBySearchInputForm input.button {
  border-radius: 20px;
  padding: 2px 4px;
}

#refineByCategoryContainer {
  margin-top: 5px;
}

/*
#categorySidebarList {
	background-color: #FFFFFF;
	margin-top: 5px;
	max-height: 400px;
	overflow: auto;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
*/

/*
#categorySidebarList a {
	text-decoration: none;
	color: black;
	font-size:13px;
}
*/

a.categorySidebarLink {
  /* color: maroon;
	display: block;
	font-size: .7em;
	font-weight: bold;
	margin: 8px 5px;
	text-decoration: none; */
  color: #000;
  text-decoration: none;
}

a.categorySidebarLink:hover {
  /* text-decoration: underline; */
  text-decoration: none; /* change color or do something else to highlight this at some point */
}

#refineByAttributeContainer {
  margin-top: 10px;
}

.sidebarList {
  background-color: #efedee;
  margin-top: 5px;
  /*max-height: 400px;
	overflow: auto;*/
}

.sidebarList input {
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}

.sidebarList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebarList ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: bold;
  /*font-size: 13px;*/
  font-size: 12px;
}

.sidebarList li ul li {
  margin-left: -8px;
  padding-top: 2px;
  padding-bottom: 1px;
}

#categorySidebarList li {
  margin-left: -8px;
  padding-top: 2px;
  padding-bottom: 1px;
}

/*.sidebarList ul {
	margin: 0;
}*/

/*.sidebarList ul ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}*/

#attributeSelectionContainer {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#attributeSidebarList {
  background-color: #ffffff;
  margin-top: 5px;
  max-height: 400px;
  overflow: auto;
  overflow-x: scroll;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

#attributeSidebarList ul {
  list-style: none;
  margin: 5px 0 5px 5px;
  padding: 0;
}

#attributeSidebarList ul li {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}

#attributeSidebarList ul ul {
  margin: 0;
}

#attributeSidebarList ul ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

label.attributeNameLabel {
  /* font-size: .9em; */
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: 14px;
  background-color: #8998a8;
  text-align: left;
  padding-left: 15px;
  -webkit-border-radius: 0px 7px 0px 0px;
  border-radius: 0px 7px 0px 0px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  margin-top: 8px;
}

label.attributeNameLabel ul li ul li .refinement {
  /*the a tag*/
  text-decoration: none;
  color: #000;
  /*text-align: right;
	font-weight: bold;
	font-size: 13px;*/
}

a.attributeSidebarLink {
  /* color: maroon;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none; */
  /* color:maroon;
	font-size:.7em;
	font-weight:bold; */
  /* text-align: right;
	font-weight: bold;
	font-size: 13px; */
  text-decoration: none;
  color: #000;
}

a.attributeSidebarLink:hover {
  /* text-decoration: underline; */
  text-decoration: none; /*change color or do something else to highlight this at some point*/
}

#refineByAttributeButtonForm {
  /* text-align: center; */
  padding-top: 10px;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 ADD BLOCK BEGIN */

#moreLess {
  color: #000000;
  font-size: 0.7em;
}

#categoryBrowseScreen #rightMainColumn #countDown {
  float: right;
  background-image: url(../images/grad1.png);
  background-position-y: -20px;
  /*margin-right: 5px;*/
  padding-right: 5px;
  padding-left: 5px;
  border: thin solid #000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #000;
  margin-top: -3px;
  margin-bottom: 3px;
}

#categoryBrowseScreen #rightMainColumn #counter12 {
  display: inline-block;
  width: 113px;
  height: 20px;
  float: left;
  margin-left: 6px;
}

#categoryBrowseScreen #rightMainColumn #shipText {
  float: left;
  display: inline-block;
}

#categoryBrowseScreen #rightMainColumn .cntSeparator {
  /*padding-right: 5px;
	padding-left: 5px;*/
  margin-left: 3px;
  width: 25px;
}

#categoryBrowseScreen #rightMainColumn #countDown #detailsLink {
  float: left;
  padding-left: 5px;
  text-shadow: none;
  font-size: 11px;
}

#categoryBrowseScreen #rightMainColumn #countDown #detailsLink a {
  vertical-align: middle;
}

#categoryBrowseScreen #rightMainColumn #countDown #detailsDiv {
  text-shadow: none;
  font-weight: normal;
  clear: both;
  padding-top: 2px;
}

#categoryBrowseScreen #rightMainColumn #countDown #detailsDiv a {
  padding-left: 8px;
  font-size: 11px;
}

#categoryBrowseScreen .errorMessage {
  float: none;
}

#specialsItemListScreen #countDown {
  float: right;
  background-image: url(../images/grad1.png);
  background-position-y: -20px;
  /*margin-right: 5px;*/
  padding-right: 5px;
  padding-left: 5px;
  border: thin solid #000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #000;
  margin-top: 3px;
  margin-bottom: 3px;
}

#specialsItemListScreen #counter12 {
  display: inline-block;
  width: 113px;
  height: 20px;
  float: left;
  margin-left: 6px;
}

#specialsItemListScreen #shipText {
  float: left;
  display: inline-block;
}

#specialsItemListScreen .cntSeparator {
  /*padding-right: 5px;
	padding-left: 5px;*/
  margin-left: 3px;
}

#specialsItemListScreen #countDown #detailsLink {
  float: left;
  padding-left: 5px;
  text-shadow: none;
  font-size: 11px;
}

#specialsItemListScreen #countDown #detailsLink a {
  vertical-align: middle;
}

#specialsItemListScreen #countDown #detailsDiv {
  text-shadow: none;
  font-weight: normal;
  clear: both;
  padding-top: 2px;
}

#specialsItemListScreen #countDown #detailsDiv a {
  padding-left: 8px;
  font-size: 11px;
}

#specialsItemListScreen .confirmMessage {
  clear: both;
}

#itemListDisplayScreen #countDown {
  float: right;
  background-image: url(../images/grad1.png);
  background-position-y: -20px;
  margin-right: 5px;
  padding-right: 5px;
  padding-left: 5px;
  border: thin solid #000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #000;
  margin-top: 3px;
  margin-bottom: 3px;
}

#itemListDisplayScreen #counter12 {
  display: inline-block;
  width: 113px;
  height: 20px;
  float: left;
  margin-left: 6px;
}

#itemListDisplayScreen #shipText {
  float: left;
  display: inline-block;
}

#itemListDisplayScreen .cntSeparator {
  /*padding-right: 5px;
	padding-left: 5px;*/
  margin-left: 3px;
  width: 25px;
}

#itemListDisplayScreen #countDown #detailsLink {
  float: left;
  padding-left: 5px;
  text-shadow: none;
  font-size: 11px;
}

#itemListDisplayScreen #countDown #detailsLink a {
  vertical-align: middle;
}

#itemListDisplayScreen #countDown #detailsDiv {
  text-shadow: none;
  font-weight: normal;
  clear: both;
  padding-top: 2px;
}

#itemListDisplayScreen #countDown #detailsDiv a {
  padding-left: 8px;
  font-size: 11px;
}

#itemListDisplayScreen .errorMessage {
  clear: both;
}

#itemListDisplayScreen .confirmMessage {
  clear: both;
}

.jpRefineContainer {
  background-color: #efedee;
  -webkit-border-radius: 0px 15px 15px 0px;
  border-radius: 0px 15px 15px 0px;
  padding: 10px;
  margin-left: -10px;
  /*padding-left: 10px;*/
  margin-top: 10px;
}

/* DUP
.standardTable {
	border-collapse:collapse;
}
*/

.standardTableContainer .standardTable .specials {
  background-color: #008000;
  padding: 0px;
  color: #fff;
}

.standardTableContainer .standardTable .highlight {
  background-color: rgb(241, 167, 167);
}

/* .standardTableContainer .standardTable .specials .highlight {
	background-color: rgb(255, 144, 42);
} */

.standardTableContainer .standardTable .specials .specialsRow2 {
  border-bottom: 1px solid #000000;
}

.standardTableContainer .standardTable .specialsImgO {
  background-image: url(../images/overstock.png);
  background-repeat: no-repeat;
}

.standardTableContainer .standardTable .specialsImgC {
  background-image: url(../images/closeout.png);
  background-repeat: no-repeat;
}

.standardTableContainer .standardTable .specialsImgF {
  background-image: url(../images/flyerItem.png);
  background-repeat: no-repeat;
}

.standardTableContainer .standardTable .specialsImgN {
  background-image: url(../images/newItem.png);
  background-repeat: no-repeat;
}

.standardTableContainer .standardTable .specialsImgU {
  background-image: url(../images/usedItem.png);
  background-repeat: no-repeat;
}

.standardTableContainer .standardTable .specialsImgM {
  background-image: url(../images/made_in_usa.png);
  background-repeat: no-repeat;
}

.standardTableContainer .standardTable td .limited {
  /*font-size: 14px;*/
  font-weight: bold;
  color: #0900e7;
}

#refineBySearchInputForm #refineByInput {
  float: left;
}
#container #leftMainColumn #refineBySearchInputForm .label {
  display: block;
  padding-bottom: 3px;
}
#refineBySearchInputForm #refineGoButton {
  margin-left: 5px;
}

.banner-carousel .jcarousel-container {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgb(254, 255, 255); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZWZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDJlYmY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    rgba(254, 255, 255, 1) 0%,
    rgba(210, 235, 249, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    radial,
    center center,
    0px,
    center center,
    100%,
    color-stop(0%, rgba(254, 255, 255, 1)),
    color-stop(100%, rgba(210, 235, 249, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    rgba(254, 255, 255, 1) 0%,
    rgba(210, 235, 249, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(
    center,
    ellipse cover,
    rgba(254, 255, 255, 1) 0%,
    rgba(210, 235, 249, 1) 100%
  ); /* Opera 12+ */
  background: -ms-radial-gradient(
    center,
    ellipse cover,
    rgba(254, 255, 255, 1) 0%,
    rgba(210, 235, 249, 1) 100%
  ); /* IE10+ */
  background: radial-gradient(
    ellipse at center,
    rgba(254, 255, 255, 1) 0%,
    rgba(210, 235, 249, 1) 100%
  ); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
  border: 1px solid #346f97;
}

.banner-carousel .jcarousel-container-horizontal {
  padding: 20px 50px;
  width: 780px;
}

.banner-carousel .jcarousel-clip {
  overflow: hidden;
}

.banner-carousel .jcarousel-clip-horizontal {
  width: 780px;
  height: 125px;
}

.banner-carousel .jcarousel-item {
  width: 780px;
  height: 125px;
}

.banner-carousel .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 10px;
}

.banner-carousel .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0;
}

.banner-carousel .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

.banner-carousel .jcarousel-next-horizontal {
  position: absolute;
  top: 65px;
  right: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
}

.banner-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
  left: 5px;
  right: auto;
  background-image: url(../images/prev-horizontal.png);
}

.banner-carousel .jcarousel-next-horizontal:hover,
.banner-carousel .jcarousel-next-horizontal:focus {
  background-position: -32px 0;
}

.banner-carousel .jcarousel-next-horizontal:active {
  background-position: -64px 0;
}

.banner-carousel .jcarousel-next-disabled-horizontal,
.banner-carousel .jcarousel-next-disabled-horizontal:hover,
.banner-carousel .jcarousel-next-disabled-horizontal:focus,
.banner-carousel .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

.banner-carousel .jcarousel-prev-horizontal {
  position: absolute;
  top: 65px;
  left: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.banner-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
  left: auto;
  right: 5px;
  background-image: url(next-horizontal.png);
}

.banner-carousel .jcarousel-prev-horizontal:hover,
.banner-carousel .jcarousel-prev-horizontal:focus {
  background-position: -32px 0;
}

.banner-carousel .jcarousel-prev-horizontal:active {
  background-position: -64px 0;
}

.banner-carousel .jcarousel-prev-disabled-horizontal,
.banner-carousel .jcarousel-prev-disabled-horizontal:hover,
.banner-carousel .jcarousel-prev-disabled-horizontal:focus,
.banner-carousel .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

#categoryBrowseScreen .banner-carousel {
  padding-top: 10px;
}

/* Start TPMS Lookup screen styles*/

#tpmsLookupScreen .jcarousel-banners {
  padding: 0px 20px 30px 50px;
}

#tpmsLookupScreen .jcarousel-prev-button {
  top: 1px;
}

#tpmsLookupScreen .jcarousel-next-button {
  top: 1px;
  right: 19px;
}

/* End TPMS Lookup screen styles*/

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 ADD BLOCK ENDED */

#hidecategories {
  width: 200px;
}

#parentSubCat {
  width: 100%;
  overflow: auto;
  display: block;
}

#showcategories {
  width: 200px;
}

#showHidecategories {
  width: 100%;
}

#showHidecategories a {
  color: #000000;
  font-size: 0.7em;
}

#showHideAttributes a {
  color: #000000;
  font-size: 0.7em;
}

#subCategoryContainer {
  float: left;
  margin: 10px;
  min-height: 175px;
  width: 200px;
  text-align: center;
}

#subCategoryContainer a {
  color: #000000;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}

.ui-icon-Minus {
  background-position: 0 0;
  width: 11px;
  height: 11px;
}
.ui-icon-Plus {
  background-position: -21px 0;
  width: 11px;
  height: 11px;
}

/* End Category Browse screen styles*/

/* Start Ship-to screen styles */

#shipToScreen .standardForm fieldset {
  margin: auto;
  /* width: 760px; */
  width: 830px;
}

#shipToScreen .standardTable tbody tr td {
  text-align: left;
}

#shipToScreen .standardTable td:hover {
  cursor: pointer;
}

#shipToScreen .standardTable tr:hover {
  background-color: #cbcbcb;
}

#shipToScreen .standardTable tr.columnHeader:hover {
  background-color: inherit;
}

#shipToScreen .standardTable tr a {
  text-decoration: none;
}

#shipToScreen #centerMainColumn1 #itemListNavigationTopUtil {
  margin-top: 10px;
}

#shipToScreen .errorMessage {
  float: none;
  margin-top: 5px;
  margin-bottom: 5px;
}

/*  CSS for the Shipto selection table */

.viewShiptoSelectionTable {
  border: 1px solid #b5121b;
  border-spacing: 0;
  margin: 10px auto;
  width: 90%;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}

table.viewShiptoSelectionTable {
  background-color: #ffffff;
  border: 1px solid #b5121b;
  min-width: 600px;
}

.viewShiptoSelectionTable a {
  font-weight: bold;
}

.viewShiptoSelectionTable img {
  border: 0 none;
  margin: 0;
  max-width: 120px;
  padding: 0;
}

.viewShiptoSelectionTable th,
.viewShiptoSelectionTable td {
  padding: 5px;
}

.viewShiptoSelectionTable caption {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 3px;
}

.viewShiptoSelectionTable tr.highlight {
  background: #cbcbcb;
}

.viewShiptoSelectionTable tr.selected {
  background: maroon !important;
  color: #ffffff;
  font-weight: bold;
}

.viewShiptoSelectionTable tr.selected a {
  color: #ffffff;
}

.viewShiptoSelectionTable tr a {
  color: inherit;
}

#shipToScreen .viewShiptoSelectionTable fieldset {
  margin: auto;
  width: 760px;
}

#shipToScreen .viewShiptoSelectionTable td:hover {
  cursor: pointer;
}

#shipToScreen .viewShiptoSelectionTable tbody tr td {
  border-top: 1px solid #b5121b;
  text-align: left;
}

#shipToScreen .viewShiptoSelectionTable tr:hover {
  background-color: #cbcbcb;
}

#shipToScreen .viewShiptoSelectionTable tr.columnHeader:hover {
  background-color: inherit;
}

/* End Ship-to Browse screen styles*/

/* Start of save order popup on the checkout screen styles */

.black_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.white_content {
  display: none;
  position: fixed;
  top: 30%;
  left: 30%;
  width: 400px;
  height: 250px;
  padding: 16px;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

/* End of save order popup on the checkout screen styles */

/* Start Saved Orders Screen */

#savedOrdersScreen form .standardTableContainer {
  margin: 5px;
}

#savedOrdersScreen form .standardTableContainer table {
  font-size: 0.7em;
  margin: 10px auto;
}

#savedOrdersScreen form .standardTableContainer table tr td {
  max-width: 30em;
  word-wrap: break-word;
}

/* End Saved Orders Screen */

/* Start Budgets, Spending Limit and Approvals screen styles */

.scroll {
  height: 500px;
  overflow: auto;
  white-space: nowrap;
}

#budgetPanel {
  background-color: #ffffff;
  font-size: 0.7em;
  overflow: auto;
  padding: 5px;
  width: 170px;
}

.budgetDetails {
  font-weight: bold;
}

#budgetApprovalSetupScreen #budgetApprovalDefaults {
  margin: auto;
  max-width: 640px;
}

#budgetApprovalSetupScreen #spendingLimit {
  text-align: right;
  width: 100px;
}

#shopperAccountsSearchScreen #shopperAccountSearch {
  margin: auto;
  max-width: 375px;
}

#shopperAccountsSearchScreen .text {
  font-size: 8pt;
  text-align: center;
  margin: auto;
}

#shopperAccountCreateScreen #shopperAccountMaintenance {
  margin: auto;
  width: 500px;
}

#shopperAccountCreateScreen #spendingLimit {
  text-align: right;
  width: 100px;
}

#shopperAccountAccountSearchScreen #shopperAccountAccountSearch {
  margin: auto;
  width: 17em;
}

#shopperAccountAccountSearchScreen #shopperAccountAccountSearch table {
  margin: auto;
}

#shopperAccountAccountSearchScreen #shopperAccountAccountSearch input {
  width: 12em;
}

#budgetYearsScreen #budgetYearheaderInfo {
  margin: auto;
  width: 400px;
}

#budgetPeriodsScreen #budgetPeriodheaderInfo {
  margin: auto;
  width: 400px;
}

/* End Budgets, Spending Limit and Approvals screen styles */

/* Reset Password screen styles   BEGIN  */

#resetPasswordScreen .standardForm fieldset {
  max-width: 600px;
}

.resetPasswordRules {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
}

/* Reset Password screen styles   ENDED  */

/* Edit Account screen styles     BEGIN  */

#editAccountScreen .standardForm fieldset {
  max-width: 730px;
}

#editAccountScreen #accountInfo table {
  width: 720px;
}

/* Edit Account screen styles     ENDED  */

/* from old Master.css */

.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: silver;
  text-decoration: none;
  /* background-image: url(../images/Footer_Gradient.gif); */
  margin-right: 5px;
}

.banner1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
  text-decoration: none;
  background-color: #ffffff;
  padding: 3px;
}

.bannerimage {
  float: left;
  text-align: left;
}

.bannerwelcome {
  text-align: right;
  font-size: 1em;
  margin: 0;
  color: #777777;
  padding-top: 14px;
  padding-right: 8px;
}

.nav1a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
  background-color: #dde0bd;
  vertical-align: bottom;
}

.nav1b {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: oblique;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
  background-color: #dde0bd;
  text-align: center;
}

.nav1c {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: oblique;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
  background-color: #dde0bd;
  text-align: center;
}

.nav1d {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-align: right;
  text-decoration: none;
  vertical-align: middle;
  background-color: #dde0bd;
  white-space: nowrap;
}

.label1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
}

.text1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
}

.searchLinks {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
}

.searchText {
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
}

.colheader {
  font-family: Arial, Helvetica, sans-serif;
  /* font-size: 10px; */
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  /* background-color: #DDE0BD; */
  background-color: #b8c5d2;
  height: 33px;
}

.cartMessage {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
  float: left;
}

.confirmMessage1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  float: left;
}

.pageTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #b5121b;
}

.item {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #b5121b;
  padding-left: 15px;
}

.tabtr {
  background-color: #b5121b;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial, Verdana;
  font-size: 11px;
  text-decoration: none;
}

.tabbg {
  background-color: #b5121b;
}

.subcategoriesnobullet {
  list-style-type: none;
}

.borderedBox {
  border-color: #c0c0c0;
  border-style: solid;
  border-width: 1px;
  background-color: #ffffff;
}

.productCount {
  color: black;
}

.currentPage {
  font-size: 1.2em;
  text-decoration: underline;
}

.text_area {
  width: 200px;
  background-position: bottom right;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: black;
  text-decoration: none;
}

.link1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  text-decoration: none;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
}

.rowshaded1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  background-color: #dde0bd;
  color: #000000;
  text-decoration: none;
}

.rownotshaded1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
}

/* Any change to width or height of this configurator popup screen should coincide with iFrame width and height on cart.jsp */

.configuratorScreenPopUp {
  position: absolute;
  top: 90px;
  left: 130px;
  text-align: center;
  padding: 5px;
  background: white;
  min-height: 500px;
  width: 900px;
}

.configheading {
  font-weight: bold;
  cursor: pointer;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  BASE20502 ENDED */

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 ADD BLOCK BEGIN */

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {
  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}

.fltlft {
  /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
  float: left;
  margin-right: 8px;
}

.clearfloat {
  /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the #container is removed */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

/* Begin Header/Navigation */

#container .header {
  position: relative;
}

#container .header .topHeadRow1 {
  height: 25px;
  padding-left: 100px;
  color: #fff;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  padding-top: 0px;
  border: medium none #000;
  position: relative;
}

#container .header .topHeadRow3 {
  height: 50px;
}

#container .header .topHeadRow1 #text1 {
  float: left;
  padding-top: 6px;
}

#container .header .topHeadRow1 #text2 {
  float: right;
  padding-right: 5px;
  padding-top: 3px;
  /*width: 100px;*/
}

#container .header .topHeadRow1 #text2 a {
  color: #fff;
  text-decoration: none;
}

#container .header .topHeadRow1 #text2 #selectedShipTo {
  padding-right: 15px;
  margin-top: 2px;
  float: right;
  font-size: 14px;
}

#container .header .topHeadRow2 {
  height: 55px;
  background-image: url(../images/row2.png);
  background-repeat: no-repeat;
  clear: both;
}

#container .header .topHeadRow2 #keywordSearch {
  height: 40px;
  margin-left: 138px;
  margin-top: 14px;
  background-image: url(../images/searchImg.jpg);
  float: left;
  background-repeat: no-repeat; /*overflow: auto;*/
  display: inline-block;
  padding: 0px;
  width: 255px;
}

#container .header .topHeadRow2 #keywordSearch #keywordSearchInput {
  height: 17px;
  width: 150px;
  border: 0;
  outline: none;
  line-height: 16px;
  padding: 0px;
}

#container .header .topHeadRow2 #keywordSearch #keywordSearchInput:focus {
  background-color: #ffffcc;
}

#container .header #hancoLogo {
  width: 138px;
  height: 130px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

#container .header .topHeadRow2 #searchGoButton {
  margin-left: 13px;
  background-image: url(../images/go.png); /*margin-top: 14px;*/
  /*width: 52px; changed to 50 so it doesn't wrap on zoom */
  width: 50px;
  height: 40px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none; /*border: thin solid #000;*/
  background-color: #fff;
  /*Below can go away after this id definition is removed from the original css file*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

#container .header .topHeadRow2 #searchGoButton:hover {
  cursor: pointer;
}

#container .header .topHeadRow2 #goButton {
}

#container .header .topHeadRow2 .tpmsLookupContainer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  width: 233px;
  margin-left: 15px;
  margin-top: 0px;
  float: left;
}

#container .header .topHeadRow2 .tpmsLookupContainer #leftMil {
  padding-right: 5px;
  float: left;
}

#container .header .topHeadRow2 .tpmsLookupContainer #rightMil {
  padding-left: 5px;
}

#container .header .topHeadRow2 .milLight {
  padding-top: 4px;
}

#container .header .topHeadRow2 .tpmsLookupContainer #tpmsLookup {
  display: block;
  float: left;
  padding-top: 5px;
  color: #000;
}

#container .header .topHeadRow2 .tpmsLookupContainer #tpmsLookup a {
  color: #000;
  text-decoration: none;
}

#container .header .topHeadRow2 .tpmsLookupContainer .tpmsCenter {
  margin-left: auto;
  margin-right: auto;
  /*width:175px;*/
  width: 180px;
}

#container .header .topHeadRow2 .userInfo {
  float: left;
  margin-left: 33px;
  margin-top: 8px;
  width: 316px;
}

#container .header .topHeadRow2 .userInfo .userName {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 19px;
  font-weight: normal;
  width: 317px;
  margin-top: 0px;
  padding-top: 0px;
  vertical-align: text-top;
  line-height: normal;
  height: 23px; /*height needed for textFill to properly reduce font size if needed*/
}

#container .header .topHeadRow2 .userInfo .userNameGuest {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 25px;
  font-weight: normal;
  width: 317px;
  margin-top: 0px;
  padding-top: 0px;
  vertical-align: text-top;
  line-height: normal;
  height: 23px; /*height needed for textFill to properly reduce font size if needed*/
}

#container .header .topHeadRow2 .userInfo .userName .contactName {
  font-weight: bolder;
  color: #f00;
}

#container .header .topHeadRow2 .userInfo .userNameGuest .contactName {
  font-weight: bolder;
  color: #f00;
}

#container .header .topHeadRow2 .userInfo .userName #guestSignIn {
  font-size: 16px;
  font-weight: bold;
  margin-top: 2px;
  line-height: normal;
  float: right;
  text-decoration: none;
  color: #000;
}

#container .header .topHeadRow2 .userInfo .userNameGuest #guestSignIn {
  font-size: 16px;
  font-weight: bold;
  margin-top: 2px;
  line-height: normal;
  float: right;
  text-decoration: none;
  color: #000;
}

#container .header .topHeadRow2 .userInfo .userCompany {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding-top: 2px;
  width: 317px;
  line-height: normal;
  height: 17px; /*height needed for textFill to properly reduce font size if needed*/
}

#container .header .topHeadRow2 .userInfo .userShipTo {
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding-top: 2px;
  width: 367px;
  line-height: normal;
  height: 17px; /*height needed for textFill to properly reduce font size if needed*/
  /*margin-left: -50px;*/
}

#container .header .topHeadRow2 .userInfo .userShipTo a {
  text-decoration: none;
  color: #000;
}

#container .header .topHeadRow2 .userInfo .userShipTo span {
  float: left;
}

#container .header .topHeadRow2 .userInfo .userShipTo #changeShipLink {
  font-size: 11px;
  margin-top: -2px;
  padding-left: 5px;
  color: #0000ff;
  text-decoration: none;
}

#container .header .topHeadRow3 {
  background-image: url(../images/row3.jpg);
  background-repeat: no-repeat;
  clear: both;
}

#container .header .topHeadRow3 #lineItemAdd {
  margin-left: 138px;
  float: left;
}

#container .header .topHeadRow3 #lineItemAdd #itemNumBack {
  background-image: url(../images/item_num_back.gif);
  background-repeat: no-repeat;
  width: 115px;
  height: 25px;
  margin-top: 10px;
  margin-left: 5px;
  float: left;
}

#container .header .topHeadRow3 #lineItemAdd #itemQtyBack {
  background-image: url(../images/item_qty_back.gif);
  background-repeat: no-repeat;
  width: 45px;
  height: 25px;
  margin-top: 10px;
  margin-left: 4px;
  float: left;
  overflow: hidden;
}

#container .header .topHeadRow3 #lineItemAdd #itemNumBack #itm_num_input {
  width: 100px;
  height: 17px;
  border: 0;
  outline: none;
  padding: 0px;
}

#container .header .topHeadRow3 #lineItemAdd #itemQtyBack #itm_qty_input {
  width: 35px;
  height: 17px;
  border: 0;
  outline: none;
  padding: 0px;
}

#container .header .topHeadRow3 #lineItemAdd #lineItemAddButton {
  float: left;
  margin-left: 4px;
  margin-top: 10px;
  background-image: url(../images/add_to_cart_button.png);
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  height: 25px;
  width: 100px;
  background-color: #efeeee;
}

#container .header .topHeadRow3 #lineItemAdd #lineItemAddButton:hover {
  cursor: pointer;
}

#container .header .topHeadRow3 #lineItemAdd #itemNumBack #itm_num_input:focus {
  background-color: #ffffcc;
  border: none;
}

#container .header .topHeadRow3 #lineItemAdd #itemQtyBack #itm_qty_input:focus {
  background-color: #ffffcc;
  border: none;
}

#container .header .topHeadRow3 #shippingNote {
  float: left;
  margin-left: 35px;
  width: 275px;
}

#container .header .topHeadRow3 #shippingNote .shippingCenter {
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: bold;
  /*width:250px; changed to 260 and added text-align: cener so this doesnt wrap on zoom */
  width: 260px;
  text-align: center;
  margin-top: 8px;
}

#container .header .topHeadRow3 #shippingNote .shippingCenter #weShip {
  width: 180px;
  overflow: hidden;
}

#container .header .topHeadRow3 #shippingNote .shippingCenter #usa {
  padding-right: 7px;
  vertical-align: middle;
}

#container .header .topHeadRow3 #cartInfo {
  margin-left: 35px;
  float: left;
}

#container .header .topHeadRow3 #cartInfo #subRow1 {
  height: 20px;
  width: 240px;
}

#container .header .topHeadRow3 #cartInfo #subRow2 {
  height: 20px;
  margin-top: 5px;
  clear: left;
}

#container .header .topHeadRow3 #cartInfo #subRow1 #cartImg {
  vertical-align: middle;
}

#container .header .topHeadRow3 #cartInfo #subRow1 #viewCartText {
  font-weight: bold;
  float: right;
  margin-top: 4px;
  color: #000;
  background-image: url(../images/cart.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 22px;
  padding-right: 6px;
  font-size: 1em;
}

#container .header .topHeadRow3 #cartInfo #subRow2 #items {
  float: left;
  font-weight: bold;
  font-size: 16px;
  margin-top: 3px;
  margin-left: 10px;
}

#container .header .topHeadRow3 #cartInfo #subRow2 #cartTotal {
  float: left;
  margin-left: 20px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 3px;
}

#container .header .topHeadRow3 #cartInfo #subRow1 #myOrderText {
  font-weight: bold;
  float: left;
  font-size: 15px;
  margin-left: 22px;
  margin-top: 4px;
}

#container .header .topHeadRow3 #cartInfo #subRow1 #viewCartText a {
  color: #000;
  text-decoration: none;
}

.header .topHeadRow3 #cartInfo #subRow1 #checkoutText {
  float: right;
  margin-top: 4px;
  margin-right: 26px;
  color: #000;
}

.header .topHeadRow3 #cartInfo #subRow1 #checkoutText a {
  text-decoration: none;
  color: #000;
}

.nav {
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 0px;
  padding-left: 0;
  background-color: #fff;
}

.header .topHeadRow1 #text2 #signOut {
  /*background-color: #F00;*/
  vertical-align: top;
  float: right;
  margin-right: 10px;
  margin-top: 4px;
}

.header .topHeadRow1 #text2 #helpImg {
  /*background-color: #00F;*/
  float: right;
}

.header .topHeadRow2 #keywordSearch #searchCatalog {
  margin-top: 12px;
  margin-left: 40px;
  height: 17px;
  width: 150px;
  float: left;
  border: 0;
  outline: none;
}

.header .topHeadRow3 #lineItemAdd #itemNumBack #itemNumLabel {
  /*background-color: #F00;*/
  margin-top: 4px;
  margin-left: 10px;
  height: 17px;
  width: 100px;
  border: 0;
  outline: none;
}

.header .topHeadRow3 #lineItemAdd #itemQtyBack #itemQtyLabel {
  /*background-color: #F00;*/
  /*padding: 0px;*/
  width: 35px;
  height: 17px;
  margin-top: 4px;
  margin-left: 8px;
  border: 0;
  outline: none;
}

.header .topHeadRow3 #cartInfo #subRow2 #items a {
  color: #000;
  text-decoration: none;
}

.nav .mainNav .blueHead .mega-menu li #homeLi {
  width: 79px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #shop_toolsLi {
  width: 121px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #shop_suppliesLi {
  width: 133px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #balancing_suppliesLi {
  width: 165px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #no-lead-balancing_suppliesLi {
  width: 165px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #tires_wheelsLi {
  width: 136px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #inner_tubesLi {
  width: 116px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #traction_suppliesLi {
  width: 152px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
}

.nav .mainNav .blueHead .mega-menu li #specialsLi {
  width: 96px;
  /*padding-left:0px;
	padding-right:0px;*/
  text-align: center;
  background-position: 97px 0px; /*background image is aligned right - by starting it at 138 we drop the 1 pixel highlight we don't want*/
}

.nav .mainNav .blueHead .mega-menu li #specialsLi:hover {
  background-position: 97px -40px;
}

.nav #subNav {
  background: #8998a8;
  /*width: 998px;*/
  height: 30px;
}

/* End Header/Navigation */

/* Start Hanco History Styles */

#hancoHistoryScreen #container #mainContent img {
  float: right;
  padding: 10px;
  clear: right;
}

#hancoHistoryScreen #container #mainContent h1 {
  font-weight: bold;
  font-size: 36px;
  font-family: Verdana, Geneva, sans-serif;
  padding-bottom: 10px;
  margin-top: 10px;
  /*padding-top: 10px;*/
}

#hancoHistoryScreen #container #mainContent {
  padding-left: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  padding-right: 10px;
}

#hancoHistoryScreen #container #mainContent #nick {
  float: right;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 0px;
}

#hancoHistoryScreen #container #mainContent p {
  padding-bottom: 10px;
}

/* End Hanco History Styles */

/* Start Contact Us Styles */

#contactUsScreen #mainContent h4 {
  padding: 5px 0px 5px 0px;
  margin: 0px;
}

#contactUsScreen #mainContent {
  margin: 10px;
}

#contactUsScreen #mainContent {
  font-size: 16px;
}

/* End Contact Us Styles */

/* Start Savings Shop Styles */

#savingsShopScreen .savingsShop {
  padding-top: 10px;
}

#savingsShopScreen #mainContent {
  font-size: 16px;
}

/* End Savings Shop Styles */

/* Start Why Hanco Styles */

#whyHancoScreen .listHead {
  font-weight: bold;
}

#whyHancoScreen .parens {
  font-size: 80%;
}

#whyHancoScreen #container #mainContent {
  padding-left: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  padding-right: 10px;
}

#whyHancoScreen #container #mainContent li {
  padding-bottom: 10px;
}

/* End Why Hanco Styles */

/* Start About Hanco Styles */

#aboutHancoScreen #map {
  float: right;
  height: 400px;
  width: 600px;
  margin-left: 10px;
  padding-top: 0px;
  margin-top: 30px;
}

#aboutHancoScreen #container #mainContent h1 {
  font-weight: bold;
  font-size: 32px;
  font-family: Verdana, Geneva, sans-serif;
  padding-bottom: 10px;
  margin-top: 10px;
}

#aboutHancoScreen #container #mainContent {
  padding-left: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  padding-right: 10px;
}

#aboutHancoScreen #container #mainContent .busHours {
  margin-top: 15px;
}

/* End About Hanco Styles */

/* Start Employees Styles */

#employeesScreen #container #mainContent h1 {
  font-weight: bold;
  font-size: 36px;
  font-family: Verdana, Geneva, sans-serif;
  padding-bottom: 10px;
  padding-top: 10px;
}

#employeesScreen #container #mainContent {
  padding-left: 10px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  padding-right: 10px;
}

#employeesScreen #container #mainContent #employees {
  background-image: url(../images/fun_web.jpg);
  height: 300px;
  width: 950px;
  background-repeat: no-repeat;
}

#employeesScreen #container #mainContent #employees:hover {
  background-position: 0px -300px;
}

#employeesScreen #container #mainContent p {
  margin-bottom: 10px;
}

#employeesScreen #container #mainContent div {
  margin-bottom: 10px;
}

/* End Employees Styles */

/* Start List Files Styles */

#listFilesScreen #fileList {
  width: 920px;
  margin: 10px auto;
}

#listFilesScreen #fileList li {
  list-style-type: none;
  padding-top: 5px;
}

#listFilesScreen #fileList li a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

#listFilesScreen .folder {
  padding-left: 35px;
  background-image: url(../images/folder-icon.png);
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-bottom: 3px;
  /*margin-left: 0px;*/
  padding-top: 13px;
  padding-bottom: 13px;
  padding-right: 15px;
  float: left;
  width: 170px;
  background-color: #f3f3fe;
  margin-right: 10px;
  cursor: pointer;
  background-position: 5px 5px;
}

#listFilesScreen .subFolder {
  padding-left: 30px;
  background-image: url(../images/folder-icon.png);
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  list-style-type: none;
  margin-left: -25px;
}

#listFilesScreen .folder ul {
  display: none;
  margin-left: -25px;
  padding-top: 0px;
  /*margin-top: 5px;*/
}

/* End List Files Styles */

/* Start Resources Styles */

#resourcessScreen .screenHeading h3 {
  font-size: 16px;
}

#resourcessScreen #mainContent .catalogContainer {
  float: left;
  width: 200px;
  height: 265px;
  margin-right: 25px;
  /*margin-top: 15px;*/
}

#resourcessScreen #mainContent #nrhbg {
  margin-left: 15px;
}

#resourcessScreen #downloadsDet .download {
  float: left;
  margin-left: 25px;
  font-weight: bold;
}

#resourcessScreen #downloadsDet a {
  text-decoration: none;
  color: #000;
}

#resourcessScreen #downloadsDet a:hover {
  text-decoration: none;
  color: #b5121b;
}

#tipsContainer {
  margin: -10px;
}

#tipsContainer .tip {
  background-color: #fff;
  padding: 10px;
  margin: 15px;
}

#tipsContainer .tip h2 {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-weight: bold;
}

#tipsContainer .tip .tipDate {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
}

#tipsContainer #tipsNav {
  padding-top: 10px;
  margin-left: 10px;
}

#tipsContainer .tip .printFile {
  padding-top: 10px;
  font-weight: bold;
}

#tipsContainer .tip .printFile a {
  text-decoration: none;
  color: #000;
}

#tipsContainer #tipsNav #prevButton {
  float: left;
  height: 30px;
  width: 75px;
}

#tipsContainer #tipsNav #nextButton {
  height: 30px;
}

#resourcessScreen #resourcesTipsContainer {
  margin: 10px;
  padding: 10px;
  background-color: #c8cfd7;
}

#resourcessScreen #downloadsDet #msdsSheets {
  background-image: url(../images/folder-icon.png);
  padding-left: 35px;
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 15px;
}

#resourcessScreen #downloadsDet #partsBreakdowns {
  background-image: url(../images/folder-icon.png);
  padding-left: 35px;
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 15px;
}

#resourcessScreen #downloadsDet #appCharts {
  background-image: url(../images/folder-icon.png);
  padding-left: 35px;
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 15px;
}

#resourcessScreen #downloadsDet #rebates {
  background-image: url(../images/folder-icon.png);
  padding-left: 35px;
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 15px;
}

#resourcessScreen #downloadsDet #nrhbgPDF {
  background-image: url(../images/pdfIcon.png);
  padding-left: 40px;
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 15px;
}

#resourcessScreen #downloadsDet #nrhttPDF {
  background-image: url(../images/pdfIcon.png);
  padding-left: 40px;
  background-repeat: no-repeat;
  height: 20px;
  padding-top: 15px;
}

#accordion .detailDiv {
  display: none;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #c8cfd7;
  padding-top: 15px;
  padding-bottom: 15px;
}

#accordion .accordionHead {
  display: block;
  height: 30px;
  width: 100%;
  cursor: pointer;
  position: relative;
  /*margin-bottom: 1px;*/
  zoom: 1;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /*border: 1px solid lightGrey;*/
  background: #c8cfd7 /*{bgColorDefault}*/
    url(../images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50%
    /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
  color: #555 /*{fcDefault}*/;
  margin-top: 20px;
}

#resourcessScreen #catalogs {
  margin-top: 10px;
}

.accordionHead:hover {
  background: #e6e6e6 /*{bgColorDefault}*/
    url(../images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlDefault}*/ 50%
    /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
}

#accordion .headTextClosed {
  background-image: url(../images/rightArrow.png);
  background-repeat: no-repeat;
  padding-left: 18px;
  margin-left: 15px;
  display: block;
  padding-top: 7px;
  background-position: 0px 13px;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
}

#accordion .headTextOpen {
  background-image: url(../images/downArrow.png);
  background-repeat: no-repeat;
  padding-left: 18px;
  margin-left: 15px;
  display: block;
  padding-top: 7px;
  background-position: 0px 13px;
  font-weight: bold;
  font-family: Verdana, Geneva, sans-serif;
}

#mainContent #accordion {
  margin-right: 15px;
  margin-left: 15px;
}

#accordion #salesPoliciesDet .underline {
  text-decoration: underline;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

#accordion #salesPoliciesDet #terms {
  margin-top: 15px;
  padding-bottom: 10px;
}

/* End Resources Styles */

/* Start Find Salesperson Styles */

#findSalespersonScreen #container #mainContent {
  font-size: 12px;
}

#findSalespersonScreen #container #mainContent #mainDiv {
  float: right;
  padding-bottom: 5px;
}

#findSalespersonScreen #container #mainContent #mapSide {
  float: left;
  width: 180px;
  background-color: #c3c8ce;
  padding: 10px;
  margin-right: 15px;
  height: 485px;
  font-size: 14px;
}

#findSalespersonScreen #container #mainContent #mapSide h3 {
  padding-bottom: 10px;
  margin-top: 5px;
}

#findSalespersonScreen
  #container
  #mainContent
  #mainDiv
  #indexOuterDiv
  #indexDiv
  div {
  margin-top: 5px;
}

#findSalespersonScreen
  #container
  #mainContent
  #mainDiv
  #indexOuterDiv
  #indexDiv
  div
  table
  td
  div {
  margin-right: 5px;
  line-height: 28px;
}

/* End Find Salesperson Styles */

.input {
  display: block;
}

.header .input span {
  position: absolute;
  color: #999;
  z-index: 1;
  cursor: text;
  line-height: 16px;
}

.input input,
.input textarea,
.input select {
  z-index: 0;
  /*padding: 6px;*/
  margin: 0px;
  /*margin-right: 3px;*/
  /*font: inherit;*/
}

/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /*.input input, .input textarea, .input select { padding: 4px; }*/
}

/* Begin DropDown Styles */
.header ul {
  list-style: none;
}
h2 {
  font: normal 26px Arial, sans-serif;
  padding: 20px 0;
  margin: 0 0 30px 0;
}
.wrap {
  width: 1000px;
  margin: 0 auto;
}
.subNav {
  padding: 0px 0;
}
.subNav h4 {
  font-size: 14px;
  margin: 0 0 5px 0;
}

.mainNav {
  padding: 0;
}

/* Mega Menu Styles */
.mega-menu ul,
.mega-menu ul li {
  list-style: none;
}
.mega-menu ul {
  position: relative;
  padding: 0;
  margin: 0;
}
.mega-menu ul li ul {
  display: none;
}
.mega-menu .sub {
  display: none;
}
.mega-menu .sub ul {
  display: block;
}

#mega-menu-1 {
  font: normal 13px Arial, sans-serif;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 0;
}

#mega-menu-1 .sub ul {
  display: block;
}

#mega-menu-1 {
  background: #222;
  width: 100%;
  height: 40px;
  position: relative;
}

#mega-menu-1 li {
  float: left;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

#mega-menu-1 li a {
  float: left;
  display: block;
  color: #fff;
  padding: 12px 25px;
  background: #222;
  text-decoration: none;
}

#mega-menu-1 li.mega-hover a,
#mega-menu-1 li.mega-hover a:hover {
  background: #ccc;
  color: #000;
}

#mega-menu-1 li a:hover {
  background: #999;
  color: #000;
}

#mega-menu-1 li .sub-container {
  position: absolute;
}

#mega-menu-1 li .sub {
  background: #efefef;
  padding: 15px;
  border: 1px solid #ccc;
}

#mega-menu-1 li .sub .row {
  width: 100%;
  overflow: hidden;
  clear: both;
}

#mega-menu-1 li .sub li {
  list-style: none;
  float: none;
  width: 170px;
  font-size: 1em;
  font-weight: normal;
}

#mega-menu-1 li .sub li.mega-hdr {
  margin: 0 10px 10px 0;
  float: left;
}

#mega-menu-1 li .sub li.mega-hdr.last {
  margin-right: 0;
}

#mega-menu-1 li .sub a {
  background: none;
  color: #111;
  padding: 7px 10px;
  display: block;
  float: none;
  font-size: 0.9em;
}

#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
  padding: 5px 15px;
  margin-bottom: 5px;
  background: #6b6b6b;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}

#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
  color: #000;
}

#mega-menu-1 .sub li.mega-hdr li a {
  padding: 4px 5px;
  font-weight: normal;
}

#mega-menu-1 .sub li.mega-hdr li a:hover {
  color: #a32403;
  background: #efefef;
}

#mega-menu-1 .sub ul li {
  padding-right: 0;
}

#mega-menu-1 li .sub-container.non-mega .sub {
  padding: 10px;
}

#mega-menu-1 li .sub-container.non-mega li {
  padding: 0;
  width: 190px;
  margin: 0;
}

#mega-menu-1 li .sub-container.non-mega li a {
  padding: 7px 5px 7px 22px;
}

#mega-menu-1 li .sub-container.non-mega li a:hover {
  color: #a32403;
  background: #efefef;
}

.mega-menu ul,
.mega-menu ul li {
  list-style: none;
}
.mega-menu ul {
  position: relative;
  padding: 0;
  margin: 0;
}
.mega-menu ul li ul {
  display: none;
}
.mega-menu .sub {
  display: none;
}
.mega-menu .sub ul {
  display: block;
}

.blue {
  font: normal 13px Arial, sans-serif;
  line-height: 16px;
}
.blue ul.mega-menu,
.blue ul.mega-menu,
.blue ul.mega-menu li {
  margin: 0;
  padding: 0;
  border: none;
}
.blue ul.mega-menu {
  background: #8998a8;
  width: 998px;
  height: 30px;
  border-right: 1px solid #536573;
  border-left: 1px solid #536573;
  position: relative;
  clear: both;
}

.blue ul.mega-menu li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
}
.blue ul.mega-menu li a {
  float: left;
  display: block;
  color: #fff;
  padding: 7px 38px 7px 25px; /*background: url(../images/bg_blue.png) repeat-x 100% 0;*/
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
}
.blue ul.mega-menu li a.dc-mega {
  position: relative;
}
.blue ul.mega-menu li a .dc-mega-icon {
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 8px;
  height: 6px;
  background: url(../images/arrow.png) no-repeat 0 0;
}
.blue ul.mega-menu li.mega-hover a,
.blue ul.mega-menu li a:hover {
  background-position: 100% -40px;
  color: #000;
  text-shadow: none;
}
.blue ul.mega-menu li.mega-hover a .dc-mega-icon {
  background-position: 0 100%;
}
.blue ul.mega-menu li .sub-container {
  position: absolute;
  background: url(../images/bg_sub_left.png) no-repeat 0 100%;
  padding-left: 20px;
  margin-left: 0px;
}
.blue ul.mega-menu li .sub {
  background: url(../images/bg_sub.png) no-repeat 100% 100%;
  padding: 20px 20px 20px 10px;
}
.blue ul.mega-menu li .sub-container.mega .sub {
  padding: 15px 15px 10px 0;
}
.blue ul.mega-menu li .sub .row {
  width: 100%;
  overflow: hidden;
  clear: both;
}
.blue ul.mega-menu li .sub li {
  list-style: none;
  float: none;
  width: 170px;
  font-size: 1em;
  font-weight: normal;
}
.blue ul.mega-menu li .sub li.mega-hdr {
  margin: 0 10px 10px 0;
  float: left;
}
.blue ul.mega-menu li .sub li.mega-hdr.last {
  margin-right: 0;
}
.blue ul.mega-menu li .sub a {
  background: none;
  border: none;
  text-shadow: none;
  color: #111;
  padding: 7px 10px;
  display: block;
  float: none;
  text-decoration: none;
  font-size: 0.9em;
}
.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
  padding: 5px 5px 5px 15px;
  margin-bottom: 5px;
  background: #304b73 url(../images/bg_mega_hdr.png) no-repeat 0 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 1px #333;
}
.blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
  color: #a8b7cf;
  text-shadow: none;
}
.blue ul.mega-menu .sub li.mega-hdr li a {
  padding: 4px 5px 4px 20px;
  background: url(../images/arrow_off.png) no-repeat 5px 8px;
  font-weight: normal;
}
.blue ul.mega-menu .sub li.mega-hdr li a:hover {
  color: #a32403;
  background: #efefef url(../images/arrow_on.png) no-repeat 5px 8px;
}
.blue ul.mega-menu .sub ul li {
  padding-right: 0;
}
.blue ul.mega-menu li .sub-container.non-mega .sub {
  padding: 20px 20px 20px 0;
}
.blue ul.mega-menu li .sub-container.non-mega li {
  padding: 0;
  width: 190px;
  margin: 0;
}
.blue ul.mega-menu li .sub-container.non-mega li a {
  padding: 7px 5px 7px 22px;
  background: url(../images/arrow_off.png) no-repeat 7px 10px;
}
.blue ul.mega-menu li .sub-container.non-mega li a:hover {
  color: #a32403;
  background: #efefef url(../images/arrow_on.png) no-repeat 7px 10px;
}

.blueHead {
  font: normal 16px Arial, sans-serif;
  line-height: 16px;
}

.blueHead ul.mega-menu,
.blueHead ul.mega-menu,
.blueHead ul.mega-menu li {
  margin: 0;
  padding: 0;
  border: none;
}

.blueHead ul.mega-menu {
  background: #8998a8 url(../images/bg_blue.png) repeat-x 0 -80px;
  /* width: 100%; */
  width: 998px;
  height: 40px;
  border-right: 1px solid #536573;
  border-left: 1px solid #536573;
  clear: both;
  position: relative;
}

.blueHead ul.mega-menu li {
  float: left;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
}

.blueHead ul.mega-menu li a {
  float: left;
  display: block;
  color: #fff;
  padding: 12px 0px 12px 0px;
  background: url(../images/bg_blue.png) repeat-x 100% 0;
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
}

.mainNav .blueHead .mega-menu li .selected {
  /*float: left;*/
  display: block;
  color: #fff;
  padding: 12px 0px 12px 0px;
  background: url(../images/bg_blue2.png) repeat-x 100% 0;
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
}

.mainNav .blueHead .mega-menu li .selected:hover {
  background-position: 100% -40px;
  color: #000;
  text-shadow: none;
}
#newSavings {
  float: left;
  display: block;
  color: #fff;
  padding: 12px 25px 12px 25px;
  background: url(../images/bg_red2.png) repeat-x 100% 0;
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
}
#newSavings:hover {
  background-position: 100% -80px;
  color: #000;
  text-shadow: none;
}

.blueHead ul.mega-menu li a.dc-mega {
  position: relative;
}

.blueHead ul.mega-menu li a .dc-mega-icon {
  display: block;
  position: absolute;
  top: 18px;
  right: 15px;
  width: 8px;
  height: 6px;
  background: url(../images/arrow.png) no-repeat 0 0;
}

.blueHead ul.mega-menu li.mega-hover a,
.blueHead ul.mega-menu li a:hover {
  background-position: 100% -40px;
  color: #000;
  text-shadow: none;
}

.blueHead ul.mega-menu li.mega-hover a .dc-mega-icon {
  background-position: 0 100%;
}

/* End DropDown Styles */

.MasterDetail {
  font: 100% Verdana, Geneva, sans-serif;
  margin: 2px;
  padding-top: 10px;
}

.MasterDetail .MasterContainer {
  background-color: #eaeaea;
  border: 1px solid gray;
  width: 270px;
  float: left;
  overflow: hidden;
}

.MasterDetail .MasterColumn {
  font-size: 12px;
  background-color: #cccccc;
  padding: 5px;
  cursor: pointer;
  float: left;
  width: 80px;
  font-family: Verdana, Geneva, sans-serif;
}

.MasterDetail .MasterColumn:hover {
  background-color: #eaeaea;
}

.MasterDetail .MasterColumnSelected {
  background-color: #848484;
  color: white;
}

.MasterDetail .DetailContainer {
  border: 1px solid gray;
  padding: 12.5px;
  width: 47%;
  float: left;
  overflow: auto;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
}

.MasterDetail .DetailColumn {
  margin-bottom: 1px;
}

.MasterDetail .DetailColumnPic {
  float: left;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.MasterDetail .DetailColumnBio {
  padding-top: 10px;
}

.MasterDetail .MasterContainer .MasterColumn #img {
  margin: 0px;
  padding-bottom: 5px;
}

.MasterDetail .MasterContainer .MasterColumn #fname {
  padding-bottom: 3px;
}

.master {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  display: block;
}

.detail {
  float: left;
  margin-right: 5px;
  margin-left: 5px;
}

.mainContent {
  width: 1000px;
  background-color: #00f;
  border: thin solid #f00;
  margin-right: auto;
  margin-left: auto;
}

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #fff;
  cursor: default;
  overflow: hidden;
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.autocomplete-selected {
  background: #f0f0f0;
}

.autocomplete-suggestions strong {
  /*font-weight: normal; */
  /*font-weight:bold;*/
  color: #3399ff;
}

.autocomplete-suggestions .partNum {
  /*font-weight: normal; */
  font-weight: bold;
  font-size: 13px;
}

#backorderPop {
  width: 650px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
}

#backorderPop #backorderHead {
  font-weight: bold;
  color: #000;
  font-size: 12px;
}

#backorderPop .backorderText {
  font-weight: normal;
  color: #000;
  font-size: 11px;
  margin: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: left;
}

#backorderPop #decisionButtons {
  margin-top: 5px;
  padding-bottom: 5px;
}

#backorderPop #decisionButtons #decisionSubmit {
  float: right;
  font-weight: bold;
  padding-right: 10px;
}

#backorderPop #decisionButtons #decisionChange {
  float: right;
  padding-right: 15px;
  font-weight: bold;
}

#backorderPop table {
  margin-top: 5px;
  border-collapse: collapse;
}

#backorderPop table .boRowHead {
  background-color: rgb(163, 163, 163);
}

#backorderPop table .boRowShaded {
  background-color: rgb(200, 200, 200);
}

#backorderPop table .boRowNotShaded {
  background-color: rgb(221, 221, 221);
}

#backorderPop table td {
  padding-top: 3px;
  padding-bottom: 3px;
}

#backorderPop table th {
  padding-top: 3px;
  padding-bottom: 3px;
}

/* #MOD-200-HANCO20502-Upgrade-20101-20502-20220622  HANCO20101 ADD BLOCK ENDED */