/* CSS file for DS */

/*** Layers ***/

html, body 
{
  position: relative;
/*  margin:50px 0px; padding:0px;
  text-align:center;
  */
}

A:visited	{	
	text-decoration:	none;
	color:	#FF00CC;
	}
	
legend
{
	color: #FFFFFF;
}

/* to center the entire website
#Content {
  width:500px;
  margin:0px auto;
  text-align:left;
  padding:15px;
  border:1px dashed #333;
  background-color:#eee;
}
*/

#Body {
  padding-bottom: 70px;
  position: relative;
  width: 595px;
  height: 100%;
  top: 187px;
  left: 126px;
  z-index:50;
}


#Body1 {
  padding-bottom: 70px;
  position: relative;
  width: 595px;
  height: 100%;
  top: 187px;
  left: 126px;
  z-index:50;
  text-align:left;
}

div#HeaderLayer {
  position: absolute;
  width: 746px;
  height: 160px;
  top: 0px;
  left: 0px;
  z-index:101;
}

/* Placement for Top Banner */
div#mainLeftLayer {
  background-image: url("./images/dsleft.gif");
  position: absolute;
  width: 131px;
  height: 312px;
  top: 208px;
  left: 5px;
  z-index:1;
}

/* Placement for Top Banner */
div#mainBannerLayer {
  background-image: url("./images/title.gif");
  position: absolute;
  width: 587px;
  height: 169px;
  top: -1px;
  left: 149px;
  z-index:100;
}

/* Encapsulates Industry Standard Banner */
div#prBannerLayer {
  position: absolute;
  width: 580px;
  height: 60px;
  top: 1px;
  left: 168px;
  text-align: center;
  z-index:99;
}

/* Main Menus */
div#mnLayer {
  position: absolute;
  width: 612px;
  height: 18px;
  top: 172px;
  left: 137px;
  text-align: center;
  z-index:98;
}

/* Sub-Menus - height and top should be equal */


div#smnMediaLayer {
	position:absolute;
	width:360px;
	height:18px;
	left: 170px;
	top: 192px;
	z-index:100;
	visibility: hidden;
}


div#smnDownloadsLayer {
	position:absolute;
	width: 360px;
	height:18px;
	left: 470px;
	top: 192px;
	z-index:100;
	visibility: hidden;
}

div#smnProductsLayer {
	position:absolute;
	width: 560px;
	height:18px;
	left: 170px;
	top: 192px;
	z-index:100;
	visibility: hidden;
}

div#smnProdInfoLayer {
	position:absolute;
	width: 360px;
	height:18px;
	left: 374px;
	top: 192px;
	z-index:100;
	visibility: hidden;
}

div#smnSupportLayer {
	position:absolute;
	width:311px;
	height:18px;
	left: 450px;
	top: 192px;
	z-index:100;
	visibility: hidden;
}

div#smnRegisterLayer {
	position:absolute;
	width:360px;
	height:18px;
	left: 340px;
	top: 192px;
	z-index:100;
	visibility: hidden;
}

div#smnFreeDownloadLayer {
	position:absolute;
	width: 208px;
	height:18px;
	left: 400px;
	top: 192px;
	z-index:100;
	visibility: hidden;
}

/* Side Images */

div#lImgLayer {
  position:absolute;
  width:130px;
  height:318px;
  top: 67px;
  left: 1px;
  z-index:3;
}

div#rImgLayer {
  position:absolute;
  width:8px;
  height:315px;
  top: 110px;
/*  left: 754px; */
  z-index:8;
}

/* Subscription & Self-Promos - height and top should be equal */

/* Footer */


div#AdverLayer 
{
  position:absolute;
  bottom: 2px;
  left: 765px;
  top: 195px;
  text-align: left;
  z-index:0;
}


div#FooterLayer 
{
  padding-bottom: 30px;
  position:absolute;
  width:339px;
  height:2px;
  bottom: 2px;
  left: 136px;
  text-align: center;
  vertical-align: bottom;
  z-index:97;
}

div#rSubPRLayer 
{
  padding-bottom: 30px;
  position:absolute;
  width:132px;
  height:2px;
  bottom: 2px;
  left: 479px;
  text-align: center;
  z-index:4;
}

div#lSubPRLayer 
{
  padding-bottom: 30px;
  position:absolute;
  width:120px;
  height:2px;
  bottom: 2px;
  left: 16px;
  text-align: center;
  z-index:5;
}

/* Content Area */

div#ContentLayer 
{ 
  padding-top: 5px;
  padding-bottom: 20px;
  padding-right: 5px;
  padding-left:20px;
  
  width: 100%; 
  height: 100%;

  z-index:96;
}


