/*colors
#004975 dark blue
#007BC0 light blue
#ed0008 red - loading circle
#004975 dark blue - buttons
#007BC0 light blue - button hover
*/


/*Login Page*/
/*.login .header-wrapper {
  visibility: hidden;
  height: 0px;
  position: fixed;
}
.login #right_column, .login #left_column {
	display:none;
}
.login .short_tr {
  height:0;
  display:none;
}
.login #main_divider {
  display:none;
}
.login .header-wrapper .contact-info {
  display:block !important;
  visibility: visible;
  position: fixed;
  width:520px;
  left:0;
  bottom:20px;
  font-size: 10px;
  text-align: center;
  color: #000; /* doesn't seem to do anything */
  /*font-style: normal;
	font-weight: 500;
}
.login #right_nav_wrapper1 {
  width:0;
  background-color: white; /* doesn't seem to do anything */
/*}
.login #main_wrapper1 {
  position: absolute;
  display: table-cell;
  height: 100%;
  width:99.9%;
  padding:0;
  overflow-y: hidden !important;
}
.login #main_wrapper2 {
  padding: 0;
  width:auto;
  margin-left: 380px;
  height:100%;
}
.login #main_content {
  padding: 0;
}
.login-container {
  width:auto;
  margin:0;
  height:100%;
}
.login-panel {
  position: relative;
  top:0;
  display: inline-block;
  margin-left: 0px;
  width:100%;
  height:100%;
  margin-top: 0;
  margin-right: 0;
  min-height:300px;
  background-image: url("/images/2/00-01843000/skin/LoginImage.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 0px;
}
.welcome-login-text {
  position: relative;
}
.welcome-login-text#v2LoginMessage {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  width:60%;
  left:40px;
  font-family: Arial, serif !important;
  font-weight: 700 !important;
  text-align: left;
  font-size: 52px !important;
  color: #fff !important; /* doesn't seem to do anything */
	/*letter-spacing: 2px;
	line-height: 60px;
}
#login_form {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  /*left:-264px;*/
 /* left: -320px;
  width: 250px;
}
.login-box {
  border:none;
  left:0;
  top:0;
  margin: 0 !important;
  padding: 0 0px;
  width:auto;
  padding-top: 150px; /*changed from 195*/
/*  background-image: none;
  background-image: url("/images/2/00-01843000/skin/logo.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  /*background-size: contain;*/
 /* background-color: transparent;
  border-top: 0px;
}
#login_form .dbe-textfield {
  position: relative;
  /* top:-20px;*/
 /* border:none !important;
  border-bottom: 1px solid #707070 !important; /* doesn't seem to do anything */
 /* padding: 15px 0 !important;
  height: auto !important;
  font-size: 1.9em;
  color:black; /* doesn't seem to do anything */
 /* width: 100% !important;
	background: none !important;
	font-weight: 300;
}
#login_form p {
  display: none;
}
#login_form .dbe-button-a {
  border: none;
  background: none;
  background-color: #007BC0; /* login button background color */
 /* color: #FFFFFF; /* "Sign In" text in login button */
 /* padding: 10px 30px;
  font-size: 1.2em;
  width:50%;
}
#password-text_container {
  height: 122px !important;
}*/
#login_form .dbe-button-a:hover {
  background: none;
  background-color: #004975; /* hover background color on login button */
 /* color: #FFFFFF; /* hover text on login button */
/*}
#login_form .dbe-button-a:after {
  content: '';
  display: block;
  width: 0;
  height:0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid white; /* doesn't seem to do anything */
