/* ----------------------------------- Base Structures ----------------------------------- */

body { background: #ccdbe8; font: 11px/16px arial, tahoma, helvetica, sans-serif; margin: 0; }
table, tr { font: 11px/16px arial, tahoma, helvetica, sans-serif; color: #3e3b33; border-collapse: collapse; border: none; padding: 0; }
.mainTable { width: 100%; margin: 0 0 20px 0; }
.mainTable th { font-size: 12px; text-align: left; padding: 6px 0 6px 0; }
.mainTable td { padding: 4px 0 0 30px; }
.mainTable .spacerCol { width: 30%; }
.mainTable-NoWidth { margin: 0 0 20px 0; }
.mainTable-NoWidth th { font-size: 12px; text-align: left; padding: 6px 15px 6px 15px; }
.mainTable-NoWidth td { padding: 4px 15px 0 15px; }

.ledgerTable { width: 100%; margin: 0 0 0 0; border-left: 1px solid #dad8d4; border-right: 1px solid #dad8d4; }
.ledgerTable th { background: #dad8d4; color: #000; font-size: 12px; line-height: 13px; text-align: left; border-top: 1px solid #fff; border-bottom: 1px solid #928d81; padding: 6px 5px 6px 5px; }
.ledgerTable td { color: #333; line-height: 12px; border-bottom: 1px solid #dad8d4; padding: 5px 5px 5px 5px; }
.ledgerTable tr { background: #faf8f4; }
.ledgerTable-NoWidth { margin: 0 0 0 0; border-left: 1px solid #dad8d4; border-right: 1px solid #dad8d4; }
.ledgerTable-NoWidth th { background: #dad8d4; color: #000; font-size: 12px; text-align: left; border-top: 1px solid #fff; border-bottom: 1px solid #928d81; padding: 6px 5px 6px 5px; }
.ledgerTable-NoWidth td { color: #333; border-bottom: 1px solid #dad8d4; padding: 5px 5px 5px 5px; }
.ledgerTable-NoWidth tr { background: #faf8f4; }

.ledgerTable .leftHeader, .ledgerTable-NoWidth .leftHeader { color: #000; font-size: 12px; font-weight: bold; }
.specialRow { background: #f4f3f1; font-size: 12px; font-weight: bold; padding: 10px 0 4px 15px !important; }

#header { height: 80px; background: #928d81 url('../images/backgroundHeader.gif') repeat-x; border-bottom: 2px solid #b0ab9f; display: block; text-align: center; }
.headerContainer { position: relative; width: 960px; height: 100%; margin: 0 auto 0 auto; }
.logoSpace { float: left; text-align: left; padding: 10px 0 0 0; }
.kbContact { float: right; text-align: left; color: #666; font-size: 14px; font-weight: bold; letter-spacing: .01em; padding-top: 10px; }
#main { background: #fff url('../images/backgroundContent.gif') top repeat-x; padding: 7px; margin: 0 auto; }
#site { width: 960px; background: #f0eeea url('../images/backgroundSite.gif') bottom repeat-x; border: 2px solid #dad8d4; margin: 0 auto; }
#innerSite {  border: 1px solid #928d81; position: relative; }
#innerSite h1.topHeader .topSearch { float: right; margin: -5px 0 0 0; }
#innerSite h1.topHeader .topSearch table td { padding: 0 0 0 8px; }
#innerSite h1.topHeader .topSearch table td input { width: 200px; height: 16px; font-size: 12px; letter-spacing: 1px; background: #f8f8ff url('../images/icon_search.png') 2px 50% no-repeat; padding-left: 22px; border: 1px solid #7f9db9; }
#innerSite h1.topHeader .searchBtn { text-align: right; }
#innerSite h1.topHeader .searchBtn a { text-align: center; padding: 2px 5px 3px 5px; font-size: 12px; font-weight: bold; letter-spacing: .02em; outline: none; border: 1px solid #aaa; }
#innerSite h1.topHeader .searchBtn a:link, #innerSite h1.topHeader .searchBtn a:visited { background: #288d29 url('../images/button_bg2.gif') repeat-x 0 50%; color: #fff; }
#innerSite h1.topHeader .searchBtn a:hover, #innerSite h1.topHeader .searchBtn a:active { background: #187d19; color: #fff; text-decoration: none; }
#innerSite h1.topHeader .advSearch { text-align: right; }
#innerSite h1.topHeader .advSearch a { font-size: 10px; background: url('../images/icon_adv_search.png') 0 50% no-repeat; margin: -2px 0; padding: 2px 0 2px 16px; }

#content { background: url('../images/left_col_bg.gif') 0 0 repeat-y; padding: 20px 20px 20px 20px; }
#content #leftCol { float: left; width: 200px; height: 100%; min-height: 300px; margin: 0 0 0 -10px; }
#content #rightCol { float: right; width: 700px; }
#content #rightCol div.cover { text-align: center; }
#content #rightCol div.cover img { background: #fff; padding: 20px; border: 1px solid #ccc; }

#contentProf {  padding: 15px 7px 15px 9px; }
#address h3 { font-size: 16px; margin: 0; }
#address p { font-size: 14px; margin: 0; }
#middleContainer { background: #f0eeea url('../images/backgroundHomeMiddle.jpg') repeat-x; display: block; height: 210px; padding: 15px 0 0 1px; }
#revisionHistory { border-top: 1px solid #bbbbbb; overflow-y: scroll; overflow-x: hidden; max-height: 100px; padding-top: 10px; }
#floatRight { padding: 10px 0 0 0; }
#footer { background: url('../images/backgroundFooter.gif') top repeat-x; color: #666; padding: 15px; }
#footer p { width: 960px; margin: 0 auto; }


/* ----------------------------------- Nav ------------------------------------ */

.mainNav { position: absolute; top: 44px; left: 60px; height: 30px; z-index: 10; color: #fff; font-size: 14px; font-weight: bold; line-height: 30px; margin: 8px 0 0 0; white-space: nowrap; }
.mainNav a { margin-left: 16px; }
.mainNav a:link, .mainNav a:visited { color: #fff; }

ul.catNav { list-style: none; margin: 10px 0; }
ul.catNav li { font-size: 14px; line-height: 20px; font-weight: bold; margin: 0; padding: 3px 0; }
ul.catNav li a { display: block; margin: -2px 0; padding: 2px 0 2px 30px; }
ul.catNav li a:link, ul.catNav li a:visited { color: #3b3e33; text-decoration: none; }
ul.catNav li a:hover, ul.catNav li a:active { color: #001100; text-decoration: underline; }
a.catalogLink { display: block; font-size: 125%; background: url('../images/icon_catalog.png') 0 50% no-repeat; margin-top: 20px; padding-left: 40px; }

#topNav { font-weight: bold; border-bottom: 1px solid #928d81; margin: 0 0 10px 0; padding: 0 0 2px 0;  }
#topNav a { text-align: center; padding: 2px 8px 3px 8px; font-size: 14px; font-weight: bold; letter-spacing: .02em; outline: none; border: 1px solid #aaa; }
#topNav a:link, #topNav a:visited { background: #288d29 url('../images/button_bg2.gif') repeat-x 0 50%; color: #fff; }
#topNav a:hover, #topNav a:active { background: #187d19; color: #fff; text-decoration: none; }


/* ----------------------------------- Text ----------------------------------- */

p, h1, h2, h3, h4, h5, h6 { margin-top: 0; }

h1 { background: #fff; font: normal 20px arial, tahoma, helvetica, sans-serif; color: #000; border-top: 1px solid #f0eeea; border-bottom: 1px solid #928d81; padding: 10px 15px; margin-bottom: 0; }	
h2 { font-weight: normal; font-size: 18px; color: #418426; display: block; border-bottom: 1px solid #bbbbbb; margin-bottom: 5px; padding-top: 2px; }
h3 { font-weight: normal; font-size: 18px; color: #002200; display: block; border-bottom: 1px solid #bbbbbb; margin-bottom: 5px; }	
h4 { font-weight: bold; font-size: 15px; color: #000; margin-bottom: 0; border-bottom: 1px solid #928d81; }
h5 { font-weight: bold; font-size: 12px; color: #000; margin-bottom: 0; border-bottom: 1px solid #928d81;	 }
h6, .small { font-size: 11px; color: #847f71; font-weight: normal; }
h6 span, .required {  color: #cc0300; }


/* ----------------------------------- Links ----------------------------------- */

a img { border: 0; }
a:link, a:visited { color: #990000; text-decoration: none; } 
a:hover, a:active { color: #333; text-decoration: underline; }
.logOutLink { background: url('../images/icon_door_out.png') 0 60% no-repeat; padding-left: 20px;  }
div.pagination { font-size: 125%; margin-top: 15px; }
div.pagination a { text-decoration: none; padding: 2px 6px; }
div.pagination a:link, div.pagination a:visited { color: #333; background: #e8f2e1; border: 1px solid #bbb; }
div.pagination a:hover, div.pagination a:active { color: #000; background: #fefefe; border: 1px solid #418426; }
div.pagination strong { color: #000; font-size: 130%; padding: 2px 6px; }


/* ----------------------------------- Images ----------------------------------- */

#photoLeftNoBorder { float: left; padding: 10px; }
#photoLeftPadding { float: left; position: relative; padding: 0 10px 0 20px; }
#photoRightNoBorder { float: right; padding: 0px 10px 10px 10px; }	
#photoRightNoBorders { float: right; margin: 0 7px 0 0; padding: 0px 10px 10px 10px; }
.floatLeft { float: left; }	
.floatRight { float: right; }
#photoRightPadding { padding: 5px 0 0 0; float: right; }
.imgRight { float: right; margin: 5px 0 5px 10px; }
.imgLeft  { float: left;  margin: 5px 10px 5px 0; }
.imgBorder { background: #fff; padding: 2px; border: 1px solid #bbb; }


/* ----------------------------------- Lists ----------------------------------- */

ul { margin: 0; padding: 0; list-style-image: url('../images/sm_arrow.png'); }
li { margin: 0 0 4px 20px; padding: 0; }

/* ----------------------------------- Classes ----------------------------------- */

.red { color: #A31816; }
.gray {	color: #6D6D6D; }
.on a:hover, .on a:active, .on a:link, .on a:visited { color: #FFF; background-color: #777369; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.clear { clear: both; }
.noWrap { white-space: nowrap; }
.disclaimer { width: 80%; text-align: center; color: #666; font-size: 10px; font-style: italic; margin: 30px auto 0 auto; padding-top: 5px; border-top: 1px dotted #bbb; }

/* ----------------------------------- Forms ----------------------------------- */

form { margin: 0; padding: 0; }
input[type=text] { width: 220px; font-size: 11px; padding: 2px 1px 2px 1px; }
input.addProduct { width: 110px; }
input[type=password] { width: 220px; font-size: 11px; padding: 2px 1px 2px 1px; }
input[type=radio] { margin: 0 10px 0 0; padding: 0; }
input[type=checkbox] { height: 15px; width: 15px; margin: 0; padding: 0; }
input[type=button], input[type=submit] { background: #990000 url('../images/button_bg.gif') repeat-x scroll 0 50%; text-align: center; padding: 2px 5px 3px 5px; color: #fff; font-size: 12px; font-weight: bold; letter-spacing: .05em; outline: none; cursor: pointer; }
.secondaryButton { background: #288d29 url('../images/button_bg2.gif') repeat-x 0 50% !important; text-align: center; padding: 2px 5px 3px 5px; color: #fff; font-size: 12px; font-weight: bold; letter-spacing: .05em; outline: none; cursor: pointer; }

select { width: 226px; font-size: 11px; padding: 1px 0 1px 0; }
textarea { width: 100%; font-size: 12px; font-family: arial, tahoma, helvetica, sans-serif; margin-bottom: 4px; padding: 1px 1px 1px 1px; }
textarea.product { width: 220px; height: 40px; font-size: 11px; line-height: 12px; }
td.addNote { background: #f5e4e1; font-size: 12px; font-weight: bold; border-top: 1px dashed #990000; border-bottom: 1px dashed #990000; padding: 8px 21px 8px 15px; }
div.addNote { background: #f5e4e1; font-size: 12px; font-weight: bold; border-top: 1px dashed #990000; border-bottom: 1px dashed #990000; padding: 8px 21px 8px 15px; }
td.addNote label { display: block; color: #aa0000; margin-bottom: 4px; }
#submitButtons { width: 799px; text-align: center; border-top: 2px solid #928d81; padding: 15px 15px 20px 0; }
#submitButtons input[type=submit] { font-size: 14px; }
.pageButtons { padding-top: 15px !important; }
.pageButtons input[type=submit] { font-size: 14px; }
.pager { margin-bottom: 10px; }

.form label { display: block; }



/* ----------------------------------- Specific Items--------------------------- */

.signInBox { background: #efeeea url('../images/backgroundHomeMiddle.jpg') top repeat-x; padding-top: 40px !important; padding-bottom: 20px; }
#loginTable th { padding: 4px 15px 4px 0; }
#loginTable td { padding: 6px 0 6px 0; }
.signInText p { font-size: 12px; line-height: 18px; }
.signInButtons { padding: 10px 15px 10px 15px !important; }
.signInButtons input[type=submit] { float: left; font-size: 14px; }
.registerNow span { font-size: 14px; font-weight: bold; margin: 0 20px 0 0; }
.searchRight { float: right; }
.searchRight input[type=text] { width: 120px; }

.panelTable { width: 100%; margin: 0 0 0 0; }
.panelTable th { background: #dad8d4; color: #000; font-size: 12px; text-align: left; border-top: 1px solid #fff; border-bottom: 1px solid #928d81; padding: 6px 5px 6px 10px; }
.panelTable td { color: #333; line-height: 12px; border-bottom: 1px solid #dad8d4; padding: 5px 5px 5px 10px; }
.panelTable tr { background: #faf8f4; }
.panelTable thead { margin-right: 100px; }
.panelScroll { max-height: 200px; overflow-y: scroll; overflow-x: hidden; border-left: 1px solid #dad8d4; border-right: 1px solid #dad8d4;  border-bottom: 1px solid #cac8c4; }

.buttonRight { float: right; vertical-align: top; margin-bottom: 5px; }
.buttonRight a { text-align: center; padding: 2px 5px 3px 5px; font-size: 12px; font-weight: bold; letter-spacing: .02em; outline: none; border: 1px solid #aaa; }
.buttonRight a:link, .buttonRight a:visited { background: #288d29 url('../images/button_bg2.gif') repeat-x 0 50%; color: #fff; }
.buttonRight a:hover, .buttonRight a:active { background: #187d19; color: #fff; text-decoration: none; }
.buttonLeft { float: left; margin-top: 3px; }
.buttonLeft a { text-align: center; padding: 2px 5px 3px 5px; font-size: 12px; font-weight: bold; letter-spacing: .02em; outline: none; border: 1px solid #aaa; }
.buttonLeft a:link, .buttonRight a:visited { background: #288d29 url('../images/button_bg2.gif') repeat-x 0 50%; color: #fff; }
.buttonLeft a:hover, .buttonRight a:active { background: #187d19; color: #fff; text-decoration: none; }

.vendorStatus { font-size: 16px; }
.statusAwaiting { float: right; white-space: nowrap; background: #fdf8c4 url('../images/icon_wait.png') 10px 50% no-repeat; border: 1px dotted #660000; padding: 4px 10px 4px 34px; }
.statusApproved { float: right; white-space: nowrap; background: #d9edc7 url('../images/icon_approved.png') 10px 50% no-repeat; border: 1px dotted #660000; padding: 4px 10px 4px 34px; }
.statusDenied { float: right; white-space: nowrap; background: #edcdc7 url('../images/icon_denied.png') 10px 50% no-repeat; border: 1px dotted #660000; padding: 4px 10px 4px 34px; }

tr.hover td { cursor: pointer; background: #d9edc7; }
tr.selected td { background: #d9edc7; }

.revisedRow { background: #eddac7; }
.revisedRowSelected{ background: #e4ccbb; cursor: pointer; }
tr.rowApprovedHover td { background: #d9edc7; }
tr.rowApprovedSelected td { background: #cde4bb; cursor: pointer; }
tr.rowModifiedHover td { background: #fdf8c4; }
tr.rowModifiedSelected td { color: #fcf4b8; cursor: pointer; }
tr.rowDeniedHover td { background: #edcdc7; }
tr.rowDeniedSelected td { background: #e4c1bb; cursor: pointer; }

/* special row highlights */
tr.rowWJ td { background: #e0f2f0; }
tr.rowBB td { background: #d9edc7; }
tr.rowOL td { background: #e7dff0; }
tr.rowDF td { background: #e7dff0; }
tr.rowWJB td { background: #e0f2f0 url('../images/diag_lines_bg.png'); }
tr.rowBBB td { background: #d9edc7 url('../images/diag_lines_bg.png'); }

/* ----------------------------------- Error Class ----------------------------- */
.error, .notice, .success {padding:.1em .3em .1em .3em;border:1px solid #ddd;}
.error {background:#FBE3E4 url('../../images/icons/exclamation.png') 2px center no-repeat; margin: -2px 0; padding: 2px 0 2px 22px; color:#8a1f11;font-size:100%;font-weight:inherit;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;font-size:100%;font-weight:inherit;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;font-size:100%;font-weight:inherit;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* ----------------------------------- Catalog Page ---------------------------- */
/* --- For category page colors see colors.css --- */
div.itemBox { float: left; width: 220px; color: #222; font-size: 11px; line-height: 14px; background: #eff4ea; margin: 11px 11px 0 0; border: 1px solid #bbb; }
div.itemBox h5 { line-height: 22px; background: #e6e6e6 url('../images/item_box_header_bg.gif') repeat-x; padding: 0 4px; border-bottom: 1px solid #bbb; }
div.itemBox h5 a { display: block; }
div.itemBox h5 a:link, div.itemBox h5 a:visited { color: #111; }
div.itemBox h5 a:hover, div.itemBox h5 a:active { color: #000 !important; }
div.itemBox img { float: right; width: 100px; height: 100px; background: #fff; margin: 0; padding: 3px 9px; border-left: 1px solid #d0d0d0; }
div.itemBox .itemInfo { float: left; width: 94px; margin: 3px 0 0 6px; }
div.itemBox label { display: block; font-weight: bold; margin-top: 3px; }

.catalogList { margin: 0px; padding: 0px; list-style:none; }
.catalogList li { float: left; }

#prodTableHead { margin-top: 10px; }
#prodTableHead .col-scroll { width: 5px; }
#prodTableHead .col-1, #prodTable .col-1 { width: 60px; }
#prodTableHead .col-2, #prodTable .col-2 { width: 120px; }
#prodTableHead .col-3, #prodTable .col-3 {  }
#prodTableHead .col-4, #prodTable .col-4 { width: 100px; }
#prodTableHead .col-5, #prodTable .col-5 { width: 100px; }
#prodTable { max-height: 500px !important; }
#prodTable table.catList { }
#prodTable table.catList img { width: 25px; height: 25px; }
#prodTable table.catList a img { background: #fff; padding: 1px; }
#prodTable table.catList a:link img, #prodTable table.catList a:visited img { border: 1px solid #ddd; }
#prodTable table.catList a:hover img, #prodTable table.catList a:active img { border: 1px solid #333 !important; }

/* ----------------------------------- Item Detail ----------------------------- */
.itemDesc { font-size: 12px; line-height: 18px; }