﻿/*#########################################################
  FRAMEWORK
########################################################*/
/* browser reset controls */
/******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ul, il, ol, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
body {line-height:1; color:#000000; background:#ffffff;}
/* remember to define focus styles! */
:focus {outline:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/******************************************************/
/* end browser reset controls */


/*#########################################################
  Framework
########################################################*/

body {
    background-color: #ffffff;
    background-image: url('../images/main_background.jpg' );
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin:0 auto;
}

#ChemicalWarning
{   
    height: 20px;
    position: absolute;
    padding-top: 135px;
    padding-left: 38px;
}
#ChemicalWarning-Detail
{
    height: 20px;
    padding-top: 2%;
    padding-bottom: 4px;
}

.chemical-image
{
    height: 13px;
    width: 16px;
}

a
{
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    color: #06c;
}
a:active
{
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
a:link
{
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
a:visited
{
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}
a:hover
{
    text-decoration: underline;
}
img {
	border:none;
}


h1{
	font-size:26px;	
	line-height:26px;
	color:#32357a;
	font-weight:bold;
	padding:5px 0 6px 0;
}

h2{
	font-size:17px;
	line-height:25px;
	margin:4px 0 8px 0;
	position:relative;
	top:0px;
	color:#f58026;
	font-weight:bold;
}

h3{
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	margin: 5px 0 14px 0;
	color:#000;
}

h4 {
	font-weight:bold;
	padding:0 0 5px 0;
	color:#98012e;
	font-size:12px;
}

.outline {
	border-style:solid;
	border-width:1px;
	border-color:#000;
}

ul{
	padding:0px;
	margin:0px;
}

ul li {
	margin-left:15px;
}

.HR1
{
    color: #cfd0d2;
    border-top: 1px solid #cfd0d2;
    margin-top: 1em;
    padding-top: 1em;
}

.NonVisible
{
    display: none;
}

.PageTitle
{
    /*color: #717272;*/
    color: #293133;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
.PageTitleMultiLine
{
    color: #717272;
    font-size: 14pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
}
.PageSideTitle
{
    font-weight: bolder;
    font-size: 14pt;
    color: #af1e2d;
    text-align: center;
}
.PageTitleSub
{
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
}

.SectionHeading
{
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}
.ActionButton
{    
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #A30900; 
}

.ActionButton A
{
    color: #AF1E2D;
    text-decoration: none;
    cursor: pointer;
}

.ActionButton A:hover
{
    color: #AF1E2D;
    cursor: pointer;
}
.ActionLink
{
    font-weight: bold;
    font-size: 8pt;
    color: #06c !important;
    white-space: nowrap;
}

.ActionLink A
{
    color: #06c;
    text-decoration: none;
    cursor: pointer;
}

.ActionLink A:hover
{
    color: #06c !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.ShopProspectLink
{
    font-weight: bolder;
    font-size: 8pt;
    color: #06c;
    white-space: nowrap;
    text-align:right;
   
}

.ShopProspectLink A
{
    color: #06c;
    text-decoration: none;
    cursor: pointer;
     text-align:right;
}

.ShopProspectLink A:hover
{
    color: #06c;
    text-decoration: underline !important;
    cursor: pointer;
     text-align:right;
}

.OpenMarketItemImage
{  
    background-image:url('../images/icon-open-market-item.jpg');
	background-repeat: no-repeat;
    width: 40px;
    height: 18px;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.ErrorMessage
{
    color: #cc0000;
    font-size: 9pt;
    line-height:15px;
}

.ErrorSurroundTable
{
    border-right: red solid;
    border-top: red solid;
    border-left: red solid;
    border-bottom: red solid;
    background-color: #ffffff;
}

.UpdatingCart
{
    background-color: #FFFF99;
    color: #af1e2d;
    font-size: 8pt;
    font-weight: normal;
}

/* Add To Cart Widget */

.AddToCartButton
{
    background-color: transparent;
    background: url('../images/btn-addtocart.gif' ) left center no-repeat;
    width: 64px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.AddToCartLink
{
    font-weight: bolder;
    font-size: 8pt;
    color: #06c;
    white-space: nowrap;
    text-decoration: none;
}

.AddToCartLink a
{
    font-weight: bolder;
    font-size: 8pt;
    color: #06c;
    white-space: nowrap;
    text-decoration: none;
}

.AddToCartLink a:hover
{
    font-weight: bolder;
    font-size: 8pt;
    color: #06c;
    white-space: nowrap;
}

.AddToCartLink a:visited
{
    font-weight: bolder;
    font-size: 8pt;
    color: #06c;
    white-space: nowrap;
    text-decoration: none;
}

/* end Add To Cart Widget */

/* AutoComplete List */
.AutoCompletionList
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #0a4b79;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 160px;
    text-align : left; 
    list-style-type : none;
    z-index:200;
}
.AutoCompletionListItem 
{
	color : #ffffff; 
    font-size: 8pt;
	font-weight:normal;
	padding : 1px;
}
.AutoCompletionHighlightedListItem
{
	background-color: #00519a;
	color: #ffffff; 
    font-size: 8pt;
	font-weight:normal;
	padding: 1px;
}
/* end AutoComplete list */


/* Skin DefaultGrid */

.GridData
{
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
}
.ColumnHeading
{
    font-weight: bolder;
    font-size: 9pt;
    color:  #ffffff;
    background-color: #af1e2d; 
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
}
.ColumnHeading A
{
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.ColumnHeading A:hover
{
    font-weight: bolder;
    color: #ffffff;
    cursor: pointer;
}

/* end default grid skin */


/* LoginAddressSelection, other pages=? */
.login-address-container
{
    margin-left:10px;
}

.GridDataSmall
{
    color: #000000;
    font-size: 8pt;
}


/* CustomerAdminUserMaint, others=? */

.user-maint-container
{
    width:934px;
}

.CriteriaEntrySurroundingTable
{
    border-right: 1px solid #cfd0d2;
    border-top: 1px solid #cfd0d2;
    font-size: 9pt;
    border-left: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
}

.CriteriaEntryDropDownList
{
    font-size: 8pt;
    color: #000000;
    /*border: medium outset #cfd0d2;*/
    border: 1px solid #cfd0d2;
    background-color: #ffffff;
}

.CriteriaEntryButton
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    /*border: thin outset #cfd0d2;*/
    background-color: #AF1E2D;
}

.CriteriaCheckBox
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    border: none;
}

.CriteriaTextBox
{
    font-size: 8pt;
    color: #000000;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    background-color: #ffffff;
}

.CriteriaTextBoxReadOnly
{
    font-size: 9pt;
    color: #000000;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: ridge;
    border-right-style: ridge;
    border-bottom-style: ridge;
    border-left-style: ridge;
    background-color: #EFEFEF;
}

.CriteriaPrompt
{
    font-size: 8pt;
    font-weight: bolder;
    color: #000000;
}

.AccountNum
{
   font-size: 10pt;
    font-weight: bolder;
    color: #000000; 
}


.CriteriaAnswer
{
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
}
/* end CustomerAdminUserMaint */


/* OrderPreviewWidgetA - used elsewhere=? */


.SalesDocDetailsHeaderSectionTitle
{
    font-weight: bolder;
    font-size: 9pt;
    color: #717272;
    border-right: none;
    border-top: #cfd0d2 1px solid;
    border-left: none;
    border-bottom: #cfd0d2 1px solid;
    vertical-align: top;
    text-align: left;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
}

.SalesDocDetailsHeaderSectionRow
{
    border-right: none;
    border-top: #cfd0d2 1px solid;
    border-left: none;
    border-bottom: #cfd0d2 1px solid;
}

.SalesDocDetailsDocIDTitle
{
    font-weight: bolder;
    font-size: 11pt;
    color: #0a4b79;
    vertical-align: top;
    text-align: left;
    width: 200px;
}

.SalesDocDetailsSubtotalsPrompt
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
}

.SalesDocDetailsSubtotalsValue
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
}

.SalesDocDetailsGrandTotalPrompt
{
    font-weight: bolder;
    font-size: 9pt;
    color: #00519a;
}

.SalesDocDetailsGrandTotalValue
{
    font-weight: bolder;
    font-size: 9pt;
    color: #00519a;
}

.SalesDocDetailsGrandTotalRow
{
    border-top-style: solid;
    border-top-color: #cfd0d2;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cfd0d2;
    border-bottom-width: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* end OrderPreviewWidgetA*/


/* Customer Account Info */

.AccountSummarySectionHeading
{
    font-size: 10pt;
    color: #af1e2d;
    font-weight: bold;
    width: 210px;
    border-top: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
    padding-top: 4px;
    padding-bottom: 4px;
}
.AccountSummaryPrompt
{
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
}
.AccountSummaryAnswer
{
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
}

/* end Customer Account Info */


/* Customer Message Maintenance */
.CustomerMessagePrompt
{
    color:#000000;
    font-size:11pt;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    vertical-align:top;
}

.CustomerMessageCustomPrompt
{
    color:#000000;
    font-size:11pt;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    vertical-align:top;
}

.CustomerMessageTextBox
{
    font-family:Arial;
    color:#000000;
    font-size:11pt;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    vertical-align:top;
    scrollbar-face-color:grey;
    scrollbar-arrow-color:turquoise;
    scrollbar-shadow-color:#000000;
    scroolbar-highlight-color:yellow;
}
/* end Customer Message Maintenance */


/* CustomerAdminUserMaint */

.CustAdminCurrentAccount
{
    width: 100%;
    background-color: #ffffff;
    color: #ffffff;
}
.ActionLinkSmall
{
    font-weight: bolder;
    font-size: 7pt;
    color: #06c !important;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}
.ActionLinkSmall A
{
    color: #06c !important;
    text-decoration: none;
    cursor: pointer;
}
.ActionLinkSmall A:hover
{
    color: #06c !important;
    cursor: pointer;
}
.CustAdminSelectUserBulletList,
.CustAdminSelectUserBulletList a,
.CustAdminSelectUserBulletList a:visited,
.CustAdminSelectUserBulletList:hover
{
    color: #000000;
    font-size:9pt;
    font-weight:normal;
    text-decoration:none;
}
.AjaxTabText
{
    color: #000000;
}

.FieldValidator
{
    color: Red;
    font-size: 9pt;
    font-weight: bold;
}

.FieldValidatorCalloutHighlight
{
    background-color: Yellow;
}

/* end CustomerAdminUserMaint */


/* LoginAddressSelection */

.CheckoutAccountLink,
.CheckoutAccountLink a,
.CheckoutAccountLink a:visited,
.CheckoutAddressLink,
.CheckoutAddressLink a,
.CheckoutAddressLink a:visited
{
    color:#000000;
    font-size:9pt;
    font-weight:normal;
    text-decoration:none;
}
.CheckoutAccountLink:hover,
.CheckoutAddressLink:hover
{
    text-decoration:underline !important;
    cursor:pointer;
}

.AddressModalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    /*padding: 6px;*/
    width: 400px;
    text-align: left;
}

.AddressModalPageBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}    
.AddressModalContainer
{
    border: solid 1px #00519a;
    width: 340px;
    margin:20px;
    padding-right:10px;
    padding-bottom:4px;
    padding-left:10px;
}

.AddressModalPopupTitle
{
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

.AddressModalPopupBody
{
    font-weight: normal;
    color: #000000;
    font-size: 10pt;
    font-weight: normal;
}

.AddressModalPopupLink
{
    font-weight: bolder;
    font-size: 9pt;
    color: #06c;
    text-decoration: none;
    cursor: pointer;
}
/* end LoginAddressSelection */

/* Order Research C */

/* end Order


/* Sales Rep Contract Maintenance */

.ContractMaintAddItemHeader, 
.ContractMaintSummaryHeader, 
.ContractMaintFilterHeader
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    background-color: #d6d6d6;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #00519a;
}
.update-calculations-button
{
    background-color: #888888;
    width: 70px;
    height: 22px;
    padding-right: 4px;
    padding-left: 4px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    text-align:center;
    border: none;
    margin-right:4px;
    margin-bottom: 1px;
}


/* end sales rep contract maintenance */
/* --------------------------------------------
   styles for GridViews that do not have a Skin
----------------------------------------------- */

.grid-heading-left
{
    font-weight: bold;
    font-size: 9pt;
    color:  #ffffff;
    background-color: #444F51; 
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
}
.grid-heading-left a,
.grid-heading-left a:visited
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    background-color: #444F51;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
.grid-heading-left a:hover
{
    text-decoration:underline;
}

.grid-heading-right
{
    font-weight: bold;
    font-size: 9pt;
    color:  #ffffff;
    background-color: #444F51; 
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: right;
}
.grid-heading-right a,
.grid-heading-right a:visited
{
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    background-color: #444F51;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
}
.grid-heading-right a:hover
{
    text-decoration:underline;
}

.grid-data-left
{
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    text-align:left;
    line-height: 14px;
}

.grid-data-right
{
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    text-align:right;
    line-height: 14px;
}

.grid-pager
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    background-color: #ffffff;
}
/* end GridView styles */
/* Actions Menu */

#ActionMenuContainer
{
    float:left;
    clear:left;
    position:relative;
}

.ActionMenuHoverPanel
{
    color: #ffffff;
    background-color: #00519a;
    font-size: 10pt;
    font-weight: bold;
    border-top: solid 1px #00519a;
    border-left: solid 1px #00519a;
    border-right: solid 1px #00519a;
    /*margin-left: 4px;*/
    position:relative;
}

.ActionMenuTitle
{
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
}

.DropDownMenuPanel
{
    clear:both;
    background-color: #ffffff;
    border-left: solid 1px #00519a;
    border-right: solid 1px #00519a;
    border-bottom: solid 1px #00519a;
    padding-top: 4px;
    z-index: 2000;
    position:absolute;
}

.DropDownMenuItem, 
.DropDownMenuItem a, 
.DropDownMenuItem a:visited
{
    color: #06c !important;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    line-height: 16px;
}
.DropDownMenuItem a:hover
{
    color: #06c;
    text-decoration: underline !important;
    cursor: pointer;
}

*+html .DropDownMenuItem, 
*+html .DropDownMenuItem a, 
*+html .DropDownMenuItem a:visited
{       /*ie7*/
    color: #06c !important;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
}
*+html .DropDownMenuItem a:hover
{
    color: #06c !important;
    text-decoration: underline !important;
    cursor: pointer;
}

*html .DropDownMenuItem, 
*html .DropDownMenuItem a, 
*html .DropDownMenuItem a:visited
{       /*ie6*/
    color: #06c !important;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
    
}
*html .DropDownMenuItem a:hover
{
    color: #06c !important;
    text-decoration: underline !important;
    cursor: pointer;
}

.DropDownMenuTextIcon
{
    color: #ffffff;
    font-weight: bolder;
    font-size: 14px;
}

/* end Actions Menu */

/* Modal Popups */

.FavoritesModalPageBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPageBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 300px;
    text-align: left;
}

.ModalPopup2
{
    background-color: #ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:4px;
    width:300px;
    text-align:left;
}

.ModalPopup3,
.ModalPopupMakeCartActive
{
    background-color: #ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:4px;
    width:500px;
    text-align:left;
}
.ModalPopupBodyInner
{
    margin: 10px;
    background-position: transparent;
    background: transparent;
    border: 1px solid #808080;
    padding: 10px;
}
.ModalPopupBody
{
    font-weight: normal;
    font-size: 12px;
    color: #000000;
}
.ModalPopupTitle
{
    color: #0a4b79;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    margin-bottom:6px;
}
.ModalPopupPrompt
{
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
}
.ModalPopupLink
{
    font-weight: bolder;
    font-size: 9pt;
    color: #06c;
    text-decoration: none;
    cursor: pointer;
}

    /* Widgets/AddToFavorites Popup */

.FavoritesModalPageBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.FavoritesModalPopupPanel
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 20px;
    width: 375px;
    text-align: left;
}

