/*
Dark Teal	#39535A
Teal		#53858C
Grey		#A9B3B8
*/


html {
	height: 100%;
}
body {
	height: 100%;
	min-height: 100%;
   	margin: 0;
    background-color: #FFFFFF;
}

#main_content {
    background-color: transparent;
}


/*LOGIN PAGE CHANGES*/
/*hide header and footer on login page*/
#footer-bottom-bar.login {
    background-image: none;
    visibility: hidden;
}
#wrapper.login * .header-wrapper {
   	background-image: none;
}
#wrapper.login * .contact-info {
	visibility: hidden;
}
.header-logo {
	border: none;
	margin: auto;
	background-image: none;
	width: 500px;
	height: 135px;
}
.header-banner {
    padding-top: 0px;
}

/*hide page left background*/
.PageLeftBackground	{
	width: 0px;
	/*display: none; can't hide or catalog drawer doesn't show*/
}
/*minimize white line at left of login page*/
td#left_column.PageLeftBackground, #left_nav_wrapper1, #left_nav_wrapper2 {
	width: 0px;
}

/*Login Page*/
.login-container {
	height: 400px; /*retain enough height for image above login box and login box before footer moves up into it on small screen*/
	width: 395px;
	margin-top: -140px;
	background-image: url("/images/9/skin/background.png");
    background-repeat: repeat;
}
.login-panel {
    border-top: 0px solid #04375b;
    height: 321px;
    margin-top: 15px;
    text-align: center;
    width: 400px;
}
.login-box{
	background-color: transparent;
	color: #39535A;
	font-family: Open Sans, Sans-Serif;
	/*margin: auto !important;*/
	/*margin-top: 33px !important;*/
	position: relative; 
	top: 0px;
	left: 0px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 0px;
	padding-top: 0px;
}
/*No need to customize logo for login page, but do need to bring above login bg image*/
#wrapper.login * .header-logo {
	border: none;
	margin-top: -168px;
	background-image: none;
	width: 325px;
	height: 135px;
}

#wrapper.login {
	background-image: url("/images/9/skin/login_background.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;  
	margin-top: 110px;
	height: 700px;
	border-top: 34px solid #39535a;
}
	
.x-panel-body {
    	background-color: transparent;
}
#footer-bottom-bar {
	background-image: none;
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 100px;
	text-align: center;
}
#footer-text {
	width: 100%;
	text-align: center;
	padding-top: 0px;
	height: 100px;
	color: #FFFFFF;
	background-color: transparent;
}
#login_form .dbe-textfield {
   	border: 1px solid #53858C !important;
}
.welcome-login-text {
    	color: #53858C;
}
.username-label {
    	color: #39535A;
    	font-weight: bold;
}
.password-label {
	color: #39535A;
	font-weight: bold;
	margin-top: 0px;
}
.forgetpassword {
    	color: #39535A;
}
a.forgetpassword, a.powerPoint {
    	text-decoration: underline;
    	color: #39535A;
}
.rememberme, .rememberme-box, .rememberme-text {
	visibility: hidden;
	padding: 0px;
}

#unsupported_browser {
	visibility:hidden !important;
	display: none !important;
}


/* header contact info  */
.header-wrapper {
	background-image: url("/images/9/skin/header_banner.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 135px;
}		
.header-info-right {
    margin-right: auto;
    padding-top: 30px;
    width: 350px;
    height: 30px;
}

#header-shopping-cart {
	width: 275px;
	height: 25px;
	position: absolute;
	top: 53px;
	z-index: 100;
}	
.contact-info, #header-shopping-cart {
	padding-right: 15px;
}
.telephone {
	color: #FFFFFF;
	background-image: url("/images/9/skin/ico-phone.png"); 
	background-repeat: no-repeat;
}
a.support-email {
	color: #FFFFFF;
	font-family: Open Sans, Sans-Serif;
   	font-size: 12px;
}
a.support-email:hover, a.support-email:active {
	color: #FFFFFF;
	font-family: Open Sans, Sans-Serif;
   	font-size: 12px;
   	text-decoration: underline;
}
.contact-info, .support-hours, #header-shopping-cart, #shopping-cart-item-count {
	color: #FFFFFF;
	font-family: Open Sans, Sans-Serif;
   	font-size: 12px;
}
#header-shopping-cart, #shopping-cart-item-count {
	color: #FFFFFF;
	margin-top: 92px;
}
.contact-info {
	visibility: visible;
}


