/* TODO */

/************************************** UserInfo *******************************************/

#ctlUserInfo
{
    position: absolute;
    width: 173px;
    height: 96px;
    margin-left: 15px;
    top: 90px; 
}

#ctlUserInfo > div.controlFrame
{
}

#ctlUserInfo > div.controlFrame div.cfLine 
{
    border:1xp solid red;
    background-color:#693e14;
    width:1px;
    height:80px;
    left:86px;
    top:10px;
}

#ctlUserInfo > div.controlFrame div.userNameBlock
{    
    height: 30px;
    text-align: center;
}

#ctlUserInfo > div.controlFrame div.userNameBlock > A
{
    line-height: 30px;
    font-size: 12px;
    color:#663300;
}

#ctlUserInfo > div.controlFrame div.userNameBlock > A:hover
{
    line-height: 30px;
    font-size: 12px;
    color:#000000;
}


#ctlUserInfo > div.controlFrame div.logonBtnBlockLeft
{
    padding-top:25px;
    width:85px;
    float: left;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

#ctlUserInfo > div.controlFrame div.logonBtnBlockRight
{
    padding-top:25px;
    width:85px;
    float: right;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

#ctlUserInfo > div.controlFrame div.logoffBtnBlock
{
    padding-top: 6px;
    margin-right: 8px;
    float: right;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

#ctlUserInfo > div.controlFrame table.userInfoBlock
{
    padding-top: 15px;
    padding-left: 10px;
    float: left;
    text-align: left;
    font-size: 11px;  
    position:absolute;      
}

#ctlUserInfo > div.controlFrame table.userInfoBlock td .userInfoCaption
{
    
}

#ctlUserInfo > div.controlFrame table.userInfoBlock td .userInfoValue
{
    color: #B31724;
    font-weight: bold;
}


/*
#ctlUserInfo > div.controlFrame div.logoffBtnBlock
{
}
*/

/************************************** BasketInfo *******************************************/

#ctlBasketInfo
{
    xborder: 1px solid blue;
    position: absolute;
    width: 170px;
    top: 0px;
    right: 16px;
}


#ctlBasketInfo > div.controlFrame
{
}


#ctlBasketInfo > div.controlFrame > div.basketCaption
{
    xborder: 1px solid red;
    height: 30px;
    text-align: center;
}

#ctlBasketInfo > div.controlFrame > div.basketCaption > SPAN
{
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
}


#ctlBasketInfo > div.controlFrame div.basketValueBlock
{
    font-size: 11px;
    margin-top: 7px;
    padding-right: 10px;
    text-align: right;
}

#ctlBasketInfo > div.controlFrame div.basketValueBlock > .basketValueBlockCaption
{
    font-weight: bold;
}

#ctlBasketInfo > div.controlFrame div.basketValueBlock > .basketValueBlockValue
{
    font-weight: bold;
    color: #B31724;
}

#ctlBasketInfo > div.controlFrame div.basketLinkBlock
{
    text-align: right;
    margin-top: 7px;
    padding-right: 13px;
}


/************************************** Add to basket **************************************/

#featureAddToBasket
{
}


/************************************** Logon **************************************/

#featureUserLogon
{
}

#featureUserLogon span.status
{
    font-weight:bold;
    white-space:normal;
}

/************************************** Flags *******************************************/

#featureFlags
{
    xborder: 1px solid blue;
    position: absolute;
    width: 170px;
    top: 141px;
    right: 16px;
    text-align: center;
}
#featureFlags img.imgFlag
{
    margin: 0px 2px 0px 2px;
}

/************************************** Filters **********************************/

.feaFilterPanels
{
    margin: 0 0;
    padding: 0 0;
}
/*
.feaFilterPanels div.filterPanelsHeading
{
    margin: 10px 0 0;
    padding: 5px 2px;
    xbackground-color: #cca073;
    font-weight: 700;
    
}
*/
/*
.feaFilterPanels div.filterBlock 
{    
    xbackground-color: #f0eada;
}
*/
.feaFilterPanels div.filterBlock div.filterHeading
{
    height:28px;
    line-height:28px;
    margin:5px 0px 2px 0px;
    font-weight:bold;
    padding:0 5px;
    font-size:13px;

    border-top:2px solid #cca073;
    border-bottom:1px solid #cca073;
    background-color:#ffffff
}

.feaFilterPanels div.filterBlock div.filterHeading A
{
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    background-position: right center;
    color:#0066CC;
    xcolor:#c23d38;
}

.feaFilterPanels div.filterBlock div.filterHeading A:hover
{
    color:#101010;
}


    .feaFilterPanels div.filterBlock div.filterHeading A.expanded {
        background-image: url(../Images/ico_sort_d.png);
    }

    .feaFilterPanels div.filterBlock div.filterHeading A.collapsed {
        background-image: url(../Images/ico_sort_n.png);
    }


.feaFilterPanels div.filterBlock ul.filterItems
{
    font-size: 12px;
    margin-left: 8px;
    margin-right: 8px;
    text-decoration: none;
}

.feaFilterPanels div.filterBlock ul.filterItems li
{
    xpadding-left: 20px;
}

.feaFilterPanels div.filterBlock ul.filterItems li.on
{
}

.feaFilterPanels div.filterBlock ul.filterItems li.disabled
{
}

.feaFilterPanels div.filterBlock ul.filterItems li a
{    
    text-decoration:none;
    font-weight:bold;
    color:#000000;
    
    display:block;
    height:20px;
    padding-left:2px;
}

    .feaFilterPanels div.filterBlock ul.filterItems li a:hover {
        color: #A6B745;
        background-position: right center;
        background-image: url(../Images/filtr_bullet_checked.png);
        background-repeat: no-repeat;
    }

    .feaFilterPanels div.filterBlock ul.filterItems li.on a {
        color: #A6B745;
        background-position: right center;
        background-image: url(../Images/filtr_bullet_checked.png);
        background-repeat: no-repeat;
    }
        .feaFilterPanels div.filterBlock ul.filterItems li.on a:hover {
            color: #FF0511;
            background-image: url(../Images/filtr_bullet_todelete.gif);
        }

.feaFilterPanels div.filterBlock ul.filterItems li.disabled a
{
    color: #909090;
    font-style: italic;
}

.feaFilterPanels div.filterBlock ul.filterItems li.disabled a:hover
{
    color: #909090;
    background-image: none;
    cursor: inherit;
}

#featureFilterInfo
{
    min-height: 45px;
}

#featureFilterInfo > div.divFilterInfo
{
    min-height: 45px;
    background-color: #DAE1AE;
}


    #featureFilterInfo DIV.status {
        height: 28px;
        line-height: 28px;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        padding-left: 5px;
        color: #a6b745;
        font-size: 13px;
        border-bottom: 1px solid #a6b745;
        background-color: #ffffff;
        background-position: right center;
        background-image: url(../Images/path_bullet_black_corner.gif);
        background-repeat: no-repeat;
    }

#featureFilterInfo DIV.ctl
{
    padding: 8px 8px 2px;
    font-size: 11px;
    text-align: left;
}

    #featureFilterInfo DIV.ctl A {
        text-decoration: none;
        background-position: right center;
        background-image: url(../Images/filtr_bullet_todelete.gif);
        background-repeat: no-repeat;
        display: block;
        xborder: 1px solid red;
    }
#featureFilterInfo DIV.ctl A:hover
{
    color: #c23d38;
}

#featureFilterInfo div.filterBlock
{
    overflow: hidden;
    margin: 3px 8px 0px 8px;
    font-size: 11px;
}

#featureFilterInfo div.filterBlock div.filterHeading
{
    color: #c23d38;
    font-size:13px;
    text-transform:uppercase;
}

#featureFilterInfo div.filterBlock ul.filterItems
{
    padding-left: 15px;
    padding-right: 1px;
    font-size:12px;
    font-weight:bold;
}

    #featureFilterInfo div.filterBlock ul li {
        padding-left: 0px;
        overflow: hidden;
        background-position: right center;
        background-image: url(../Images/path_bullet_black_top.gif);
        background-repeat: no-repeat;
    }