.FavoritesModalPopupTitle
{
    color: #0a4b79;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

.FavoritesModalContentPanel
{
    background: transparent;
    border: solid 1px #00519a;
    width: 350px;
    padding: 10px;
}

.FavoritesModalPopupBody
{
    font-weight: normal;
    color: #000000;
    white-space: normal;
}

.FavoritesModalPopupBodyBold
{
    font-weight: bold;
    color: #000000;
}

.FavoritesModalSectionHeading
{
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}

.FavoritesModalDropDownList
{
    font-size: 8pt;
    color: #000000;
    width: 250px;
    background-color: #ffffff;
}

.FavoritesModalPopupLink, 
.FavoritesModalPopupLink a, 
.FavoritesModalPopupLink a:visited
{
    font-weight: bolder;
    font-size: 9pt;
    color: #06c;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}
.FavoritesModalPopupLink a:hover
{
    color: #06c;
    text-decoration: underline;
}

.FavoritesModalCenteredLabel
{
    color: #00519a;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    padding-left: 175px;
}

.FavoritesModalTextBox
{
    font-size: 8pt;
    color: #000000;
    width: 300px;
    height: 14px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    background-color: #ffffff;
}

.FavoritesConfirmModalPopupPanel
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 20px;
    width: 350px;
    text-align: left;
}

.FavoritesConfirmModalContentPanel
{
    background: transparent;
    border: solid 1px #00519a;
    width: 322px;
    padding: 12px;
}
    /* end Widgets/AddToFavorites popup */

/* end Modal Popups */
/* Stock Check Widget */

.StockCheckWidgetSurroundTable
{
    background-color: #FFFFFF;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.StockCheckWidgetTitleBorder
{
    border-bottom: 1px solid #1C2058;
}

.StockCheckWidgetTitle
{
    color:#000000;
    font-size:9pt;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
}

.StockCheckWidgetLink
{
    color:#4aaa42;
    font-size:9pt;
    font-weight: normal;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
}
.StockCheckWidgetContentTable
{
    background-color: #efefef;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right:none;
    color: #000000;
    font-family: 'Arial';
    font-size: 9pt;
    font-weight: normal;
}
.StockCheckGridHeader
{
    width:100%;
    color: #ffffff;
    background: #00519a;
    font-size:11pt;
    font-style:italic;
    font-weight:bold;
}
.StockCheckGridDataBold
{
    font-size:8pt;
    font-weight:bold;
    font-style:normal;
    text-align:left;
}
.StockCheckGridData
{ 
    color:#000000;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
    text-align:left;
}
.StockCheckGridLink,
.StockCheckGridLink a,
.StockCheckGridLink a:visited
{
    color:#06c;
    font-size:7pt;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    text-decoration:none;
    float:right;
}
.StockCheckGridLink a:hover
{
    text-decoration:underline;
    cursor:pointer;
}


/* end stock check widget */

/* ============================= */
/* Brand Summary */
/* ============================= */

.BrandSummarySectionBody
{
    width: 730px;
}
.BrandSummarySectionHead
{
    width: 730px;
    background-color: #a9a9a9;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    height: 15px;
    padding-left: 2px;
    padding-top: 2px;
    margin-top: 10px;
    width: 100%;
    text-decoration: none;
}
.BrandSummarySectionHead a
{
    width: 730px;
    background-color: #a9a9a9;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    height: 15px;
    padding-left: 2px;
    padding-top: 2px;
    margin-top: 10px;
    width: 100%;
    text-decoration: none;
}

.BrandSummarySectionHead a:hover
{
    width: 730px;
    background-color: #a9a9a9;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    height: 15px;
    padding-left: 2px;
    padding-top: 2px;
    margin-top: 10px;
    width: 100%;
}
.BrandSummarySectionHead a:visited
{
    width: 730px;
    background-color: #a9a9a9;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    height: 15px;
    padding-left: 2px;
    padding-top: 2px;
    margin-top: 10px;
    width: 100%;
    text-decoration: none;
}

.BrandSummaryBrandLink
{
    font-weight: normal;
    text-decoration: none;
    font-size: 8pt;
    color: #000000;
    cursor: pointer;
    white-space:normal;
}
.BrandSummaryBrandLink a:hover
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    cursor: pointer;
}
.BrandSummaryBrandLink a
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    cursor: pointer;
}

.BrandSummaryIndexLink
{
    font-weight: normal;
    font-size: 10pt;
    color: #06c;
    text-decoration: none;
    cursor: pointer;
}
.BrandSummaryIndexLink A:hover
{
    font-weight: bold;
    font-size: 8pt;
    color: #06d;
    cursor: pointer;
}

.BrandSummaryIndexBody
{
    width: 730px;
    margin-top: 7px;
    padding-left: 0px;
}
.BrandSummaryFeaturedHead
{
    background-repeat: repeat-x;
    background-color: #00519a;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    height: 17px;
    padding-left: 2px;
    padding-top: 2px;
    margin-bottom: 4px;
}

.BrandSummaryIndexHead
{
    width: 100%;
    background-repeat: repeat-x;
    background-color: #00519a;
    font-weight: bold;
    font-size: 8pt;
    color: #ffffff;
    height: 17px;
    padding-left: 2px;
    padding-top: 2px;
    margin-top: 12px;
    border-left: none;
    border-top: 1px solid #cfd0d2;
    border-right: none;
    border-bottom: 1px solid #cfd0d2;
}


.BrandSummaryBackToTopLink
{
    color: #ffffff;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    padding-right: 4px;
    text-decoration: none;
}