/*FOOTER*/
#footercontent1 {
	float: left;
	text-align: left;
	color: #000000;
	width: 250px;
	padding-top: 20px;
	padding-left: 60px;
}
#footercontent2 {
	float: right;
	text-align: right;
	color: #000000;
	width: 250px;
	padding-top: 80px;
	padding-right: 60px;
}
#footer-bottom-bar {
	background-color: #FFFFFF;
	background-image: none;
	background-position: center center;
	height: 150px;
	border: none;
	margin: 0 auto;
}
.footerInfoTextLarge {
	color: #000000;
	font-family: Open Sans, Sans-Serif;
	font-size: 13pt;
}
.footerInfoTextLarge:hover {
	color: #3F5F66;
	font-family: Open Sans, Sans-Serif;
	font-size: 13pt;
}
.footerInfoTextSmall {
	color: #333333;
	font-family: Open Sans, Sans-Serif;
	font-size: 9pt;
}


/*NAVIGATION*/
/*navigation changes, to remove blur*/
#nav li a {
	text-shadow: 0px 0px 0px #000;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: none;
}
#nav li a:hover, #nav li a.nav-selected {
	text-shadow: 0px 0px 0px #c3c3c3;
	text-decoration: underline;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* webkit only */
	#nav li a {
		text-shadow: 0px 0px 0px #000;
	}
}
#nav {
	background-color: transparent;
	background-image: none;
    	border: none;
    	width: 960px;
}
#nav li a:hover {
    	background-color: transparent;
    	border: 1px solid transparent;
    	color: #FFFFFF;
    	text-shadow: 0 0 0px #A2A1A1;
    	text-decoration: underline;
}
#nav li a.nav-selected {
    	background-color: transparent;
    	border: 1px solid transparent;
    	color: #FFFFFF;
    	text-shadow: 0 0 0px #A2A1A1;
    	text-decoration: none;
    	font-weight: bold;
}
#top_nav_v2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}	
.header-nav {
	width: 100%;
	background-color: #39535a;
}	/*


/*Control Panel*/
#sidenav_menu .ygtvtn {		/*Line Images Next to Admin Functions*/
    	background-image: none;
    	background-color: transparent;
}
#sidenav_menu .ygtvln {		/*Line Images Next to Admin Functions*/
    	background-image: none;
}
#sidenav_menu {
	width:200px;
	display: block;
	font-family: Open Sans, Sans-Serif;
	font-size: 12px;
	border:0px solid #FFFFFF;
}
#sidenav_menu .SideNavLink {
    	color: #555555;
   	font-family: Open Sans, Sans-Serif;
   	padding-bottom: 5px;
   	padding-left: 15px;
    	padding-right: 5px;
    	padding-top: 5px;
    	/*border: 1px dotted #666666;*/
}
#sidenav_menu A:hover.SideNavLink, #sidenav_menu A:active.SideNavLink {
	background-color: transparent;
	color: #555555;
	text-decoration: underline;
	font-family: Open Sans, Sans-Serif;
	font-size: 12px;
}


/*cart & order summaries*/
#itemlist .subtotal_price, #order_summary .price_box {
	border: 1px solid #53858C;
}

/*titles*/
h1.item-title {
    	color: #53858C;
}


/*button*/
.dbe-button {
    	text-shadow: none;
    	text-transform: uppercase;
    	font-weight: normal;
}

.search-button, .search-button:hover, .search-button:active {
    	font-weight: normal;
}

.dbe-button-a {			/*ex: login*/
	color: #FFFFFF;
	border: solid 1px #53858C;
	background: #53858C;
}
.dbe-button-a:hover {
	color: #FFFFFF;
	border: solid 1px #3f5f67;
	background: #3f5f67;
}
.dbe-button-a:active {
	color: #FFFFFF;
	border: solid 1px #53858C;
	background: #53858C;
}

.dbe-button-b {			/*ex: catalog search*/
	color: #FFFFFF;
	border: solid 1px #53858C;
	background: #53858C;
}
.dbe-button-b:hover {
	color: #FFFFFF;
	border: solid 1px #3f5f67;
	background: #3f5f67;
}
.dbe-button-b:active {
	color: #FFFFFF;
	border: solid 1px #53858C;
	background: #53858C;
}

