/* Common product styles - also used by support */
 
#main #left
{
    float:left;
    width:269px;
    padding-top:10px;
    margin-right:10px;
}

#main #right
{
    float:right;
    width:653px;
    _padding-top:10px;
}

#prodtop
{
    width:267px;
    height:15px;
    background:url("images/prod_top.gif") top left no-repeat;
}

#prod
{
    background:#000000;
    width:267px;
}

#prod ul
{
    margin:0px 0px 0px 1px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
    
}

#prod ul li
{   
    margin-left:20px;
    background:url("images/prod_bg.gif") top left no-repeat;
    font-size:0.9em;
    list-style-type:none;
}

#prod ul li a
{   
    color:#FFFFFF;
    padding:4px 0px 10px 44px;
    display:block;
}

#prod ul li a:hover
{   
    color:#33FF00;
    background:url("images/prod1_on.gif") top left no-repeat;
}

#prod ul li.sel a
{ 
   color:#33FF00; 
   background:url("images/prod1_on.gif") top left no-repeat;
}

#prodbtm
{
    width:267px;
    height:15px;
    background:url("images/prod_btm.gif") top left no-repeat;
    
}

#prodddl
{
    background:url("images/prodddl_bg.gif") top left no-repeat;
    padding:7px 0px 3px 0px;
    margin:0px 0px 0px 20px;
    width:225px;
}

#prodddl select
{
    width:225px;
}

#logo
{
    width:143px;
    height:143px;
    background:url("images/prod_logo_bg.jpg") top left no-repeat;
    float:left;
    padding:18px 0px 0px 18px;
    margin-right:15px;
    margin-top:0px;
}

#logoleftcol
{
    width:143px;
    height:143px;
    background:url("images/prod_logo_bg.jpg") top left no-repeat;
    float:left;
    padding:18px 0px 0px 18px;
    margin-right:15px;
    margin-top:20px;
    margin-left:50px;
}

#manus.main
{
    margin-top:10px;
}

#manus ul
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
}

#manus ul li
{   
    width:125px;
    height:62px;
    background:url("images/manu_bg.jpg") top left no-repeat;
    float:left;
    padding:18px 18px 18px 18px;
    margin-right:2px;
    margin-bottom:2px;
    list-style-type:none;
    text-align:center;
}

#logos ul
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
}

#logos ul li
{   
    width:125px;
    height:125px;
    background:url("images/prod_logo_bg.jpg") top left no-repeat;
    float:left;
    padding:18px 18px 18px 18px;
    margin-right:2px;
    margin-bottom:2px;
    list-style-type:none;
    text-align:center;
}

/* Top level categories */

#cats
{
    background:#000000;
    width:247px;
    padding-bottom:1px;
    padding-left:20px;
}

#cats ul
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#cats ul li
{   
    font-size:0.9em;
    list-style-type:none;
    background:url("images/c1_off.jpg") top left no-repeat;

    
}

#cats ul li a
{
    display:block;
    color:#FFFFFF;
    padding:7px 0px 3px 36px;
    margin:0px 0px 0px 0px;
    width:189px;
    height:21px;
    margin-bottom:1px;
}

#cats ul li:hover
{
    background:url("images/c1_on.jpg") top left no-repeat;
    
}

#cats ul li a:hover
{
    color:#33FF00;
}

#cats ul li a.sel
{
    background:url("images/c1_on.jpg") top left no-repeat;
    color:#33FF00;
}

/* 2nd level categories */

#cats ul li ul
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}


#cats ul li ul li
{  
    list-style-type:none;
    background:url("images/c2_off.jpg") top left no-repeat;
    font-size:1em;
}

#cats ul li ul li a
{
    color:#000000;
    padding:7px 0px 3px 46px;
    width:179px;
}

#cats ul li ul li:hover
{
    background:url("images/c2_on.jpg") top left no-repeat;
}

#cats ul li ul li a:hover
{
    color:#000000;
}

#cats ul li ul li a.sel
{
    background:url("images/c2_on.jpg") top left no-repeat;
    color:#000000;
}

/* 2nd level products */

#cats ul li ul.prods
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}


#cats ul li ul.prods li
{  
    list-style-type:none;
    background:url("images/c2_prod_off.jpg") top left no-repeat;
    font-size:1em;
}

#cats ul li ul.prods li a
{
    color:#FFFFFF;
    padding:7px 0px 3px 46px;
    width:179px;
    font-weight:normal;
}

#cats ul li ul.prods li:hover
{
    background:url("images/c2_prod_on.jpg") top left no-repeat;
}

#cats ul li ul.prods li a:hover
{
    color:#FFFFFF;
}

#cats ul li ul.prods li a.sel
{
    background:url("images/c2_prod_on.jpg") top left no-repeat;
    color:#FFFFFF;
}




/* CJ FIX */

/* 2nd level products */

#cats ul li ul li ul.prods
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}


#cats ul li ul li ul.prods li
{  
    list-style-type:none;
    background:url("images/c2_prod_off.jpg") top left no-repeat;
    font-size:1em;
}

#cats ul li ul li ul.prods li a
{
    color:#FFFFFF;
    padding:7px 0px 3px 57px;
    width:179px;
    font-weight:normal;
}

#cats ul li ul li ul.prods li:hover
{
    background:url("images/c2a_prod_on.jpg") top left no-repeat;
}

#cats ul li ul li ul.prods li a:hover
{
    color:#FFFFFF;
}

#cats ul li ul li ul.prods li a.sel
{
    background:url("images/c2a_prod_on.jpg") top left no-repeat;
    color:#FFFFFF;
}




/* 3rd level categories */

#cats ul li ul li ul
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#cats ul li ul li ul li
{  
    list-style-type:none;
    background:url("images/c3_off.jpg") top left no-repeat;
    font-size:1em;                   
}

#cats ul li ul li ul li a
{
    color:#000000;
    padding:7px 0px 3px 56px;
    width:169px;
    font-weight:normal;
}

#cats ul li ul li ul li:hover
{
    background:url("images/c3_on.jpg") top left no-repeat;
    
}

#cats ul li ul li ul li a.sel
{
    background:url("images/c3_on.jpg") top left no-repeat;
}

/* 3rd level products */

#cats ul li ul li ul li ul li
{  
    list-style-type:none;
    background:url("images/c3_prod_off.jpg") top left no-repeat;
    font-size:1em; 
               
}

#cats ul li ul li ul li ul li a
{
    color:#FFFFFF;
    padding:7px 0px 3px 66px;
    width:159px;
    font-weight:normal;
}

#cats ul li ul li ul li ul li:hover
{
    background:url("images/c3_prod_on.jpg") top left no-repeat;
    
}

#cats ul li ul li ul li ul li a:hover
{
    color:#FFFFFF;
}

#cats ul li ul li ul li ul li a.sel
{
    background:url("images/c3_prod_on.jpg") top left no-repeat;
        color:#FFFFFF;  
}



#prodlist ul
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
}

#prodlist ul li
{   
    width:125px;
    height:125px;
    background:url("images/prod_list_bg.jpg") top left no-repeat;
    float:left;
    padding:18px 17px 18px 19px;
    margin-right:2px;
    margin-bottom:2px;
    list-style-type:none;
    text-align:center;
}

#prodlist ul li .name
{   
    height:61px;
}