.BrandSummaryBackToTopLink A
{
    color: #ffffff;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.BrandSummaryBackToTopLink A:hover
{
    color: #ffffff;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
}
/* added 12/10 */

.SuppliesFinderTopBrandsHeader,
.SuppliesFinderMoreBrandsHeader, 
.SuppliesFinderAllBrandsHeader
{    
    /*width: 600px;*/
    width:96%;
    background-repeat:repeat-x;
    background-color: #00519a;
    font-weight:bold;
    font-size: 8pt;
    color: #ffffff;
    height: 17px;
    padding-left: 2px;
    padding-top:2px;
    margin-top:12px;
    border-left: none;
    border-top: 1px solid #cccccc;
    border-right: none;
    border-bottom: 1px solid #cccccc;
}

.SuppliesFinderTopBrandsHeader .SubTitle, 
.SuppliesFinderMoreBrandsHeader .SubTitle
{
    background-color: #00519a;
    font-weight:normal;
    font-size: 8pt;
    color: #ffffff;
    margin-left:10px;
}

.SuppliesFinderTopBrands, 
.SuppliesFinderMoreBrands, 
.SuppliesFinderAllBrands
{
    /*width: 600px;*/
    width:96%;
}
.SuppliesFinderInstructions
{
    width: 470px;
    color: #000000;
    font-size: 10pt;
    font-weight:normal;
    text-align: left;
    padding-top: 4px;
}

/* end Brand Summary */
 
 /* Popup Calendar */
 
 .CalendarDeliveryDates
 {
    width: 160px;
    background: #ffffff;
    border-color: #cccccc;
    color: #000000;
    padding: 1px 1px 1px 1px;
    font-size: 8pt;
 }
 
 .CalendarCutoffLabel
 { 
    width: 100%;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
 }
 
 .CalendarSelectedDayStyle
 {
    background: #0a4b79;
    font-weight: bold;
    color: #ffffff;
    border: solid 1px #ffffff;
 }
 .CalendarTodayDayStyle
 {
    background: #ffffff;
    color: #000000;
 }
 .CalendarWeekendDayStyle
 {
    background: #ffffff;
 }
 .CalendarSelectorStyle
 {
    background: red;
    color: #ffffff;
 }
 .CalendarOtherMonthDayStyle
 {
    background: #ffffff;
    color: #000000;
 }
 .CalendarNextPrevStyle
 {
    color: #000000;
    background: #999999;
    vertical-align: bottom;
 }
 .CalendarDayHeaderStyle
 {
    background: #CCCCCC;
    color: #000000;
    font-weight: bold;
    font-size: 7pt;
 }
 .CalendarTitleStyle
 {
    background: #999999;
    border-color: #000000;
    font-weight: bold;
    font-size: 7pt;
 }
  
 .DeliveryDateCalendarButton
 {
    background-color: transparent;
    background: url(../images/CalendarIcon.jpg) left center no-repeat;
    width: 24px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;   
    cursor: pointer;
	text-decoration:none;
	vertical-align: bottom;
 }
   
 .CalendarDeliveryKeysTable
 {
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin: 4px;
    width: 152px;
 }
 
 .CalendarAvailableDatesText
 {
    color: #000000;
    font-size: 9px;
    font-weight: normal;
    text-align:left;
 }
 
 .CalendarAvailableDatesKey
 {
    width: 12px; 
    background-color: #0a4b79;
    border: none;
 }
 
 .CalendarDayAvailable
 {
    background-color: #0a4b79;
    color: #ffffff !important;
    border: solid 1px #ffffff;
 }
 
 .CalendarDaySelectable
 {
    background-color: #ffffff;
    color: #000000 !important;
 }
 
 .CalendarDayDisabled
 {
    background-color: #ffffff;
    color: Gray;    
 }
 /* end popup calendar */
 
 
/* Coupon Codes widget */

.CheckoutCouponCodesPanel
{
    height: 40px;
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    vertical-align: top;
    padding-left: 7px;
}

.CheckoutCouponCodesTable
{
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
    text-align: left;
    vertical-align: top;
}

.CheckoutCouponCodesColumn1
{
    width: 193px;
    text-align: right;
}

.CheckoutCouponCodesStatusMessage
{
    color: #00519a; 
    font-size: 9pt;
    font-weight: normal;
    background: #ffffff;
}

.CheckoutCouponCodesErrorMessage
{
    color: #cc0000;
    font-size: 9pt;
    font-weight: bold;
    background: #ffffff;
}

.CheckoutCouponCodesUpdateProgressPanel
{
    color: #0a4b79; 
    background: transparent;
    font-size: 8pt;
    font-weight: normal;
}



/* end coupon codes widget */

/* Supersede Items Modal Popup */

.supersede-modal-panel
{
    background-color: #ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:4px;
    width:800px;
    text-align:left;
}

.supersede-modal-container
{
    margin:12px;
    border: solid 1px #00519a;
    background:#ffffff;
    padding:4px;
}

.supersede-modal-background
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.cancel-cart-add,
.cancel-cart-add a,
.cancel-cart-add a:hover
{
    float:right;
    text-align:right;
    vertical-align:top;
    margin-top:4px;
    margin-right:6px;
    font-size:9pt;
    font-weight:bold;
    color:#06c;
    text-decoration:underline;
    cursor:pointer;
}

.modal-grid-row
{
    background:#ffffff;
}

.modal-grid-alternating-row
{
    background: #e4e3e3;
}

.modal-image-div
{
    float:left;
    width:100px;
    margin-top:0px;
    margin-bottom:4px;
    margin-right:6px;
    vertical-align:top;
    text-align:left;
}
.modal-image
{
    width:100px;
}

.item-details-div
{
    float:left;
    width:200px;
    margin-right:6px;
    vertical-align:top;
    text-align:left;
    border:none;
}
.modal-brand
{
    color: #000000;
    font-size:8pt;
    font-weight:bold;
    text-align:left;
    vertical-align:top;
}
.modal-text
{
    color:#000000;
    font-size:8pt;
    font-weight:normal;
}

.modal-quantity-text
{
    color:#000000;
    font-size:9pt;
    font-weight:normal;
}

.modal-price-uom-div
{
    float:left;
    width:80px;
    margin-right:6px;
    vertical-align:top;
    text-align:left;
}
.modal-price
{
    color:#06c;
    font-size:11pt;
    font-weight:bold;
}

.modal-save
{
    color:#06c;
    font-size:12pt;
    font-weight:bold;
    font-style:italic;
}

.modal-quantity-div
{
    float:left;
    width:40px;
    margin-right:6px;
    vertical-align:top;
    text-align:left;
}

.modal-price-comments-div
{
    float:left;
    width:100px;
    margin-right:6px;
    vertical-align:top;
    text-align:right;
}
.modal-comments-prompt
{
    color:#000000;
    font-size:7pt;
    font-weight:normal;
}

.modal-comments-textbox
{   
    width:100%;
    height:14px;
    color:#000000;
    font-size:7pt;
    font-weight:normal;
    text-align:left;
    vertical-align:top;
}

.modal-button-div
{
    float:right;
    width:155px;
    vertical-align:top;
    text-align:left;
}

.modal-original-button
{  
    background-color: transparent;
    border-style: none;
    background: url('../images/order-original-item-button.gif' ) left center no-repeat;
    width: 130px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.modal-supersede-button
{
    background-color: transparent;
    border-style: none;
    background: url('../images/order-supersede-item-button.gif' ) left center no-repeat;
    width: 130px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.modal-current-item-div
{
    margin-top: 10px;
    text-align:left;
    vertical-align:top;
}

.modal-current-heading
{
    color: #00519a;
    font-size: 11pt; 
    font-weight: bold;
    text-decoration: none;
}

.modal-supersede-items-div
{
    margin-top:4px;
    text-align:left;
    vertical-align:top;
    height: 200px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.modal-supersede-header-div
{
    width:100%;
    height:24px;
    background:#00519a;
    padding-top:6px;
    vertical-align:top;
    text-align:left; 
}

.modal-supersede-heading
{
    color:#ffffff;
    font-size:14pt;
    font-weight:bold;
    font-style:italic;
    text-align:left; 
    padding-left:4px;  
}


/* end supersede items modal popup */

/* Stock Availability Items Modal Popup */

.stock-availability-modal-panel
{
    background-color: #ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:4px;
    width:800px;
    text-align:left;
}

.stock-availability-modal-container
{
    margin:12px;
    border: solid 1px #00519a;
    background:#ffffff;
    padding:4px;
}

.stock-availability-modal-background
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.stock-availability-cancel-cart-add,
.stock-availability-cancel-cart-add a,
.stock-availability-cancel-cart-add a:hover
{
    float:right;
    text-align:right;
    vertical-align:top;
    margin-top:4px;
    margin-right:6px;
    font-size:9pt;
    font-weight:bold;
    color:#06c;
    text-decoration:underline;
    cursor:pointer;
    padding-right:8px;
}

.stock-availability-original-button
{  
    background-color: transparent;
    border-style: none;
    background: url('../images/order-original-item-button.gif' ) left center no-repeat;
    width: 130px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.stock-availability-alternate-button
{
    background-color: transparent;
    border-style: none;
    background: url('../images/order-supersede-item-button.gif' ) left center no-repeat;
    width: 130px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.modal-stock-availability-items-div
{
    margin-top:4px;
    text-align:left;
    vertical-align:top;
}

.modal-stock-availability-header-div
{
    width:100%;
    height:24px;
    background:#00519a;
    padding-top:6px;
    vertical-align:top;
    text-align:left; 
}

.modal-stock-availability-heading
{
    color:#ffffff;
    font-size:12pt;
    font-weight:bold;
    font-style:italic;
    text-align:left; 
    padding-left:4px;  
}

.modal-stock-availability-message
{
    width:200px;
}

/* end Stock Availability Items Modal Popup */

/* NewUserSignupB */

.SubmitRegistrationButton
{
    background-color: transparent;
    color: #ffffff;
    font-size: 9pt;
    font-weight: normal;
    overflow: hidden;
    border: none;
    cursor: pointer;
    width: 137px;
    height: 18px;
    text-align: right;
    margin: 0px 0px 0px 0px;
    background: url('../images/SignUpContinueButton.gif' ) left center no-repeat;
}

/* SignupNewUser */

.new-user-email-container
{
    width:934px;
}

.NewUserMessageDiv
{   
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

.NewUserText
{    
    font-size: 9pt;
    color: #000000;
}
.NewUserText A
{      
    font-size: 9pt;
    color: #000000;
    text-decoration: underline;
}
.NewUserText A:hover
{ 
    font-size: 9pt;
    color: #000000;
    text-decoration: underline;
}
.NewUserSectionHeading
{
    font-size: 10pt;
    font-weight:bold;
    color: #ffffff !important;
    background-color:#00519a;
    vertical-align: middle;
    text-align: left;
    width: 200px;    
    height: 16px;
}

.NewUserErrorPanel
{
    width: 95%;
    background-color: #ffffff;
    vertical-align: top;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 2px;
}
/* end SignupNewUser */


/* Full Grid Pager (for SignUpNewUser) */

.pagerOuterTable
{
    border-collapse: collapse;
    border: none;
    background-color: #ffffff;
    color: #000000;
}

.pageGroups
{
    font-size: 10pt;
}

.pageCounter
{
    display: none;
}

.pageFirstLast
{
    font-size: 10pt;
    color: #06c;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.pagePrevNextNumber
{
    font-size: 9pt;
    color: #06c;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.pageCurrentNumber
{
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.pageCurrentNumber a
{
    font-size: 12pt;
    color: #06c;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
}

.pagerLink, .pagerLink#hover, .pagerLink#active, .pagerLink#visited
{
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

/* Full Grid Pager */

/*
tabbarbackbody
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.thm32CartValueText
{
    color: #4E4E4F;
    font-size: 10pt;
    line-height: 21px;
    vertical-align: bottom;
    font-weight: normal;
}
.thm31LoginBar
{
    color:#4E4E4F;
    font-size:12pt;
}
*/

/* Loyalty Points Display Widget */

.CatalogDisplay_LoyaltyPointsDisplayWidget
{
    width: 179px;
    float: right;
}

.CartDetails_LoyaltyPointsDisplayWidget
{
    width: 159px;
    float:right;
    margin-right:14px;
}

.CheckoutReview_LoyaltyPointsDisplayWidget
{
    width: 179px;
    float: right;
}

.LoyaltyPointsDisplayWidgetOuter
{
    text-align: center;
    font-weight: bold;
}

.LoyaltyPointsDisplayWidgetInner
{
    padding: 2px;
}

.LoyaltyPointsDisplayWidgetHelp
{
    font-weight: normal;
}

/* Loyalty Points Earned */

.CheckoutReview_LoyaltyPointsEarned
{
    font-weight: bold;    
    float:right;
}

.CheckoutReview_LoyaltyPointsEarnedPadding
{    
    float: right;
    width: 20px;
}

/* Loyalty Points Icon */

.LoyaltyPointsIcon
{    
    vertical-align: bottom;
}


.HR2
{
    color: #cfd0d2;
    border-top: 1px solid #cfd0d2;
}

.PrintDocLink
{
    font-weight: bolder;
    font-size: 12pt;
    color: #06c;
    text-decoration: none;
    cursor: pointer;
}
.ItemAddSuccessMsg
{
    color: Gray;
    font-size: 8pt;
    font-weight: bold;
}

.ItemAddErrorMsg
{
    color: Red;
    font-size: 8pt;
    font-weight: normal;
}
.NonReturnableItem
{
    color: Red;
}
/* Contract Maintenance */
.ContractMaintAddItemHeader, 
.ContractMaintSummaryHeader, 
.ContractMaintFilterHeader
{
    font-weight: bolder;
    font-size: 9pt;
    color: #00519a;
    background-color: #EFEFEF;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #00519a;
}

a.linkto div,
a.linkto{
	text-decoration: underline;
	font-size: 11px;
}

/* CatalogCategoriesWidget */ 

.CatalogCategoriesCatalogHeading
{
    color: #717272;
    font-size: 11pt;
    font-weight: bold;    
}

.CatalogCategoriesBreadcrumbs
{
    color: #000000;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
}

.CatalogCategoriesBreadcrumbs A
{
    color: #000000;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
}
.CatalogCategoriesBreadcrumbs A:link
{
    color: #000000;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
}
.CatalogCategoriesBreadcrumbs A:hover
{
    color: #000000;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
}
.CatalogCategoriesBreadcrumbs A:visited
{
    color: #000000;
    font-size: 8pt;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
}

.CatalogCategoriesLink
{
    font-weight: bold;
    font-size: 8pt;
    color: #717272;
    white-space: nowrap;
    padding-top: 3px;
}

.CatalogCategoriesLink a
{
    font-weight: bold;
    font-size: 8pt;
    color: #717272;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    padding-top: 3px;
}

.CatalogCategoriesLink a:link
{
    font-weight: bold;
    font-size: 8pt;
    color: #717272;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    padding-top: 3px;
}

.CatalogCategoriesLink a:hover
{
    font-weight: bold;
    font-size: 8pt;
    color: #717272;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    padding-top: 3px;
}

.CatalogCategoriesLink a:visited
{
    font-weight: bolder;
    font-size: 8pt;
    color: #717272;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    padding-top: 3px;
}
/* end CatalogCategoriesWidget */

/* Sales Rep Home 6/09 */

.SalesRepWelcomeText
{
    color: #000000;
    font-size: 15pt;
    font-weight: bolder;
    font-style: italic;
}

.SalesRepInformation
{
    color: #00519a;
    font-size: 15pt;
    font-weight: normal;
    font-style: italic;
    
}
.SalesRepActivateCustomerHeading, 
.SalesRepActivateCustomerHeading a:link, 
.SalesRepActivateCustomerHeading a:visited
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #00519a;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    width: 100%;
}

.SalesRepActivateCustomerHeading a
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #00519a;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    width: 100%;
}

.SalesRepActivateCustomerText
{
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    text-align:left;
    white-space: normal;
}

.SalesRepActivateCustomerText A
{
    font-weight: bold;
    font-size: 8pt;
    color: #06c;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.SalesRepActivateCustomerText A:hover
{
    font-weight: bold;
    font-size: 8pt;
    color: #06c;
    text-decoration: underline !important;
    cursor: pointer;
    white-space: nowrap;
}

.SalesRepRecentSalesLink
{
    color: #06c;
    font-size: 9pt;
    font-weight: bolder;
    text-decoration: none;
    cursor: pointer;
}
.SalesRepActivateCustomerButton
{  
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #AF1E2D; 
    width: 70px;
}
/* end Sales Rep Home 6/09 */
/* Quick Order Widget */

.QuickOrderWidgetContainer
{
    width: 370px;
}

.QuickOrderWidgetColumnHeading1
{
    font-weight: normal;
    font-size: 9pt;
    width: 47%;
    color: #ffffff;
    background-color: #00519a;
}

.QuickOrderWidgetColumnHeading2
{
    font-weight: normal;
    font-size: 9pt;
    width: 10%;
    color: #ffffff;
    background-color: #00519a;
}

.QuickOrderWidgetColumnHeading3
{
    font-weight: normal;
    font-size: 9pt;
    width: 43%;
    color: #ffffff;
    background-color: #00519a;
}

.QuickOrderWidgetColumn1
{
    width: 47%;
}

.QuickOrderWidgetColumn2
{
    width: 10%;
}

.QuickOrderWidgetColumn3
{
    width: 43%;
}
/* end Quick Order Widget */

/* Sales Rep Product Listing Pages */
  
.SRProductListingCatalogHeading
{
    color: #00519a;
    font-size: 16pt;
    font-weight: bolder;
    font-style: italic;
    font-family: 'Arial';
}
 
.SRProductListingGridBannerPanel
{
    background-color:#ffffff;
    width: 100%;
    height: 25px;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
    text-align: left;
}

.SRProductListingGridBannerText
{
    color: #00519a;
    font-size: 11px;
    font-weight: bold;
    background: none;
}

.SRProductListingGridBannerLink
{
    color: #00519a;
    font-size: 11px;
    font-weight: bold;
    background: none;
}

.SRProductListingCartButton
{
    background-color: #AF1E2D;
    width: 70px;
    height: 22px;
    padding-right: 4px;
    padding-left: 4px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    border: none;
    margin-right:4px;
}
.SRProductListingOrderGuideButton
{
    background-color: #AF1E2D;
    width: 110px;
    height: 22px;
    padding-right: 4px;
    padding-left: 4px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    border: none;
    margin-right:4px;
}
.SRProductListingFavoritesButton
{
    background-color: #AF1E2D;
    width: 115px;
    height: 22px;
    padding-right: 4px;
    padding-left: 4px;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    border: none;
    margin-right:4px;
}

.SRProductListingStatusMessage
{
    font-size: 8pt;
    font-weight: bold;
    color: #00519a;
}

.SRProductListingErrorMessage
{
    font-size: 8pt;
    font-weight: bold;
    color: #cc0000;
}

.SRProductListingGridSortByDropDown
{
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}

.SRProductListingGridHeading
{
    color: #00519a;
    font-size: 10px;
    font-weight: bolder;
    white-space: nowrap;
}

.SRProductListingGridData
{
    color: #00519a;
    font-size: 9px;
    font-weight: bold;
}

.SRProductListingGridRow
{
    background: #e4e3e3;
}

.SRProductListingGridAltRow
{
    background: #ffffff;
}

.SRProductListingGridLink, SRProductListingGridLink a, SRProductListingGridLink a:visited
{
    color: #000000;
    font-size: 9px;
    font-weight: bold;
}

.SRProductListingGridLink a:hover
{
    color: #06c;
    font-size: 9px;
    font-weight: bold;
}

.SRProductListingGridTextBox
{
    background-color: #ffffff;
    border: solid 1px #cfd0d2;
    color: #00519a;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

.SRProductListingGridTextBoxError
{
    background-color: #ffffff;
    border: solid 1px #cfd0d2;
    color: #282727;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

.SRProductListingGridSquareButton
{
    background-color: #AF1E2D;
    width: 24px;
    height: 22px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    border: none;
}

.SRProductListingFooterPanel
{
    width: 99%;
    background-color: #ffffff;
    border: solid 1px #00519a;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
    padding-left: 4px;
    text-align: left;
    vertical-align: top;
}

.SRProductListingFooterHeader
{
    color: #00519a;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: bolder;
}

.SRProductListingFooterHeaderItemID
{
    color: #00519a;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bolder;
}

.SRProductListingFooterContent
{
    color: #00519a;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
}

.SRProductListingFooterDataContent
{
    color: #00519a;
    background-color: #ffffff;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height:17px;
}


.SRProductListingPageCounter
{
    display: none;
}

.SRProductListingPageFirstLast
{
    font-size: 10pt;
    color: #06c;
    background: transparent;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;    
}

.SRProductListingPagePrevNextNumber
{
    font-size: 10pt;
    color: #06c;
    background: transparent;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}

.SRProductListingGridPager
{
    font-weight: bolder;
    font-size: 9pt;
    color: #06c;
    background: transparent;
}

.SRProductListingGridPager A
{
    font-size: 8pt;
    color: #06c;
}

.SRProductListingGridPager A:hover
{
    font-size: 8pt;
    color: #06c;
}

.SRProductListingGridProgressIndicator
{
    color: #000000;
    background-color: #0a4b79;
    font-size: 8pt;
    font-weight: normal;
    vertical-align: top;
}

.SRProductListingResultsMessagePanel
{
    height: 12px;
    border: none;
    background: transparent;
    padding-bottom: 4px;
    padding-top: 2px;    
    vertical-align: top;
}

.SRProductListingFooterProgressIndicator
{
    color: #ffffff;
    background-color: #0a4b79;
    font-size: 8pt;
    font-weight: normal;
}

.SRProductListingHR
{
    color: #cfd0d2;
    border-top: 1px solid #cfd0d2;
    width: 100%;
}
.SRProductListingImage
{
    text-align: center;
    vertical-align: middle;
}
.ProductImagePopupHover, 
.ProductImagePopupHover a, 
.ProductImagePopupHover a:hover, 
.ProductImagePopupHoaver a:visited 
{
    color: #06c;
    cursor: pointer;
    text-decoration: underline;
    font-size: 9px;
    font-weight: bold;
}
.SRProductListingImageHoverPanel
{
    visibility:hidden;
}
.PopupProductImagePanel
{
    background-image: url(../images/ItemImageBackground.gif) !important;
    background-position:center;
    background-repeat: no-repeat;
    padding-left: 8px;
    padding-top: 27px;
    width: 137px;
    height: 130px;
}
.PopupProductImage
{
    text-align: center;
    vertical-align: middle;
}
/* end Sales Rep Product Listing Pages */
/* Cart Links/Buttons */
.CartViewSavedCartsLink, .CartSaveCartLink, .CartRemoveAllLink, .CartUpdateCartLinkButton, .CartContinuteShoppingLink, .CartCheckoutLinkButton
{
    border-style: none;
    padding: 0px;
    margin: 1px;
    background-color: Transparent;
    font-weight: bold;
    font-size: 8pt;
    color: #06c;
    white-space: nowrap;
    cursor: pointer;   
}
.CartRemoveAllLink
{  
    width: 105px;
}
.CartViewSavedCartsLink
{  
    width: 110px;
}
.CartUpdateCartLinkButton
{  
    width: 75px;
}   
.CartSaveCartLink
{  
    width: 65px;
}
.CartContinuteShoppingLink
{
    width: 115px;
}

.CartCheckoutLinkButton
{
    width: 110px;
}
/* end Cart Links/Buttons */
/*-- New User Page --*/

.NewUserText
{    
    font-size: 9pt;
    color: #000000;
}
.NewUserText A
{      
    font-size: 9pt;
    color: #000000;
    text-decoration: underline;
}
.NewUserText A:hover
{ 
    font-size: 9pt;
    color: #000000;
    text-decoration: underline;
}
.NewUserTextAnchor
{ 
    font-size: 9pt;
    color: #000000;
    text-decoration: underline;
}
.NewUserSectionHeading
{
    font-size: 11pt;
    color: #00519a;
    border-top-color:#00519a;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-color:#00519a;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    vertical-align: middle;
    text-align: left;
    width: 200px;    
    height: 20px;
}
.NewUserMessageDiv
{   
    color: #00519a;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
}
.NewUserErrorPanel
{
    width: 95%;
    background-color: #ffffff;
    vertical-align: top;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
    border-left: solid 1px #000000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 2px;
}
.NewUserErrorMessage
{
    font-size: 8pt;
    font-style: normal;
    font-weight: normal;
    color:#cc0000;
    text-align: left;
    
}
/*-- New User Page End --*/
/* Order Research */

    .DocIDHoverMenuPanel
    {
        width: 110px; 
        height:35px; 
        background:#ffffff; 
        border:solid 1px #000000; 
        line-height:18px; 
        padding-top: 4px; 
        padding-bottom:8px; 
        padding-left:8px ;
        padding-right:8px;
    }

/*  end Order Research */

.SharedListsSectionHeading
{
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
}
/* Checkout Progress Image Selector Start */
.CheckoutProgressStep1Default
{
    height: 53px;
    width: 125px;
    background-color: transparent;
    background-image: url('../images/CheckoutStep1.gif');
    background-repeat:no-repeat;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep1Selected
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep1_f3.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep1Default:hover
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep1_f2.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep2Default
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep2.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep2Selected
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep2_f3.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep2Default:hover
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep2_f2.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep3Default
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep3.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep3Selected
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep3_f3.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep3Default:hover
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep3_f2.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep4Default
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep4.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep4Selected
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep4_f3.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.CheckoutProgressStep4Default:hover
{
    height: 53px;
    width: 125px;
    background-image: url('../images/CheckoutStep4_f2.gif');
    background-repeat:no-repeat;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

/* Checkout Progress Image Selector End */

/* ItemPurchaseHistoryWidget */

.ItemPurchaseHistoryPanel
{
    width: 100%;
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: solid 1px ##00519a;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ItemPurchaseHistoryHeader
{
    color: #00519a;
    font-family: 'Arial';
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
}

.ItemPurchaseHistoryPrompt
{
    color: #00519a;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.ItemPurchaseHistoryText
{
    color: #00519a;
    font-family: 'Arial';
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
/* end ItemPurchaseHistoryWidget */

/* OrderInformationWidget */

#customer-details
{
    width:100%;
    margin-top: 14px;
    margin-left:40px;
    text-align:left;
}

#order-information
{
    margin-top: 10px;
}

#selection-links
{
    text-align:center;
    vertical-align:top;
    margin-bottom:20px;
}
/* end OrderInformationWidget */ 
/*==================*/

.SelectedItem
{
    font-weight: bolder;
    font-size: 16pt;
    color: #000000;
}

.GridPager1
{
    font-size: 12pt;
    color: #90000e;
    background-color: #ffffff;
}
.GridPager1 A
{
    font-size: 9pt;
    color: #06c;
}
.GridPager1 A:hover
{
    font-size: 9pt;
    color: #06c;
}
.SelectedRow
{
    background-color: #ffffaa;
}
.ColumnHeading2
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
}
.ColumnHeading3
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    background-color: #ffffff;
    text-align: left;
}
.ColumnHeading4
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    text-align: left;
}
.NoDataGridView
{
    font-weight: bolder;
    font-size: 10pt;
    color: #000000;
}
.DetailView
{
    font-weight: bolder;
    font-size: 10pt;
    color: #000000;
}
.DetailViewHeader
{
    font-weight: bolder;
    font-size: 10pt;
    color: #000000;
    text-align: right;
}
.TileButton
{
    font-weight: bolder;
    font-size: 8pt;
    color: #ffffff;
}
.TileFooter
{
    font-weight: bolder;
    font-size: 8pt;
    background-color: #ffffff;
}
.TileHeader
{
    font-weight: bolder;
    font-size: 9pt;
    background-color: #ffffff;
    color: #ffffff;
}
.TileSideBorder
{
    color: #000000;
}
.TileContent
{
    background-color: #ffffff;
    font-size: 9pt;
    color: #000000;
}
.ActionTabSelected
{
    background-color: #ffffff;
    border-color: #cfd0d2;
    font-weight: bolder;
    font-size: 8pt;
    color: #ffffff;
    text-decoration: none;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ActionTab
{
    background-color: #B8D3DC;
    border-color: #cfd0d2;
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.GridData2
{
    font-size: 10pt;
    color: #000000;
}

.GridData3
{
    font-size: 9pt;
    font-weight: bold;
    color: #00519a;
}

.GridSummary1
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffff99;
    background-color: #ffffff;
}
.GridSummary2
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
}
.GridSummary3
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    background-color: #ffffff;
    text-align: left;
    height: 15px;
    vertical-align: middle;
}
.GridSummary4
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
}
.BorderRow1
{
    background-color: #ffffff;
}
.CriteriaEntrySectionHeads
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffff99;
    background-color: #ffffff;
}
.CriteriaRadio
{
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
}


.OrderDetailsHeaderPrompt
{
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
}
.OrderDetailsHeaderData
{
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    vertical-align: top;
    text-align: left;
}
.OrderDetailsHeaderSectionTitle
{
    font-weight: bolder;
    font-size: 9pt;
    color: #014b79;
    vertical-align: top;
    text-align: left;
    width: 200px;
    border-bottom-style: solid;
    border-bottom-color: #A9631B;
    border-bottom-width: thin;
}
.OrderDetailsOrderNumberTitle
{
    font-weight: bolder;
    font-size: 11pt;
    color: #0a4b79;
    vertical-align: top;
    text-align: left;
    width: 200px;
}

/* Search Page */

.SearchPageSideBar
{
    padding-bottom: 2px;
    padding-top: 8px;
    padding-left: 6px;
    padding-right: 2px;
    background-color: #ffffff;
    width: 225px;
}

.SearchPageSideBarButton
{
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #AF1E2D;
    width: 100px;
    overflow: hidden;
}

.SearchPageSearchButton
{
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #AF1E2D;
    width: 76px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.SearchPageSideBarSectionTitle
{
    font-size: 10pt;
    font-weight: bold;
    color: #ffffff;
    background-color: #000000;
    border-bottom-style: solid;
    border-bottom-color: #cfd0d2;
    border-bottom-width: thin;
}

.SearchPageSearchTextBox
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    width: 215px;
    overflow: hidden;
}

.SearchPageRequireAllWordsRadio
{
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
}

.SearchPageSideBarText
{
    font-size: 9pt;
    font-weight: normal;
    color: #ffffff;
}
.SearchPageSideBarNormalRow
{
    color: #ffffff;
    font-size: 9pt;
    font-weight: normal;
}
.FeaturedProductsTitle
{
    color: #000000;
    font-weight: bold;
    font-size: 9pt;
    border-bottom-style: solid;
    border-bottom-color: #cfd0d2;
    border-bottom-width: thin;
}
.FeaturedProductsText
{
    color: #000000;
    font-size: 9pt;
}
.WgTopCatLinks
{
    color: #06c;
    font-size: 9pt;
    font-weight: normal;
}
.WgLoginPrompts
{
    font-size: 8pt;
    color: #000000;
}
/* Cart Widget */
.TileCartSummaryFlyOut
{
    background-color: Yellow;
    font-size: 9pt;
    color: #ffffff;
}


.CartWidgetQuickViewLink
{
    font-weight: bolder;
    font-size: 8pt;
    color: #06c;
    text-decoration: none;
    cursor: pointer;
}
.CartWidgetQuickViewLink A
{
    color: #06c;
    text-decoration: none;
    cursor: pointer;
}

.CartWidgetQuickViewLink A:hover
{
    color: #06c;
    cursor: pointer;
}

.CartWidgetImageColumn
{
    width: 125px;
}


/* Sales Doc Search*/
.SalesDocSearchTypeTable
{
    vertical-align: top;
    text-align: left;
    width: 230px;
    border-left: 1px solid #cfd0d2;
    border-top: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
}

.SalesDocSearchDocIDTable
{
    vertical-align: top;
    text-align: left;
    width: 230px;
    border-left: 1px solid #cfd0d2;
    border-top: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
}
.SalesDocSearchcriteriaTable
{
    vertical-align: top;
    text-align: left;
    width: 230px;
    border-left: 1px solid #cfd0d2;
    border-top: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
}

.SalesDocCriteriaSurroundTable
{
    vertical-align: top;
    text-align: left;
    border-left: 1px solid #cfd0d2;
    border-top: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
}
.SalesDocSearchTypeHeaderRow
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #00519a;
    border-bottom: 1px solid #cfd0d2;
    vertical-align: top;
    text-align: left;
    width: 200px;
}

.SalesDocSearchDocIDHeaderRow
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #00519a;
    border-bottom: 1px solid #cfd0d2;
    vertical-align: top;
    text-align: left;
    width: 200px;
}

.SalesDocSearchCriteriaHeaderRow
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #00519a;
    vertical-align: top;
    text-align: left;
    width: 200px;
}
.SalesDocSearchResultsHeaderRow
{
    font-weight: bolder;
    font-size: 9pt;
    color: #00519a;
    vertical-align: top;
    text-align: left;
}
.SalesDocSearchPrompt
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    vertical-align: top;
    text-align: left;
}

.SalesDocSearchTypeRadioList
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
}

/* Sales Doc Details */
.SalesDocDetailsHeaderPrompt
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    white-space: nowrap;
    vertical-align: top;
    text-align: left;
}
.SalesDocDetailsHeaderData
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    vertical-align: top;
    text-align: left;
}

/*  Login Page */
.LoginPageUsername
{
    font-size: 9pt;
    color: #999999;
    width: 300px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    background-color: #EFEFEF;
}

.LoginPagePassword
{
    font-size: 9pt;
    color: #999999;
    width: 300px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    background-color: #EFEFEF;
}

.LoginHelpText
{
    font-size: 10pt;
    color: #717272;
    text-align: center;
    font-weight: bold;
}
.LoginHelpText A
{
    font-size: 10pt;
    color: #717272;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.LoginHelpText A:hover
{
    font-size: 10pt;
    color: #717272;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
/* ----------------------- */


/*  Checkout Items.  Used = ? */

.CheckoutStepInstructions
{
    font-weight: bolder;
    font-size: 10pt;
    color: #000000;
}

.CheckoutStepSideBar
{
    background: #00000;
    vertical-align: top;
    text-align: left;
}

.CheckoutStepSideBarLinks
{
    font-weight: normal;
    font-size: 9pt;
    color: #06c;
    width: 150px;
}

.CheckoutTextNormal
{
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
}

.CheckoutHelpText
{
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
}

.CheckoutFreightCostPrompt
{
    font-weight: bold;
    font-size: 9pt;
}

.CheckoutFreightChargeAmount
{
    font-weight: normal;
    font-size: 9pt;
}

.CheckoutThankYouHeader
{
    font-weight: bold;
    font-size: 10pt;
    color: #00519a;
    padding-bottom: 1px;
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: #cfd0d2 1px solid;
}

.CheckoutButton
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    background-color: #AF1E2D;
}

.CheckoutBillToInfo
{
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
}

.CheckoutTextBox
{
    font-weight: bolder;
    font-size: 9pt;
    background-color: #ffffff;
    color: #000000;
}

.CheckoutDropDown
{
    font-weight: bolder;
    font-size: 9pt;
    background-color: #ffffff;
    color: #000000;
}

.CheckoutPrompt
{
    font-weight: bolder;
    font-size: 9pt;
    text-align: right;
    width: 170px;
    color: #000000;
}

.CheckoutSalesTypePrompt
{
    font-weight: bolder;
    font-size: 9pt;
    text-align: left;
}
.CheckoutPromptSub
{
    font-weight: bolder;
    font-size: 9pt;
}

.CheckoutRadioList
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
}

.CheckoutCheckBox
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    border: none;
}
.CheckoutAddressTitle
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-color: #cfd0d2;
    border-bottom-width: thin;
    width: 250px;
}
.CheckoutAddressTab
{
    font-weight: bolder;
    font-size: 9pt;
    color: #ffffff;
    text-decoration: none;
    background-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-color: #cfd0d2;
    border-bottom-width: thin;
    border-left-style: solid;
    border-left-color: #cfd0d2;
    border-left-width: thin;
    border-right-style: solid;
    border-right-color: #cfd0d2;
    border-right-width: thin;
    border-top-style: solid;
    border-top-color: #cfd0d2;
    border-top-width: thin;
}

.CheckoutAddressTabSelected
{
    font-weight: bolder;
    font-size: 9pt;
    color: Yellow;
    background-color: #ffffff;
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-color: #cfd0d2;
    border-bottom-width: thin;
    border-left-style: solid;
    border-left-color: #cfd0d2;
    border-left-width: thin;
    border-right-style: solid;
    border-right-color: #cfd0d2;
    border-right-width: thin;
    border-top-style: solid;
    border-top-color: #cfd0d2;
    border-top-width: thin;
}

.CheckoutAddressSurroundTable
{
    border-left: #cfd0d2 1px solid;
    border-top: #cfd0d2 1px solid;
    border-right: #cfd0d2 1px solid;
    border-bottom: #cfd0d2 1px solid;
}

.checkout-orderinfo-container
{
    padding-left:20px;
}

.checkout-shippingdetails-container
{
    padding-left:20px;
}
/* End Checkout Styles Used = ? */

/* -- Stock Check -------- */
.StockCheckSeparatorBar
{
    color: #cfd0d2;
    width: 90%;
}


.RequiredFieldMarker
{
    color: Red;
    font-size: 9pt;
    font-weight: bold;
}

.FieldValidatorSummary
{
    color: Red;
    font-size: 9pt;
    font-weight: bold;
}
.WgTopCatLinksTitle
{
    font-weight: bolder;
    font-size: 10pt;
    color: #0a4b79;
    border-bottom-color: #cfd0d2;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-top-color: #cfd0d2;
    border-top-style: solid;
    border-top-width: thin;
}

.WgTopCatLinks
{
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
}

.WgTopCatLinks A
{
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
}

.WgTopCatLinks A:hover
{
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
}

.PageTopLink
{
    font-size: 9pt;
    color: #06c;
    font-weight: normal;
    cursor: pointer;
    padding-bottom: 5px;
}

.PageTopLink A
{
    font-size: 9pt;
    color: #06c;
    font-weight: normal;
    cursor: pointer;
    padding-bottom: 5px;
}

.PageTopLink A:hover
{
    font-size: 9pt;
    color: #06c;
    font-weight: normal;
    cursor: pointer;
    padding-bottom: 5px;
}

.ProductSearchSectionHeading
{
    font-weight: bold;
    font-size: 10pt;
    color: #0a4b79;
    text-decoration: none;
    border-bottom-color: #cfd0d2;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.UserCatalogSelectedRow
{
    background-color: Yellow;
}
.LogoutWidgetLink, .LogoutWidgetLink a, .LogoutWidgetLink a:visited
{
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    color: #06c;
    line-height: 16px;
}
.LogoutWidgetLink a:hover
{
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
    text-decoration: underline !important;
    color: #06c;
    line-height: 16px;
}
.LogoutWidgetLink a:link
{
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    text-decoration: underline !important;
    color: #06c;
    line-height: 16px;
}

.LimitsWarningWidgetTitle
{
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    border-bottom-color: #cfd0d2;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.LimitsWarningWidgetList
{
    color: #00519a;
    font-size: 9pt;
}

.LimitsWarningWidgetPanel
{
    border-color: #00519a;
    border-style: solid;
    border-width: thin;
}

.SearchBarText
{
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
}
.SearchBarTextBox
{
    font-size: 8pt;
    color: #000000;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    background-color: #efefef;
    height: 11px;
}

.UserCatalogListWidgetCatalogName
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-align: left;
}

.MySalesRepWidgetRepName
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-align: left;
}

.MySalesRepWidgetPhone
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-align: left;
}

.MySalesRepWidgetEmail
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-align: left;
}