.dbe-button-c {			/*ex: checkout in header*/
	color: #53858C;
	border: solid 1px #53858C;
	background: #FFFFFF;
}
.dbe-button-c:hover {
	color: #53858C;
	border: solid 1px #53858C;
	background: #FFFFFF;
}
.dbe-button-c:active {
	color: #53858C;
	border: solid 1px #53858C;
	background: #FFFFFF;
}
.dbe-button-disabled {
}

/*Headers and Titles*/
.TitleLevel01 {color: #000000;font: 13px/2 Arial, Helvetica, Sans-Serif;font-weight: bold;}
.TitleLevel02 {color: #000000;font: 15px/2 Arial, Helvetica, Sans-Serif;font-weight: bold;}
.TitleLevel03 {color: #000000;font: 17px/2 Arial, Helvetica, Sans-Serif;font-weight: bold;}

h1 {color:#000000;font: 17px/2 Arial, Helvetica, Sans-Serif;font-weight: bold;}
h2 {color:#000000;font: 15px/2 Arial, Helvetica, Sans-Serif;font-weight: bold;}
h3 {color:#000000;font: 13px/2 Arial, Helvetica, Sans-Serif;font-weight: bold;}

.reverseH1 {font: 17px/2 Arial, Helvetica, Sans-Serif;BACKGROUND-COLOR:#53858C;text-transform:none;font-weight: bold;}
.reverseH2 {font: 15px/2 Arial, Helvetica, Sans-Serif;BACKGROUND-COLOR:#53858C;text-transform:none;font-weight: bold;}
.reverseH3 {font: 13px/2 Arial, Helvetica, Sans-Serif;BACKGROUND-COLOR:#53858C;text-transform:none;font-weight: bold;}

.FormLabels {
	font: 13px/1.5 Arial, Helvetica, Sans-Serif;
	color: #000000;
}
.catalog-list-title {
    	color:#53858C;
}


/*Table Headers*/
table.epm_table th,#epm_table th,th,#order_list th,#itemlist th,#account_history th, .ListHeaders,TD.ListHeadersRed {
	color:	#FFFFFF;
	background-color: #666666;
}
table.epm_table th, #epm_table th, th, #order_list th, #itemlist th, #account_history th, .ListHeaders, TD.ListHeadersRed {
   /background-color: #666666;
    background-image: none;
    background-position: center center;
    background-repeat: repeat-x;
    color: #FFFFFF;
	font-family: Open Sans, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
}
.TableRows, table.epm_table td, #epm_table td, td, #order_list td, #itemlist td, #account_history td {
    color: #000000;
}


/*Links*/
A, A.ContentLink, A.TableRowLinks, A.TabMenuLink {
	color: #53858C;
	font-family: Open Sans, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
}
A:hover, A:active, A:hover.ContentLink, A:active.ContentLink, A:hover.TableRowLinks, A:active.TableRowLinks, A:hover.TabMenuLink, A:active.TabMenuLink {
	color: #39535a;
	font-family: Open Sans, Sans-Serif;
	font-size: 12px;
}
.breadcrumb-link {
    color: #39535A;
    font-size: 12px;
}
.breadcrumb-link:hover {
    color: #39535A;
    font-size: 12px;
    text-decoration: underline;
}
.breadcrumb-leaf {
    font-weight: bold;
	font-family: Open Sans, Sans-Serif;
    font-size: 12px;
    color: #A9B3B8;
}


/*Add to cart note*/
#notice_div {
	background-color:#53858C; 
	color:#FFFFFF;
}


/* Dialog & Loading indicator */
.ydlg .ydlg-hd {
	background-color: #53858C;
	background-image: none;
}


/*Catalog Thumbnail Hover*/
.item-thumb {
     display: table-cell;
     vertical-align: middle;
     width: 166px;
     text-align: center;
}
#subCatalogs .item-thumb {
	background-color: transparent;
	background-image: url("/images/9/skin/catalog_thumbnail.jpg");
	background-repeat: no-repeat;
}

#subCatalogs .item-thumb:hover {
	background-color: transparent;
	background-image: url("/images/9/skin/catalog_thumbnail_hover.jpg");
	background-repeat: no-repeat;
}


/*New UI Catalog Styles - Catalog Thumbnail Enabled*/
#subCatalogs {
	border: 1px #A2A1A1 solid;
	background-color: #FFFFFF;
}
#subCatalogs .catalog-list-item-name a {
	font-weight: bold;
	color: #53858C !important;
}
#subCatalogs .catalog-list-item-name a:hover {
	font-weight: bold;
}
.catalog-list-itemcode {
    text-align: left;
    padding-left: 10px;
}
.catalog-list-item-name a {
    color: #53858C !important;
	font-family: Open Sans, Sans-Serif;
    font-size: 14px;
}
.catalog-list-item-name a:hover {
    color: #a9b3b8 !important;
	font-family: Open Sans, Sans-Serif;
    font-size: 14px;
    text-decoration: underline;
}
/*.catalog-list-price {
	color: #a9b3b8;
}*/
.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field { /*Price and Quantity in ASI Storefront View*/
    color: #000000;
}
.dbe-displayfield-data {	/*ASI Detail - Item Desc*/
	 color: #000000;
}
.item-thumb img { 		/*ASI Detail View Missing Border*/
    border-bottom-width: 1px solid #DEDFDF;
    border-left-width: 1px solid #DEDFDF;
    border-right-width: 1px solid #DEDFDF;
    border-top-width: 1px solid #DEDFDF;
    border: 1px solid #DEDFDF;
    vertical-align: middle;
    background-position: center center;
}
#itemDetail_image img { 	/*ASI Detail View Missing Border*/
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px;
    background-position: center center;
}
.catalog-list-of-item {		/*ASI Detail Add Height for Additional Info*/
    border: 1px solid #a2a1a1;
    height: 300px;
    margin: 0 5px 5px 0;
    padding: 10px;
    text-align: center;
    width: 166px;
}


