body
{
    background-color: #fff;
    font-family: Verdana, Arial,sans-serif;
    font-size: 10pt;
}

/*table { width: 100%; border-collapse:collapse; }*/
th, td
{
    padding: 0;
}

#Content
{
    width: 100%;
}
#LeftCol
{
    vertical-align: top;
    width: 175px;
    padding: 5px 0 5px 3px;
}
#RightCol
{
    vertical-align: top;
    width: 150px;
    padding: 5px 3px 5px 0;
}
#ContentCol
{
    vertical-align: top;
    text-align: left;
    width: 100%;
    padding: 0 10px 0 10px;
}
.MessageBox
{
    background: #ff0000;
    color: #fff;
    font-size: 90%;
    width: 100%;
    padding: 3px;
}

div#body
{
    width: 100%;
    background-color: #fff;
}
div#body h1
{
    font-size: 120%;
    border-bottom: 2px #796a63 solid;
}
div#body .requiredfield
{
    font-size: 90%;
    color: #ff0000;
}
div#body .ReturnButton
{
    text-align: right;
}
div#body .ReturnButton a
{
    display: block;
    font-size: 90%;
}
div#body .ReturnButton a:link, div#body .ReturnButton a:visited, div#body .ReturnButton a:active
{
    color: #796a63;
}
div#body .ReturnButton a:hover
{
    color: #444;
}

div#body .WelcomeBox
{
    width: 148px;
    border: none;
    margin: .5em 0 .75em;
    font-size: 90%;
}
div#body img.WelcomeImage
{
    margin: 5px 1px;
}

div#body .MenuBox
{
    width: 148px;
    border: solid 1px #000;
    margin-bottom: 10px;
}
div#body .MenuBox h1
{
    font-size: 80%;
    display: block;
    text-align: center;
    margin: 0;
}
div#body .MenuBox .Caption
{
    font-size: 80%;
    display: block;
    text-align: center;
    margin: 0;
}
div#body .MenuBox table
{
    width: 100%;
}
div#body .MenuBox td.Label
{
    font-size: 65%;
    text-align: right;
    width: 45%;
}
div#body .MenuBox input
{
    font-size: 65%;
}
div#body .MenuBox .ListBox
{
    font-size: 65%;
}
div#body .MenuBox a.MenuLink
{
    display: block;
    padding: 2px 0 3px 5px;
    color: #796a63;
}
div#body .MenuBox a.MenuLink:link, div#body .MenuBox a.MenuLink:visited, div#body .MenuBox a.MenuLink:active
{
    font-size: 70%;
    text-decoration: none;
}
div#body .MenuBox a.MenuLink:hover
{
    font-size: 70%;
    text-decoration: underline;
}
div#body .MenuBox ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff;
    border: none;
}
div#body .MenuBox li
{
    margin: 0;
    font-size: 75%;
    border-bottom: solid 1px #508fc4;
}
div#body .MenuBox li a
{
    text-decoration: none;
    display: block;
    padding: 0.25em 0 0.25em 0.25em;
    width: 100%;
}
div#body .MenuBox li a:link, div#body .MenuBox li a:visited, div#body .MenuBox li a:active
{
    color: #796a63;
}
div#body .MenuBox li:hover
{
    background: #ebb;
}
div#body .MenuBox h2
{
    font-size: 70%;
    display: block;
    text-align: center;
    margin: 3px 0 0;
    padding: 5px 0;
}
div#body .MenuBox h3
{
    font-size: 75%;
    text-align: left;
    margin: 3px .25em 0;
}
div#body .MenuBox p.AddressListBox
{
    font-size: 68%;
    margin: .5em 1em;
}
div#body .MenuBox .TemplateListBox
{
    font-size: 75%;
    margin: .25em .75em;
    width: 133px;
}

div#BreadCrumbs
{
    width: 100%;
    font-size: 75%;
    margin-top: 3px;
}
div#BreadCrumbs a:link, div#BreadCrumbs a:visited, div#BreadCrumbs a:active
{
    color: #777;
}
div#BreadCrumbs a:hover
{
    color: #444;
}

