.BoxesTable
{
    width:770px;
}    
.BoxesTable td
{
    vertical-align:top;
    height:100%;
    padding:4px;
}
.box
{
    display:block; 
    text-align:left;  
    cursor:hand;

    padding:0px;
    margin:0px;

}
.box .title    
{

    padding:0px;
    margin:0px;
    display: block;
    overflow:hidden;
    position:relative;
}
.box .title span
{
    font-size: 2.4em;
    font-weight: bold;
    text-align: right;
    color: #ffffff;
    display: block;
    border:0px solid #cdcdcd;
    margin-bottom:8px;
    text-transform:uppercase;
    padding:0px;
position:relative;
left:0.1em;

}
.box .content
{
    font-size: 1.2em;
    font-weight: bold;
    white-space:normal;
    display:inline;

}
.box .content span
{
    
    display:block; 
    height:185px;  

    padding-right:4px;
    padding-left:2px;
}        

.box .image image
{

    display:none;

}    
.box .image
{

    float:right;  
    width:127px;
    height:175px; 
    display:block;   

}

.box .partner .link
{

      display:block;
      text-align:center;
    }
.box .partner .link .partnerimage
{
    display:block; 
    width:100%;
    height:67px;  
cursor:hand;
}

.box a.link
{
    text-decoration:none;
    display:block;
    height:100%;
    border:1px solid transparent;
    clear:both;
    position:relative;
}        
.box .current a.link,
.box a.link:hover 
{

     
}

.box .off,
.box .none
{
border:1px solid transparent;
}
.partner a.link:hover,
.box .current
{
border:1px solid #666666;   
border:1px solid transparent;
}



.box .off .title span
{
    background-color:#888888;
    color:#dddddd;
}


.box .sizerh    
{
    height:0px;
    font-size:0px;
    line-height:0px;
    width:250px;
    }
.box a 
{
    text-decoration:none;
   
    }    
    
.box .partnerlinks
{
    text-align:center;
    display:block;
    }    
    
.box .partnerlinks a
{
    display:block;
    padding-left:6px;
    background:url('../img/gt.gif') no-repeat center left;
    color:#0099cc;   
    text-align:left;
    width:80%;
    margin-bottom:2px;
}    

.box .partnerlinks a:hover
{
    color:#222222;    
}    





.box1 .title span
{
    background-color: #F7D731;
}

.box2 .title span
{
    background-color: #b34939;
}

.box3 .title span
{
    background-color: #58973c;
}






.box1 .partner .link .partnerimage
{
    background:url('../img/quepasoroma.jpg') no-repeat top center;
    
}
.box2 .partner .link
{
    background:url('../img/egg.jpg') no-repeat top center;
    
}
.box3 .partner .link
{
    background:url('../img/kbord.jpg') no-repeat top center;
    
}


.box1 .image
{
    background:url('../img/greenapple.jpg') no-repeat top left;
}
.box1 .current .image
{
    background:url('../img/greenapple.jpg') no-repeat top left;
 }
.box1 .off .image
{
    background:url('../img/greenapple.jpg') no-repeat top left;
    Filter: Gray;
 }

.box2 .image
{
    background:url('../img/mannequin.jpg') no-repeat top left;
}
.box2 .current .image
{
    background:url('../img/mannequin.jpg') no-repeat top left;
 }
.box2 .off .image
{
    background:url('../img/mannequin.jpg') no-repeat top left;
    Filter: Gray;
 }

.box3 .image
{
    background:url('../img/barcoderetail.jpg') no-repeat top left;
}
.box3 .current .image
{
    background:url('../img/barcoderetail.jpg') no-repeat top left;
 }
.box3 .off .image
{
    background:url('../img/barcoderetail.jpg') no-repeat top left;
    Filter: Gray;
 }

.box .off a,
.box .off .content
{
    color:#888888;
}
.box .current .content a:hover
{
    text-decoration:underline;
    }


.box1 .current a,    
.box1 .current .content
{
    color: #F7D731;
}

.box2 .current a,    
.box2 .current .content
{
    color: #b34939;
}
.box3 .current .content
{
    color: #58973c;
} 

           
.box1 .off .content
{
    
}

.box2 .off .content
{
    

}

.box3 .off .content
{
    

}    

.box1 .none a,    
.box1 .none .content
{
    color: #F7D731;
color:gray;
}
    
.box2 .none a,        
.box2 .none .content
{
    color: #b34939;
color:gray;

}
.box3 .none a,    
.box3 .none .content
{
    color: #58973c;
color:gray;

}