@Media Screen
{
    .ProductHolder
    {
        float:left;
        width:540px;
        padding-right:55px;
    }
    

	.ProductExperience
    {
    	width:806px;
    	height:150px;
    	float:left;
    	padding-left:18px;
    }
    .PETitle
    {
    	font-size:15px;
    	color: #333333;
    }
    .PETitleNumber
    {
    	color: red;
		font-weight :bold ;
		width :30px;
    }
    
    .PETopic1, .PETopic2, .PETopic3
    {
    	line-height :40px;
    	width: 600px;
    	font-size:16px;
		color:#333333;
		float:left;
		font-weight:bold;
		padding-bottom :10px;
    }
    
    .PETopic1 input, .PETopic2 input, .PETopic3 input
    {
    	margin-top:8px;
    }
    .Like5 label, .Like4 label, .Like3 label, .Like2 label, .Like1 label
    {
    	font-weight:normal ;
    	padding-left:30px;
    	padding-top:10px;
    }
    
    .Like5 label
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px 0px ;
    }
    
    .Like4 label
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -30px ;
    }	   
    .Like3 label
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -60px ;
    }
    
    .Like2 label
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -90px ;
    }
    
    .Like1 label
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -120px ;
    }
    .Like5Detail, .Like4Detail, .Like3Detail, .Like2Detail, .Like1Detail
    {
    	font-weight:normal;
    	font-size :15px;
    	width:60%;
    	height: 25px;
    	border-bottom: 1px dashed #05b705;
    	padding-left:30px;
    	padding-top:5px;
    	float:left;
    	margin-top:10px;
    }
    .Like1Detail
    {
    	border-bottom: none;
    }
    
    .Like5Detail
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px 0px ;
    }
    
    .Like4Detail 
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -30px ;
    }	   
    .Like3Detail 
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -60px ;
    }
    
    .Like2Detail 
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -90px ;
    }
    
    .Like1Detail 
    {
    	background: transparent url('images/pigicon.gif') no-repeat 0px -120px ;
    }
    
    .BarArea
    {
    	float:left;
    	width:40%;
    	height :100%;
    }
    .Like5Detail span, .Like4Detail span, .Like3Detail span, .Like2Detail span, .Like1Detail span
    {
    	float:left;
    	width:30%;
    }
    .Like5DetailBar, .Like4DetailBar, .Like3DetailBar, .Like2DetailBar, .Like1DetailBar
    {
    	width:20px;
    	height :15px;
    	background :#d8f5d8;
    	border:1px solid #7bcf7b;
    }
    
    .Like5DetailNumber, 
    .Like4DetailNumber, 
    .Like3DetailNumber, 
    .Like2DetailNumber, 
    .Like1DetailNumber,
    .Like5DetailPercentage,
    .Like4DetailPercentage, 
    .Like3DetailPercentage, 
    .Like2DetailPercentage, 
    .Like1DetailPercentage
    {
    	width:10%;
    	text-align:right;
    	float:left;
    	_top:-15px;
    }
    
    
    .PSDButton
    {
   		width:200px;
   		padding-left:250px;
   		padding-bottom :10px;
    } 
  
    
    .ProductOpinion
    {
    	position:relative ;
    	left:18px;
    	width:545px;
    	height:133px;
    	border: 1px solid #7bcf7b;
    	float:left;
    	top:20px; 
    	_top:0px;/*For IE6*/
    	
    }
    .ProductOpinionDescription
    {
		margin-left:18px;
    	margin-top:30px;
    	width:543px;
    	height:30px;
    	float:left;	
    	font-size: 13px;
    	color: #098a09;
    	_margin-top:10px;/*For IE6*/
    	_margin-left:10px;/*For IE6*/
    }
    
    .ProductButton
    {
    	margin-left:220px;
    	margin-top:10px;
    	margin-bottom:10px;
    	width:250px;
    	float:left;
    	_margin-left:120px;/*For IE6*/
    	*margin-bottom:0px;
    }
    .ProductButtonBtn
    {
    	margin-left:5px;
    }
    
    
    .PSDTitle
    {
    	width:806px;
    	height: 250px;
    	color:#666666;
    	font-weight:bold ;
    	font-size :15px;
    }
    
    .ProductSurveyDetail
    {
    	width:806px;
    	height:750px;
    	float:left;
    	padding-left:18px;
    	
    }
    .PEDetailsTopic
    {
		font-size:15px;
		font-weight :bold;
    }
    
    
    .ProductExperienceDetailButton
    {
    	width:540px;
    	height: 40px;
    	border: 1px solid red;
    }
    
    .ProductCategory
    {
    	position :relative;
    	top:-10px;
    	width:806px;    	
    	float:left;
    }
    
    .ProductCategory .SearchBar
    {
        float:left;
    }
    
    .ProductTreeLink li
    {
        display:inline ;
    }
    
    .ProductTreeLink a
    {        
        color:#009900;
        font-weight :bold ;
        font-size:16px;
        padding-right:10px;
    }
    
    .ProductCategoryLink 
    {
		margin-top:10px;	
    }
    
    .ProductCategoryLink li
    {
    	display:inline ;
    	border-right: 1px solid #0000cc ;
    	padding:0 10px;    	
    }
    
    .ProductCategoryLink li.LastItem
    {
        border:none;
    }
    
    .ProductCategoryLink li a
    {        
        color:#0000cc;
        font-size:16px;
    }
    
    .ProductCategoryLink li a:hover
    {
        text-decoration:underline;
    }    
    
    /* CompanyProduct Style - Start */
    .CompanyProductHolder
    {
        border-top:dashed 1px #7bcf7b;
        clear:left;
        width:540px;        
        padding:10px;
    }
    
    .ProductImageHolder
    {
        width:160px;
        height:120px;
        float:left;
    }
    
    .ProductIntroHolder
    {
        width:360px;
        padding:0 5px;
        float:left;
        line-height:1.5em;
    }
    
    .CPHButton
    {
		width:200px;
		float:right ;
    	
    }
    /*.leftMargin
    {
		margin-left:10px;	
    }*/
    .ProductIntroHolder .ProductName
    {
        font-size:15px;
        color:#333333;        
        font-weight:bold;
        padding-bottom:3px;              
    }
    
    .ProductIntroHolder p
    {
        
        font-size:13px;
        color:#333333;
    }
    
    .ProductIntroHolder a:hover
     {
        text-decoration:underline;
        color:#0000cc;
     }   
     
    .CPHButton .RoundBox
    {
        margin: 5px 5px;
    }
    /* CompanyProduct Style - End */
    
    /* ProductBriefInfo Style - Start */
    .ProductBriefHolder
    {
        height:100%;
        width:595px;
        float:left;
    }
        
    .ProductBriefInfo
    {
        height:200px;
        width:563px;       
        float:left;
        margin-bottom:10px;
    }
     
     .ProductBriefInfo h1
     {
        font-size:15px;
        color:#098a09;
        background:url('images/bg_1.gif') repeat;
        width:108px;
        height:22px;
        border:solid 1px #7bcf7b;        
        border-bottom:none;
        text-align:center;
        padding-top:4px;
        font-weight:normal;
     }
     
     .ProductBriefInfo .BriefInfoHolder
     {
        height:156px;
        border:solid 1px #7bcf7b;
        background-color:#daf6da;
        padding:3px;
        overflow:hidden;
        line-height:1.5em;
        
     }
     
     .MainProduct
     {
        height:146px;
        width:354px;
        float:left;
        padding:5px;
        border-right:dashed 1px #7bcf7b;
        background-color:White;
     }
     
     .MainProduct .ProductPic
     {
        margin-top:13px;
        height:120px;
        width:160px;        
        float:left;
     }     

     .MainProduct .ProductDec
     {
        height:100%;
        width:180px;    
         
     }
     
     .ProductDec p a
     {
        text-decoration:underline;
     }
          
     .MainProduct p
     {
        font-size:13px;
        color:#333333;
        line-height:2em;
        padding-left:10px;
     }            
     
     .MainProduct p a
     {
        font-size:13px;
        color:#0000cc;
     }

     .MainProduct p.ProductName a
     {
        font-size:15px;
        font-weight:bolder;
        color:#333333;
        text-decoration:none;
     }     

     .MainProduct p.ProductName a:hover
     {
        text-decoration:underline;
        color:#0000cc;
     }               

     .BriefInfoHolder .OtherProduct
     {
        height:100%;
        width:180px;
        float:left;
        background-color:White;
        padding-left:10px;
     }
     
     .OtherProduct p
     {
        font-size:13px;
        font-weight:bold;
        color:#009900;
        padding:5px;
     }     
     
     .OtherProduct .more
     {
        display:block;
        text-align:right;
        padding-right:5px;
        text-decoration:underline;
        color:#098a09;        
     }
     
     .OtherProduct ul
     {
        list-style:none url('images/arrow_2.gif') inside;        
     }
          
     .OtherProduct li a
     {
        font-size:13px;
        color:#333333;        
        padding-left:5px;
     }

     .OtherProduct li a:hover
     {
        text-decoration:underline;
        color:#0000cc;
     }
                    
     
    /* ProductBriefInfo Style - End */

    /* ProductDetailHolder Style - Start */

    .ProductDetailHolder
    {
        float:left;
        width:540px;
        height:100%;     
        padding:5px;       
    }

    .ViewCount
    {
        font-size:15px;
        color:#009900;        
        line-height:1.5em;        
    }

    .ViewCount span
    {
        color:Red;
        font-weight:bolder;
    }    

    .LogoHolder
    {        
        float:left;
        height:140px;
        width:160px;
        margin-right:5px;
    }

    .ProductDetailHolder .ProductInfoHolder
    {
        width:350px;        
        height:120px;
        background-color:White;
        border:none;
        margin:0;        
        padding:0;
        float:left;
    }
    
    .RoundBoxHolder
    {        
        float:right;
    }
    .RoundBoxHolder .RoundBox
    {        
        position:relative;
        top:-30px;
    }
    
    .ProductDetailHolder .ProductInfoHolder p
    {
        color:#009900;
        font-size:15px;
        font-weight:bold;   
        padding:0 5px 1px 5px;
    }

    .ProductDetailHolder .ProductInfoHolder p span
    {
        color:#333333;
        font-size:15px;  
        font-weight:normal;        
    }
    
    .ProductDetailHolder .ProductInfoHolder p a
    {
        font-weight:normal;
        color:#0000cc;
        text-decoration:underline;
    }
    
    .ProductDec
    {
        width:100%;
        float:left;
        line-height:1.5em;   
    }
    
    /* ProductDetailHolder Style - End */        

    /* FriendExp Style - Start */
    .FriendExpHeader
    {
        width:540px;
        height:26px;
        background:#d8f5d8;
        font-size:15px;
        float:left;
        padding-top:3px;
    }
    
    .FriendExpHeader .ViewCount
    {
        width:150px;
        float:left;
        padding-left:5px;
        color:#333333;        
    }        
    
    .FriendExpHolder
    {
        width:300px;        
        float:right;
        text-align:right;
    }

    .FriendExpHeader a
    {
        font-size:16px;
        color:#098a09;
        padding:0 10px;
        border-right:solid 1px #7bcf7b;        
    }

    .FriendExpHeader a:hover
    {
        text-decoration:underline;
    }
    
    .FriendExpHeader a.LastItem
    {
        border:none;
    }

    .FriendExp
    {
        width:540px;
        height:150px;
        border-bottom:dashed 1px #7bcf7b;
        float:left;
    }

    .FEInfo
    {
        width:540px;
        height:70px;
    }

    .FEInfoPic
    {
        background:url('images/pic_member.gif') no-repeat;
        width:70px;
        height:53px;
        margin-top:10px;
        margin-left:10px;
        float:left;
    }

    .FEInfoDec
    {
        height:60px;
        width:430px;
        float:left;
        padding-left:10px;
        padding-top:10px;
        color:#098a09;
        font-size:13px;
    }

    .FEInfoDec span
    {
        color:#333333;
    }

    .FEAboutFeel
    {
        height:30px;
        width:540px;
    }

    .FEAboutFeel div
    {
        float:left;
        height:22px;
        padding-top:8px;
        width:170px;
        margin-left:5px;
        font-size:15px;
        color:#666666;
        font-weight:bolder;
    }

    .FEFeelingIcon5
    {
        background:url('images/pigicon.gif') no-repeat 95px 0;
    }

    .FEFeelingIcon4
    {
        background:url('images/pigicon.gif') no-repeat 95px -30px;
    }
    
    .FEFeelingIcon3
    {
        background:url('images/pigicon.gif') no-repeat 95px -60px;
    }
    
    .FEFeelingIcon2
    {
        background:url('images/pigicon.gif') no-repeat 95px -90px;
    }
    
    .FEFeelingIcon1
    {
        background:url('images/pigicon.gif') no-repeat 95px -120px;
    }
    
    .FEDec
    {
        height:40px;
        width:540px;
        float:left;
    }

    .FEDec p
    {
        line-height:25px;
        font-size:15px;
        color:#333333;
        margin-left:5px;
    }
    /* FriendExp Style - End */

    /* ProductIntro Style - Start */
    .ProductIntro
    {
        width:540px;
        height:120px;
    }

    .PIProductPic
    {
        width:120px;
        height:90px;
        /*background:url('images/pic_product.gif') no-repeat;*/
        margin-top:15px;
        float:left;
    }

    .PIProductDec
    {
        width:400px;
        float:left;
        margin-top:15px;
        padding-left:10px;
    }

    .PIProductDec p a
    {
        /*font-size:15px;
        font-weight:bolder;*/
        color:#333333;
    }

    .PIProductDec p a:hover
    {
        text-decoration:underline;
        color:#0000cc;
    }

    .PIProductDec p
    {
        font-size:13px;
        color:#333333;
        line-height:20px;
    }

    .ProductIntro .SetToLeft
    {
        padding-left:10px;
    }
    
    /* ProductIntro Style - End */

}