div#ProductList
{
}
div#ProductList img
{
    display: block;
    text-align: center;
}
div#ProductList .ShoppingListCategory
{
    width: 100%;
    background-color: #676636;
}
div#ProductList .ShoppingListCategoryName
{
    font-size: 100%;
    background-color: #676636;
    color: White;
    text-align: left;
    margin-bottom: 0;
    padding: 3px;
}
div#ProductList .ShoppingListCategory a, div#ProductList .ShoppingListCategory a:link, div#ProductList .ShoppingListCategory a:visited, div#ProductList .ShoppingListCategory a:active
{
    font-size: 90%;
    color: #fff;
}

div#ProductList .ProductName
{
    font-size: 120%;
    font-weight: bold;
}
div#ProductList .ItemNumber
{
    font-size: 90%;
}
div#ProductList a.ItemNumber
{
    font-size: 90%;
}
div#ProductList a.ItemNumber:link, div#ProductList a.ItemNumber:visited, div#ProductList a.ItemNumber:active
{
    color: #796a63;
}
div#ProductList a.ItemNumber:hover
{
    color: #444;
}
div#ProductList .HistoryNote
{
    font-size: 85%;
    display: block;
    margin-bottom: 0;
}
div#ProductList .ProductDescription
{
    font-size: 90%;
}
div#ProductList select.InputBox
{
    font-size: 85%;
}
div#ProductList input.InputBox
{
    font-size: 85%;
}

div#CategoryList
{
    padding-bottom: 15px;
}
div#CategoryList table
{
    width: 100%;
    padding: 3px;
}
div#CategoryList td
{
    width: 25%;
    padding: 5px;
}
div#CategoryList img
{
    display: block;
}
div#CategoryList a
{
    display: block;
    font-size: 90%;
}
div#CategoryList a:link, div#CategoryList a:visited, div#CategoryList a:active
{
    color: #796a63;
}
div#CategoryList a:hover
{
    color: #444;
}

DIV#ProductDetail
{
}
div#ProductDetail IMG
{
    margin: 0px 5px 5px;
}
div#ProductDetail .Button
{
    display: block;
    text-align: center;
}
DIV#ProductDetail .ItemNumber
{
    font-size: 80%;
}
DIV#ProductDetail .ProductName
{
    font-size: 120%;
}
DIV#ProductDetail .ProductDescription
{
    font-size: .9em;
}
div#ProductDetail .ProductDescription .pBase
{
    display: block;
    padding: .25em 0;
}
div#ProductDetail .ProductDescription .pExtended
{
    display: block;
    padding: .25em 0;
}
div#ProductDetail .ProductDescription .pExtra
{
    display: block;
    padding: .25em 0;
}

DIV#ProductDetail .UOMDescription
{
    padding-left: 15px;
    font-size: 80%;
}
DIV#ProductDetail .SubItemName
{
    font-weight: bold;
    font-size: 85%;
}
DIV#ProductDetail a.SubItemNumber, DIV#ProductDetail .SubItemNumber
{
    font-weight: bold;
    font-size: 85%;
}
DIV#ProductDetail a.SubItemNumber:link, div#ProductDetail a.SubItemNumber:visited, div#ProductDetail a.SubItemNumber:active
{
    color: #796a63;
}
div#ProductDetail a.SubItemNumber:hover
{
    color: #444;
}
DIV#ProductDetail .SubItemDescription
{
    font-size: 80%;
}
div#ProductDetail .ProductImage
{
    text-align: center;
}
div#ProductDetail ul.stProductLinks
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 85%;
    text-align: left;
}
div#ProductDetail ul.stProductLinks li
{
    margin: .5em 0;
    margin-left: 5em;
}
div#ProductDetail ul.stProductLinks a:link, div#ProductDetail ul.stProductLinks a:visited, div#ProductDetail ul.stProductLinks a:active
{
    color: #796a63;
}
div#ProductDetail ul.stProductLinks a:hover
{
    color: #444;
}
div#ProductDetail a.SpecificationSheet
{
    font-size: 85%;
}
div#ProductDetail a.SpecificationSheet:link, div#ProductDetail a.SpecificationSheet:visited, div#ProductDetail a.SpecificationSheet:active
{
    color: #796a63;
}
div#ProductDetail a.SpecificationSheet:hover
{
    color: #444;
}
div#ProductDetail a.SmallSpecificationSheet
{
    font-size: 80%;
    padding-top: .5em;
}
div#ProductDetail a.SmallSpecificationSheet:link, div#ProductDetail a.SmallSpecificationSheet:visited, div#ProductDetail a.SmallSpecificationSheet:active
{
    color: #796a63;
}
div#ProductDetail a.SmallSpecificationSheet:hover
{
    color: #444;
}
div#ProductDetail .ItemPanel h4
{
    font-size: 1.1em;
    margin-bottom: .2em;
}
div#ProductDetail .RelatedItemNumber
{
    font-size: 1.1em;
}
div#ProductDetail .RelatedItemName
{
    font-size: 1em;
}
div#ProductDetail a:link, div#ProductDetail a:visited, div#ProductDetail a:active
{
    color: #796a63;
}
div#ProductDetail a:hover
{
    color: #444;
}
div#ProductDetail .AttributePanel
{
    font-size: 0.9em;
    display: block;
    margin: 0.5em 0 1em;
}