/*Catalog Information*/
.catalog-list-item {
    border: 1px solid #a2a1a1;
    height: 275px;
    margin: 0 5px 5px 0;
    padding: 10px;
    text-align: center;
    width: 166px;
}
#catalogTree .x-tree-node-icon {
    background-image: none;
    display: inline;
    height: 20px;
    padding-top: 5px;
    position: relative;
    width: 5px;
}
.category-menu {
    border: 1px solid #E8EBEB;
    background-color: #E8EBEB;
}

#catalogTree .x-tree-node-el {
    line-height: 20px;
    background-color: #E8EBEB;
}

#catalogTree .x-tree-node a span, .x-dd-drag-ghost a span {
    color: #666666;
    font-weight: bold;
}

#catalogTree .x-tree-node-over a span {
    color: #666666;
    font-weight: bold;
    text-decoration:underline;
}

#catalogTree .x-tree-elbow-end-plus {
    background-image: url("/images/9/skin/plus.png");
    background-position: left center;
    height: 20px;
}

#catalogTree .x-tree-elbow-end-minus {
    background-image: url("/images/9/skin/minus.png");
    background-position: left center;
    height: 20px;
}

#catalogTree .x-tree-elbow-plus {
    background-image: url("/images/9/skin/plus.png");
    background-position: left center;
    height: 20px;
}

#catalogTree .x-tree-elbow-minus {
    background-image: url("/images/9/skin/minus.png");
    background-position: left center;
    height: 20px;
}

.catalog-list-prev, .catalog-list-next {
    background-color: #E8EBEB;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 22px;
    margin-left: 0 !important;
    opacity: 1;
    z-index: 9;
}
.catalog-list-prev {
    background-color: transparent;
	background-image: url("/images/9/skin/arrow-up-divider.png");
    background-position: bottom left;
    background-repeat: repeat-x;
}
.catalog-list-next {
    background-color: transparent;
	background-image: url("/images/9/skin/arrow-down-divider.png");
    background-position: top left;
    background-repeat: repeat-x;
}
#btn-catalogs {
    background-image: url("/images/9/skin/btn-catalogs.png");
    background-repeat: no-repeat;
    float: left;
    height: 243px;
    outline: medium none;
    position: relative;
    text-decoration: none;
    top: 65px;
    width: 34px;
}
.ux-carousel-nav {
    background-color: transparent !important;
}
.item-block-direct-order-storefront {		/*Storefront View height of boxes*/
    height: 350px !important;
}

/*Order Form Catalog Boxes*/
#orderform-qty .dbe-numberfield {
    height: 15px !important;
    width: 35px !important;
    margin-left: 12px !important;
    margin-bottom: 3px !important;
}