/*}
#login_form .rememberme {
  visibility: hidden;
}
#loginbutton_container {
  position: relative;
  top:-25px;
}
#footer-bottom-bar.login {
  display: none;
}
#wrapper.login .login-panel .login-box #forgotpassword a {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #007BC0; /* forgot "User/Pword" text */
/*}
#wrapper.login .login-panel .login-box #forgotpassword a:hover {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #004975; /* forgot user/pword text hover */
 /* text-decoration: none;*/
}
.login-box {
    border: 1px solid #819EB1;

}
/* Header - added for header logo */
.header-logo {
	width: 300px;
	height: 100px;
	background-image: url("/images/2/00-03801100/skin/BP_logo.png");
	background-repeat: no-repeat;
	border: 0px solid #35383B;
	display: inline;
	float: bottom left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	position: absolute;
}
@media (min-width: 1300px) 
	.login #main_wrapper1 {
    background-size: 100% auto;
}

/*Footer
#footer-bottom-bar {
  color:#FFffff !important;
font-size: 30px !important;
height: 300px !important;
background-image: none;
background-color: #004975 !important; } */

/*.row { /* to add columns 
width:100% !important;
}
.column { /* also for columns 
width:50% !important;
height:200px !important;
float:left;
}*/



.dbe-button, .logout_content .loginpage_link a.ContentLink {
  border-radius: 3px;
  background-color: #007BC0; /* add items to cart (order form only), xfer my cart, update QTY in checkout, log in again button */
}

.dbe-button:hover, .dbe-button:active, .logout_content .loginpage_link a.ContentLink:hover, .logout_content .loginpage_link a.ContentLink:active {
  border-radius: 3px;
  background-color: #004975; /* log in again hover */
}

.dbe-button.dbe-checkout-button:not(.dbe-button-disabled) {
  border-radius: 3px;
  background-color: #007BC0; /* doesn't seem to do anything */
  background-color: #004975; /* checkout/place order buttons, apply coupon */
}

.dbe-button.dbe-checkout-button:not(.dbe-button-disabled):hover, .dbe-button.dbe-checkout-button:not(.dbe-button-disabled):active {
  border-radius: 3px;
  background-color: #004975; /* doesn't seem to do anything */
}

.dbe-button.dbe-checkout-button:not(.dbe-button-disabled):hover, .dbe-button.dbe-checkout-button:not(.dbe-button-disabled):active {
  background-color: #007BC0; /* hover for checkout/place order buttons, apply coupon */
}

#wrapper.login .login-panel p.welcome-login-text {
  color: #007BC0; /* doesn't seem to do anything */
}

#wrapper.login .login-panel .login-box #username-text_container::before, #wrapper.login .login-panel .login-box #password-text_container::before {
  color: #004975; /* accent in user ID/pword boxes */
}

#wrapper.login .login-panel .login-box .dbe-textfield {
  color: #007BC0; /* doesn't seem to do anything */
  border-bottom-color: #007BC0 !important; /* underline in user ID/pword boxes */
}

#wrapper .header-wrapper .header-info-right .contact-info span, #wrapper .header-wrapper .header-info-right .contact-info a {
  color: #004975; /* contact us text */
}

#wait .ydlg-hd-left, #wait .ydlg-dlg-body {
  background-color: #ed0008; /* page loading circle */
}

#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active {
  color: #004975; /* nav text */
}

#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active .dd_arrow::before {
  border-top-color: #007BC0; /* begin more arrow*/
}

#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a.nav-selected, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:hover, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:active, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover.nav-selected, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:hover, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:active, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active.nav-selected {
  color: #007BC0; /* this is NAV text hover color */
}

#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a.nav-selected .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:hover .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:active .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover.nav-selected .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:hover .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:active .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active.nav-selected .dd_arrow::before {
  border-top-color: #007BC0; /* begin more arrow hover*/
}

#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a.nav-selected::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:hover::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:active::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover.nav-selected::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:hover::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:active::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active.nav-selected::after {
  background-color: #004975; /* this is NAV underline color */
}

#catalog-drawer-all a#btn-catalogs {
  background-color: #004975; /* catalog tray hamburger */
}

#catalog-drawer-all.open a#btn-catalogs:hover, #catalog-drawer-all.open a#btn-catalogs:active {
  background-color: #007BC0; /*catalog tray hamburger hover */
}

#catalog-drawer-all .category-menu {
  border-color: #004975; /* catalog tray border */
}

