body,
html {
    margin:0;
    padding:0;
    background: #8D8D8D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;

    }

.wrap {
    margin:0 auto;
    padding: 0 5px 0 5px;
    width:800px;
    background-color:White;
    color: Black;
    text-align:center;
    }

h2  {
    margin: 0 0 0 0;
    width: 180px;
    height: 25px;
    padding: 2px 0 2px 10px;
    color: #CC0033;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    border: solid 1px #666666;
    border-left: solid 10px #333333;
    border-right: none;
    background-color: #e7e7e7;
    }


#header {
    margin:0 auto;
    padding: 0;
    width: 100%;
    height: 130px;
    background-color: #8D8D8D;
    background-image: url("images/BGheader.jpg");
    background-repeat:repeat-x;
    border-bottom: solid 1px black;
    text-align:center;
       
    }
 
 #headerBody {
    margin: 0 auto;
    padding: 0;
    width: 900px;
    height: 122px;
    text-align:left;
    position: relative;     
    }
 
 #Logo {
    border:0;
    position: absolute;
    left:0;
    top: 10px;   
    }
    
 #headerText {
    position: absolute;
    top: 30px;
    left: 235px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight:bold;
    font-style: italic;
    color: white;
    letter-spacing: -.05em;
    } 
 
  #headerTopTabs {
    position: absolute;
    top: 2px;
    right: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight:bold;
    color: white;
    } 
 
 #headerTopTabs a {
    background: url(images/bltRed01.gif) no-repeat left center;
    padding: 0 0 0 8px;
    color: white;
    text-decoration:none;
    font-size: 10px;
    font-weight: bold;
    line-height: 11px;
    } 
 
  #headerTopTabs a:hover {
    color: #c0c0c0;
    text-decoration: underline;
    } 
 
 .VideoButton {
    border:0;
    position: absolute;
    right:0;
    bottom:0;
    width: 217px;
    height: 90px;
    background: url(images/btnVideoDemo.gif) no-repeat;
    font-size: 21px;
    font-weight:bold;
    color: #FFCC00;
    text-decoration:none;   
    }   
 
  .VideoButton span {
    position: absolute;
    left: 26px; 
    top:  57px;
    width: 217px;
    cursor: pointer;   
    }  
 
   .VideoButton:hover {
    color: #FF0000;
    text-decoration:none;   
    }
 
 .containerMain {
    margin: 0 auto;
    background-image: url("images/BGmain.jpg");
    text-align:center;
 }

 #containerMain_top {
    margin: 0 auto;
    background-color: White;
    background-image: url("images/BGmain_top.jpg");
    background-repeat:repeat-x;
    background-position: top center;
 }

 #containerMain_bottom {
    margin: 0 auto;
    background-image: url("images/BGmain_bottom.jpg");
    background-repeat:repeat-x;
    background-position: bottom center;
    text-align:center;

 }

 .wrapper1 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 600px;
    text-align: left;
    padding: 20px 10px 10px 30px;
 }

 .container1 {
    margin: 0 auto;
    width: 900px;
    height: auto;
    text-align: left;
    padding: 20px 10px 10px 30px;
 }

 .wrapperEbooks {
    margin: 0 auto;
    padding:0;
    height: 994px;
    background-image: url("images/BGebooks.jpg");
    background-repeat:repeat-x;
    overflow:hidden;
 }

 .containerEbooks {
    margin: 0 auto;
    width: 900px;
    text-align: left;
    padding: 20px 10px 45px 30px;
    position: relative;
    top: 0;
 }

 .containerMSS{
    margin: 0 auto;
    width: 900px;
    text-align: left;
    padding: 20px 10px 45px 30px;
    position: relative;
    top: 0;
 }

 .ebookSet {
    width: 100%;
    height:auto;
 }

 .ebook {
    width: 376px;
    height: 235px;
    margin: 25px 0 0 0;
    padding: 0;
    background-repeat:no-repeat;
    position:relative;
    float: left;
    overflow: hidden;
 }

.ebookTitle {
   padding: 35px 20px 0 145px;
   font-size: 12px;
   font-weight: bold;
   }

.ebookPrice {
   padding: 0 0 0 20px;
   color: #336699;
   }

.ebookDesc {
    width: 475px;
    height: auto;
    margin: 50px 0 0 25px;
    float: left;
    border: 0;
    border-bottom: dashed 1px #333333
   }

.ebookDesc div {
   padding: 0 0 0 6px;
   }

.order, .order a {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
   }

.order a:hover {
    color: #336699;
    text-decoration: underline;
   }