div#InputForm
{
    width: 100%;
    padding-bottom: 10px;
}
div#InputForm td
{
    padding: 5px;
    vertical-align: top;
}
div#InputForm .inputfield
{
    font-size: 85%;
}
div#InputForm td.Label
{
    font-size: 85%;
    text-align: right;
    width: 30%;
}
div#InputForm td.Data
{
    font-size: 85%;
    text-align: left;
}
div#InputForm table.Small
{
    width: 75%;
}
div#InputForm .TableCaption
{
    font-size: 90%;
    display: block;
    text-align: left;
    padding: .3em;
    font-weight: bold;
}
div#InputForm .HelpNotes
{
    font-size: 70%;
    color: Gray;
}
div#InputForm .StdButton
{
    width: 125px;
}


div#ShoppingCartLayout .Currency
{
    text-align: right;
}
div#ShoppingCartLayout .LabelCaption
{
    text-align: right;
}
div#ShoppingCartLayout .LabelBold
{
    font-weight: bold;
}
div#ShoppingCartLayout table.CartTotals
{
    width: 100%;
    font-size: .9em;
}
div#ShoppingCartLayout table.CartTotals td
{
    padding: .4em;
}
div#ShoppingCartLayout .ProductName
{
    font-size: 1.2em;
    font-weight: bold;
}
div#ShoppingCartLayout a.ItemNumber
{
    font-size: .9em;
}
div#ShoppingCartLayout a.ItemNumber:link, div#ProductList a.ItemNumber:visited, div#ProductList a.ItemNumber:active
{
    color: #796a63;
}
div#ShoppingCartLayout a.ItemNumber:hover
{
    color: #444;
}
div#ShoppingCartLayout .ProductDescription
{
    font-size: .9em;
}
div#ShoppingCartLayout select.InputBox
{
    font-size: .85em;
}
div#ShoppingCartLayout input.InputBox
{
    font-size: .85em;
}
div#ShoppingCartLayout .StdButton
{
    width: 125px;
}
div#ShoppingCartLayout .Highlight
{
    font-weight: bold;
    color: #ff0000;
}


div#AddressSelect
{
    width: 175px;
    padding-bottom: 10px;
    text-align: left;
}
div#AddressSelect a.AddressLink
{
    font-size: 85%;
}
div#AddressSelect a.AddressLink:link, div#AddressSelect a.AddressLink:visited, div#AddressSelect a.AddressLink:active
{
    color: #796a63;
}
div#AddressSelect a.AddressLink:hover
{
    color: #444;
}
div#AddressSelect .DetailLine
{
    font-size: 85%;
    display: block;
}
div#AddressSelect .DetailLabel
{
    font-size: 85%;
    font-weight: bold;
    display: block;
    padding-top: .25em;
}
div#AddressSelect .ImageLink
{
    padding: 1em 1em 0em 0em;
}

.DataTable table
{
    border: solid 1px #000;
    padding-top: 5px;
    margin: 5px 0;
    font-size: 80%;
    border-collapse: collapse;
}
.DataTable td
{
    background: #fff;
    padding: 5px 0 5px 3px;
}
.DataTable td.AltItem
{
    background: #E2E3BF;
}
.DataTable th
{
    background: #000;
    color: #fff;
    font-weight: normal;
    padding: 3px;
    text-align: left;
}