#featureFilterInfo div.filterBlock ul li SPAN.offLabel
{
    width:100px;
    overflow:hidden;
    display:block;
    text-overflow: ellipsis;
}

#featureFilterInfo div.filterBlock  SPAN.offBtn
{
    display: block;
    float: right;
    padding: 0px 15px 0 0;
    font-size: 10px;
}

#featureFilterInfo div.filterBlock SPAN.offBtn a
{
    text-decoration: none;
}


/************************************** Search **********************************/
#featureSearch
{
    height: 35px;
    margin:5px 5px 0px 8px;
}
#featureSearch div.input
{
    float: left;
    padding-top: 6px;
}
#featureSearch div.input input
{
    width: 110px;
}
#featureSearch div.button
{
    float: right;
    margin-right: 7px;
}

/************************************** Search **********************************/

DIV.featurePager
{
    overflow: hidden;    
    line-height: 15px;
    float: right;
}

DIV.featurePager DIV.pagerBlock
{
}

DIV.featurePager DIV.pagerBlock SPAN
{
    padding: 0 1px;
}

DIV.featurePager DIV.pagerBlock SPAN A
{
    text-decoration: none;
    color:#000000;
}

DIV.featurePager DIV.pagerBlock SPAN A:hover
{
    color: #a6b745;
}

