/* Common */

.DropShadow { position: relative; left: 2; top: 2; color: #565656; font: italic 24px Arial Black; margin: 0 0 8 0 }
.TextOnDropShadow { position: absolute; left: -2; top: -2; color: gold;  margin: 0 2 8 0 }
.Smaller { font-size: 85% }
.Larger { font-size: 125% }
.Largest { font-size: 150% }
.Notes { font-family: Arial; font-size: 75% }
.WhiteOnBlack	{ color: White; background-color: black }
.BeigeOnBlack	{ color: #E4E0DE; background-color: black }
table.Header { 
	  width: 100%; border: 0px none; border-collapse: collapse; background-color: white }
table.Black { 
	  width: 100%; border: 0px none; border-collapse: collapse; background-color: black }
.ZeroMarginPadding {
	  margin: 0 0 0 0; padding: 0 0 0 0 }

/* Header */

td.Header {
  padding: 0; margin: 0 0 0 0; border: 0px; color: rgb(255,255,255); background-color: rgb(64,64,64); border-bottom: 1px solid white }
td.HeaderBlack {
  padding:0; margin:0; color: rgb(80,80,80); background-color: #1F1A17; border-bottom: 0px solid; border-bottom: 0px solid black; vertical-align: bottom }
td.HeaderBlackSwoosh {
  padding:0; margin:0; color: rgb(255,255,255); background-color: #1F1A17; border-bottom: 0px solid; border-bottom: 0px solid white; background-image: url('images/Stream_Background.gif'); background-repeat: no-repeat }
td.Logo {
  padding: 0; margin: 0; border: 0px none; width: 180px; height: 56px }
td.LogoBlack {
  padding: 0; margin: 0; border: 0px none; width: 160px }
p.Header {
  margin: 4 4 4 8; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: left; letter-spacing: 1px }
p.HeaderBlack {
  margin: 4 4 4 24; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; text-align: left; letter-spacing: 1px }
p.HeaderBlackNarrow {
  margin: 4 4 4 24; font-family: Arial Narrow, Arial, sans-serif; font-size: 13px; font-weight: normal; text-align: left; letter-spacing: 1px }
  
a.Header:link    { color: rgb(180,180,180) }
a.Header:visited { color: rgb(180,180,180) }
a.Header:hover   { color: #FFD702 }
a.Header:active  { color: rgb(180,180,180) }

/* Footer */

p.Footer {
  font-family: Arial; font-size: 80%; color: rgb(100,100,100); margin-top: 24px; margin-bottom: 0 }  

/* Side Menu */

table.SideMenu   { background-color: #5050CD }
table.SideMenuGray { background-color: #5E5E5E }
td.SideMenu   { width: 184px; background-color: rgb(80,80,205)  }
td.SideMenuGray { width: 184px; background-color: #5E5E5E }
td.SideMenuBlack { width: 184px; background-color: black }
td.SideL1, td.SideL2, td.SideL3 {
  font-family: Arial, sans-serif; font-size: 90%; color: rgb(255,255,255); border-bottom: 1px solid rgb(128,128,255); padding-top: 2px; padding-bottom: 2px; padding-right: 8px }  
td.SideL1Gray, td.SideL2Gray, td.SideL3Gray {
  font-family: Arial, sans-serif; font-size: 90%; color: rgb(255,255,255); border-bottom: 1px solid rgb(128,128,128); padding-top: 2px; padding-bottom: 2px; padding-right: 8px }  
td.SideL1, .SideL1Gray { padding-left:  8px }  
td.SideL2, .SideL2Gray { padding-left: 16px }  
td.SideL3, .SideL3Gray { padding-left: 24px }  

a.SideMenu:link    {color:rgb(255,255,255)}
a.SideMenu:visited {color:rgb(255,255,255)}
a.SideMenu:active  {color:rgb(255,255,255)}
a.SideMenu:hover   {color:rgb(255,245,0)}

/* Body */

h1.LavenderOnBlack { 
  font-size: 120%; color: #9CA5FF; font-family: Tahoma, Arial, sans-serif; text-align: left; letter-spacing: 1px; /* font-variant: small-caps; */ margin-bottom: 8px; margin-top: 0 }
h2.LavenderOnBlack { 
  font-size: 100%; color: #9CA5FF; text-align: left; font-family: Verdana, Arial, sans-serif; margin-bottom: 4px }
h3 { 
  font-size: 100%; color: rgb(0,0,0); text-align: left; margin-bottom: 8px; margin-top: 0 }
body {
  font-size: 80%; background-color: white }
p, ul, ol, td, th, div {
  font-family: Verdana, Arial, sans-serif; margin-top: 0; margin-bottom: 8px }
ul.S5 { list-style-image: url('images/BD15060_.gif'); margin-bottom: 0px }
table, input, textarea, form, caption, select {
  font-size: 100%; margin-top:0; margin-bottom: 0 }
table.Content { 
  width: 100%; border: 0px none; border-collapse: collapse; background-color: #FFFFFF; padding-left: 0px; border-collapse: collapse }
td.Content {
  padding: 16px 16px; margin: 0 0 0 0; border: 0px }
th.Heading {
  text-align: center; font-size: 100%; color: white; background-color: #808080; border-top: 4px solid #FED800; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px }
  
a:link    {text-decoration:none;color:rgb(100,100,100); background-color:transparent}
a:visited {text-decoration:none;color:rgb(100,100,100); background-color:transparent}
a:hover   {text-decoration:none;color:#0000FF; background-color:transparent}
a:active  {text-decoration:none;color:#0000FF; background-color:transparent}

/* Hyperlinks */

a.LavenderOnBlack:link		{ color: #9CA5FF; border-bottom: 1px solid; padding-bottom: 1px }
a.LavenderOnBlack:visited	{ color: #9CA5FF; border-bottom: 1px solid; padding-bottom: 1px }
a.LavenderOnBlack:hover		{ color: #8470FF; border-bottom: 1px solid; padding-bottom: 1px }
a.LavenderOnBlack:active	{ color: #8470FF; border-bottom: 1px solid; padding-bottom: 1px }

a.Product:link,		a.WhiteOnBlack:link		{ color: white }
a.Product:visited,	a.WhiteOnBlack:visited	{ color: white }
a.Product:hover,	a.WhiteOnBlack:hover	{ color: #FFD702 }
a.Product:active,	a.WhiteOnBlack:active	{ color: white }

.ProductName { padding: 0 4 0 8; margin: 0 0 0 0; background-color: black }
a.Product { display: inline; width: 100% }
td.Product { border-bottom: 1 solid gray }
img.Gear { vertical-align: middle; margin: 2 8 0 0; border-width: 0}

/* Featuers */

body.Feature { margin: 8 8 8 0; padding: 0 0 0 0; color: white; background-color: black }
a.Feature { font-size: 85% }

/* Click Image & Pop Up Screenshots */

table.ClickImageOnWhite { border: 0px none; width: 186; height: 140; background: url('products/images/Shadow.jpg') no-repeat bottom right }
table.ClickImage { border: 0px none; width: 186; height: 140; background: url('products/images/Shadow_on_Black.jpg') no-repeat bottom right }
td.ClickImage { text-align: center; padding: 4 0 0 0 }
p.ClickImage { color: #808080; text-align: center; font-size: 80% }  
body.PopUp { background-color: #5E5E5E }