/* ELAN DIGITAL SYSTEMS WEB SITE STYLE SHEET */

/* copy for printing */

/* WWW.PCCARD.CO.UK + WWW.ELANDIGITALSYSTEMS.COM + WWW.ELAN-DIGITAL-SYSTEMS.CO.UK */

/* AUTHORED BY Robin Hall, EMAIL WEB@PCCARD.CO.UK */

/* LAST REVISED april 16th 2002 */





body { background-color: white; font-family: tahoma, serif; color: black; padding: 0; margin: 0; height: 100%; background-image: url("mainsitebg.gif"); background-repeat: repeat-y;}



em       {font-weight: bold; font-style: italic; }

strong  {font-weight: bold;}

hr        {border-top-width: 1px; border-top-style: solid; border-color: rgb(16,16,142); margin: 0px 2%;}

.dummy {display: none;}

p.nb {font-size: 75%; text-align: right; }

p.disclaimer {font-size: 80%; text-align: left; color: navy; border: 0; border-top: thin solid navy; margin: 12px 0 0 3px; padding: 3px 6px 0 6px;  }

p.advert {border: medium solid navy; text-align: center; color: navy; background-color: #FFFF99; margin: 15px 15px 15px 20px; padding: 5px 5px 5px 5px; line-height: 140%; font-size: 90%; }

p.tagline {text-align: center; color: navy; font-weight: bold; border:  0; line-height: 120%; height: 1.5em; padding: 0.5em; margin: 0 10px 0 10px;  }



/* --------------------------- LINK COLORS - these are universal across the whole site */

a:link      {color: rgb(9,9,167);}

a:visited  {color: rgb(9,9,167);}

a:active   {color: #000066;}







/* ------------------------------ TYPES OF IMAGE FORMATTING -- */

img.leftfloat     {float: left; margin-right: 1em; margin-bottom: 1em; border: 0; }

img.rightfloat   {float: right; margin-left: 0em; margin-bottom: 0em; border: 0; }

img.normal   {border: 0; }

img.textflow   {position: relative; top: 10px; border: 0; }

p.minheight  {height: 150px; }



/* ------------------------------ HEADINGS -- */

h1 {text-align: center; color: rgb(16,16,142); font-size: 160%; font-family: Tahoma, Times New Roman, Times, serif; border: 0; margin: 0; }

h1 {background: white; line-height: 150%; padding: 0 2px 0 2px; margin: 0 8px 10px 0; }

h2 {color: rgb(16,16,142); text-indent: 0%; width: 60%; font-size: 100%; font-family: Tahoma, Times New Roman, Times, serif; background: #FFFF66; margin-bottom: 20px; margin-top: 20px; border: 0; padding: 0 0 0 0.5em; }

h3 {color: rgb(16,16,142); font-size: 100%; font-weight: bold; font-family: Verdana, Times New Roman, Times, serif;}

h4 {color: black; font-size: 100%; font-weight: bold; font-family: Verdana, Times New Roman, Times, serif;}



#topmenu    {display: none; }

#navbar         {display: none; }

p.navlink {margin: 10px 5px 10px 5px; padding: 5px 5px 5px 5px; text-align: center;  border: thin navy solid;  background-color: white; }

div#navsection {margin: 0 5px 0 5px; padding: 5px 1px 5px 1px ; border-top: thin white solid; border-bottom: thin white solid; }



#main     {position: static; padding: 10px 5px 0 0; margin: 0 0 0 0px; font-size: 90%; border: 0; }

#footer    {position: static; margin: 0 0 0 0px; padding 0 0 0 0; border: 0; text-align: center; }

p.address  {font-size: 75%; text-align: center; color: #999999; }



table.product {border: 0; font-size: 100%;  margin-left: 5%; }

table.product td {height: 25px;}

table.product td.name {font-weight: bold;}

img.thumbnail {border: 0; }



table.features {margin-left: auto; margin-right: auto; font-size: 100%; border-collapse: collapse; }

table.features td {vertical-align: center;  border-bottom: thin solid #ccccff; margin: 0 0 0 0; padding: 2px 0 2px 0;}

table.features tr {padding: 0 0 0 0; margin: 0 0 0 0;  }

img.icon {width: 32px; margin-top: 2px; }



div#sp311left { float: left; border: 0; margin: 0 0 0 0; padding: 0 0 0 0;} 

div#sp311right {float: left; border: 0; margin: 0 0 0 0; padding: 20px 0 0 20px;  }

div.moreinformation {position: relative; border: 0; width: 90%; padding-top: 15px; }



*/ -- the first column is class="name" for product names --  */

td.name {text-align: right; font-weight: bold; }