.UserCatalogListWidgetCatalogNameLink
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
    text-align: left;
}


/*--------------------------------------
    sales rep styles
----------------------------------------*/
.SalesRepHomeCurrentAccountPrompt
{
    font-size: 12pt;
    color: #00519a;
    font-weight: bold;
}
.SalesRepHomeCurrentAccount
{
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
}
.SalesRepPageTitleBar
{
    color: #ffffff;
    font-size: 8pt;
    font-weight: bold;
    background-color: #0a4b79;
    text-align: left;
    height: 18px;
}
.SalesRepTopLinks
{
    color: #000000;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}
.SalesRepTopLinks a
{
    color: #06c;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}
.SalesRepTopLinks a:visited
{
    color: #06c;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.SalesRepTopLinks a:link
{
    color: #06c;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

.SalesRepSectionHeading
{
    font-weight: bolder;
    font-size: 12pt;
    color: #00519a;
    vertical-align: top;
    text-align: left;
    width: 370px;
    margin-bottom: 6px;
}
/* --- Sales Rep Current Customer --- */
.SaleRepCurrentCustomerPrompt
{
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
}

.SaleRepCurrentCustomerValue
{
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
}

.SalesRepCurrentCustomerPanel
{
    text-align: left;
}

.SalesRepCurrentCustomerPanelB
{
    text-align: center;
    vertical-align: middle;
}

.SaleRepCurrentCustomerPromptB
{
    font-size: 8pt;
    color: #00519a;
    font-weight: bold;
}

.SaleRepCurrentCustomerValueB
{
    font-size: 8pt;
    color: #000000;
    font-weight: bold;
}

/* ----------------------- */
/* --- Account Summary --- */
.SalesRepCustSelectPanel
{
    height: 100px;
    width: 370px;
    background-color: #F8F8FF;
    border-color: #949C9C;
    border-width: thin;
    border-style: solid;
}

/* --- Recent Sales History --- */
.RecentSalesHistoryWidgetPanel
{
    height: 100px;
    width: 370px;
    border-color: #cfd0d2;
    border-width: thin;
    border-style: solid;
}

/* --- SalesRepCustAccountActivityWidgetPanel  ---*/
.SalesRepCustAccountActivityWidgetPanel
{
    width: 370px;
}

.SalesRepCustAccountActivityWidgetSalesPanel
{
    width: 110px;
}

.SalesRepCustAccountActivityWidgetPaymentPanel
{
    width: 230px;
}

.SalesRepCustAccountActivityWidgetPrompt
{
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
    white-space: normal;
}

.SalesRepCustAccountActivityWidgetAnswer
{
    font-size: 9pt;
    color: #00519a;
    font-weight: normal;
}
.SalesRepCustAccountActivityWidgetLink
{
    font-size: 9pt;
    color: #06c;
    font-weight: bolder;
}

.SalesRepCustAccountActivityWidgetPanel fieldset
{
    border-color: #00519a;
    border-style: solid;
    border-width: thin;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.SalesRepCustAccountActivityWidgetPanel legend
{
    color: #00519a;
    font-size: 9pt;
    font-weight: bold;
}
.SalesRepCustAccountActivityWidgetSalesPanel fieldset
{
    border-color: #000000;
    border-style: solid;
    border-width: thin;
}

.SalesRepCustAccountActivityWidgetSalesPanel legend
{
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
}

.SalesRepCustAccountActivityWidgetPaymentPanel fieldset
{
    border-color: #000000;
    border-style: solid;
    border-width: thin;
}

.SalesRepCustAccountActivityWidgetPaymentPanel legend
{
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
}
/* ----------------------- */

/* --- SalesRepCustSalesSummaryWidgetPanel  ---*/
.SalesRepCustSalesSummaryWidgetMainPanel
{
    width: 370px;
}

.SalesRepCustSalesSummaryWidgetInnerPanel
{
    width: 350px;
}

.SalesRepCustSalesSummaryWidgetPrompt
{
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
}
.SalesRepCustSalesSummaryWidgetAnswer
{
    font-size: 9pt;
    color: #00519a;
    font-weight: normal;
}
.SalesRepCustSalesSummaryWidgetMainPanel fieldset
{
    border-color: #00519a;
    border-width: thin;
    border-style: solid;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}

.SalesRepCustSalesSummaryWidgetMainPanel legend
{
    color: #00519a;
    font-size: 9pt;
    font-weight: bold;
}

.SalesRepCustSalesSummaryWidgetInnerPanel fieldset
{
    border-color: #000000;
    border-style: solid;
    border-width: thin;
}

.SalesRepCustSalesSummaryWidgetInnerPanel legend
{
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
}

/* --------------------------
   Product Listing Pages
   -------------------------- */
.ProductListingGridFilterByText
{
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
}

.ProductListingCompareButton
{
    background-color: transparent;
    background: url('../images/CompareItemsButton.gif' ) left center no-repeat;
    width: 72px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.ProductListingCompareButtonBottom
{
    background-color: transparent;
    background: url(     '../images/CompareItemsButtonBottom.gif' ) left center no-repeat;
    width: 72px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.ProductListingCompareColumn
{
    background-color: #efefef;
}
.ProductListingCompareCheckBox
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    border: none;
}
.ProductListingBrandName
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}
.ProductListingSellingPoints
{
    font-size: 9pt;
    font-style: normal;
    line-height: 1.5em;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    list-style-position: outside;
    list-style-type: disc;
    padding: 15px;
    margin: 2px;
}
.ProductListingProductName
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}
.ProductListingUOM
{
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
}
.ProductListingProductListingPrice
{
    font-size: 14pt;
    font-weight: bold;
    color: #06c;
}
.ItemDisplayListPricePrompt
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}
.ItemDisplayListPrice
{
    font-size: 9pt;
    font-weight: bold;
    color: #06c;
}
.ProductListingStock
{
    font-size: 8pt;
    color: #000000;
}
.ProductListingYTDQty
{
    font-size: 9pt;
    color: #000000;
}
.ProductListingYTDQtyValue
{
    font-size: 9pt;
    color: #000000;
}
.ProductListingItemID
{
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}
.ProductListingProductDescription
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}
.ProductListingQty
{
    font-size: 8pt;
    color: #000000;
}
.ProductListingQtyTextBox
{
    font-size: 9pt;
    color: #000000;
    width: 25px;
}

.ProductListingGridTitle
{
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
}
.ProductListingGridSortByText
{
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff;
}
.ProductListingGridSortByDropDown
{
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}
.ProductListingGridHeader
{
    height: 15px;
    text-align: left;
    vertical-align: middle;
    background-color: #00519a;
    color: #000000;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}
.ProductListingSideBarTitle
{
    background-color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    height: 21px;
    text-transform: uppercase;
}
.ProductListingSideBarLeftCell
{
    color: #ffffff;
}

.ProductListingSideBarRightCell
{
    color: #000000;
}
.ProductListingSideBarBottomRow
{
}
.ProductListingSideBarSection
{
    font-size: 8pt;
    color: #717272;
    font-weight: bold;
    text-align: left;
}

/*--------------------
  Category Pages
-----------------------*/

.CategoriesAParentCategory A
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.CategoriesAParentCategory A:link
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.CategoriesAParentCategory A:visited
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.CategoriesAParentCategory a:hover
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
}

.CategoriesAChildCategory A
{
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.CategoriesAChildCategory A:link
{
    color: #06c;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.CategoriesAChildCategory A:visited
{
    color: #06c;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}

.CategoriesAChildCategory A:hover
{
    color: #06c;
    font-size: 8pt;
    font-weight: normal;
    cursor: pointer;
}

.CategoriesAListHeader
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    height: 20px;
    vertical-align: middle;
    background-color: #ffffff;
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: #cfd0d2 1px solid;
}

.CategoriesACatalogPageTitle
{
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    padding-left: 3px;
}

.CategoriesAVertDivider
{
    background-repeat: repeat-y;
}

.BreadCrumb
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}
.BreadCrumb A
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.BreadCrumb A:link
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}
.BreadCrumb A:visited
{
    color: #717272;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.BreadCrumb a:hover
{
    color: #000000;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
}

.PageTitle2
{
    color: #000000;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    padding-left: 7px;
}

.BrandWidgetLink
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}

.BrandWidgetLink A
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.BrandWidgetLink A:hover
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    cursor: pointer;
}

.PriceRangeWidgetLink
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

.PriceRangeWidgetLink A
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

.PriceRangeWidgetLink A:hover
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    cursor: pointer;
}
.CustAdminMenuTitle
{
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
}