#catalog-drawer-all #catalogTree a.x-tree-node-anchor span {
  color: #007BC0; /* catalog tree text */
}

#catalog-drawer-all #catalogTree a.x-tree-node-anchor:hover span, #catalog-drawer-all #catalogTree a.x-tree-node-anchor:active span {
  color: #004975; /* catalog tree text hover */
}

#catalog-drawer-all #catalogTree .x-tree-node-collapsed span.x-tree-node-indent::before, #catalog-drawer-all #catalogTree .x-tree-node-expanded span.x-tree-node-indent::before {
  color: #007BC0; /* catalog tree sub-catalog + signs */
}

#catalog-drawer-all .catalog-list-next, #catalog-drawer-all .catalog-list-prev {
  background-color: #004975; /* catalog tray arrow up/down background */
}

#catalog-drawer-all .catalog-list-next:hover, #catalog-drawer-all .catalog-list-next:focus, #catalog-drawer-all .catalog-list-prev:hover, #catalog-drawer-all .catalog-list-prev:focus {
  background-color: #007BC0; /* catalog tray arrown up/down background hover */
}

#catalog-drawer-all a#btn-catalogs {
  background-color: #004975; /* catalog tray button and expand subs within tray */
}

#catalog-drawer-all.open a#btn-catalogs:hover, #catalog-drawer-all.open a#btn-catalogs:active {
  background-color: #007BC0; /*doesn't seem to do anything*/
}

#catalog-drawer-all .category-menu {
  border-color: #004975; /* border around catalog tray */
}

#catalog-drawer-all #catalogTree a.x-tree-node-anchor span {
  color: #007BC0; /* text in catalog tray */
}

#catalog-drawer-all #catalogTree a.x-tree-node-anchor:hover span, #catalog-drawer-all #catalogTree a.x-tree-node-anchor:active span {
  color: #004975; /* hover text in catalog tray */
}

#catalog-drawer-all #catalogTree .x-tree-node-collapsed span.x-tree-node-indent::before, #catalog-drawer-all #catalogTree .x-tree-node-expanded span.x-tree-node-indent::before {
  color: #007BC0; /* + in catalog tray*/
}

#catalog-drawer-all .catalog-list-next, #catalog-drawer-all .catalog-list-prev {
  background-color: #004975; /* bottom bar in catalog tray where arrow is for more */
}

#catalog-drawer-all .catalog-list-next:hover, #catalog-drawer-all .catalog-list-next:focus, #catalog-drawer-all .catalog-list-prev:hover, #catalog-drawer-all .catalog-list-prev:focus {
  background-color: #007BC0; /* hover on bottom bar in catalog tray */
}

.header-breadcrumbs a.breadcrumb-link {
  color: #999; /*doesn't seem to do anything*/
}

.header-breadcrumbs a.breadcrumb-link::before {
  color: #999999; /*doesn't seem to do anything*/
}

.header-breadcrumbs a.breadcrumb-link.breadcrumb-link:hover, .header-breadcrumbs a.breadcrumb-link.breadcrumb-link:focus {
  color: gray; /*doesn't seem to do anything*/
}

.header-breadcrumbs span.breadcrumb-leaf {
  color: #004975; /*doesn't seem to do anything*/
}

#itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-next::before, #itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-prev::before {
  color: #999999; /*doesn't seem to do anything*/
}

#itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs {
  color: #999999; /*doesn't seem to do anything*/
  background-color: #ffffff; /*doesn't seem to do anything*/
  border: 1px solid #e2e2e2; /*doesn't seem to do anything*/
}

#itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs:hover, #itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs:active {
  background-color: #e2e2e2; /*doesn't seem to do anything*/
}

#itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs.ux-carousel-pgs-selected {
  background-color: #000000; /* background for catalog page # at bottom */
  border: 1px solid #000000; /* border for catalog page # at bottom */
  color: #ffffff; /* is catalog page # at bottom */
}

