#precenter {
    width: 1035px;
    margin: 0 auto;
    position: relative;
}
#center {
    margin-right: 0;
    /*overflow: hidden;*/
}

#header, #center, #footer { width: 890px; }
#header .header_bg, #footer .footer_bg {width: 864px;}
#content {width: 878px;}
#content #main {
    width: 615px;
    left: 30px;
}


/** Floating menu **/
/* TODO: Extract to separate file */

#floating {
    overflow:visible;
    position: absolute;
    left: 0;
    top: 150px;
    width: 172px;
    z-index: 1000;
}
#floating #wrapper {
    position: relative;
    width: 172px;
    overflow: hidden;
}
#floating #leftnav_top {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 172px;
    height: auto;
}
#floating #leftnav_bot {
    overflow:hidden;
    position: relative;
    width: 172px;
    height: 10px;
}
#floating h2 {
    position: relative;
    color: #fff;
    font-size: 90%;
    float: right;
    padding: 5px 15px;
}
#floating ul.leftnav {
    position: relative;
    margin-top: 30px;
    margin-bottom: 5px;
    text-align: right;
    list-style: none;
    padding: 0;
    margin-right: 12px;
    margin-left: 12px;
}
#floating ul.leftnav li {
    margin: 0;
    padding: 0;
}
#floating ul.leftnav li a {
    display: block;
    width: 148px;
    font-size: 80%;
    font-weight: normal;
    text-decoration: none;
    line-height: 21px;
    padding-right: 5px;
}
#floating ul.leftnav li a:hover {
    width: 148px;
    color: #FF6C00;
    background: url(../images/menu_hover.gif) no-repeat top right;
    text-decoration: none;
}

/* Categories Navigation */

#floating ul.leftnav {margin:30px 4px 0 4px}
#floating ul.leftnav li {margin-right:2px; margin-left:0; padding-left:3px; padding-right:10px}
#floating ul.leftnav li a {width:142px !important; padding:1px 3px 1px 1px}
#floating ul.leftnav li a:hover {background:#ECFFCC; border:1px solid #D1F7AF; padding:0 3px 0 0}
#floating .leftnav .subLevel, #floating .leftnav .subPenLevel {background:url('../images/menu_closed.gif') no-repeat right 6px}
#floating #wrapper .actSubNav, #floating #wrapper .subList li.actSubNav {
    background:#FFF url('../images/menu_opened.gif') no-repeat right 10px;
    border-bottom:1px dotted #CCC; border-top:1px dotted #CCC;
}
#floating #wrapper .actSubNav a {font-weight:bold}
#floating #wrapper .actSubNav .subList {display:block}
#floating .leftnav .subLevel .subList, #floating #wrapper .leftnav .subLevel .subList {display:none}
#floating .leftnav .subList {overflow:hidden; list-style:none}
#layBg {backgound:#FFF; opacity:.5; position: absolute; top:0; width:100%; height:100%;}
#floating #wrapper .subList li {font-size:14px; padding-right:0}
#floating #wrapper ul.subList li.actSubNav {_padding-right: 8px;}
#floating #wrapper ul.subList li li.actSubNav {_padding-right: 0;}
#floating #wrapper .subList li.actSubNav {background-position:right 9px; padding-bottom:5px; background-color:#F3FCFE; border-bottom:1px solid #E9F8FC}
#floating #wrapper .subList li.actSubNav ul {margin-right:4px; padding-right:19px; _padding-right:12px; _margin-top:0}
#floating #wrapper .subList li li {
    padding-right:0; margin-right:-3px; margin-bottom:1px;
    background:url('../images/sublist_item.gif') no-repeat right 8px;
}
#floating #wrapper .subList li li a {display:inline; color:#50A900 !important; line-height:16px !important}
#floating #wrapper .subList li li a:hover {text-decoration:underline; background:none; border:0}
#floating #wrapper .subList li.actSubNav a {font-weight:bold !important}
#floating #wrapper .subList li.actSubNav li a, #floating .leftnav .subList a, #floating .leftnav .subList a:hover {color:#34768E; line-height:18px; font-weight:normal !important; width:130px !important; margin-right:8px}
#floating #wrapper .leftnav .subLevel .subList li {padding-right:20px}

/*** Product tree ***/
#product_nav {list-style:none; padding:0 0 10px 56px; font-size:12px}
#product_nav li {float:left; padding-right:5px}
#product_nav li a {font-weight:normal}