.CustAdminMenuBase
{
    cursor: pointer;
    background-color: Gray;
    color: #ffffff;
}

.CustAdminMenuStatic
{
    color: #ffffff;
}

/*-- ItemDisplayB --*/
.ItemDisplayBTabRow
{
    background-color: #ffffff;
}

.ItemDisplayBTabArea
{
    background-color: #ffffff;
    border-right: #cfd0d2 1px solid;
    border-top: #cfd0d2 1px solid;
    border-left: #cfd0d2 1px solid;
    border-bottom: #cfd0d2 1px solid;
    width: 100%;
}
.ItemDisplayBProductName
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}
.ItemDisplayBCustomerPrice
{
    font-size: 10pt;
    font-weight: bold;
    color: #06c;
}

.ItemDisplayBUOM
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

.ItemDisplayBListPrice
{
    font-size: 9pt;
    font-weight: bold;
    color: #90000e;
}
.ItemDisplayBQtyTextBox
{
    font-size: 9pt;
    color: #000000;
    width: 38px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;
    background-color: #ffffff;
}

.ItemDisplayBQtyPrompt
{
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}

.ItemDisplayBStockPrompt
{
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}
.ItemDisplayBStock
{
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}
.ItemDisplayBItemID
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}
.ItemDisplayBItemIDPrompt
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

