/** Page Elm's **/ 
* { 
margin: 0; 
padding: 0; 
} 

html { 
font-size: 100%; 
height: 101%; 
} 

body { 
font-size: 62.5%; 
background: url('bgRepeat.gif') repeat; 
line-height: 1; 
font-family: Arial, Helvetica, sans-serif; 
} 

td { 
font-size: 10px; 
} 

img { 
border: 0; 
} 

p { 
font-size: 1.2em; 
margin-bottom: 10px; 
} 

h1 { 
font-size: 1.6em; 
} 

h2 { 
color: #5d5d5d; 
font-size: 1.3/1.4em; 
font: bold Verdana, Arial, sans-serif; 
} 

h3 { 
font: bold 1.1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
} 

a { 
color: #000099; 
} 

a:hover { 
color: #000; 
} 

ul { 
font-size: 1.2em; 
} 

/** Clearfix **/ 
.clearfix:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0; 
} 
.clearfix { 
display: inline-block; 
} 
html[xmlns] .clearfix { 
display: block; 
} 
* html .clearfix, * html * .clearfix, * html * * .clearfix { 
height: 1%; 
} 

/** Main Div's **/ 
#wrapper { 
text-align: center; 
margin: 0 auto; 
width: 960px; 
margin-top: 20px; 
} 

#topNav { 
text-align: right; 
} 

#mainPage { 
text-align: left; 
width: 960px; 
background: #fff; 
border: 1px solid #4a4b4c; 
margin-top: 3px; 
} 

#header { 

} 

#banner { 
height: 89px; 
width: 960px; 
background: #fff url('banner.jpg') no-repeat; 
} 

#headInfo { 
height: 36px; 
background: #98b1c5 url('headInfoBg.gif') repeat-x; 
text-align: center; 
width: 960px; 
} 

#headInfo span { 
font: bold 15px/36px Times New Roman, serif; 
color: #fff; 
} 

#headInfo span a { 
text-decoration: underline; 
color: #fff; 
} 



#headInfo02 { 
height: 36px; 
background: #98b1c5;
text-align: center; 
width: 960px; 
} 

#headInfo02 span { 
font: bold 15px/36px Times New Roman, serif; 
color: #fff; 
} 

#headInfo02 span a { 
text-decoration: underline; 
color: #fff; 
} 



#left { 
width: 196px; 
background: #d2d2d0; 
} 

#right { 
padding: 20 20 20 20; 
text-align: left; 
} 

#content { 
background: #FFFFFF; 
background: url('bgFaux.gif') repeat-y; 
} 

/** Other Page ID's **/ 
#pageInformation { 
width: 543px; 
background: url('bgPattern1.gif') repeat-y; 
font: 0.9em/1.5em Verdana, Arial, sans-serif; 
} 

#pageInformationFooter { 
background: url('bgPatternBottom.gif'); 
height: 19px; 
margin:none; 
} 

#pageInformation p { 
padding: 3px 7px; 
} 

#lists { 
margin-left: 25px; 
} 

#productsDiv { 
margin-top: 25px; 
margin-left: 3px; 
} 

#productLeft { 
float: left; 
width: 240px; 
margin-right: 12px; 
} 

#productRight { 
float: left; 
width: 285px 
} 
#productLeft * li, #productRight * li, #productLeft * * li, #productRight * * li { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

#cabinet { 
height: 120px; 
} 

#cabinet h3 { 
color: #406249 
} 

#cabinetUl { 
list-style-image: url('cabinetDisc.gif'); 
margin-top: 4px; 
} 

#cabinetUl li { 
margin-left: 16px; 
font: 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif; 
} 

#locker { 
height: 130px; 
} 

#locker h3 { 
color: #d6763f; 
} 

#lockerUl { 
list-style-image: url('lockerDisc.gif'); 
margin-top: 4px; 
} 

#lockerUl li{ 
margin-left: 16px; 
font: 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif; 
} 

#shelf h3 { 
color: #ac221e; 
} 

#shelfUl { 
list-style-image: url('shelfDisc.gif'); 
margin-top: 4px; 
} 

#shelfUl li { 
margin-left: 16px; 
font: 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif; 
} 

#workbench h3 { 
color: #1762a0; 
} 

#workbenchUl { 
list-style-image: url('workshopDisc.gif'); 
margin-top: 4px; 
} 

#workbenchUl li { 
margin-left: 16px; 
font: 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif; 
} 

#utility h3 { 
color: #7b3372; 
} 

#utilityUl { 
list-style-image: url('utilityDisc.gif'); 
margin-top: 4px; 
} 

#utilityUl li { 
margin-left: 16px; 
font: 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif; 
} 

/** Navigation **/ 
#topNavUl { 
color: #fff; 
list-style: none; 
} 

#topNavUl li { 
display: inline; 
font: bold 11px Verdana, Arial, sans-serif; 
padding: 0 3px; 
} 

#topNavUl li a { 
color: #fff; 
text-decoration: none; 
} 

#topNavUl li a:hover { 
text-decoration: underline; 
} 

#leftNavUl { 
list-style: none; 
} 

#leftNavUl li { 
height: 24px; 
border-bottom: 1px dashed #fff; 
font: 11px/25px Verdana, Arial, sans-serif; 
padding-left: 11px; 
color: #000; 
} 

#leftNavUl li.navHeader { 
font-weight: bold; 
color: #fff; 
} 

#leftNavUl li#strcab { 
background: #416446; 
} 

#leftNavUl li#strlock { 
background: #d6753e; 
} 

#leftNavUl li#indusWrk { 
background: #1862a1; 
line-height: 14px; 
padding-top: 6px; 
padding-bottom: 6px; 
} 

#leftNavUl li#utcart { 
background: #7d3172; 
line-height: 14px; 
padding-top: 6px; 
padding-bottom: 6px; 
} 

#leftNavUl li#shlrck { 
background: #ac221f; 
} 

#leftNavUl li#scrdnt { 
background: #696967; 
} 

li.s:hover { 
background: #c3dcc3; 
cursor: pointer; 
} 

li.l:hover { 
background: #f2d2a5; 
cursor: pointer; 
} 

li.w:hover { 
background: #c3ddf2; 
cursor: pointer; 
} 

li.u:hover { 
background: #f2a5e7; 
cursor: pointer; 
} 

li.s a, li.l a, li.w a, li.u a { 
text-decoration: none; 
color: #000; 
} 

/** Font Classes **/ 
.backH1 { 
background: url('h1Back.gif') no-repeat; 
font: bold 12px/31px Verdana, Arial, sans-serif; 
color: #fff; 
width: 543px; 
text-align: center; 
margin-left: 0px; 
} 

/** Preset Classes **/ 
.floatLeft { 
float: left; 
} 

.floatRight { 
float: right; 
} 

.imgFloatLeft { 
float: left; 
margin-right: 8px; 
} 

imgFloatRight { 
float: right; 
margin-left: 8px; 
}