﻿#topmenu
{
    width:956px;
    padding:2px 2px 0 2px;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    float:left; 
    position:relative;
    z-index:98;
}
#topmenu ul
{
    float:left;
    width:956px;
    list-style:none;
}
#topmenu ul li
{
    float:left;
    width:76px;
    height:76px;
    margin-right:2px;
    position:relative;
    z-index:100;
}
#topmenu ul li a
{
    float:left;
    width:76px;
    height:76px;   
    background-color:#C2C2C2;
    position:relative;
    color:#333333;
    font-size:11px;
}
#topmenu ul li a:hover
{
    background-color:#91C640;
    color:#FFF;
}

#topmenu ul li a.active
{
    background-color:#91C640;
    color:#FFF;
}

#topmenu ul li a span.tms
{
    float:left;
    text-align:right;
    width:64px;
    position:absolute;
    bottom:10px;
    right:6px;   
}
#topmenu ul li div.ddcont
{
    display:none;
    position:absolute;
    top:76px;
    left:0;
    padding:4px;
    border-top:2px solid #FFF;
    background-image:url(../images/header/menu/ddmenubg.png);
    z-index:150;
}
#topmenu ul li:hover div,#topmenu li.over div
{
    display:block;    
}
#topmenu ul li div.ddcont ul
{
    float:left;
    width:186px;
    height:auto;
    margin:0;
}
#topmenu ul li div.ddcont ul li
{
    float:left;
    width:186px;
    height:auto;
    margin:0;
}
#topmenu ul li div.ddcont ul li a
{
    float:left;
    width:182px;
    background-color:Transparent;
    height:auto;
    padding:2px;
    color:#FFF;
    min-height:30px;
}
#topmenu ul li div.ddcont ul li a:hover
{
    background-color:#A0A0A0;
}
#topmenu ul li div.ddcont ul li a img
{
    float:left;
    width:30px;
    height:30px;
}
#topmenu ul li div.ddcont ul li a span
{
    float:left;
    width:140px;
    line-height:12px;
    padding:3px 0 3px 12px;
}
/*** FOOTER MENU ***/
#footermenu
{
    float:left;
    width:800px;
    min-height:25px;
    line-height:25px;
}
#footermenu ul
{
    float:left;
    list-style:none;
    height:100%;
}
#footermenu ul li
{
    float:left; 
    padding:0 10px 0 0;
    margin:0;
}
#footermenu ul li a
{
    float:left;
    margin:0;
    line-height:25px;
    font-size:10px;
    color:#FFF;
    text-transform:uppercase;
}
#footermenu ul li a:hover 
{
    text-decoration:underline;
}
#footermenu ul li a.header{cursor:default}
#footermenu ul li a.header:hover{text-decoration:none;}
#footermenu ul li ul
{
    float:left;
    clear:both;
    padding-bottom:3px;
    margin-top:-3px;
}
#footermenu ul li ul li
{
    float:left;
    clear:both;
}
#footermenu ul li ul li a
{    
    line-height:12px;
    text-transform:none;
}
/*** Menus and filters ***/
#pl_left div.menublock, #cont_left div.menublock, #pl_left div.filterblock{width:176px;}
#pl_left div.menublock h2, #cont_left div.menublock h2, #pl_left div.filterblock h2
{
    width:150px;
    float:left;
    padding:10px 20px 10px 6px;
    margin:0;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(../images/PL/menu/menutopbg.gif);  
    line-height:12px;
    min-height:12px;
    font-size:10px;
    font-weight:normal;
    color:#FFF;
    cursor:pointer;
    text-transform:uppercase;
}
#pl_left div.filterblock h3
{
    width:146px;
    float:left;
    margin:0;
    padding:4px 6px 4px 24px;
    border-top:1px solid #FFF;    
    background-color:#C2C2C2;
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(../images/PL/menu/filtertopbg.png);  
    line-height:12px;
    font-size:10px;
    font-weight:normal;
    cursor:pointer;
    text-transform:uppercase;
}
#pl_left div.menublock h2:hover, #cont_left div.menublock h2:hover, #pl_left div.filterblock h2:hover, #pl_left div.filterblock h3:hover{background-position:top right;}
#pl_left div.menublock h2.opened, #cont_left div.menublock h2.opened, #pl_left div.filterblock h2.opened{border:none;}
#pl_left div.menublock h2.closed, #cont_left div.menublock h2.closed, #pl_left div.filterblock h2.closed{background-image:url(../images/PL/menu/menutopbg_c.gif);}
#pl_left div.filterblock a.clearallfilters{width:164px; float:left;  padding:4px 6px 4px 6px; text-decoration:none; background-color:#E0E0E0; text-transform:uppercase;}
#pl_left div.filterblock a.clearallfilters:hover{background-color:#91C640;}
#pl_left div.filterblock h3.opened{}
#pl_left div.filterblock h3.closed{background-image:url(../images/PL/menu/filtertopbg_c.png);}
#pl_left div.menublock h2 a, #cont_left div.menublock h2 a, #pl_left div.filterblock h2 a{color:#fff;}
#pl_left div.menublock h2 a:hover, #cont_left div.menublock h2 a:hover, #pl_left div.filterblock h2 a:hover{color:#91C640;}
#pl_left div.menublock ul, #cont_left div.menublock ul, #pl_left div.menublock ul li, #cont_left div.menublock ul li, #pl_left div.filterblock ul, #pl_left div.filterblock ul li{float:left; width:100%; list-style:none;}
#pl_left div.filterblock ul{border-top:1px solid #FFF;}
#pl_left div.menublock ul li a, #cont_left div.menublock ul li a
{
    width:164px;
    float:left;
    padding:4px 6px 4px 6px;
    border-top:1px solid #FFF;
    text-decoration:none;
    background-color:#E0E0E0;
    text-transform:uppercase;
    background-position:top left;
    background-repeat:no-repeat;
}
#pl_left div.menublock ul li a:hover, #cont_left div.menublock ul li a:hover, #pl_left div.filterblock ul li a:hover{background-color:#C2C2C2; background-position:top right;}
#pl_left div.menublock ul li a:active, #cont_left div.menublock ul li a:active{background-color:#91C640;}
#pl_left div.menublock ul li a.active, #cont_left div.menublock ul li a.active{background-color:#91C640;}
#pl_left div.menublock ul li a.haskids, #cont_left div.menublock ul li a.haskids{background-image:url(../images/PL/menu/haskidsbg.png);}
#pl_left div.menublock ul li a.header, #cont_left div.menublock ul li a.header{cursor:default; text-transform:none; font-weight:bold; background-color:#666; color:#FFF;}
#pl_left div.menublock ul li a.header:hover, #cont_left div.menublock ul li a.header:hover{text-decoration:none; background-color:#666;}
#pl_left div.menublock ul li ul li a, #cont_left div.menublock ul li ul li a{text-transform:none;}
#pl_left div.filterblock ul li a
{
    width:176px;
    float:left;
    padding:3px 0 3px 0;
    text-decoration:none;
    background-color:#E0E0E0;
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(../images/PL/menu/filterbg.png);
    line-height:12px;
}
#pl_left div.filterblock ul li span.notselectable
{
    width:176px;
    float:left;
    padding:3px 0 3px 0;
    text-decoration:none;
    background-color:#E0E0E0;
    cursor:default;
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(../images/PL/menu/nafilterbg.png);
    opacity:.4;	-moz-opacity:.4; filter:alpha(opacity = 40);
    line-height:12px;
}
#pl_left div.filterblock ul li a.clearall{text-align:right; background-image:none; font-size:9px; width:170px; padding-right:6px;}
#pl_left div.filterblock ul li a.active{background-image:url(../images/PL/menu/activefilterbg.png);}
#pl_left div.filterblock ul li .swatch{float:left; margin-left: 6px; margin-right: 6px; width:12px; text-align:center; height:12px;}
#pl_left div.filterblock ul li span.value{float:left; width:135px;}
#pl_left div.filterblock ul li span.noswatch{padding-left: 26px;}
#pl_left div.filterblock div.pricefilter{float:left; width:164px; padding:4px 6px 4px 6px; background-color:#E0E0E0; border-top:1px solid #FFF;}