div#ContentLayer1 
{
  width: 100%; 
  height: 100%;
  padding: 5px 20px 5px 20px;
  z-index:96;
  text-align:left;
  }





div#msgFooterLayer 
{
  position:absolute;
  width:580px;
  height:10px;
  left: 168px;
  text-align: center;
  z-index:95;
}

div#msgSiteMapLayer {
  position:absolute;
  width:572px;
  height:68px;
  left: 15px;
  top: 246px;
  text-align: center;
  visibility: hidden;
  z-index:94;
}

.inlineLink {
  text-decoration: none;
  color: #CCCCCC;
}

.inlineLink1 {
  text-decoration: none;
  color: #970097;
}

.inlineLink:hover {
  color: #FFFF99;
}

.inlineCntrLink {
  text-decoration: none;
  color: #CCCCCC;
  text-align: center;
  padding: 0px 0px 10px 0px;
}

.inlineCntrLink:hover {
  color: #FFFF99;
}

.imgLink {
  text-decoration: none;
  color: #CCCCCC;
  background-image: url("./images/DSLinkBluLogo.jpg");
  background-repeat:  no-repeat;
  padding-left: 25px;
  padding-bottom: 5px;
}

.imgLink:hover {
  color: #FFFF99;
  background-image: url("./images/DSLinkYlwLogo.jpg");
  background-repeat: no-repeat;
  padding-left: 25px;
  padding-bottom: 5px;
}

.simgLink {
  text-decoration: none;
  color: #CCCCCC;
  background-image: url("./images/DSLinkBluLogo_Sm.jpg");
  background-repeat:  no-repeat;
  padding: 0px 0px 5px 25px;
}

.simgLink:hover {
  color: #FFFF99;
  background-image: url("./images/DSLinkYlwLogo_Sm.jpg");
  background-repeat: no-repeat;
  padding: 0px 0px 5px 25px;
}

#simgLink a span.msgSiteMap {
  display: none;
}

#simgLink a:hover span.msgSiteMap {
  display: block;
  z-index: 102;
  position:absolute;
  width: 572px;
  height:68px;
  left: 15px;
  top: 246px;
  text-align: center;
  visibility: visible;
}

.eMailText {
  text-decoration: underline;
  color: #CCCCCC;
}

.eMailText:hover {color: #FFFF99}

a.Button {font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  border-style: outset;
  border: 2px;
}

a.Button:hover {
	color: #FFFF00;
	font-style: italic;
	border-style: inset;
	background-color: #FF0000;
}

a.PageButton1:hover {
	color: #FFFFFF;
	border-style: inset;
	background-color: #666666;
}

a.PageButton1 {
	left: 1px;
	bottom: -5px;
	position: relative;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	border-style: outset;
	border-width: 2px;
	font-size: 10px;
	#padding: 1px 3px 1px 3px;
	background-color: #bb3333;
}

a.PageButton {
	left: 1px;
	bottom: -5px;
	position: relative;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
	border-style: outset;
	border-width: 2px;
	font-size: 10px;
	#padding: 1px 3px 1px 3px;
	background-color: #333333;
}

a.PageButton:hover {
	color: #FFFFFF;
	border-style: inset;
	background-color: #666666;
}

.HImg {
  width: 150px;
  height: 100px;
  border: 4px outset #FFFFFF;
  vertical-align: middle;
}

.VImg {
  width: 97px;
  height: 119px; 
  border: 4px outset #FFFFFF;
  vertical-align: middle;
}

.VImg1 {
  width: 128px;
  height: 100px; 
  border: 4px outset #FFFFFF;
  vertical-align: middle;
}

.VImg3 {
  width: 123px;
  height: 92px; 
  border: 4px outset #FFFFFF;
  vertical-align: middle;
}

.TitleText {
  color: #FFFF33;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: center;
  padding: 20px 0px 15px 1px;
}

.TitleText1 {
  color: #FFFF33;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  padding: 5px 0px 15px 10px;
}

.TitleText2 {
  color: #FFFF33;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  padding: 5px 0px 15px 10px;
}

.BodyText {
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.TableText {
	color: #FFFFFF;
  text-align: center;
  font-weight: bold;
}

.TableSubText {
  text-align: center;
}

.Footer {
	color: #CCCCCC;
	font-size: 10px;
}

.ProdName {
	color: #FF0000;
	font-weight: bold;
}

.MenuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}


.PromoText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

/* Davids Stuff */

td.style0
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;

}

td.style1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FF0000;

}


td.style2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;

}

tr.title1
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-size: 24px;
	color: #FF0000;

}

td.OrderText
{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

input.color1 {background-color: #cccccc;}
input.scolor{background-color: #CCCCCC; font-weight: bold; font-size: 12px; color: white;}
.color2{color: #FF0000;}