/* primary styles */
html { overflow: scroll;}
body { margin: 0; padding: 0; border: 0; color: #000000; background-color: #ffffff;}
a:link { color: #0033CC; text-decoration: none }
a:visited { color: #0033CC; text-decoration: none }
a:active { color: #0033CC; text-decoration: none }
a:hover { color: #FF6600; text-decoration: none }
.smalltitle { color: #000000; font: 14px verdana, arial, sans-serif; font-weight: bold }
legend { color: #000000; font: 12px verdana, arial, sans-serif; font-weight: bold }
/* sidebar variations */
a.sidelink:link { color: #0033CC; text-decoration: none }
a.sidelink:visited { color: #0033CC; text-decoration: none }
a.sidelink:active { color: #0033CC; text-decoration: none }
a.sidelink:hover { color: #FF6600; text-decoration: none }
/* block elements with ids */
.mainDiv { color: #000000; border:solid 0px Black; font: 12px verdana, arial, sans-serif; line-height: 18px; font-weight: normal; text-align:left; width: 100%;}
.menuDiv { font: 11px verdana, arial, sans-serif; font-weight: bold; height: 24px; background-color: #1a4450; color: White;}
.mainHead { color: #000000; font: 18px verdana, arial, sans-serif; font-weight:bold; }
.copyrightText { color: #666666; font: 9px verdana, arial, sans-serif }
.sidebartitle { color: #000000; font: 11px verdana, arial, sans-serif; font-weight: bold; line-height:5px; }
.sidebartext { color: #000000; font: 10px verdana, arial, sans-serif; font-weight: normal; }
.sidebarColumn { background-color: #C9D1D3;}
.flashAnimation { background-color: #1a4450;}
.statManagerSplash { padding:5px; text-align:center; }
.redAsterisk { color:Red; font-weight:bold; font-size:9px;}
.smallHead { color:Black; font-weight:bold; font-size:11px;}
.smallText { color:Black; font-weight:normal; font-size:10px;}
.BCFormTable { padding:10px; border: solid 0px Black;}
.footnotes { color:Red; font-size:8pt; text-align:right; width:100%;}
.tableCart { color:Black; font-size:9pt; vertical-align:top;}
.tableCheckout { color:#999999; font-size:9pt; vertical-align:top;}
.tableCartHeader { color:White; background-color:#2C5763; font-size:9pt;}
.login { width:90%; }
.admin { }
.buttonRow { background-color:#C9D1D3; font-weight:bold; }
.contactTable { color: #000000; font: 11px verdana, arial, sans-serif; font-weight: normal; }
/* not sure why I have this ... used in Account manager screens where animations are used*/
.clearb { clear: both; }
/* Navigation */
.nav, .nav ul { list-style: none; margin: 0; padding: 0; }
.nav { font-family: Arial, Helvetica, sans-serif; z-index: 100; position: relative; }
.nav li { border-right: 1px solid #fff; float: left; margin: 0; padding: 0; position: relative; }
.nav li a,
.nav li a:link,
.nav li a:active,
.nav li a:visited { font: bold 1.22em/20px Arial, Helvetica, sans-serif; background: #1a4450; color: #ffffff; display: block; padding: 0 9px; text-decoration: none; }
.nav li a:hover { background: #ccc; color: #000; }
#nav-one li:hover a,
#nav-one li.sfHover a { background: #ccc; color: #000; }
#nav-one li:hover ul a,
#nav-one li.sfHover ul a { background: #565656; color: #999999; }
#nav-one li:hover ul a:hover,
#nav-one li.sfHover ul a:hover { background: #ccc; color: #000; }
#nav-two li:hover a,
#nav-two li.sfHover a { background: #ccc; color: #000; }
#nav-two li:hover ul a,
#nav-two li.sfHover ul a { background: #565656; color: #999999; }
#nav-two li:hover ul a:hover,
#nav-two li.sfHover ul a:hover { background: #ccc; color: #000; }
.nav ul { background: #565656; border-bottom: 1px solid #000; list-style: none; margin: 0; width: 160px; position: absolute; top: -999em; left: -1px; }
.nav li:hover ul,
.nav li.sfHover ul { top: 20px; }
.nav ul li { border: 0; float: none; }
.nav ul a { border: 1px solid #000; border-bottom: 0; padding-right: 20px; width: 140px; white-space: nowrap; }
.nav ul a:hover { background: #ccc; color: #000; }
/* Accordion in BuildBCx, Help, and Support Stationary Master */
.basic { width: 580px; font-family: verdana; border: 0px solid black; }
.basic div { background-color: #ffffff; }
.basic p { margin-bottom : 10px; border: none; text-decoration: none; font-weight: bold; font-size: 10px; margin: 0px; padding: 10px; }
.basic a { cursor:pointer; display:block; padding:5px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: white; background-color: #1a4450; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; background-image: url("AccordionTab0.gif"); }
.basic a:hover { background-color: #2C5763; background-image: url("AccordionTab2.gif"); color:white; }
.basic a.selected { color: white; background-color: #2C5763; background-image: url("AccordionTab2.gif"); }
/* Accordion in Order Reports */
.basic1 { width: 750px; font-family: verdana; border: 0px solid black;}
.basic1 div { background-color: #ffffff;}
.basic1 p { margin-bottom : 10px; border: none; text-decoration: none; font-weight: bold; font-size: 10px; margin: 0px; padding: 10px; }
.basic1 a { cursor:pointer; display:block; padding:5px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: white; background-color: #1a4450; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; background-image: url("AccordionTab0.gif"); }
.basic1 a:hover { background-color: #2C5763; background-image: url("AccordionTab2.gif"); color:white; }
.basic1 a.selected { color: white; background-color: #2C5763; background-image: url("AccordionTab2.gif"); }
/* Accordion in Order Reports */
.basic2 { width: 100%; font-family: verdana; border: 0px solid black;}
.basic2 div { background-color: #ffffff;}
.basic2 p { margin-bottom : 10px; border: none; text-decoration: none; font-weight: bold; font-size: 10px; margin: 0px; padding: 10px; }
.basic2 a { cursor:pointer; display:block; padding:5px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: white; background-color: #1a4450; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; background-image: url("AccordionTab0.gif"); }
.basic2 a:hover { background-color: #2C5763; background-image: url("AccordionTab2.gif"); color:white; }
.basic2 a.selected { color: white; background-color: #2C5763; background-image: url("AccordionTab2.gif"); }
/* Accordion in BuildPC */
.basic3 { width: 300px; font-family: verdana; border: 0px solid black; margin-left: 10px;}
.basic3 div { background-color: #ffffff; }
.basic3 p { margin-bottom : 10px; border: none; text-decoration: none; font-weight: bold; font-size: 10px; margin: 0px; padding: 10px; }
.basic3 a { cursor:pointer; display:block; padding:5px; margin-top: 0; text-decoration: none; font-weight: bold; font-size: 12px; color: white; background-color: #1a4450; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999; background-image: url("AccordionTab0.gif"); }
.basic3 a:hover { background-color: #2C5763; background-image: url("AccordionTab2.gif"); color:white; }
.basic3 a.selected { color: white; background-color: #2C5763; background-image: url("AccordionTab2.gif"); }
/* tooltip - used in Account manager screens */
#tooltip {
font: 10px verdana, arial, sans-serif;
font-weig normal;
position solute;
z-i : 3000;
border: 1px d #111;
background-colo C9D1D3;
pa g: 5px;
filter: alpha(opacity=80); /* this if I.E. */
opacity: 0.80; /* this if for everyone else */
}
#tooltip h3, #tooltip div {
margin: 0; }