#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name a, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name a, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name {
  color: #007BC0 !important; /* catalog and item text color (carousel only) in shop screens*/
}

#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name a:hover, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name a:active, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name:hover, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name:active, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name a:hover, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name a:active, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name:hover, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name:active {
  color: #004975 !important; /*doesn't seem to do anything*/
}

#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.item-block .catalog-list-item-name a, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.item-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.catalog-block .catalog-list-item-name a, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.catalog-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.item-block .catalog-list-item-name a, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.item-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.catalog-block .catalog-list-item-name a, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.catalog-block .catalog-list-item-name {
  color: #004975 !important; /* catalog and item hover color (carousel only) in shop screens */
}

.itemDetailMain {
  width: 960px;
}

.itemDetailMain #itemDetail_right #itemDetail_title .itemDescOnly {
  color: #007BC0; /*item name in item detail screen*/
}

.itemDetailMain #itemDetail_right #price-display-parent-wrapper .dbe-displayfield-data {
  color: #004975; /*item price in item detail screen*/
}

.itemDetailMain #itemDetail_right .itemText {
  font-family: "Cormmorant Garamond", serif;
}

.itemDetailMain #itemDetail_right .unit-of-issue-parent-wrapper .dbe-displayfield-heading, .itemDetailMain #itemDetail_right .unit-of-issue-parent-wrapper .dbe-displayfield-data, .itemDetailMain #itemDetail_right .qty-on-hand-parent-wrapper .dbe-displayfield-heading, .itemDetailMain #itemDetail_right .qty-on-hand-parent-wrapper .dbe-displayfield-data, .itemDetailMain #itemDetail_right .max-display-wrapper .dbe-displayfield-heading, .itemDetailMain #itemDetail_right .max-display-wrapper .dbe-displayfield-data, .itemDetailMain #itemDetail_right .min-display-wrapper .dbe-displayfield-heading, .itemDetailMain #itemDetail_right .min-display-wrapper .dbe-displayfield-data {
  font-family: "Cormmorant Garamond", serif;
  font-style: italic;
}

.itemDetailMain #itemDetail_right .quantity-parent-wrapper input[type="text"] {
  color: #007BC0; /*doesn't seem to do anything*/
}

.itemDetailMain #itemDetail_right #all_collapsible_note #collapsible_note {
  font-family: "Cormmorant Garamond", serif;
}

#wrapper .header-wrapper #header-shopping-cart {
  color: #007BC0; /* "IN YOUR SHOPPING CART" text */ 
}

#checkout_wrapper #main_checkout_form table#itemlist_table_v2 th, #checkout_wrapper #main_checkout_form table#itemlist_table_v2 th a {
  background-color: #004975; /* item grid background in checkout screen */
}

#checkout_wrapper #main_checkout_form table#itemlist_table_v2 th, #checkout_wrapper #main_checkout_form table#itemlist_table_v2 td {
  border-color: #004975; /* checkout grid border/lines */
}

/* chili */
#chiliCustomizeMain #chili_customize_header #chili-customize-title {
  color: #007BC0; /* "Customize your item" at top of VP items */
}

#chiliCustomizeMain #chili_customize_header #chili-customize-wizard > div {
  border-radius: 3px;
  background-color: #007BC0; /* doesn't seem to do anything */
}

#chiliCustomizeMain #chili_customize_header #chili-customize-wizard > div:hover, #chiliCustomizeMain #chili_customize_header #chili-customize-wizard > div:active {
  border-radius: 3px;
  background-color: #004975; /* doesn't seem to do anything */
}

#chiliCustomizeMain #chili_customize_save_button_wrapper > div {
  border-radius: 3px;
  background-color: #007BC0; /* VP items SAVE/RESET buttons */
}

#chiliCustomizeMain #chili_customize_save_button_wrapper > div:hover, #chiliCustomizeMain #chili_customize_save_button_wrapper > div:active {
  border-radius: 3px;
  background-color: #004975; /* VP items SAVE/RESET buttons hover */
}

/* /chili */