#frameHolderX { position  :absolute;height:552px; width:533px; top:200px;left:100px; }
#pngFrameX    { background:url(App_Controls/PopularProducts/bg.png);height:552px; width:100% ; }

#frameHolder 
{
	 position:absolute;
	 height:552px; width:533px; 
	 visibility:hidden;
	 left:50%;top:30%;
	 margin-left:-265px;
	 border:0px solid silver;
	 z-index:100;
}

#pngFrame     { height:552px; width:100% ; }
#pngFrame img { float:right; margin-left:10px; border:1px solid silver; padding:2px;}


#pngFrame
{ 
   height:552px; width:100%  ; 
   background:url(../../App_Controls/PopularProducts/bg.png);
   font-family:arial;
   font-size:1.1em;
   border:0px solid;
}

#windowWrapper { width:470px;margin:0 auto; border:0px dashed red;}

#pptitle
{
    padding-top:30px;/*background:#222;width:100%;float:left;*/
    height:45px;
    color:#444;
    font-size:large;
    font-family:Trebuchet MS;
    
 }
 
#ppcontentholder 
{ 
   /*margin-top:10px ;
   margin-bottom:10px ;
   margin-left:5px;
   margin-right:15px;*/
   
  /* margin:0 auto;*/
   height:420px;
   border:0px solid silver;
   /*background:white;*/
   float:left;
   width:100%;
   
}

#ppexplanation {   overflow :auto;margin-top:5px;width:440px;text-align:justify;font:10pt arial; }

#ppfooter {width:96%;height:15px;border:0px solid silver;text-align:right;margin-top:3px;float:left;}
#ppfooter a {color:Blue;text-decoration:none;font:18pt tahoma;padding:2px;}
#ppfooter a:hover {color:red;}

.popProStyle {
    cursor:pointer;float:left;border:0px solid silver;margin:1.8px;margin-bottom:5px;
    width:130px;height:140px;background:white;text-align:center;font-size:xx-small;
} 

.popProStyle:hover{background:#E0EDFC;}