DIV.featurePager DIV.pagerBlock SPAN.bul
{
    color: #c0c0c0;
    padding: 0;
}

DIV.featurePager DIV.pagerBlock SPAN.active
{
    background-color: #a6b745;
}

DIV.featurePager DIV.pagerBlock SPAN.nav
{
    font-size: 11px;
}

/********************************* Forgotten password **********************************/

#passwordRecovery TABLE.passwordRecovery
{
    margin-top:20px;
}

#passwordRecovery TABLE.passwordRecovery TD
{
    padding: 1px 0px;
}

#passwordRecovery DIV.infoText
{
    margin: 20px 0px;
}

#passwordRecovery DIV.statusText
{
    margin-top:10px;
    clear:both;
}

/********************************* Newsletter cancel **********************************/

#newsletterCancel TABLE.newsletterCancel {
    margin-top: 20px;
}

    #newsletterCancel TABLE.newsletterCancel TD {
        padding: 1px 0px;
    }

#newsletterCancel DIV.infoText {
    margin: 20px 0px;
}

#newsletterCancel DIV.statusText {
    margin-top: 10px;
    clear: both;
}

/********************************* Filter triggers **********************************/

#filterTriggers {
    margin-top: 10px;
}

#filterTriggers div.status {
    color: #a6b745;
    font-size: 13px;
    font-weight: bold;
    padding-left: 5px;
}

#filterTriggers div.filterHeading {
    height: 28px;
    line-height: 28px;
    margin: 5px 0px 2px 0px;
    font-weight: bold;
    padding: 0 5px;
    font-size: 13px;
    border-top: 2px solid #cca073;
    border-bottom: 1px solid #cca073;
    background-color: #ffffff
}

#filterTriggers div.filterHeading A {
    text-decoration: none;
    display: block;
    background-repeat: no-repeat;
    background-position: right center;
    xcolor: #0066CC;
    color: #c23d38;
}

#filterTriggers div.filterHeading A.instock {
    color: #00a900;
}

    #filterTriggers div.filterHeading A:hover {
        color: #A6B745;
        background-position: right center;
        background-image: url(../Images/filtr_bullet_checked.png);
        background-repeat: no-repeat;
    }

    #filterTriggers div.filterHeading.on A {
        color: #A6B745;
        background-position: right center;
        background-image: url(../Images/filtr_bullet_checked.png);
        background-repeat: no-repeat;
    }


/********************************* Promo block **********************************/

#promoBlock div.promoProduct
{
    margin-top:10px;
    border-bottom:#cca073 1px solid;
}

#promoBlock div.promoProduct div.promoName
{
    height:28px;
    line-height:28px;
    margin:5px 0px 5px 0px;
    font-weight:bold;
    padding:0 5px;
    font-size:13px;

    border-top:2px solid #cca073;
    border-bottom:1px solid #cca073;
    background-color:#ffffff
}

#promoBlock div.promoProduct div.image
{
    text-align:center;
}

#promoBlock div.promoProduct div.image img
{
    border:1px solid #cca073;
}

#promoBlock div.promoProduct div.productName
{
    padding:0px 5px;
}

#promoBlock div.promoProduct div.price
{
    text-align:right;
    margin:5px 0px;;
    padding-right:5px;
}

#promoBlock div.promoProduct div.price .catalogPrice
{        
}

#promoBlock div.promoProduct div.price .catalogPriceFinal
{
}

#promoBlock div.promoProduct div.more
{
   font-size:11px;
   text-align:right;
   padding-right:5px;
}

    #promoBlock div.promoProduct div.more a {
        color: #663300;
        text-decoration: none;
        background-image: url(../Images/ico_sort_n.png);
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 10px;
    }

#promoBlock div.promoProduct div.more a:hover
{
    text-decoration:underline;
}