ul 
{
 margin:0;
 padding:5px 0 5px 50px;
}

td a:link{text-decoration: none; color: #990033;}
td a:visited{text-decoration: none; color: #990033;}
td a:active{text-decoration: none; color: #FF3300;}
td a:hover{text-decoration: underline; color: #666666;}

.homelink a {
    color: #336699;
    font-size: 11px;
    font-weight: bold;
    text-decoration:none;
    }

.homelink a:hover {
    color: #CC0033;
    text-decoration: underline;
    }

#whatsNew {
    
    width: 376px;
    height: 225px;
    background-image: url("images/WhatsNew.jpg");
    background-repeat:no-repeat;  
    }

#whatsNew div {
   
   padding: 37px 0 0 150px;
   font-size: 14px;
   color: #333333;
   }

#HPsummary {
   border-top: dotted 1px #666666;
   margin: 25px 0 0 0;
   padding: 5px 0 5px 0;
   width: 380px;
   font-size: 12px;
   }

#footer {
   margin: 0 auto;
   height: 200px;
   width: auto;
   border-top: solid 2px #333333;
   background-image: url("images/BGfooterHP.jpg");
   background-repeat: repeat-x;
   }

#footer-tab {
   margin: 0 auto;
   height: 46px;
   width: 800px;
   background-image: url("images/FooterTab_HPBG.jpg");
   background-repeat:repeat-x;
   overflow: hidden;
   }

#footerlinks {
    margin: 0 auto;
    padding: 2px 10px 0 10px;
    height: 16px;
    color: white;
    font-style: normal;
    font-weight:bold;
    font-size: 10px;
    text-align:center;
    overflow:hidden;
    }

#footerlinks a {
    color: #c0c0c0;
    text-decoration: none;
    }

#footerlinks a:hover {
    color: white;
    text-decoration: underline;
    }

#topLink, #topLink a {
    margin: 0 auto;
    text-align: center;
    height: 15px;
    width: auto;
    color: #999999;
    text-decoration: none;
    padding: 2px 0 0 0;
    }

#topLink a:hover {
    color: white;
    }

.fineLinks {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight:normal;
    font-size: 10px;
    }

.fineLinks a {
    text-decoration:none;
    color: #666666;
    }

.fineLinks a:hover {
    text-decoration:underline;
    color: white;
    }

.clear {
    clear:both;
    }

.new {
    font-size:12px;
    font-weight:bold;
    color:white;
    background:red;
    padding: 1px;
    padding-left:2px;
    padding-right: 2px;
    }


 /* Main Navigation Buttons - start
----------------------------------------------- */

#bgNavMain {
  margin: 0 auto;
  width:100%;
  height:25px;
  background-image: url(images/BGmainNav.jpg);
  border-bottom: 3px solid black;
  overflow:hidden;/* for ie to hide extra height*/
  }

.containerNav
{
  margin: 0 auto;
  width: 815px;
  overflow:hidden;/* for ie to hide extra height*/
}

.btnMain
{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background: url(images/btn_NavMain_hover.gif) no-repeat;
width: 90px;
height: 25px;
overflow:hidden;/* for ie to hide extra height*/
}

.btnMain a
{
display: block;
color: black;
font-size: 11px;
font-weight: bold;
width: 90px;
height: 25px;
float: left;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.btnMain a:hover
{
color: white;
text-decoration: none;
}

.btnMain img
{
width: 90px;
height: 25px;
border: 0;
}

* html a:hover
{
visibility:visible;
}

.btnMain a:hover img
{
visibility:hidden;
}

.btnMain span
{
position: absolute;
left: 0px;
top:  6px;
text-align: center;
width: 90px;
cursor: pointer;
}

/* -----------------------------------------------
    Main Navigation Buttons - end */


/* Video related - START */

.modalBackground {
	background-color: Black;
    filter: alpha(opacity=75);
	opacity: 0.75;
}

.modalPopup {
	margin: 0 auto;
	background-color: #333333;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:1px;
	width:722px;
	height:475px;
}

#flashVideo {
	margin: 0 auto;
	text-align:center;
	padding: 2px 0 0 3px;
}

#videoHeader, #videoHeader a {
	width: auto;
	height: 25px;
	margin: 0;
	padding: 4px 4px 0 0;
	background-color: #c0c0c0;
	color: White;
	font-size: 14px;
	font-weight: bold;
	text-align:right;
	text-decoration:none;
}

#videoHeader a span {
	background-color: White;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	padding: 0 2px 0 2px;
	text-decoration:none;
}

#videoHeader a:hover span {
	background-color: #CC0033;
}

/* Video related - END */