body {
	margin: 0;
}

a {
	font-weight: bold;
	color: #3399FF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt
}

a:hover {
	color: #FF0000;
	text-decoration: underline;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}


.date {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333399;
	font-size: smaller;
	border-style: none
}

.tabletitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFF00
}

.releasetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #006699;
	font-weight: bold
}

.subhead {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	background-color: #00CCFF;
	border-color: #CCCCCC #CCCCCC #666666 #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium
}

.bottommenu {

	font-size: 6pt;
	font-weight: bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.copyright {
	font-size: 7pt;
}

.leftmenu {
	font-size: 12px;
	color: #33AAFF;
	padding: 0px;
	padding-left: 4px;
	margin-left : 0px;
	margin-right: 0px;
}

.maintablex {
	margin-left: 20pt;
}

.productTitle {
	font-weight: bold;
	font-size: x-large;
	text-align: center;
}
.productPrice {
	color: Maroon;
	font-weight: bolder;
	font-family: sans-serif;
	
}
.p2{
	margin-left : 10px;
	margin-top : 6px;
}

	.profile {
		color:navy;
		background: #eeeeee;
		font-family:  Verdana, Geneva, Arial, Helvetica, sans-serifs;
		border: 3px outset;
	}

.attention {
	color: Red;
}

	.subtext {
		font-size: smaller;
	}
	.TitleText {
		font-size: larger;
		font-weight: bold;
		color: Blue;
	}
	.PriceText {
		font-weight: bold;
		color: Black;
	}
	.PriceXText {
		font-size: smaller;
		color: Black;
		text-decoration: line-through;
	}
	.PriceTable {
	}
	.PriceCells {
		padding: 8px;
		text-align: center;
		vertical-align: middle;
	}
	.PriceTableHeaders {
		color: white;
		background-color: black;
		text-align: center;
		font-size: larger;
		font-weight: bolder;
	}


/***************************************/
/* Shadow Text CSS  Start              */
/***************************************/

/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#bbbbbb, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #bbbbbb; 
}

#shadow_ScreenCasts:before { 
  content: 'ScreenCasts'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #bbbbbb 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}
/***************************************/
/* Shadow Text CSS  End                */
/***************************************/