.ItemDisplayBTabAreaContentArea
{
    background-color: #ffffff;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}

.ItemDisplayBTab
{
    background-color: #ffffff;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
    border-right: #cfd0d2 1px solid;
    border-top: #cfd0d2 1px solid;
    border-left: #cfd0d2 1px solid;
    border-bottom: #cfd0d2 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
}

.ItemDisplayBTabSelected
{
    background-color: #4F58A2;
    color: #cfd0d2;
    font-size: 9pt;
    text-decoration: none;
    border-right: #cfd0d2 1px solid;
    border-top: #cfd0d2 1px solid;
    border-left: #cfd0d2 1px solid;
    border-bottom: #cfd0d2 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
}
.ItemDisplayBLink
{
    color: #ffffff;
    font-size: 9pt;
    padding-right: 2px;
    padding-left: 2px;
}
.ItemDisplayBPageHeader
{
    border-bottom: #cfd0d2 1px solid;
}

.ItemDisplayBProductHeaderBar
{
    background-color: #ffffff;
    font-weight: bold;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: #cfd0d2 1px solid;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
}

.PreviousPageLink
{
    font-weight: bolder;
    font-size: 9pt;
    color: #717272;
}
.FooterMenuText
{
    color: #000000;
    font-size: 8pt;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
}

.FooterMenuLink
{
    color: #06c;
    font-size: 8pt;
    font-weight: bold;
}
.ItemDemandDate
{
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
}
.ItemDemandValue
{
    color: #000000;
    font-size: 8pt;
    font-weight: normal;
}
.ItemDemandTable
{
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    border-style: none;
}
.WelcomeUserText
{
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    line-height: 18pt;
    vertical-align: bottom;
}
.WelcomeMessageText
{
    font-size: 10pt;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    padding-top: 20px;
    line-height: 30pt;
    vertical-align: bottom;
}
.WelcomeCompanyText
{
    color: #717272;
    font-weight: bold;
    text-decoration: none;
}

.QuickViewModalPopup
{
    background-color: #ffffff;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:485px;
    text-align:left;
    vertical-align:top;
}
.ModalPopupLinks
{
    margin: 25px 0px 0px 0px;
    text-align: center;
}


/*-- Full Grid Pager Start --*/
.GridPager2
{
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    background-color: #ffffff;
}

.GridPager2 A
{
    font-size: 8pt;
    color: #000000;
}

.GridPager2 A:hover
{
    font-size: 8pt;
    color: #000000;
}
.pagerOuterTable
{
    border-collapse: collapse;
    border: none;
    background-color: #ffffff;
    color: #000000;
}
/* end Full Grid Pager */



.SearchPageSearchButton2
{
    font-size: 8pt;
    font-weight: bold;
    color: #ffffff;
    background: #AF1E2D;
    width: 96px;
    height: 24px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    border: none;
    cursor: pointer;
}
.SiteAdminLinksDiv
{
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px 12px 0px 0px;
    text-align: right;
}
.SiteAdminLink
{
    color: #06c;
    font-size: 8pt;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
}
.ContentNoAdsMBS
{
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 13px;
    padding: 0px 0px 0px 5px;
    width: 775px;
}
.NavLinksMBS
{
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0px 5px 0px 0px;
    text-align: right;
    text-decoration: none;
    cursor: pointer;
}

.CollapsePanel1
{
    width: 90%;
    height: 0px;
    background-color: #ffffff;
    overflow: hidden;
}
.CollapsePanelHeader
{
    width: 90%;
    height: 13px;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
    font-weight: bolder;
    font-size: 9pt;
    color: #000000;
    text-align: left;
    background-color: #ffffff;
    border-left: none;
    border-top: 1px solid #ffffff;
    border-right: none;
    border-bottom: 1px solid #ffffff;
}

.QuickSearchHead
{
    border-bottom: 1px solid #cfd0d2;
}

/*opacity:.9;*/
.popupMenu
{
    position: absolute;
    visibility: hidden;
    background-color: #0a4b79;
    opacity: 0;
    filter: alpha(opacity=100);
    border-top-color: #ffffff;
    border-top-style: solid;
    border-top-width: thin;
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: thin;
    border-right-color: #ffffff;
    border-right-style: solid;
    border-right-width: thin;
    z-index: 100;
    width: 200px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 2px;
}

.popupHover
{
    color: White !important;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none !important;
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
    line-height: 26px;
}

/* popupMenuLinks */
.popupMenuLinks
{
    color: #ffffff;
    font-size: 9pt;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
}

.popupMenuLinks a
{
    color: #ffffff;
    font-size: 9pt;
    font-weight: bolder;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}
.popupMenuLinks a:hover
{
    text-decoration: underline;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bolder;
    cursor: pointer;
    white-space: nowrap;
}
.popupMenuLinks a:visited
{
    color: #000000;
    font-size: 9pt;
    font-weight: bolder;
    text-decoration: none !important;
    cursor: pointer;
    white-space: nowrap;
}
/* end popupMenuLinks */

.popupMenu2
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F6F6;
    text-align: left;
    opacity: .9;
    filter: alpha(opacity=90);
    border-bottom-color: #eeeeee;
    border-bottom-style: ridge;
    border-bottom-width: thin;
    border-left-color: #eeeeee;
    border-left-style: ridge;
    border-left-width: thin;
    border-right-color: #eeeeee;
    border-right-style: ridge;
    border-right-width: thin;
    border-top-color: #eeeeee;
    border-top-style: ridge;
    border-top-width: thin;
    z-index: 100;
    width: 380px;
    height: 150px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 2px;
}