/*V1 Customizable Item - Hide Instructions*/
A.ReverseContentLink {
    background-color: #53858C;
    color: #ffffff;
    font: bold 13px/2 Tahoma,Geneva,sans-serif;
    text-decoration: none;
}
A.ReverseContentLink, A.ReverseContentLink:hover, A.ReverseContentLink:active {
    background-color: #53858C;
    color: #ffffff;
    font: bold 13px/2 Tahoma,Geneva,sans-serif;
}


/*arrows for item detail page and checkout cart area*/
.ux-collapsible_arrow_open {
    background: url("/images/9/skin/arrow-down.png") no-repeat scroll 0 1px transparent;
    cursor: pointer;
    font-weight: bold;
    padding-left: 20px;
}
.ux-collapsible_arrow_closed {
    background: url("/images/9/skin/arrow-up.png") no-repeat scroll 0 1px transparent;
    cursor: pointer;
    font-weight: bold;
    padding-left: 20px;
}
A.ContentLink {
    -moz-text-decoration-line: none;
    color: #53858C;
	font-family: Open Sans, Sans-Serif;
    font-size: 12px;
}
A.ContentLink:hover,A.ContentLink:active{
    	color: #39535a;
   	font-family: Open Sans, Sans-Serif;
   	font-size: 12px;
}


/*Checkout Page*/
#checkout_wrapper #itemlist_table_v2 td.checkout_action_links a {
    color: #53858C;
}
#checkout_wrapper #itemlist_table_v2 td.checkout_action_links a:hover, #checkout_wrapper #itemlist_table_v2 td.checkout_action_links a:active{
    color: #39535a;
    text-decoration: underline;
}

#checkout_wrapper fieldset legend {
    color: #53858C;
    font-weight: bold;
    text-transform: uppercase;
}


/*Drop down lists - Example on Item Detail Page, Checkout, etc.*/
.x-combo-list, .x-combo-list .x-combo-selected {
    border-color: #53858C !important;
    background-color: #E8EBEB !important;
}


/*My Account Tabs*/
.ytab-strip .on .ytab-text {
    color: #53858C;
}
.ytab-strip .ytab-text {
    color: #6B6B6B;
}


/*Font changes and other V1 text definitions*/
/*defaults*/
body{ 
	margin:0px; 
	font-family: Open Sans, Sans-Serif;
	font-size:11px; 
}
td, p, li{ 
	font-family: Open Sans, Sans-Serif;
	font-size:11px;
}
html { 
	font-family: Open Sans, Sans-Serif;
	font-size:11px; 
	color:#666666; 
}
A.TabMenuLink {
	font-family: Open Sans, Sans-Serif;
}


/*Order Form Catalog Quantity Dropdown Boxes*/
.dbe-combo {
    height: 15px !important;
    padding: 6px !important;
    width: 135px !important;
}


/*Customize page 
- V5 - move profile drop down left*/
#customizeMain #coprofiles, #customizeMain #profiles {
	width: 1000px;		/*defined inline style*/
}
.profiles_wrapper, .company_profiles_wrapper_v2 {
	float: left;
}


/*Items Per Page Dropdown*/
.ipp {
    clear: right;
    float: right;
    margin-top: 2px;
    position: static;
    width: 80px;
}
.ippText {
    color: #555555;
    display: inline;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-left: -110px;
    margin-right: 10px;
    margin-top: 8px;
    padding-right: 100px;
    position: absolute;
    width: 120px;
}
#ipp-combo_container .dbe-combo {
    float: left;
    height: 15px !important;
    margin-left: 0px;
    position: relative;
    width: 50px !important;
}




#orderform-qty .dbe-combo {
    height: 15px !important;
    padding: 6px !important;
    width: 135px !important;
}


/*CHILI*/
.chili-wizard-active-text {
    color: #FFFFFF;
	font-family: Open Sans, Sans-Serif;
    font-size: 10pt;
    padding-top: 4px;
}
.chili-wizard-inactive-text {
    color: #bababa;
	font-family: Open Sans, Sans-Serif;
    font-size: 10pt;
    padding-top: 4px;
}
.chili-customize-title {	/*Customize your item text that appears in V5 (non-baseline) on customization page*/
    color: #FFFFFF;
	font-family: Open Sans, Sans-Serif;
    font-size: 8pt;
    margin-bottom: 1px;
}