/* 
    Document   : leftColViewProduct
    Created on : Jan 30, 2010, 2:49:48 PM
    Author     : user
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
ul{
    list-style:none;
    padding-right: 5px;
}

li{
    list-style:none;
}
.menuLeft{
    font-size: 14px;;padding-top:20px;
    font-weight:bold;
    color:#5A5A5A;
}
.capital
{
    text-transform:capitalize;
}
.nonecapital
{
    text-transform:none;
}
.ralatedProductContent , .otherProductContent , .otherSupplierContent
{
    width:720px;font-size:12px;padding:5px 0px;display:block;clear:both;padding-bottom:15px;
}
.questionMenu
{
    color:#508E21;font-weight:bold;text-transform:capitalize;padding:5px 10px;
    border-top:1px dashed #999999;width:960px;font-size:1.4em;padding-top:15px;
}
.questionContent
{
    /*width:960px;*/
    height:auto;
    font-size:12px;
    display:block;
    clear:left;
    padding:10px 10px;
    padding-bottom:15px;
}
.productMenu
{
    color:#508E21;font-weight:bold;text-transform:capitalize;padding:5px 10px;
    /*border-top:1px dashed #999999;*/
    width:960px;font-size:1.4em;padding-top:15px;
}
.productContent
{
    width:960px;height:auto;font-size:12px;padding:10px 10px;padding-bottom:15px;
}
.otherProductMenu
{
    color:#508E21;font-weight:bold;text-transform:capitalize;padding:5px 10px;border-top:1px dashed #999999;width:960px;font-size:1.4em;
}
.otherSupplierMenu
{
    color:#508E21;font-weight:bold;text-transform:capitalize;padding:5px 10px;border-top:1px dashed #999999;width:960px;font-size:1.4em;
}
.supplierInforMenu
{
    padding-top:10px;
    text-align:left;
    background:url('../images/bgSupplier.jpg') no-repeat;
    font-size:12px;
}
.supplierInforContent
{
    margin-top:5px;margin-bottom:20px;padding-left:5px;vertical-align:middle;color:#FFFFFF;
}
.frameClass
{
    width:100%;height:430px;overflow:visible;border: 0px solid #ffffff;
}
.cmpName{
    color:#424242;
    font-weight: bold;
    font-size: 9pt;
}
.companyNamRelated{
        color:#424242;
    }

.productItem{    
    text-transform:capitalize;
    font-size:12px;
    color:#6F726B;
}
 .imgproduct{border:none;}
 #profile_image
 {
     border:2px solid #E6EFD0;
 }
 #profile_image_request
 {
     border:2px solid #DBDBDB;
     max-height:40px;
     max-width:200px;
 }
.otherproduct a{
    text-decoration:none;
    font-weight:bold;    
    color:#424242;
}

div.otherproduct a:visited, li a.link{
    color:#424242;
}
div.otherproduct a:hover, li a:active{
    color:#508E21;
}
div.otherSupplierLink a
{
    text-decoration:none;
}
div.otherSupplierLink a:visited, li a.link{
    color:#424242;
}
div.otherSupplierLink a:hover, li a:active{
    color:#508E21;
}
.labelInform2 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
.supplierInforTb
{
    color:white;
    font-size: 12px;
}
.borderimg
{
    border:1px solid #ECECEC;
}
.borderNone
{
    border:none;
}
.mainphoto
{
    max-width: 298px; max-height: 300px;
}
.extraphoto
{
    max-height: 50px; max-width: 50px; cursor: pointer;border:2px solid white;vertical-align:middle;
}
.divExtraPhoto
{
    display:block;float:left;margin-right:5px;
    border:1px solid #CCC;padding:1px;
    width:54px;height:54px;
    text-align:center;vertical-align:middle;
}
#divmainphoto
{
    height:360px;text-align:center;vertical-align:middle;border:1px solid silver;overflow:hidden;
    width:320px;
}
#profile_image
{
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 50px;
    min-width: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
.product100
{
    max-height:100px;
    max-width:100px;
    border:none;
    text-align:center;
    vertical-align:middle;
    text-align:center;
}
.related
{   
    float:left;
    display:inline;
    text-align:left;
    height:150px;
    width:100%;
    
}
.relate1
{
    height:100px;
    width:100px;
    overflow:hidden;
    border:1px solid #ECECEC;
    text-align:center;
}
.related2
{
    height:20px;
    width:102px;
    overflow:hidden;
    text-align:center;    
    background-color:#82B33A;
    color:white;
    font-weight:bold;
    vertical-align:middle;
    padding-top:5px;
}
.related3
{
    text-align:left;
    padding-top:5px;
}
.related a{
    text-decoration:none;
}

div.related a:visited, li a.link{
    color:#424242;
}
div.related a:hover, li a:active{
    color:#508E21;
}
.btnPaging
{        
    display: inline;
    float: left;
    height: 170px;
    margin-top: 10px;
    text-align: center;
}
.btnRight
{
    margin-top:40px;
    cursor:pointer;    

}
.btnLeft
{
    margin-top:40px;
    margin-right:30px;    
    cursor:pointer;
}
.btnLeft2
{
    margin-top:40px;
    margin-right:30px;
}
.nondisplay
{
    display:none;
}
.otherSupplierLink
{
    vertical-align:middle;text-transform:capitalize;display:block;text-align:left;font-size:14px;height:60px;
}
.otherSupplierImg
{
    display:block;vertical-align:middle;text-align:center;background:#FFFFFF;border:1px solid silver;width:100px;
    height:100px;overflow:hidden;
}
.imgOtherSupplier
{
    border:none;    
    max-height:60px;
    max-width:60px;
}
.otherSupplierDiv
{
    width:100%;display:block;text-align:left;
}
#productImg
{
    max-height:320px;max-width:300px;
}
.bannerAdv
{
    width:100%;margin-top:10px;height:90px;
}
.bannerLong
{
    border:1px solid #ECECEC;width:720px;height:90px;float:left;
}
.bannerShort
{
    border:1px solid #ECECEC;width:220px;height:90px;float:right;
}
.chatDiv
{
    text-align:center;
    min-width:60px;
    height:100px;
    float:left;
    font-size:11px;
    margin-left:-8px;
}
.chatImg
{
    width:100%;
    text-align:center;
    min-height:45px;vertical-align:middle;padding-top:5px;
}
.chatImg img
{
    max-height:40px;max-width:40px;
}

.lastetPhoto{
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    min-height: 50px;
    min-width: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
.wrapImage{
    border: 1px solid #E8E8E8;
    float: left;
    height: 75px;
    margin: 0 auto 5px;
    position: relative;
    width: 75px;
    word-wrap: break-word;
}

.logoSupplier{
  
    float: left;
    position: relative;
    width: 70px;
    word-wrap: break-word;
    height:70px;
    border: 3px solid #547443;
    -moz-border-radius: 3px;
    background-color:white;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;
}