.popupMenu3
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F6F6;
    text-align: left;
    opacity: .9;
    filter: alpha(opacity=90);
    border-bottom-color: #eeeeee;
    border-bottom-style: ridge;
    border-bottom-width: thin;
    border-left-color: #eeeeee;
    border-left-style: ridge;
    border-left-width: thin;
    border-right-color: #eeeeee;
    border-right-style: ridge;
    border-right-width: thin;
    border-top-color: #eeeeee;
    border-top-style: ridge;
    border-top-width: thin;
    z-index: 100;
    width: 380px;
    height: 150px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 2px;
}

.popupMenu4
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F6F6;
    text-align: left;
    opacity: .9;
    filter: alpha(opacity=90);
    border-bottom-color: #eeeeee;
    border-bottom-style: ridge;
    border-bottom-width: thin;
    border-left-color: #eeeeee;
    border-left-style: ridge;
    border-left-width: thin;
    border-right-color: #eeeeee;
    border-right-style: ridge;
    border-right-width: thin;
    border-top-color: #eeeeee;
    border-top-style: ridge;
    border-top-width: thin;
    z-index: 100;
    width: 380px;
    height: 200px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 2px;
    padding-top: 2px;
}

/* Product Listing pages - new 11/08 */

.RefineYourSearchPanel
{
    background-color: #ffffff;
    width: 240px;
    height: 185px;
}

.SearchPageSearchHeading
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
}
.SearchPageProductListPanel
{
    background-color: #ffffff;
    border-left: 2px solid #cfd0d2;
    border-top: 2px solid #cfd0d2;
    border-right: 2px solid #cfd0d2;
    border-bottom: 2px solid #cfd0d2;
}
.ProductListFilterPanel
{
    width: 240px;
}
.ProductListFilterInnerTable
{
    /*background-color: #ffffff;*/
}
.ProductListingGridHeader2
{
    height: 35px;
    text-align: left;
    vertical-align: middle;
    background-color: #00519a;
    color: #ffffff;
}
/* end new Product Listing pages */

/* Product Listing Custom Content */

.ProductListingCustomContent1Background
{
    background-image: url(     '../images/WhatWeOfferBackgroundLeft.gif' );
    background-position: top left;
    background-repeat: no-repeat;
}
.ProductListingCustomContent2Background
{
    background-image: url(     '../images/CatalogBackground.gif' );
    background-position: top left;
    background-repeat: no-repeat;
}
/* end Product Listing custom content */

/* Item Detail Custom Content */

.ItemDetailCustomContent1Background
{
    background-image: url(     '../images/WhatWeOfferBackgroundRight.gif' );
    background-position: top left;
    background-repeat: no-repeat;
}
.ItemDetailCustomContent2Background
{
    background-image: url(     '../images/CatalogBackgroundRight.gif' );
    background-position: top left;
    background-repeat: no-repeat;
}
/* end Item Detail custom content */

/* ItemDisplayD */
.ItemDisplayDHeader
{
    background-color: #00519a;
    height: 42px;
    width: 450px;
    font-size: 14pt;
    font-weight: bolder;
    color: #ffffff;
}
.ItemDisplayDHeaderOuterPanel
{
    background-color: #ffffff;
    height: 42px;
    border-bottom: 1px solid #cfd0d2;
}

.ItemDisplayDTabArea
{
    background-color: #ffffff;
    width: 79%;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
}

.ItemDisplayDTab
{
    background-color: #ffffff;
    color: #000000;
    font-size: 9pt;
    text-decoration: none;
    text-align: left;
}

.ItemDisplayDTabSelected
{
    background-color: #00519a;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

.ItemDisplayDTabAreaContentArea
{
    background-color: #ffffff;
    font-size: 9pt;
    font-weight: normal;
    color: #000000;
}
.ItemDisplayDTabRow
{
    background-color: #ffffff;
}

.ItemDisplayDTabAreaContentPanel
{
    background-color: #ffffff;
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
    border-top: 1px solid #cfd0d2;
    border-left: 1px solid #cfd0d2;
    border-bottom: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 4px;
    padding-right: 10px;
}
/*end ItemDisplayD*/

/* ItemXMLGridA */

.ProductListingGridSortBy2Text
{
    color: #000000;
    font-size: 9pt;
    font-weight: normal;
}

.ProductListingActionLink, 
.ProductListingActionLink a, 
.ProductListingActionLink a:visited
{ 
    font-weight: bolder;
    font-size: 9pt;
    color: #06c !important;
    white-space: nowrap;
}

.ProductListingActionLink A:hover
{
    text-decoration: underline !important;
}

.ProductListingShowHideImagesLink, 
.ProductListingShowHideImagesLink a, 
.ProductListingShowHideImagesLink a:visited
{ 
    font-weight: bolder;
    font-size: 9pt;
    color: #06c !important;
    white-space: nowrap;
    padding-left: 10px;
}

.ProductListingShowHideImagesLink A:hover
{
    text-decoration: underline !important;
}
/* end new classes for ItemXMLGridA*/

/* StockCheckWidgetB */

.StockCheckWidgetSurroundTable
{
    background-color: #FFFFFF;
    border-right: 1px solid #717272;
    border-top: 1px solid #717272;
    border-left: 1px solid #717272;
    border-bottom: 1px solid #717272;
}
.StockCheckWidgetTitleBorder
{
    border-bottom: 1px solid #1C2058;
}
.StockCheckWidgetTitle
{
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
}
.StockCheckWidgetLink
{
    color: #06c;
    font-size: 9pt;
    font-weight: normal;
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
}
.StockCheckWidgetContentTable
{
    background-color: #efefef;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    color: #000000;
    font-family: 'Arial';
    font-size: 9pt;
    font-weight: normal;
}
.StockCheckWidgetHeading
{
    background-color: #af1e2d;
    color: #ffffff;
    font-family: 'Arial';
    font-size: 9pt;
    font-weight: normal;
}
.StockCheckWidgetDetails
{
    background-color: #efefef;
    color: #000000;
    font-family: 'Arial';
    font-size: 9pt;
    font-weight: normal;
}
.StockCheckWidgetOnHand
{
    background-color: #efefef;
    color: #000000;
    font-family: 'Arial';
    font-size: 9pt;
    font-weight: normal;
    text-align: right;
}
.StockCheckWidgetOnHandZero
{
    background-color: #efefef;
    color: #00519a;
    font-family: 'Arial';
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
}
.StockCheckGridHeader
{
    width:100%;
    color: #ffffff;
    background: #00519a;
    font-size:11pt;
    font-style:italic;
    font-weight:bold;
}
.StockCheckGridDataBold
{
    font-size:8pt;
    font-weight:bold;
    font-style:normal;
    text-align:left;
}
.StockCheckGridData
{ 
    color:#000000;
    font-size:8pt;
    font-weight:normal;
    font-style:normal;
    text-align:left;
}

.StockCheckGridLink,
.StockCheckGridLink a,
.StockCheckGridLink a:visited
{
    color:#06c;
    font-size:7pt;
    font-weight:normal;
    font-style:normal;
    text-align:left;
    text-decoration:none;
    float:right;
}
.StockCheckGridLink a:hover
{
    text-decoration:underline;
    cursor:pointer;
}

/* end Stock Check Widget */

.FilterByItem
{
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
}

.FilterByItemSelectedRemove
{
    font-size: 7pt !important;
    color: #000000;
    font-weight: normal !important;
}
.FilterByItemSelectedRemove a
{
    font-size: 7pt !important;
    color: #000000;
    font-weight: normal !important;
}
.FilterByItemSelectedRemove a:hover
{
    font-size: 7pt !important;
    color: #000000;
    font-weight: normal !important;
}
.SideBarFilterSeparator
{
    width: 90%;
    color: #00519a;
}

/* CategoryLinksWidgetA */

.LinksWidgetAGridData
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    text-decoration: none !important;
    line-height: 100%;
}
.LinksWidgetAGridData a
{
    font-size: 10pt;
    font-weight: bold;
    color: #06c;
    line-height: 100%;
    text-decoration: none !important;
}
.LinksWidgetAGridData a:hover
{
    font-size: 10pt;
    font-weight: bold;
    color: #06c;
    line-height: 100%;
    text-decoration: none !important;
}
.LinksWidgetAGridData a:visited
{
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    line-height: 100%;
    text-decoration: none !important;
}
/* end CategoryLinksWidgetA */
.ContentTable
{
    width: 975px;
    text-align: left;
    vertical-align: top;
}

.ContentBackgroundPanel
{
    width: 975px;
    background: #ffffff;
    vertical-align: top;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 3px;
    padding-right: 2px;
}
.ContentPlaceHolderPanel
{
    width: 970px;
}

.FooterTable
{
    width: 100%;
    vertical-align: top;
}
.CartWidgetPanel
{
    width: 200px;
    height: 35px;
    border-top: 1px solid #b8babd;
    border-bottom: 1px solid #b8babd;
    border-right: 1px solid #b8babd;
    border-left: 1px solid #b8babd;
    padding: 1px 1px 1px 1px;
    white-space: nowrap;
    text-align: left;
}

.ViewCartLink
{
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none !important;
    vertical-align: top;
}
.ViewCartLink a
{
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none !important;
    vertical-align: top;
}
.ViewCartLink a:hover
{
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none !important;
    vertical-align: top;
}
.ViewCartLink a:visited
{
    color: #000000;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none !important;
    vertical-align: top;
}

.ProductSearchPanel
{
    background-color: #0a4b79;
    height: 30px;
    vertical-align: middle;
    color: #ffffff;
}
.ProductSearchPrompt
{
    font-size: 9pt;
    font-weight: normal;
    font-style: normal;
    color: #ffffff;
}

.CatalogBarTable
{
    width: 100%;
    height: 43px;
    border-top: solid 4px #cfd0d2;
    border-bottom: solid 4px #cfd0d2;
    background-color: #efefef;
    vertical-align: top;
}
.CatalogTabsTopPanel
{
    width: 100%;
    height: 7px;
    border-top: solid 4px #cfd0d2;
}

.CatalogTabsPanel
{
    width: 100%;
    height: 36px;
    border-bottom: solid 4px #cfd0d2;
    vertical-align: top;
}

.RecycledImage
{
    padding-left: 10px;
    padding-right: 2px;
}


.TopBanner
{
    width: 100%;
    background-color: #ffffff;
}

/* SignInOrRegister.aspx */

.sign-in-register-container
{
    width:934px;
}

.AnonCheckoutSignInHeader, 
.AnonCheckoutNewCustomerHeader
{
    padding: 6px;
    background-image: url( '../images/SignInRegSectionHead.gif' );
    background-repeat: no-repeat;
    width: 290px;
    height: 18px;
    color: #00519a;
    font-size: 13pt;
    font-weight: bold;
}

.AnonCheckoutSignInBody, 
.AnonCheckoutNewCustomerBody
{
    padding: 6px;
    background-image: url('../images/SignInRegSectionBody.gif' );
    background-repeat: no-repeat;
    width: 290px;
    height: 268px;
    color: #666666;
    font-size: 11pt;
    font-weight: normal;
    overflow: hidden;
}
.AnonCheckoutSignInBody a, 
.AnonCheckoutNewCustomerBody a
{    
    font-weight: normal;
    font-size: 9pt;
    color: #06c;
    white-space: nowrap;
    text-decoration:none;
}
.AnonCheckoutSignInButton, 
.AnonCheckoutCreateAccountButton
{
    background-color: transparent;
    color: #ffffff;
    font-size: 9pt;
    font-weight: normal;
    overflow: hidden;
    border: none;
    cursor: pointer;
    width: 137px;
    height: 18px;
    text-align: right;
}
.AnonCheckoutUserNamePrompt,
.AnonCheckoutPasswordPrompt
{
    font-weight: bold;
    font-size: 10pt;
}
.AnonCheckoutUserNameTextBox, 
.AnonCheckoutPasswordTextBox
{
    font-size: 9pt;
    font-weight: normal;
    color: #00519a;
    width: 215px;
    margin-left: 10px;
}
.AnonCheckoutSectionDivider
{
    width: 15px;
}

