html,body{
height: 100%;
margin:0;
padding:0;
min-height:100%;
background-color: #FFFFFF;
background-image: url(/elearning/images/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;
  }

#contents{
font-family : arial, verdana;
line-height: 1.5;
}
.center{
position: absolute;
top: 220px;
left: 225px;
}
.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: .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;
width: 330px;
font-size: .90em;
}
.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;
}
.author_text{
position: absolute;
top: 375px;
left: 225px;
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;
}
.demo_quote{
position: absolute;
top: 350px;
left: 25px;
width: 160px;
font-size: 10px;
line-height: 1.5
}

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

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

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

.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
}
.series{
position: absolute;
top: 385px;
left: 25px;
}

#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: 900px;
left: 100px;
}

/*ASK THE EXPERTS*/
 #all_expert{
position: absolute;
top: 640px;
left: 120px;
width: 775px;
height: 253px;
}
.questions{
position: absolute;
top: 0px;
left: 10px;
border: 0px solid #b22222;
}
.player{
position: absolute;
top: 2px;
left: 500px;
border: 0px solid #ff66ff;
}
 .expert{
  background-image:url('/elearning/AskExpert_script/Askexpert-box.jpg'); 
  background-repeat: no-repeat; 
 height: 325px;
 width: 765px;
  position: absolute;
  top: 630px;
  left: 120px;
}
.expert_text{
  position: absolute;
  top: 20px;
  left: 350px;
}
.video{
  position: absolute;
  top: 30px;
  left: 20px;
}
#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: 1050px;
  left: 100px;
  }