html, body{
height:100%;
margin:0;
padding:0;
min-height:100%;
background-color: #FFFFFF;
	background-image: url(/elearning/images/products/bg_products.jpg);
	background-position: 90px 0px;
	background-repeat: no-repeat; 
	background-repeat: repeat-y;
	margin-left: 0;
}
.descrip_box{    
  position: absolute;
  top: 0px;
  left: 20px;
 background-repeat: no-repeat; 
 height: 500px;
 width: 765px;
 font-family : arial, verdana;
  }

 #footer{
  background-image:url('/elearning/images/products/footer_prod.jpg'); 
 background-repeat: no-repeat; 
 height: 98px;
 width: 800px;
 font-family : arial, verdana;
 font-size: 10px;
  position: absolute;
  top: 700px;
  left: 1px;
  }
#contents{
font-family : arial, verdana;
line-height: 1.5;
}
.product_title{
position: absolute;
top: 50px;
left: 225px;
font-size:12px;
font-weight: bold;
line-height: 1;
}
.sub_title{
position: absolute;
top: 75px;
left: 225px;
font-size:11px;
}
#sub_title{
position: absolute;
top: 75px;
left: 225px;
font-size:11px;
}
#description{
position: absolute;
top: 100px;
left: 225px;
font-size: .66em;
width: 330px;
}
.description{
position: absolute;
top: 100px;
left: 225px;
font-size: .90em;
width: 330px;
}
.benefits_title{
position: absolute;
top: 240px;
left: 225px;
font-size:12px;
font-weight: bold;
}

.benefits_text1{
position: absolute;
top: 282px;
left: 225px;
font-size: .90em;
width: 330px;
}

.win08_kit_text1{
position: absolute;
top: 282px;
left: 225px;
font-size: 12px;
}


.benefits_text2{
position: absolute;
top: 282px;
left: 400px;
font-size:10px;
}
.author_title{
position: absolute;
top: 345px;
left: 225px;
font-size:12px;
font-weight: bold;
}

.related_title{
position: absolute;
top: 385px;
left: 225px;
font-size:12px;
font-weight: bold;
}

.author_text{
position: absolute;
top: 375px;
left: 225px;
font-size:.90em;
width: 330px;
}

.related{
position: absolute;
top: 410px;
left: 225px;
font-size:.66em;
width: 330px;
}

.related1{
position: absolute;
top: 410px;
left: 385px;
font-size:.66em;
width: 330px;
}

.author_text1{
position: absolute;
top: 375px;
left: 385px;
font-size:.66em;
width: 330px;
}

.more_info_title{
position: absolute;
top: 55px;
left: 605px;
font-size:16px;
font-weight: bold;
}
.moreinfo_links{
position: absolute;
top: 85px;
left: 605px;
line-height: 2.0
}
.buy_now{
position: absolute;
top: 215px;
left: 600px;
}
.purchase{
position: absolute;
top: 210px;
left: 590px;
font-size:12px;
}
.demo{
position: absolute;
top: 260px;
left: 25px;
}

.demo1{
position: absolute;
top: 360px;
left: 25px;
}

.demo_quote{
position: absolute;
top: 350px;
left: 25px;
width: 160px;
font-size: 10px;
line-height: 1.5
}
.series_quote{
position: absolute;
top: 260px;
left: 25px;
width: 160px;
font-size: 10px;
line-height: 1.5
}
.quote_only{
position: absolute;
top: 305px;
left: 25px;
width: 160px;
font-size: 10px;
line-height: 1.5
}
.podcast{
position: absolute;
top: 270px;
left: 15px;
width: 180px;
font-size: 11px;
line-height: 1.5
}
.podcast_title{
position: absolute;
top: 13px;
left: 0px;
width: 190px;
font-size: 12px;
font-weight: bold;
}
.podcast_link{
position: absolute;
top: 180px;
left: 0px;
width: 200px;
font-size: 12px;
font-weight: bold;
}
.series{
position: absolute;
top: 385px;
left: 25px;
}

191970

#description A:link {font-family: arial; font-size: 11px; color: #3366ff; text-decoration: none}
#description A:visited {font-family: arial; font-size: 11px; color: #3366ff; text-decoration: none}
#description A:hover {font-family: arial; font-size: 11px; color: #5f9ea0; text-decoration: none}
#description A:active {font-family: arial; font-size: 11px; color: #3366ff; text-decoration: none}

#sub_title A:link {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
#sub_title A:visited {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
#sub_title A:hover {font-family: arial; font-size: 12px; color: #5f9ea0; text-decoration: none}
#sub_title A:active {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}

.descrip_box A:link {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
.descrip_box A:visited {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
.descrip_box A:hover {font-family: arial; font-size: 12px; color: #5f9ea0; text-decoration: none}
.descrip_box A:active {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}

.related A:link {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
.related A:visited {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
.related A:hover {font-family: arial; font-size: 12px; color: #5f9ea0; text-decoration: none}
.related A:active {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}

.related1 A:link {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
.related1 A:visited {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}
.related1 A:hover {font-family: arial; font-size: 12px; color: #5f9ea0; text-decoration: none}
.related1 A:active {font-family: arial; font-size: 12px; color: #3366ff; text-decoration: none}

#product_video{
position: absolute;
top: 490px;
left: 20px;
}
.course{
position: absolute;
top: 0px;
left: 20px;
border: 0px solid #ff0000;
}
/*adjust productnav top500pxleft0px and footer top700px left0px when related products used*/
.productnav{
position: absolute;
top: 520px;
left: 0px;
}