/* -------------------------------------------------------------------------- */
/* GENERAL DISPLAY RULES                                                      */
/* -------------------------------------------------------------------------- */
td                      {font:10pt arial; color:#000000}
div                     {font:10pt arial; border-style:none; padding:0px;}
.error                  {color:#CC0000}
.invalid                {color:#CC0000}
.required               {color:#CC0000}
.disabled               {color:#888888}
.warn                   {color:#0000FF}
.select                 {font-weight:bold}
.modified               {color:#0000FF}
.ok                     {color:#00C000}
.sysMsg                 {font-weight:bold}
.bold                   {font-weight:bold}
.rtAlign                {float:right; text-align:right;}
.lftAlign               {float:left; text-align:left;}
.txtXLg                 {font-size:50px; line-height:50px;}
.txtStd                 {font:10pt arial;}
.contCtr                {vertical-align:middle; text-align:center;}
.contTop                {vertical-align:top}
.noPad                  {width:100%; border:none; padding:0px}
.txtSm                  {font-size:8pt}
.txtCode                {font-family: "Courier New", Courier, monospace;}

/* -------------------------------------------------------------------------- */
/* SPECIFIC DISPLAY RULES                                                     */
/* -------------------------------------------------------------------------- */
div.pgHead              {position:relative; width:100%; height:195px}
div.hdrBlueBar          {width:100%; height:10px; font-size:1px; background-color:#003A98; border:solid #FFFFFF; border-width:1px 0px 1px 0px;}
div.hdrTitle            {width:100%; height:150px; background-image:url("../img/hdrBck.gif");}
div.hdrTabBar           {width:760px; height:25px;}
div.footBar             {height:20px; padding:2px 0px 2px 3px; font-size:8pt; background-color:#003A98; color:#FFFFFF; border:solid #FFFFFF; border-width:1px 0px 1px 0px;}
div.mainScrl            {width:100%; height:400px; position:relative; overflow:auto; padding:10px; background-color:#AEC3E0; background-image:url("../img/blueGrdt01.jpg"); background-repeat:repeat-x; background-position:top;}

table.hdrTabBar         {width:100%; height:25px;}
table.hdrTab            {width:100%; height:25px; background-color:#416DCC;}
td.hdrTab               {padding:0px; text-align:center;}
a.tabLink               {font-weight:bold; text-decoration:none; color:#FFFFFF; display:block; width:100%; line-height:25px; font-size:8pt;}
a.tabLink:hover         {background-color:#D1E1F1; color:#336895}

img.hdrTitle            {width:760px; height:150px; border:none}
img.hl                  {width:520px; height:9px; border:none;}

div.sideBox             {width:200px; height:400px; padding:0px; background-image:url("../img/side.gif"); background-repeat:no-repeat; background-position:top;}

table.mainContent       {width:560px; height:100%;}
td.mainContent          {width:560px; vertical-align:top; padding:20px; background-color:#AEC3E0; background-image:url("../img/blueGrdt.jpg"); background-repeat:repeat-x; background-position:top;}

div.homeImg             {position:absolute; top:20px; left:275px; height:350px; width:250px; background-image:url("../img/homeImg.jpg"); border:solid 1px #FFFFFF;}
div.homeContent         {width:240px;}

td.techGrpTitle         {font-size:8pt; font-weight:bold; height:18px; text-align:center; color:#336895; background-color:#D1E1F1;}
td.techGrpSpec          {font-size:8pt; color:#000000;}
td.techGrpData          {font-size:8pt; color:#000000;}

div.quoteImg            {position:absolute; top:20px; left:375px; height:300px; width:150px; background-image:url("../img/quoteImg.jpg"); border:solid 1px #FFFFFF;}
div.quoteContent        {width:340px;}
td.quoteGrpTitle        {font-size:8pt; height:18px; font-weight:bold; color:#336895; background-color:#D1E1F1; padding:0px 3px 0px 3px;}
td.quoteFrmTxt          {font-size:8pt; height:20px; font-weight:bold; color:#3B4861; padding:0px 0px 0px 5px;}
td.quoteFrmErr          {font-size:8pt; height:20px; font-weight:bold; color:#CC0000; padding:0px 0px 0px 5px;}
td.quoteFrmFld          {font-size:8pt; height:20px; color:#3B4861; padding:0px;}
.quoteFrmField          {width:100%; height:18px; font-size:8pt;}
.quoteFrmFile           {width:100%; height:18px; font-size:8pt;}
.quoteFrmNotes          {width:100%; height:60px; font:8pt arial;}
td.quoteFrmSpcr         {font-size:1px; height:10px;}
td.quoteFrmSpcrSm       {font-size:1px; height:2px;}

div.contactImg          {position:absolute; top:20px; left:360px; height:230px; width:165px; background-image:url("../img/contactImg.jpg"); border:solid 1px #FFFFFF;}
div.contactContent      {width:325px;}

div.specialsImg          {position:absolute; top:20px; left:360px; height:125px; width:165px; background-image:url("../img/specialsImg.jpg"); border:solid 1px #FFFFFF;}
div.specialsContent      {width:325px;}

td.contGrpTitle         {font-size:8pt; font-weight:bold; color:#336895; height:18px; background-color:#D1E1F1; padding:0px 0px 0px 5px;}
td.contGrpItem          {font-size:8pt; color:#000000; padding:0px 5px 0px 5px;}
a.mail                  {color:#000000; font-size:8pt}
a.mail:hover            {color:#FFFFFF;}

table.quoteBtn          {width:160px; height:50px; background-image:url("../img/quoteBtn.gif");}
a.quoteBtn              {font-weight:bold; font-size:10pt; color:#000000;}

form.stdForm            {margin:0px; padding:0px}
.formField              {width:100%; height:20px; font-size:8pt}
.formBtn                {width:75px; height:20px; font-size:8pt;}
td.loginForm            {font-size:8pt; background-color:#FFFFFF; border:solid 1px #000000; border-width:0px 1px 0px 1px; padding:0px 5px 0px 5px;}
td.loginFormTitle       {font-weight:bold; color:#FFFFFF; background-color:#003A98; font-size:10pt; border:solid 1px #000000; border-width:0px 1px 1px 1px; padding:0px 5px 5px 5px;}
td.loginFormBtn         {font-size:8pt; text-align:right; background-color:#FFFFFF; border:solid 1px #000000; border-width:0px 1px 0px 1px; padding:3px 5px 0px 5px;}


td.quoteSpecial         {padding:2px; border:solid 2px #000000; background-color:#ffae00; }
.quoteSpecialTitle      {font-weight:bold; font-size:12pt;}

a.quoteSpecial          {color:#000000; font-size:10pt; font-weight:bold;}
a.quoteSpecial:hover    {color:#FFFFFF;}

td.message              {font-weight:bold; font-size:8pt; }
img.iconStd             {width:20px; height:20px; border-style:none;}
table.errorMsg          {width:100%; background-color:#F6ADA6; padding:0px; border:solid 5px #FF0000;}
div.quoteMsg            {padding:0px 0px 10px 0px;}
table.successMsg        {width:100%; background-color:#96DD81; padding:0px; border:solid 5px #00AA00;}
a.quoteSuccess          {font-weight:bold; font-size:10pt; color:#0000FF;}
a.quoteSuccess:hover    {color:#FFFFFF;}

a.quoteMail             {color:#000000; font-size:8pt}
a.quoteMail:hover       {color:#AF2120;}
img.iconLarge           {width:50px; height:50px; border-style:none}
td.sidebarSubTitle      {font-weight:bold; font-size:10pt; font-style:italic}
td.sidebarText          {font-size:8pt;}


td.homeBulletSpcr       {width:100%; height:20px; font-size:1px}
td.homeBulletPt         {width:100%; font-style:italic; font-size:10pt; font-weight:bold; padding:5px; background-image:url("../img/transparency.gif"); background-repeat:repeat; background-position:top;}
td.quoteBullet          {width:100%; font-style:italic; font-size:12pt; font-weight:bold; color:#FFAE00; text-align:center; padding:5px; background-color:#FFFFFF; background-image:url("../img/transparency.gif"); background-repeat:repeat; background-position:top;}

/* -------------------------------------------------------------------------- */
/* MESSAGES / NOTES DISPLAY                                                   */
/* -------------------------------------------------------------------------- */
.errorMsg               {background-color:#F6ADA6; font-weight:bold; font-size:8pt}
.warnMsg                {background-color:#FFDB6B; font-weight:bold; font-size:8pt}
.infoMsg                {background-color:#96DD81; font-weight:bold; font-size:8pt}
.requestMsg             {background-color:#C8F1FF; font-weight:bold; font-size:8pt}
.msgIcon                {width:25px; vertical-align:top; text-align:left}
span.indent             {width:30px}
td.noteSideTxt          {width:100%; padding:0px 0px 5px 0px; color:#FFFFFF}
td.noteEditTxt          {width:100%; padding:0px 0px 5px 0px; cursor:hand}
span.noteHead           {width:50%; padding:1px 0px 1px 0px; border:solid #000000; border-width:1px 0px 1px 0px; font-size:8pt}
span.noteTxt            {width:100%; padding:2px 0px 0px 15px; font-size:8pt}
.noteSpcr               {height:10px}
td.notePrtTxt           {width:100%; padding:0px; padding-bottom:5px; font:10pt; }
div.usrNoteTbl          {position:relative; z-index:0; overflow:auto; width:100%}





/*
 
 quotes pg:  3 ways to quote: e-mail sles, call, fill out form and get a response in 24 hrs - icons for e-mail/phone/form???
    put this at top OR bottom of quote page OR put in side panel on left OR img on right - specials over image on right or in left side bar
 
 new "get a quote" button
 bullet points on main page
  subtitle headers standardized - and standard height
  
  SIDE CROSSHATCH LIKE BLACK ON OLD SITE
   FORM WORKINGS
   CLICK ON LOGO TO GO TO HOME PAGE
   PAGE CHANGE DELAY???
light blue with shadow on sides
16 pixel high form

button fonts, button actions, different orange square
different title fonts
fix contact page
light blue home page background 

"....." line instead of solid below pg titles
subtitle backgrounds that fade/gradient

Your Source for Prototype & Production PCB Fabrication
TOP BOT BAR was: #606060
#3E5380  #3b4861  #606060
#527cba
#3c537d
#d1e1fe

#AF2120 - red

top btns a top bar cnanges color too
graphic across whole top title bar???

function navHglt(obj, action){
        if (action==1)
            obj.style.backgroundColor='#527CBA';
        else
            obj.style.backgroundColor='#003A98';
    }
*/