.ListStyle
{
    border: none;
    font-size: 80%;
}
.ListItem td
{
    padding: 5px 0 5px 3px;
    border-bottom: 1px solid #666666;
    border: none;
}
.ListStyle td.rw50
{
    text-align: right;
    width: 50px;
}
.ListStyle td.ra
{
    text-align: right;
}
.ListStyle td.cw50
{
    text-align: center;
    width: 50px;
}
.ListStyle td.cw75
{
    text-align: center;
    width: 75px;
}
.ListItem .Highlight
{
    font-weight: bold;
    color: #ff0000;
}
.ListHover
{
    background: #90bade;
    margin-top: 5px;
}
.ListItemAlt td
{
    padding: 5px 0 5px 3px;
    border-bottom: 1px solid #666;
    border: none;
}

.ListHeader td
{
    padding: 3px 0 3px 3px;
}
.ListFooter td
{
    padding: 3px 0 3px 3px;
}

.GridStyle
{
    border: none;
    font-size: 80%;
}
.GridItem td
{
    padding: 5px 0 5px 3px;
    border-bottom: 1px solid #666666;
}
.GridHover
{
    background: #90bade;
    margin-top: 5px;
}
.GridItemAlt td
{
    padding: 5px 0 5px 3px;
    border-bottom: 1px solid #666;
}
.GridHeader th
{
    padding: 3px 0 3px 3px;
}
.GridFooter td
{
    padding: 3px 0 3px 3px;
}

.ShoppingTable table
{
    border: none;
    padding-top: 5px;
    margin: 5px 0;
    font-size: 80%;
}
.ShoppingTable td
{
    background: #fff;
    padding: 5px 0 5px 3px;
}
.ShoppingTable td.Caption
{
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
}
.ShoppingTable td.Data
{
    text-align: left;
    width: 100px;
}

.ErrorText
{
    color: #ff0000;
}

.ModalBox
{
    width: 100%;
}
.ModalBox .BoxHeader
{
    padding: 3px 0 3px 3px;
    background: #90bade;
    color: white;
}
.ModalBox .BoxColumn
{
    padding: .2em;
}

#MsgBox
{
    padding: .5em;
    width: 85%;
}
#MsgBox .MessageTitle
{
    padding: .5em 1em;
    color: #fff;
    background-color: #ff0000;
    display: block;
}
#MsgBox .MessageDescription
{
    font-size: .75em;
}

.unwatermarked
{
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
}

.watermarked
{
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}