.AnonCheckoutCreateAccountButton
{
    background:url("../images/AnonCheckoutCreateAccount.gif");
    background-repeat:no-repeat;
    border:none;
    width:137px;
    height:18px;  
    margin-top:20px;
    margin-right:10px;
    float:right;  
}
.AnonCheckoutSignInButton
{
    background:url("../images/AnonCheckoutSignIn.gif");
    background-repeat:no-repeat;
    border:none;
    width:137px;
    height:18px;  
    float:right;
    margin-right:12px;
    margin-bottom:10px;
}
/* end SignInOrRegister.aspx */

/*  --------------------------
    Mailing List Signup Widget
    -------------------------- */

.mailing-list-container
{
    width:223px;
    height:196px;
    margin-top:1px;
    overflow:hidden;
} 
.mailing-list-banner
{
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	width:223px;
	height:25px;
    line-height:25px;
    text-align:center;
    vertical-align:middle;
    color:#ffffff;
    font-size:10pt;
    font-weight:bold;
}
.mailing-list-content
{
    width:213px;
    height:169px;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
	background-image:url(../images/mailing_list_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.mailing-list-prompt
{
    width:213px;
    height:30px;
    padding-top:10px;
    line-height:14px;
    *line-height:12px;
    vertical-align:top; 
    color:#000000;
    font-size:8pt;
    font-weight:normal;
    text-align:left;
    white-space:normal;
}
.list-input-row
{
    float:left;
    width:213px;
    height:16px;
    line-height:16px;
    vertical-align:middle;
    margin-top:8px;
}
.mailing-list-submit
{
    float:right;
    width:48px;
    height:16px;
    margin-right:10px;
    _margin-right:4px;
} 
.mailing-list-textbox
{
    float: left;
    width:145px;
    height:14px;
    color:#888888;
    font-size:8pt;
    font-weight:bold;
    text-align:left;
    white-space:nowrap;
}
.mailing-list-watermark
{
    float: left;
    width:145px;
    height:14px;
    color:#a6a5a5;
    font-size:8pt;
    font-weight:bold;
    text-align:left;
    white-space:nowrap;
}
.mailing-list-success,
.mailing-list-error
{
    width:213px;
    height:12px;
    margin-top:4px;
    _margin-top:-2px;
    color:#90000e;
    font-size:8pt;
    font-weight:normal;
    text-align:left;
    line-height:12px;
}
.mailing-list-icons
{
    width:213px;
    text-align:left;
    margin-top:10px;
    _margin-top:1px;
    color:#000000;
    font-size:8pt;
    font-weight:bold !important;
    line-height:20px;
} 
/* end Mailing List Signup Widget */

/* Login Widget */

    /* styles when new user registration link is not displayed */

.login-container
{
    line-height:100% !important;
}
 
 .login-container .login-panel
 {
    width:144px;
    height:108px;
    background:transparent;
    overflow:hidden;
 }
.login-container .username-prompt-container
{
    margin-top:0px;
}
.login-container .password-prompt-container
{
    margin-top:4px;
}
.login-container .login-prompt
{
    color:#000000;
    font-size:8pt;
    font-weight:bold;
}
.login-container .login-content
{
    clear:both;
    margin-top:0px;
}
.login-container .login-textbox
{
    color:#000000;
    width:144px;
    height:15px;
    *height:12px;
    _height:11px;
    text-align:left;
    font-size:9pt;
    font-weight:normal;
}
.login-container .login-message-container
{
    clear:both;
    margin-top:2px;
    *margin-top:0px;
    _margin-top:0px;
    height:10px;
    line-height:10px;
    *line-height:14px;
    _line-height:14px;
    vertical-align:middle;
}

.login-container .login-status-message
{
    color:#90000e;
    font-size:8pt;
    font-weight:normal;
    text-align:left;
}
.login-container .links-container
{
    margin-top:4px;
}
.login-container .forgot-password-container
{
    float:right;
    padding-top:6px;
}
.login-container .login-link
{
    color:#AF1E2D !important;
    font-size:8pt;
}
.login-container .login-button-container
{
    float:left;
}
.login-container .login-button
{
    text-decoration: none;
    background-color: transparent;
    background: url('../images/btn-login.gif' ) left center no-repeat;
    overflow: hidden;
    border: none;
    margin: 0px 0px 0px 0px;
    width:50px;
    height: 21px;
    cursor: pointer;
}

    /* styles when new user registration link is  displayed */

.login-container2
{
    line-height:100% !important;
}
 
 .login-container2 .login-panel
 {
    width:144px;
    height:120px; 
    background:transparent;
    overflow:hidden;
 }
.login-container2 .username-prompt-container
{
    margin-top:0px;
}
.login-container2 .password-prompt-container
{
    margin-top:2px;
    *margin-top:0px;
    _margin-top:0px;
}
.login-container2 .login-prompt
{
    color:#000000;
    font-size:8pt;
    font-weight:bold;
}
.login-container2 .login-content
{
    clear:both;
    margin-top:0px;
}
.login-container2 .login-textbox
{
    color:#000000;
    width:144px;
    height:12px;
    *height:10px;
    _height:10px;
    text-align:left;
    font-size:9pt;
    font-weight:normal;
}
.login-container2 .login-message-container
{
    clear:both;
    margin-top:1px;
    *margin-top:0px;
    _margin-top:-4px;
    height:10px;
    line-height:10px;
    *line-height:14px;
    _line-height:14px;
    vertical-align:middle;
}

.login-container2 .login-status-message
{
    color:#90000e;
    font-size:8pt;
    font-weight:normal;
    text-align:left;
}
.login-container2 .links-container
{
    margin-top:2px;
    height: 25px;
}
.login-container2 .forgot-password-container
{
    margin-top: -13px;
    font-size: 8pt;
}
.login-container2 .login-link
{
    color:#444F51 !important;
    font-size:8pt;
}
.login-container2 .login-button-container
{
    float:left;
    /*margin-top: -45px;*/
}
.login-container2 .login-button
{
    text-decoration: none;
    background-color: transparent;
    background: url('../images/btn-login.gif' ) left center no-repeat;
    overflow: hidden;
    border: none;
    margin: 10px 0px 0px 0px;
    width:50px;
    height: 20px;
    cursor: pointer;
}
.login-container2 .user-registration-container
{
    margin-top:0;
    *margin-top:-2px;
    _margin-top:0px;
    padding-left:55px;
    height:30px;
    line-height:9px;
    *line-height:12px;
    _line-height:14px;
    vertical-align:bottom;
}

/* end login widget */


/* Promo Images Widget *//* promotional zones */
   
.promo-container .title
{
   color: #005CB9;
   font-weight: bold;
   font-size: 17px;
   float:left;
}
.promo-container .description
{
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   float:left;
}
.promo-container img
{
   /*width:100%;*/
   height:auto;
}

/* Banner CSS */

.banner-container
{
   width:545px;
   float:left;
}
.banner-container .title
{
   color: #005CB9;
   font-weight: bold;
   font-size: 17px;
   float:left;
}
.banner-container .description
{
   color: #000000;
   font-weight: bold;
   font-size: 12px;
   float:left;
}
.banner-container img
{
   height:auto;
}

/* end promo images widget */

/* Our Story Widget */
.our-story-container
{
    width:697px;
    height:200px;
    background-image:url('../images/ourstory_bg.jpg');
    background-repeat:no-repeat;
    background-position:bottom;
    overflow:hidden;
} 
 
.story-right-container
{
   float:right; 
   width: 372px;
   height:182px;
   padding-right:18px;
   padding-top:4px;
   text-align:left;
   
}
.our-story-header
{
    color:#0f4679;
    font-size:18pt;
    font-weight:bold;
}
.our-story-narrative
{
    color:#000000;
    font-size:9pt;
    font-weight:normal;
    line-height:14px;
}

/* end our story widget */

/* Theme Maintenance */

.theme-maintenance-container
{
    width:934px;
}
.theme-properties-container
{
    width:934px;
}
/* end theme maintenance */

/* Widgets/JavascriptModal */

#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}
/*You can style the inner <div> however you like. As I said above, I usually center it horizontally to give it more of a dialog box look and feel.*/

#overlay div {
     width:500px;
     height:100px;
     margin: 20% auto;
     background-color:Window;
     border:1px solid #000;
     padding:2px;
     text-align:center;    
}

#overlay div #close{
    float:right;
}


/* end javascript modal */


/* print master page */

.printbody
{
    width: 900px;
    margin:auto;
}
.site-contact-container
{
    float:left;
    text-align:center;
    line-height:14px;
    font-size:9pt;
    margin-top:12px;
    margin-left:30px;
}

.CheckoutAddShipToButton
{
  margin-top:400px;
  margin-left:350px;  
  background: url("../images/btn_Save.png");
  width:146px;
  height:20px;
  border: medium none;
}


/* end print master page */

/* Stock Availability Items Modal Popup */

.stock-availability-modal-panel
{
    background-color: #ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:4px;
    width:800px;
    text-align:left;
}

.stock-availability-modal-container
{
    margin:12px;
    border: solid 1px #003d6b;
    background:#ffffff;
    padding:4px;
}

.stock-availability-modal-background
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.stock-availability-cancel-cart-add,
.stock-availability-cancel-cart-add a,
.stock-availability-cancel-cart-add a:hover
{
    float:right;
    text-align:right;
    vertical-align:top;
    margin-top:4px;
    margin-right:6px;
    font-size:9pt;
    font-weight:bold;
    color:#003d6b;
    text-decoration:underline;
    cursor:pointer;
    padding-right:8px;
}

.stock-availability-b-cancel-cart-add,
.stock-availability-b-cancel-cart-add a,
.stock-availability-b-cancel-cart-add a:hover
{
    float:right;
    text-align:right;
    vertical-align:top;
    margin-right:6px;
    font-size:9pt;
    font-weight:bold;
    color:#003d6b;
    text-decoration:underline;
    cursor:pointer;
    padding-right:8px;
    height:40px;
}



.stock-availability-b-cancel-cart-add,
.stock-availability-b-cancel-cart-add a:first-child ,
.stock-availability-b-cancel-cart-add a:first-child:hover
{
    float:none;
    text-align:right;
    vertical-align:top;
    margin-right:6px;
    font-size:9pt;
    font-weight:bold;
    color:#003d6b;
    text-decoration:underline;
    cursor:pointer;
    padding-right:8px;
    padding-top:10px;
}

.stock-availability-original-button
{  
    background-color: transparent;
    border-style: none;
    background: url('../images/order-original-item-button.gif' ) left center no-repeat;
    width: 130px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.stock-availability-alternate-button
{
    background-color: transparent;
    border-style: none;
    background: url('../images/order-supersede-item-button.gif' ) left center no-repeat;
    width: 130px;
    height: 22px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    cursor: pointer;
}

.modal-stock-availability-items-div
{
    margin-top:4px;
    text-align:left;
    vertical-align:top;
}

.modal-stock-availability-header-div
{
    width:100%;
    height:24px;
    background:#003d6b;
    padding-top:6px;
    vertical-align:top;
    text-align:left; 
}

.modal-stock-availability-heading
{
    color:#ffffff;
    font-size:12pt;
    font-weight:bold;
    font-style:italic;
    text-align:left; 
    padding-left:4px;  
}

.modal-stock-availability-message
{
    width:200px;
}

/* end Stock Availability Items Modal Popup */

/* Accounts Receivable */

.DateInvoiced
{
    float:left;
}

/* Under Construction page */
.under-construction-prompt
{
    color:#00519a;
    font-weight:bold;
    font-size:10pt;
    text-align:center;
}

/* end under construction page */


/* social media widget */

.media-header {
    color:#06c;
    font-size:12pt;
    font-weight:bold;
    text-align:left;
    margin-top:0px;
    margin-bottom:6px;
}
.media-icon {
    width:24px;
    height:24px;
}

/* Styles for horizontal display */
.media-container-horiz {
    width:80px;
    height: 24px;
    overflow:hidden;
}
.icon-container-horiz {
    float:left;
    margin-left:4px;
}
.icon-container-horiz-first {
    float:left;
    margin-left:0px;
}

/*Syles for vertical display */
.media-container-vertical {
    width:24px;
    height:80px;
    overflow:hidden;
}
.icon-container-vertical {
    margin-top:4px;
}
.icon-container-vertical-first {
    margin-top:0px;
}

/* end social media widget */




/* Bootstrap */

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}



/* Promotion Tag */
/*------------------------------------------------------------*/

.promotiontag_tab {
    margin: 5px 0;
}

.promotiontag_tab > img {
    margin: 4px 0;
    display: block;
}

.promotiontag_tab span:first-child {
    font-weight: bold;
}

.promotiontag_tab > span {
    margin: 2px 0;
    display: block;
}

.promotiontag_tab > a {
    margin: 2px 0;
    display: block;
    color: dodgerblue;
}