.dtPicker1
{
    background-color: white;
    border-bottom-color: #7f9db9;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #7f9db9;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #7f9db9;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #7f9db9;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: tahoma;
    font-size: 9px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
}
.dtPicker2
{
    border-bottom-color: #aca899;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: tahoma;
    font-size: 12px;
}
.dtPicker3
{
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: tahoma;
    font-size: 12px;
}
.dtPicker4
{
    border-bottom-color: #fbe694;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #fbe694;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #fbe694;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #fbe694;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: tahoma;
    font-size: 12px;
}
.dtPicker5
{
    border-bottom-color: #bb5503;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #bb5503;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #bb5503;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #bb5503;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: tahoma;
    font-size: 12px;
}
.dtPicker6
{
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
    color: gray;
    font-family: tahoma;
    font-size: 12px;
}
.dtPicker7
{
    cursor: pointer;
    cursor: hand;
    font-family: tahoma;
    font-size: 12px;
    margin-left: 14px;
    margin-right: 14px;
}
.dtPicker8
{
    background-color: #fbe694;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: tahoma;
    font-size: 12px;
}
.dtPicker9
{
    cursor: pointer;
    cursor: hand;
}
.dtPicker10
{
    background-color: #9ebef5;
    font-family: Tahoma;
    font-size: 12px;
    padding-bottom: 2px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

div#ApprovalForm .ListStyle
{
    border: none;
    font-size: 80%;
}
div#ApprovalForm .ListItem td
{
    padding: 5px 0;
    border-bottom: 1px solid #666666;
    border: none;
}
div#ApprovalForm .ListItem .Highlight
{
    font-weight: bold;
    color: #ff0000;
}
div#ApprovalForm .ListItemAlt td
{
    padding: 5px 0;
    border-bottom: 1px solid #666;
    border: none;
}
div#ApprovalForm .ListHeader td
{
    padding: 5px 0;
}
div#ApprovalForm .ListFooter td
{
    padding: 5px 0;
}
div#ApprovalForm .InputBox
{
    font-size: .8em;
}

.formList
{
    width: 683px;
    list-style: none;
    padding: 0 0 0 23px;
}

.formList li
{
    border-bottom: 1px solid #959485;
    padding: 5px 0px;
}

.formList li.lastListItem
{
    border: none;
}

.formList li label
{
    margin-top: 4px;
    float: left;
    width: 150px;
    color: #666;
}

.formList li .stRadioButton label
{
    float: none;
}

.formList li .checkboxLabel
{
    margin-top: 4px;
    float: none;
    width: 120px;
    color: #333;
}

.MenuPanel
{
    width: 177px;
    margin-bottom: 10px;
}
.MenuPanel h3
{
    font-size: .8em;
    display: block;
    text-align: center;
    margin: 0;
    padding-bottom: .25em;
    border-bottom: solid 1px #000;
}

.MenuPanel .footer
{
    font-size: .75em;
    display: block;
    text-align: center;
    margin: 0;
    padding-top: .25em;
    border-top: solid 1px #000;
}
.MenuPanel .cont
{
    padding: .25em;
    margin: 0 auto;
}
.MenuPanel .ListBox
{
    font-size: .7em;
}
.MenuPanel input
{
    font-size: .8em;
    margin: 2px 0;
}
.MenuPanel .button
{
    padding: 0;
}
.MenuPanel td.lbl
{
    width: 60px;
    font-size: .8em;
    text-align: right;
    color: #666;
}
.MenuPanel td.data input
{
    font-size: .75em;
}

.MenuPanel a.MenuLink
{
    display: block;
    padding: 2px 0 3px 5px;
    color: #796a63;
}
.MenuPanel a.MenuLink:link, .MenuPanel a.MenuLink:visited, .MenuPanel a.MenuLink:active
{
    font-size: 70%;
    text-decoration: none;
}

.MenuPanel .TemplateListBox
{
    font-size: .7em;
    margin: .25em .75em;
    width: 133px;
}
.MenuPanel h4
{
    font-size: .75em;
    text-align: left;
    margin: 3px .25em 0;
}
.MenuPanel p.AddressListBox
{
    font-size: .7em;
    margin: 0;
    padding: .5em;
}
.MenuPanel ul.MenuListBox
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 99%;
    background: #fff;
    border: none;
}
.MenuPanel ul.MenuListBox li
{
    margin: 0;
    font-size: 75%;
    border-bottom: solid 1px #508fc4;
}
.MenuPanel ul.MenuListBox li a
{
    text-decoration: none;
    display: block;
    padding: 0.25em 0 0.25em .25em;
    width: 100%;
}
.MenuPanel ul.MenuListBox li a:link, .MenuPanel ul.MenuListBox li a:visited, .MenuPanel ul.MenuListBox li a:active
{
    color: #796a63;
}
.MenuPanel ul.MenuListBox li:hover
{
    background: #ebb;
}

.st_Grid th
{
    font-size: .95em !important;
    color: #000 !important;
    font-weight: bold !important;
}

.st_Grid .stFooter
{
    font-size: 1.0em !important;
    color: #000 !important;
}
.gradwhite
{
    background-image: url(images/grad_white.png) !important;
}
.gradblack
{
    background-image: url(images/grad_black.png) !important;
}
<!--[if IE 6]>
.gradblack {
    background-image: url(images/grad_white.png) !important;
}
<![endif]-->

.blue
{
    background-color: #ff0000;
}

.stPriceList
{
    text-align: right;
}
.stPriceRetail
{
    color: #ff0000;
    text-align: right;
    font-weight: bold;
}
.stPriceListL
{
    text-align: left;
}
.stPriceRetailL
{
    color: #ff0000;
    text-align: left;
    font-weight: bold;
}

.Small
{
    width: 75%;
}


/* AutoComplete flyout */
.autocomplete_list
{
    visibility: hidden;
    margin: 0px !important;
    padding: 0px;
    background-color: inherit;
    color: WindowText;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    text-align: left;
    list-style-type: none;
    overflow: auto;
    font-weight: normal;
    font-family: Tahoma;
    font-size: 12px;
}
.autocomplete_highlighted_listitem
{
    background-color: Highlight;
    color: HighlightText;
    padding: 3px;
}
.autocomplete_listitem
{
    background-color: window;
    color: WindowText;
    padding: 3px;
}

.rowWarning
{
    color: #fff;
    background-color: #ff0000;
    padding: .5em .25em;
    text-align: center;
    margin: .25em;
}