html, body {
    height: 100%;
    overflow: inherit;
}

body {
    font: 12px Arial, Helvetica, Sans-Serif;
    color: #222222;
    background: #d3e9f7;
}

#Container {
    min-height: 100%;
    position: relative;
    width: 990px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

/** html #Container {
    height: 100%;
}*/

#TopLine {
    font-size: 10px;
    font-weight: bold;
    background-color: #F2F2F2;
    text-align: center;
    padding: 2px 0;
    height: 14px;
}

    #TopLine h1 {
        display: inline;
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
    }

#Header {
    position: relative;
    height: 156px;
    background: url(Images/header.png) no-repeat top right;
}

.NavigationC {
    text-align: right;
    background-color: #0099cc;
    color: #FFF;
    padding: 4px 15px;
}

    .NavigationC a {
        color: #FFF;
    }

        .NavigationC a:hover {
            color: #FFF;
            text-decoration: underline;
        }

#Logo {
    position: absolute;
    top: 15px;
    left: 20px;
}

#Content {
    position: relative;
    width: 100%;
}

.left-column {
    position: absolute;
    top: 0;
    width: 200px;
    font-size: 10px;
    z-index:1000;
}

.content {
    margin-left: 200px;
    position: relative;
    width: 778px;
    min-height: 580px;
    padding: 6px;
}

.nav-left {
    width: 200px;
}

    .nav-left li {
    }

        .nav-left li a {
            display: block;
            background: #006699;
            color: #FFF;
            padding: 18px 6px;
            width: 188px;
            -moz-transition: width 0.3s linear, border-radius 0.3s linear;
            -o-transition: width 0.3s linear, border-radius 0.3s linear;
            -webkit-transition: width 0.3s linear, border-radius 0.3s linear;
            transition: width 0.3s linear, border-radius 0.3s linear;
        }

            .nav-left li a .nav-left-title {
                font-size: 16px;
                display: block;
                font-weight: bold;
                text-transform: uppercase;
            }

            .nav-left li a .nav-left-subtitle {
                font-size: 10px;
            }

        /*.nav-left li.chauffage a { background: rgba(0, 153, 204, 1) url(Images/Navigation/chauffage.png) no-repeat center right; }
        .nav-left li.douche a { background: rgba(0, 153, 204, 0.95) url(Images/Navigation/douche.png) no-repeat center right; }
        .nav-left li.sauna a { background: rgba(0, 153, 204, 0.90) url(Images/Navigation/sauna.png) no-repeat center right; }
        .nav-left li.spa a { background: rgba(0, 153, 204, 0.85) url(Images/Navigation/spa.png) no-repeat center right; }
        .nav-left li.aquafitness a { background: rgba(0, 153, 204, 0.80) url(Images/Navigation/aquafitness.png) no-repeat center right; }
        .nav-left li.paddle a { background: rgba(0, 153, 204, 0.75) url(Images/Navigation/paddle.png) no-repeat center right; }
        .nav-left li.jardin a { background: rgba(0, 153, 204, 0.70) url(Images/Navigation/jardin.png) no-repeat center right; }*/
        .nav-left li.chauffage-piscine a {
            background: #ef8d00 url(Images/Navigation/chauffage.png) no-repeat center right;
        }

        .nav-left li.douche-solaire a {
            background: #ad1f6b url(Images/Navigation/douche.png) no-repeat center right;
        }

        .nav-left li.sauna a {
            background: #a24e12 url(Images/Navigation/sauna.png) no-repeat center right;
        }

        .nav-left li.spa a {
            background: #0067b2 url(Images/Navigation/spa.png) no-repeat center right;
        }

        .nav-left li.aquafitness a {
            background: #00aeef url(Images/Navigation/aquafitness.png) no-repeat center right;
        }

        .nav-left li.paddleboard a {
            background: #0090ab url(Images/Navigation/paddle.png) no-repeat center right;
        }

        .nav-left li.jardin a {
            background: #8cc63e url(Images/Navigation/jardin.png) no-repeat center right;
        }

        .nav-left li a:hover {
            width: 244px;
            border-radius: 0 10px 10px 0;
        }


.bloc-left-links {
    /*padding-top: 28px;
    margin-bottom: 10px;
    background: url(Images/Navigation/NavSociete.gif) no-repeat top left;*/
}

.bloc-left-informations {
    text-align: center;
}



#Footer {
    position: relative;
    width: 990px;
    clear: both;
    text-align: right;
    height: 150px;
    line-height: 1.6em;
    color: #FFF;
    background: url(Images/footer.png) no-repeat bottom right;
}

.footer_links {
    position: absolute;
    bottom: 10px;
    right: 24px;
    text-align: right;
}

    .footer_links a {
        color: #FFF;
    }

        .footer_links a:hover {
            color: #FFF;
            text-decoration: underline;
        }

.GoogleTranslate {
    text-align: center;
}

#NavigationPath {
    position: absolute;
    bottom: 0;
    left: 204px;
    width: 772px;
    color: #003366;
    font-size: 0.95em;
    border-bottom: solid 1px #FFEECC;
}

    #NavigationPath a {
        color: #0266a4;
    }

        #NavigationPath a:hover {
            color: #024066;
        }

/***************************/
/* TYPO */
/***************************/

p {
    font-size: 11px;
    margin: 0.8em 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #006699;
    line-height: 1.2em;
}

h1 {
    font-size: 1.4em;
    margin: 0.8em 0 1em 0;
}

h2 {
    font-size: 1.2em;
    margin: 0.8em 0 1em 0;
}

h3 {
    font-size: 1.2em;
    margin: 0.6em 0 0.8em 0;
    font-weight: normal;
}

h4 {
    font-size: 1.1em;
    margin: 0.6em 0 0.8em 0;
}

h5 {
    font-size: 1.1em;
    margin: 0.4em 0 0.6em 0;
    font-weight: normal;
}

h6 {
    font-size: 1.0em;
    margin: 0.4em 0 0.6em 0;
}

a {
    color: #0e85b4;
    text-decoration: none;
}

    a:hover {
        color: #08aff0;
        text-decoration: none;
    }

em, .italic {
    font-style: italic;
}

small, .small {
    font-size: 0.9em;
}

.Price {
    color: #EE0000;
}

.pnlWaitBackground {
    background-image: url(/Images/opacity70.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.pnlWaitMsg {
    position: relative;
    top: 60px;
    margin: auto;
    width: 320px;
    padding: 20px;
    background-color: #FFFFFF;
    border: solid 1px #333333;
    text-align: center;
}
/****************** NAVIGATION *******************************/

#TranslateBar {
    position: absolute;
    right: 5px;
    top: 1px;
}


.Navigation {
}

    .Navigation li {
        font-size: 1.1em;
        font-weight: bold;
        padding: 2px;
    }

    .Navigation a {
        color: #006699;
    }

        .Navigation a:hover {
            color: #1c73a5;
        }

.NavigationH {
    position: absolute;
    bottom: 0px;
    left: 300px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .NavigationH li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .NavigationH li a {
            display: block;
        }

#NavA {
    padding-top: 28px;
    margin-bottom: 8px;
    background: url(Images/Navigation/NavSauna.gif) no-repeat top left;
}

#NavB {
    padding-top: 28px;
    margin-bottom: 8px;
    background: url(Images/Navigation/NavPiscineSpa.gif) no-repeat top left;
}

#NavC {
    padding-top: 28px;
    margin-bottom: 8px;
    background: url(Images/Navigation/NavJardin.gif) no-repeat top left;
}

.NavigationTree {
    font-size: 1.1em;
}

    .NavigationTree li {
        display: block;
        text-transform: uppercase;
    }

        .NavigationTree li.HaveSubMenu > a {
            background: url(Images/Navigation/NavASubIco.png) no-repeat center right;
        }

        .NavigationTree li.HaveSubMenu.Selected > a {
            background: url(Images/Navigation/NavSubIco.png) no-repeat center right;
        }

        .NavigationTree li a {
            display: block;
            padding: 2px 2px 2px 2px;
            margin: 0;
            text-decoration: none;
            height: 14px; /* hint for IE, alternatively remove whitespace from HTML */
            font-weight: bold;
        }

    .NavigationTree > li > a {
        display: block;
        padding: 4px 2px 4px 4px;
        margin: 0;
        text-decoration: none;
        height: 14px; /* hint for IE, alternatively remove whitespace from HTML */
        font-weight: bold;
        border-bottom: 1px solid #CCC;
    }

    .NavigationTree li ul li {
        border-bottom: 1px dotted #CCC;
    }

        .NavigationTree li ul li:last-child {
            border-bottom: 0 none;
        }

        .NavigationTree li ul li a {
            padding-left: 10px;
            color: #006699;
            background-color: #f7f7f7;
        }

    .NavigationTree li.Selected > ul {
    }

#NavA .NavigationTree li a {
    color: #ff6600;
}

#NavA .NavigationTree li.HaveSubMenu > a {
    background: url(Images/Navigation/NavASubIco.png) no-repeat center right;
}

#NavA .NavigationTree li.HaveSubMenu.Selected > a {
    background: #ff9900 url(Images/Navigation/NavSubIco.png) no-repeat center right;
}

#NavA .NavigationTree li.HaveSubMenu > a:hover {
    background: #ff6600 url(Images/Navigation/NavSubIco.png) no-repeat center right;
}

#NavA .NavigationTree li a:hover {
    background-color: #ff6600;
    color: #FFFFFF;
}

#NavA .NavigationTree li.Selected > a {
    background-color: #ff9900;
    color: #FFFFFF;
}

    #NavA .NavigationTree li.Selected > a:hover {
        color: #FFFFFF;
    }

#NavA .NavigationTree li.HaveSubMenu.Selected {
    border: 1px solid #ff6600;
    border-top: 0 none;
    border-left: 0 none;
}

#NavB .NavigationTree li a {
    color: #006699;
}

#NavB .NavigationTree li.HaveSubMenu > a {
    background: url(Images/Navigation/NavBSubIco.png) no-repeat center right;
}

#NavB .NavigationTree li.HaveSubMenu.Selected > a {
    background: #0099cc url(Images/Navigation/NavSubIco.png) no-repeat center right;
}

#NavB .NavigationTree li.HaveSubMenu > a:hover {
    background: #006699 url(Images/Navigation/NavSubIco.png) no-repeat center right;
}

#NavB .NavigationTree li a:hover {
    background-color: #006699;
    color: #FFFFFF;
}

#NavB .NavigationTree li.Selected > a {
    background-color: #0099cc;
    color: #FFFFFF;
}

    #NavB .NavigationTree li.Selected > a:hover {
        color: #FFFFFF;
    }

#NavB .NavigationTree li.HaveSubMenu.Selected {
    border: 1px solid #006699;
    border-top: 0 none;
    border-left: 0 none;
}

#NavC .NavigationTree li a {
    color: #669900;
}

#NavC .NavigationTree li.HaveSubMenu > a {
    background: url(Images/Navigation/NavCSubIco.png) no-repeat center right;
}

#NavC .NavigationTree li.HaveSubMenu.Selected > a {
    background: #99CC00 url(Images/Navigation/NavSubIco.png) no-repeat center right;
}

#NavC .NavigationTree li.HaveSubMenu > a:hover {
    background: #669900 url(Images/Navigation/NavSubIco.png) no-repeat center right;
}

#NavC .NavigationTree li a:hover {
    background-color: #669900;
    color: #FFFFFF;
}

#NavC .NavigationTree li.Selected > a {
    background-color: #99CC00;
    color: #FFFFFF;
}

    #NavC .NavigationTree li.Selected > a:hover {
        color: #FFFFFF;
    }

#NavC .NavigationTree li.HaveSubMenu.Selected {
    border: 1px solid #669900;
    border-top: 0 none;
    border-left: 0 none;
}

#NavA #Nav_Sauna-Infrarouge > a {
    color: #cc0033;
    background: url(Images/Navigation/NavASubIco-SaunaInfra.png) no-repeat center right;
}

    #NavA #Nav_Sauna-Infrarouge.Selected > a, #NavA #Nav_Sauna-Infrarouge > a:hover {
        background: #cc0033 url(Images/Navigation/NavSubIco.png) no-repeat center right;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge.HaveSubMenu.Selected {
    border: 1px solid #cc0033;
    border-top: 0 none;
    border-left: 0 none;
}

#NavA #Nav_Sauna-Vapeur > a {
    color: #0466a5;
    background: url(Images/Navigation/NavASubIco-SaunaVapeur.png) no-repeat center right;
}

    #NavA #Nav_Sauna-Vapeur > a:hover, #NavA #Nav_Sauna-Vapeur.Selected > a {
        background: #0466a5 url(Images/Navigation/NavSubIco.png) no-repeat center right;
        color: #FFF;
    }

#NavA #Nav_Sauna-Vapeur.HaveSubMenu.Selected {
    border: 1px solid #0466a5;
    border-top: 0 none;
    border-left: 0 none;
}

#NavA #Nav_Sauna-Transportable > a {
    color: #99cc00;
}

    #NavA #Nav_Sauna-Transportable.Selected > a, #NavA #Nav_Sauna-Transportable > a:hover {
        background-color: #99cc00;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge-Soleil-Blanc a {
    color: #333;
}

    #NavA #Nav_Sauna-Infrarouge-Soleil-Blanc.Selected a, #NavA #Nav_Sauna-Infrarouge-Soleil-Blanc a:hover {
        background-color: #faf8e0;
        color: #333;
    }

#NavA #Nav_Sauna-Infrarouge-Duo a {
    color: #7f0175;
}

    #NavA #Nav_Sauna-Infrarouge-Duo.Selected a, #NavA #Nav_Sauna-Infrarouge-Duo a:hover {
        background-color: #7f0175;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge-Athena a {
    color: #0466a5;
}

    #NavA #Nav_Sauna-Infrarouge-Athena.Selected a, #NavA #Nav_Sauna-Infrarouge-Athena a:hover {
        background-color: #0466a5;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge-Saga a {
    color: #cc0033;
}

    #NavA #Nav_Sauna-Infrarouge-Saga.Selected a, #NavA #Nav_Sauna-Infrarouge-Saga a:hover {
        background-color: #cc0033;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge-Apollon a {
    color: #437891;
}

    #NavA #Nav_Sauna-Infrarouge-Apollon.Selected a, #NavA #Nav_Sauna-Infrarouge-Apollon a:hover {
        background-color: #437891;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge-Prince a {
    color: #ff6c00;
}

    #NavA #Nav_Sauna-Infrarouge-Prince.Selected a, #NavA #Nav_Sauna-Infrarouge-Prince a:hover {
        background-color: #ff6c00;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge-Star a {
    color: #ffa200;
}

    #NavA #Nav_Sauna-Infrarouge-Star.Selected a, #NavA #Nav_Sauna-Infrarouge-Star a:hover {
        background-color: #ffa200;
        color: #FFF;
    }

#NavA #Nav_Sauna-Infrarouge-Luxe a {
    color: #b00000;
}

    #NavA #Nav_Sauna-Infrarouge-Luxe.Selected a, #NavA #Nav_Sauna-Infrarouge-Luxe a:hover {
        background-color: #b00000;
        color: #FFF;
    }

#NavA #Nav_Sauna-Vapeur-Zen a {
    color: #0b9ed7;
}

    #NavA #Nav_Sauna-Vapeur-Zen.Selected a, #NavA #Nav_Sauna-Vapeur-Zen a:hover {
        background-color: #0b9ed7;
        color: #FFF;
    }

#NavA #Nav_Sauna-Vapeur-Saga a {
    color: #cc0033;
}

    #NavA #Nav_Sauna-Vapeur-Saga.Selected a, #NavA #Nav_Sauna-Vapeur-Saga a:hover {
        background-color: #cc0033;
        color: #FFF;
    }

#NewsletterBox {
    margin-top: 10px;
    border-top: solid 1px #CCCCCC;
    padding: 5px;
}

    #NewsletterBox .Title {
        display: block;
        padding: 2px;
        font-size: 1.1em;
        font-weight: bold;
        color: #069;
    }
/****************** CATALOGUE *******************************/

.ProductPricesPanel {
    font-size: 1em;
}

    .ProductPricesPanel .PriceBase {
    }

    .ProductPricesPanel .PriceSpecial {
    }

    .ProductPricesPanel .PriceMini {
    }

/**************** BrowseProduct ****************/
#ProductBrowser {
    position: relative;
    border-top: solid 1px #CCCCCC;
    padding-top: 5px;
}

.SpecialSaleBox {
    height: 160px;
    width: 780px;
    margin-bottom: 12px;
}

.ProductList .ProductBox {
    position: relative;
    text-align: left;
    background-color: #FFFFFF;
    border-top: dotted 1px #CCCCFF;
    border-left: dotted 1px #CCCCFF;
    border-right: dotted 1px #CCCCFF;
    height: 160px;
}

.ProductList .ProductBoxB {
    background-color: #F5F5F5;
}

.ProductList .ProductBox .Picture {
    position: relative;
    float: left;
    cursor: pointer;
    width: 160px;
    overflow: hidden;
    background-color: #FFFFFF;
}

    .ProductList .ProductBox .Picture img {
        display: block;
        height: 160px;
        max-width: 160px;
        margin: 0px auto;
    }

.ProductList .ProductBox .Details {
    position: absolute;
    top: 0;
    right: 0;
    height: 152px;
    width: 160px;
    padding: 4px;
    border-left: dotted 1px #CCCCFF;
    background-color: #FFFFFF;
    text-align: center;
}

.ProductList .ProductBox .Description {
    padding-right: 170px;
}

.ProductList .ProductBox .btnMoreInfos {
    position: absolute;
    bottom: 4px;
    right: 170px;
}

.ProductList .ProductBox .btnAddToCart {
    position: absolute;
    bottom: 20px;
    right: 0px;
}

.ProductList .ProductBox .PriceInfos {
    height: 120px;
}

.ProductList .ProductBox .Stock {
    margin-top: 6px;
    margin-bottom: 10px;
    font-size: 1em;
    text-align: left;
}

.ProductList .ProductBox .pnlPrice {
    margin-top: 26px;
    margin-bottom: 10px;
}

    .ProductList .ProductBox .pnlPrice .lblPrice {
        display: none;
    }

    .ProductList .ProductBox .pnlPrice .Price {
        color: #BB2200;
        font-size: 1.6em;
        font-weight: bold;
    }

    .ProductList .ProductBox .pnlPrice .lblDiscount {
        color: #666666;
        font-size: 1em;
    }

    .ProductList .ProductBox .pnlPrice .Discount {
        color: #333333;
        font-size: 1.1em;
    }

.ProductList .ProductBox .Title {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 2px;
    text-indent: 6px;
    color: #FFFFFF;
}

    .ProductList .ProductBox .Title a {
        color: #006699;
    }

        .ProductList .ProductBox .Title a:hover {
            color: #0099CC;
        }

.ProductList .ProductBox .ShortDescription {
    color: #444444;
    font-size: 0.9em;
    padding-top: 2px;
    padding-bottom: 2px;
    text-indent: 8px;
}

    .ProductList .ProductBox .ShortDescription p {
        text-indent: 2px;
        margin-bottom: 2px;
    }

/******************* SPECIAL STYLE ****************************/
img.SpecialStyleIcon {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
}

/* ProductGrid */
.ProductGrid {
    width: 780px;
    margin: auto;
}

    .ProductGrid .ProductBox {
        position: relative;
        text-align: left;
        background-color: #FFFFFF;
        border: 1px solid #FFF;
        float: left;
        width: 240px;
        height: 310px;
        padding: 4px;
        margin: 5px;
        margin-bottom:10px;
        -moz-transition: border-color linear 0.4s, box-shadow linear 0.4s;
        -o-transition: border-color linear 0.4s, box-shadow linear 0.4s;
        -webkit-transition: border-color linear 0.4s, box-shadow linear 0.4s;
        transition: border-color linear 0.4s, box-shadow linear 0.4s;
    }
    
    .ProductGrid .ProductBox .SoldOut {
            background-image: url(images/sold-out.png);
            position: absolute;
            bottom: 0;
            left: 0;
        width: 240px;
        height: 310px;
        padding: 4px;
        z-index:10;
    }

        .ProductGrid .ProductBox:hover {
            z-index: 10;
            border: 1px solid #0099cc;
            box-shadow: 0 0 10px 2px #999;
            filter: progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=NaN, Strength=10);
        }

        .ProductGrid .ProductBox .Picture {
            position: relative;
            cursor: pointer;
            width: 240px;
            background-color: #FFFFFF;
        }

            .ProductGrid .ProductBox .Picture img.ProductImage {
                display: block;
                height: 240px;
                max-width: 240px;
                margin: 3px auto;
            }

        .ProductGrid .ProductBox .ProductInfos {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
        }

        .ProductGrid .ProductBox .Details {
            background-image: url(/Images/opacity80.png);
            height: 42px;
            border-top: solid 2px #0099cc;
        }

        .ProductGrid .ProductBox .Description {
            overflow: hidden;
        }

        .ProductGrid .ProductBox .btnMoreInfos {
            display: none;
        }

        .ProductGrid .ProductBox .btnAddToCart {
            display: none;
        }

        .ProductGrid .ProductBox .PriceInfos {
            position: relative;
            padding:5px 2px;
            background-color:#EEE;
            height:32px
        }

        .ProductGrid .ProductBox .Stock {
            position: absolute;
            top: 5px;
            left: 2px;
            font-size: 0.9em;
            text-align: left;
        }

        .ProductGrid .ProductBox .Title {
            display: block;
            font-size: 0.95em;
            font-weight: bold;
            padding: 2px;
            padding-right: 50px;
            color: #006699;
            background-image: url(/Images/opacity70.png);
        }

.ProductBox .Title a {
    color: #006699;
}

    .ProductBox .Title a:hover {
        color: #0066CC;
    }

.ProductGrid .ProductBox .ShortDescription {
    display: none;
}

.ProductGrid .ProductBox img.SpecialStyleIcon {
    max-height: 80px;
    max-width: 80px;
    top: -4px;
    left: -4px;
}

.ProductGrid .ProductBox .ProductPricesPanel {
    text-align: right;
}

    .ProductGrid .ProductBox .ProductPricesPanel .PriceBase {
    }

    .ProductGrid .ProductBox .ProductPricesPanel .PriceSpecial {
    }

    .ProductGrid .ProductBox .ProductPricesPanel .PriceMini {
    }

    .ProductGrid .ProductBox .ProductPricesPanel .PriceCurrent {
        color: #BB2200;
        font-size: 1.3em;
        font-weight: bold;
        display: block;
    }

    .ProductGrid .ProductBox .ProductPricesPanel .PriceCross {
        text-decoration: line-through;
    }

    .ProductGrid .ProductBox .ProductPricesPanel .PricePercent {
        font-size: 1.4em;
        font-weight: bold;
        display: block;
        padding: 2px 3px 1px 3px;
        background: #C00;
        position: absolute;
        top: -27px;
        right: 2px;
        color: #FFF;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

/* ProductGrid Small Version */
.ProductGridSmall {
    width: 780px;
    margin: auto;
}

    .ProductGridSmall .ProductBox {
        position: relative;
        text-align: left;
        background-color: #FFFFFF;
        float: left;
        width: 126px;
        height: 140px;
        margin: 2px;
    }

        .ProductGridSmall .ProductBox .Picture {
            position: relative;
            cursor: pointer;
            width: 124px;
            background-color: #FFFFFF;
        }

            .ProductGridSmall .ProductBox .Picture img.ProductImage {
                display: block;
                height: 100px;
                max-width: 100px;
                margin: 3px auto;
            }

        .ProductGridSmall .ProductBox .Details {
            position: absolute;
            bottom: 0px;
            left: 0px;
            height: 30px;
            width: 100%;
            border-top: solid 1px #CCCCCC;
        }

        .ProductGridSmall .ProductBox .Description {
            position: absolute;
            bottom: 30px;
            left: 0px;
            width: 100%;
            overflow: hidden;
        }

        .ProductGridSmall .ProductBox .btnMoreInfos {
            display: none;
        }

        .ProductGridSmall .ProductBox .Stock {
            position: absolute;
            bottom: 2px;
            left: 2px;
            font-size: 9px;
        }

            .ProductGridSmall .ProductBox .Stock img {
                width: 12px;
                height: 12px;
            }

        .ProductGridSmall .ProductBox .Title {
            display: block;
            font-size: 10px;
            font-weight: bold;
            padding: 1px;
            padding-right: 20px;
            text-align: left;
            color: #006699;
            background: url(/Images/opacity70.png);
        }

        .ProductGridSmall .ProductBox .btnAddToCart {
            display: block;
            z-index: 10000;
            float: right;
            margin: 2px;
            height: auto;
            line-height: normal;
            padding: 4px 4px 4px 4px;
        }

        .ProductGridSmall .ProductBox img.SpecialStyleIcon {
            max-height: 60px;
            max-width: 60px;
            top: -6px;
            left: -6px;
        }

        .ProductGridSmall .ProductBox .ProductPricesPanel {
            text-align: right;
            font-size: 9px;
            padding: 2px;
        }

            .ProductGridSmall .ProductBox .ProductPricesPanel .PriceBase {
            }

            .ProductGridSmall .ProductBox .ProductPricesPanel .PriceSpecial {
            }

            .ProductGridSmall .ProductBox .ProductPricesPanel .PriceMini {
            }

            .ProductGridSmall .ProductBox .ProductPricesPanel .PriceCurrent {
                color: #BB2200;
                font-size: 1.2em;
                font-weight: bold;
            }

            .ProductGridSmall .ProductBox .ProductPricesPanel .PriceCross {
                font-size: 0.90em;
                text-decoration: line-through;
            }

            .ProductGridSmall .ProductBox .ProductPricesPanel .PricePercent {
                font-size: 1em;
                font-weight: bold;
                display: block;
                padding: 1px 2px;
                background: #C00;
                position: absolute;
                top: -16px;
                right: 2px;
                color: #FFF;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
            }

/**************** ShoppingCart Additionnal Product ****************/
.TinyProductGrid {
    overflow: hidden;
    width: 100%;
    background-color: #EEE;
    margin-bottom: 10px;
}

/**************** ShowProduct ****************/
#Catalogue {
    position: relative;
}

#Product {
    position: relative;
    width: 780px;
}

    #Product .PicturesPanel {
        width: 360px;
        height: 380px;
        text-align: center;
        border-right: solid 1px #EEEEEE; /*HACK*/
        display: table-cell;
        vertical-align: middle;
    }

        #Product .PicturesPanel img {
            max-height: 360px;
            max-width: 360px;
        }

        #Product .PicturesPanel .PictureCollection {
            background-color: #FFFFFF;
            width: 360px;
            height: 90px;
            text-align: center;
            overflow: hidden;
        }

        #Product .PicturesPanel .PictureBox {
            margin: 1px;
            border: solid 1px #EEEEEE;
            width: 86px;
            height: 86px;
            float: left;
        }

            #Product .PicturesPanel .PictureBox.selected {
                border-color: #666666;
            }

            #Product .PicturesPanel .PictureBox img {
                width: 86px;
                height: 86px;
            }

    #Product .pnlDetails {
        position: absolute;
        left: 362px;
        top: 0px;
        width: 268px;
        height: 262px;
        padding: 5px 148px 5px 5px;
    }

    #Product .pnlShortDescription {
        padding: 4px;
        text-align: left;
    }

#Catalogue .ProductLabel {
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 0;
}

#Catalogue .ProductCategory {
    font-size: 1.0em;
    line-height: 1.6em;
    margin: 0;
    font-style: italic;
}

#Product .PricePanel {
    float: right;
    text-align: right;
    padding: 2px;
}

    #Product .PricePanel .PriceState {
        font-weight: bold;
        font-size: 1em;
        display: block;
    }

#Product .ProductPricesPanel {
    text-align: right;
    font-size: 9px;
    padding: 2px;
}

    #Product .ProductPricesPanel .PriceBase {
    }

    #Product .ProductPricesPanel .PriceSpecial {
    }

    #Product .ProductPricesPanel .PriceMini {
    }

    #Product .ProductPricesPanel .PriceCurrent {
        color: #FFF;
        font-size: 2.4em;
        font-weight: bold;
        display: block;
    }

    #Product .ProductPricesPanel .PriceCross {
        text-decoration: line-through;
        font-size: 1.2em;
        font-weight: bold;
    }

    #Product .ProductPricesPanel .PricePercent {
        font-size: 2em;
        font-weight: bold;
        display: block;
        padding: 5px;
        background: #C00;
        border: 1px solid #555;
        color: #FFF;
        position: absolute;
        left: -2px;
        top: -2px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

/*.pnlInfos{position:relative;height:38px;background:url(/Images/pnlInfosBck.gif) no-repeat center top;}
.pnlInfos .pnlModel{padding:2px;}*/
/*.pnlInfos .btnAddToCart {position:absolute;right:2px;top:5px;margin:0;padding:0;}*/
.AddToCartPanel {
    position: absolute;
    top: 276px;
    right: 0px;
    width: 158px;
    height: 58px;
    padding: 6px 6px 40px 6px;
    background: url(/Images/ProductBox_Price.png) no-repeat;
}

    .AddToCartPanel .btnAddToCart {
        position: absolute;
        right: 4px;
        bottom: 6px;
        margin: 0;
        padding: 0;
    }

#Product .boxAvailability {
    position: absolute;
    top: 302px;
}

#Product .boxShipping {
    position: absolute;
    top: 286px;
    color: #0099cc;
}

#Catalogue .FullDescription {
    width: 780px;
    overflow: hidden;
}

.HTMLProductArea.ui-tabs .ui-tabs-nav li.ui-state-active {
    cursor: text;
}

.HTMLProductArea.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    position: relative;
}

.HTMLProductArea.ui-tabs .ui-tabs-nav li a, .HTMLProductArea.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

.HTMLProductArea.ui-tabs .ui-tabs-panel {
    display: block;
    clear: both;
    margin: 0;
    padding: 0 5px;
}

.HTMLProductArea.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.HTMLProductArea ul.ui-tabs-nav {
    position: relative;
    height: 30px;
    padding-left: 10px;
    background: url(images/producttabs_bg.gif) repeat-x top right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .HTMLProductArea ul.ui-tabs-nav li {
        list-style: none;
        float: left;
        font-size: 12px;
        position: relative;
        background: url(images/producttabs_lt.gif) no-repeat left 0px;
    }

    .HTMLProductArea ul.ui-tabs-nav a {
        display: block;
        font-weight: bold;
        padding: 8px 13px 7px 13px;
        text-decoration: none;
        color: #FFF;
        background: url(images/producttabs_rt.gif) no-repeat right 0px;
    }

    .HTMLProductArea ul.ui-tabs-nav li:hover {
        background: url(images/producttabs_lt.gif) no-repeat left -30px;
    }

    .HTMLProductArea ul.ui-tabs-nav li a:hover {
        color: #285771;
        text-decoration: none;
        background: url(images/producttabs_rt.gif) no-repeat right -30px;
    }

    .HTMLProductArea ul.ui-tabs-nav li.ui-state-active, .HTMLProductArea ul.ui-tabs-nav li.ui-state-selected {
        background-color: #FFFFFF;
        background: url(images/producttabs_lt.gif) no-repeat left -60px;
    }

        .HTMLProductArea ul.ui-tabs-nav li.ui-state-active a, .HTMLProductArea ul.ui-tabs-nav li.ui-state-selected a {
            color: #285771;
            background: url(images/producttabs_rt.gif) no-repeat right -60px;
        }

.AdditionalProducts, .SimilarProducts, .SameDepartmentProducts {
    clear: both;
    padding: 5px 0px;
}

    .AdditionalProducts h2, .SimilarProducts h2, .SameDepartmentProducts h2 {
        margin: 0;
        margin-left: 0px;
        margin-bottom: 4px;
        background-repeat: no-repeat;
        background-position: top left;
        height: 30px;
        overflow: hidden;
        text-indent: -9999px;
    }

    .SimilarProducts h2 {
        background-image: url(/Images/LignSimilarProduct.gif);
    }

    .AdditionalProducts h2 {
        background-image: url(/Images/LignAdditionalProduct.gif);
    }

    .SameDepartmentProducts h2 {
        background-image: url(/Images/LignSameDepartment.gif);
    }

#Product .lblProductModel {
    font-size: 9px;
    color: #666666;
}

#Product .pnlModelSelector {
    width: 276px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

    #Product .pnlModelSelector table {
        border: solid 1px #DDD;
    }

    #Product .pnlModelSelector .rdlModelSelector td {
        background-color: #F0f7ff;
        color: #333333;
        border-bottom: dotted 1px #cfedfd;
        width: 100%;
        height: 22px;
    }

    #Product .pnlModelSelector .rdlModelSelector .sku {
        font-size: 0.9em;
    }

    #Product .pnlModelSelector .rdlModelSelector .model_title {
        font-weight: bold;
    }

    #Product .pnlModelSelector .rdlModelSelector .selected {
        background-color: #cceeff;
    }

    #Product .pnlModelSelector .rdlModelSelector .highlight {
        background-color: #FFFFCC;
    }

    #Product .pnlModelSelector .rdlModelSelector td label {
        width: 236px;
        display: block;
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 16px;
        float: left;
        cursor: pointer;
    }

    #Product .pnlModelSelector .rdlModelSelector td input {
        float: left;
        height: 10pt;
        margin-top: 4px;
        margin-left: 4px;
        vertical-align: middle;
        cursor: pointer;
    }

    #Product .pnlModelSelector select {
        font-family: Arial;
        font-size: 11px;
    }

#Product .ProductRightPanel {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 144px;
    height: 272px;
    background: url(/Images/ProductBox_Background.png);
}

    #Product .ProductRightPanel .CetelemPrice {
        position: absolute;
        top: 68px;
        width: 144px;
        display: block;
        font-size: 20px;
        color: #CC0000;
        font-weight: bold;
        text-align: center;
    }

    #Product .ProductRightPanel .NXCB {
        width: 144px;
        height: 110px;
        position: relative;
        cursor: pointer;
        background: url(/Images/ProductBox_CetelemNxCB.png) no-repeat;
    }

    #Product .ProductRightPanel .Presto {
        width: 144px;
        height: 110px;
        position: relative;
        cursor: pointer;
        background: url(/Images/ProductBox_Presto.png) no-repeat;
    }

    #Product .ProductRightPanel .CB {
        width: 144px;
        height: 110px;
        position: relative;
        cursor: pointer;
        background: url(/Images/ProductBox_CB.png) no-repeat;
    }

    #Product .ProductRightPanel .Presto .CetelemPrice {
        top: 70px;
    }


/******************* SHOPPING CART ****************************/
.Box {
    width: 360px;
    margin-bottom: 5px;
}

    .Box .Title {
        padding: 2px;
        font-weight: bold;
        background-color: #006699;
        color: #FFFFFF;
    }

    .Box .Content {
        border: solid 1px #CCCCCC;
        border-top: none;
        background-color: #F6F6F6;
        padding: 5px;
    }

/* ShoppingCart (Control) */

.ShoppingList {
    margin-bottom: 6px;
    width: 100%;
}

    .ShoppingList th {
        height: 12px;
        vertical-align: bottom;
        text-align: left;
    }

    .ShoppingList td {
        vertical-align: top;
        text-align: left;
    }

    .ShoppingList .slash {
        height: 1px;
        background-color: #60a2ce;
    }

    .ShoppingList tr {
        padding-top: 2px;
        padding-bottom: 2px;
    }

        .ShoppingList tr:nth-child(even) {
        }

        .ShoppingList tr:nth-child(odd) {
        }

            .ShoppingList tr:nth-child(odd) a {
                color: #60a2ce;
            }

.qty {
    text-align: center;
}

.price {
    text-align: right;
}

.total {
    text-align: right;
    font-weight: bold;
}

/* ShoppingCart (Page) & OrderHistoryDetails */
.ShoppingCart {
}

    .ShoppingCart h1, .OrderProcess h1 {
        color: #FFF;
        padding: 4px;
        padding-bottom: 2px;
        background-color: #069;
        border-bottom: 1px solid #333;
        margin: 0;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.4em;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#09C),to(#036));
        background-image: -webkit-linear-gradient(top,#09C,#036);
        -webkit-border-radius: 4px 4px 0 0;
        background-image: linear-gradient(top,#09C,#036);
        background-image: -o-linear-gradient(top,#09C,#036);
        border-radius: 4px 4px 0 0;
    }

    .ShoppingCart .sku {
        font-size: 0.9em;
    }

    .ShoppingCart .qty {
        font-size: 0.9em;
        text-align: center;
    }

        .ShoppingCart .qty input[type=text] {
            width: 24px;
            border: solid 1px #999999;
            font-weight: bold;
            color: #222222;
            vertical-align: text-bottom;
            text-align: center;
        }

    .ShoppingCart .price {
        text-align: right;
        line-height: 22px;
    }

    .ShoppingCart .total {
        text-align: right;
        line-height: 22px;
        font-weight: bold;
    }

    .ShoppingCart .delete {
        line-height: 26px;
        text-align: center;
        width: 28px;
        padding-top: 6px;
    }

/* OrderProcess.aspx */
.OrderProcess {
}

#WizardSteps {
    text-align: center;
    border-bottom: 1px dotted #999;
    padding: 4px 0;
    background-color: #EEE;
    margin-bottom: 10px;
}

    #WizardSteps .WizardStepButton {
        width: 110px;
        padding: 2px;
        padding-right: 32px;
        text-align: center;
        display: inline-block;
        margin: 0;
        color: #069;
        text-transform: uppercase;
        background: url(/Images/Icons/ShoppingCart/ShoppingCartStepArrow.png) no-repeat top right;
    }

        #WizardSteps .WizardStepButton:last-child {
            background: none;
        }

.NavButton {
    text-align: right;
    padding: 4px;
    margin-top: 10px;
    min-height: 24px;
    border-top: 1px solid #333;
    clear: both;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#09C),to(#036));
    background-image: -webkit-linear-gradient(top,#09C,#036);
    background-color: #069;
    -webkit-border-radius: 0 0 4px 4px;
    background-image: linear-gradient(top,#09C,#036);
    background-image: -o-linear-gradient(top,#09C,#036);
    border-radius: 0 0 4px 4px;
}

    .NavButton .MovePrevious {
        float: left;
        margin-right: 4px;
    }

    .NavButton input {
        margin-top: 0px;
    }

.OrderInformations {
    margin-bottom: 10px;
    background-color: #EEE;
}

    .OrderInformations table {
        width: 100%;
        border-top: 1px dotted #006699;
        border-bottom: 1px dotted #006699;
    }

    .OrderInformations td {
        vertical-align: top;
        border-right: 1px dotted #006699;
        width: 33%;
        padding: 2px;
    }

        .OrderInformations td:last-child {
            border-right: 0px none;
        }

    .OrderInformations .label {
        display: block;
        font-weight: bold;
        background-color: #006699;
        margin-bottom: 2px;
        color: #FFF;
        padding: 2px;
        font-size: 9px;
        text-transform: uppercase;
        text-align: center;
    }

.TermsOfSale {
    clear: both;
    margin-bottom: 10px;
    text-align: left;
    background-color: #EEE;
    padding: 2px;
    border-top: 1px dotted #999;
    border-bottom: 1px dotted #999;
}

#TermsOfSaleOpener {
    display: none;
    margin-left: 24px;
    line-height: 18px;
    display: block;
}

#TermsOfSaleCloser {
    display: block;
    padding: 0 3px;
    margin-right: 1px;
    border: 1px solid #666;
    float: right;
    font-weight: bold;
}

#TermsOfSaleBlock {
    display: none;
}

#TermsOfSaleContent {
    height: 280px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    margin: 4px 0;
    border: 1px solid #CCC;
    padding: 0 2px;
    background-color: #FFF;
}

.TermsOfSale .ValidationError {
    margin-left: 25px;
    line-height: 18px;
    font-weight: bold;
    font-size: 1em;
}

.OrderLines {
    margin: auto;
    width: 100%;
    margin-bottom: 20px;
    font-size: 1em;
}

    .OrderLines .Picture {
        margin: auto;
        width: 80px;
        height: 80px;
        text-align: center;
        overflow: hidden;
    }

    .OrderLines tr:first-child th:first-child {
        -webkit-border-radius: 4px 0 0 0;
        border-radius: 4px 0 0 0;
    }

    .OrderLines tr:first-child th:last-child {
        -webkit-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0;
    }

    .OrderLines tr:nth-child(even) {
    }

    .OrderLines tr:nth-child(odd) {
        background-color: #EEE;
    }

    .OrderLines th, .OrderLines td {
        padding: 2px;
    }

    .OrderLines th {
        color: #FFFFFF;
        font-size: 10px;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#09C),to(#036));
        background-image: -webkit-linear-gradient(top,#09C,#036);
        background-color: #069;
        background-image: linear-gradient(top,#09C,#036);
        background-image: -o-linear-gradient(top,#09C,#036);
    }

    .OrderLines td {
        vertical-align: top;
        border-bottom: solid 1px #CCCCCC;
    }

.OrderTotal {
    width: 220px;
    float: right;
    text-align: right;
    margin-bottom: 20px;
}

    .OrderTotal table {
        border: solid 1px #999999;
        margin-bottom: 4px;
        width: 100%;
    }

    .OrderTotal th {
        color: #FFFFFF;
        background-image: -webkit-gradient(linear,left top,right top,from(#036),to(#09C));
        background-image: -webkit-linear-gradient(left,#036,#09C);
        background-color: #069;
        background-image: linear-gradient(left,#036,#09C);
        background-image: -o-linear-gradient(left,#036,#09C);
        border-right: solid 1px #CCCCCC;
        vertical-align: middle;
        text-align: right;
        padding: 4px;
        padding-left: 6px;
    }

    .OrderTotal td {
        background-color: #EEEEEE;
        border-bottom: solid 1px #CCCCCC;
        width: 102px;
        vertical-align: middle;
        text-align: right;
        padding: 4px;
    }

    .OrderTotal .Discount {
        color: #CC0000;
    }

    .OrderTotal .TotalWithTax {
        font-size: 14px;
        font-weight: bold;
    }

    .OrderTotal .TotalWOutDiscount {
        display: block;
        font-size: 10px;
        font-style: italic;
        color: #666666;
    }

    .OrderTotal .DetailsVAT {
        font-size: 0.9em;
        font-style: italic;
    }

.pnlPaymentMethod {
    position: relative;
    padding: 2px;
    padding-left: 205px;
    background: #FFFFFF url(Images/PaymentMethodBck.gif) repeat-x 2px;
    border: solid 1px #CCCCCC;
    margin-bottom: 5px;
    min-height: 96px;
}

    .pnlPaymentMethod input {
        padding: 0;
        margin: 0;
    }

    .pnlPaymentMethod .link {
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding: 5px;
        text-align: right;
        font-weight: bold;
    }

    .pnlPaymentMethod .PaymentLogo {
        position: absolute;
        top: 0px;
        left: 0px;
    }

/*PICTURE COLLECTION*/
#PicturesCollection {
    height: 112px;
    overflow: hidden;
}

    #PicturesCollection .PictureBorder {
        width: 80px;
        float: left;
        margin: 2px;
        text-align: center;
        font-size: 9px;
        font-family: Arial, Verdana, Serif;
    }

    #PicturesCollection .PictureTb {
        border: dotted 1px #CCCCCC;
        padding: 2px;
        width: 76px;
        height: 76px;
        margin: auto;
        background-color: #FFFFFF;
        cursor: -moz-zoom-in;
        cursor: url(/Images/zoom.cur);
    }

/****GRIDVIEW*********/
.GridViewStyle {
    border: 1px solid #999999;
}

.GridViewHeaderStyle {
    background-color: #006699;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px;
}

    .GridViewHeaderStyle th {
        border-left: 1px solid #EBE9ED;
        padding: 2px;
    }

.GridViewFooterStyle {
    background-color: #006699;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px;
}

    .GridViewFooterStyle td {
        border-left: 1px solid #EBE9ED;
        vertical-align: top;
        padding: 2px;
    }

.GridViewEditRowStyle {
    background-color: #F7F6F3;
    color: #000066;
}

    .GridViewEditRowStyle td {
        border-bottom: 1px solid #EBE9ED;
        vertical-align: top;
    }

.GridViewRowStyle {
    background-color: #FFFFFF;
    color: #000066;
}

.GridViewAlternatingRowStyle {
    background-color: #E6E6E6;
    color: #000066;
}

    .GridViewRowStyle td, .GridViewAlternatingRowStyle td {
        border-right: 1px solid #CCCCCC;
        vertical-align: top;
        padding: 2px;
    }

.GridViewSelectedRowStyle {
    background-color: #FFFFCC;
    font-weight: bold;
    color: #333333;
}

.GridViewPagerStyle {
    background-color: #284775;
    color: #FFFFFF;
}

    .GridViewPagerStyle table /* to center the paging links*/ {
        margin: 0 auto 0 auto;
    }

/******************************* Product Availability *************************/
.ProductAvailabilityBox {
    display: inline-block;
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.5em;
}

    .ProductAvailabilityBox .AvailabilityIcon {
        vertical-align: bottom;
    }

.Available {
    color: #33aa00;
}

.OnSupply {
    color: #99cc00;
}

.InPreOrder {
    color: #ff9900;
}

.OnOrder {
    color: #0099cc;
}

.StockOut {
    color: #CC0000;
}

.ProductAvailabilityDelay {
    display: block;
    color: #666666;
    font-size: 0.9em;
    line-height: 1.1em;
    text-indent: 2.1em;
    padding-bottom: 2px;
}

/* Account */
ul.ListLink {
}

    ul.ListLink li {
        display: block;
        border: dotted 1px #CCCCCC;
        margin-bottom: 2px;
    }

        ul.ListLink li a {
            display: block;
            height: 100%;
            padding: 2px;
            background-color: #FFFFFF;
            color: #0E85B4;
        }

            ul.ListLink li a:hover {
                background-color: #EEFFFF;
            }

.Legend {
    margin-top: 6px;
    border: dotted 1px #CCCCCC;
    height: 140px;
}

    .Legend dl {
        float: left;
        width: 244px;
        min-height: 140px;
        padding: 4px;
        margin: 0px 4px 4px 0px;
    }

        .Legend dl.last {
            margin-right: 0;
        }

    .Legend dt {
        display: block;
        margin: 0;
        margin-top: 6px;
        padding: 0 0 2px 10px;
    }

    .Legend dd {
        margin: 0 0 0.5em 0;
        padding: 0 0 0 10px;
    }

.AccountPage {
    padding: 5px;
}

.pnlMsgGroups {
}

.Block_MsgGroup {
    text-indent: 0.3em;
    margin: 0 0 10px 0;
}

.Block_MsgItems {
    text-indent: 0.6em;
    padding: 2px;
    margin: 4px 0 4px 0;
    border: dotted 1px #CCCCCC;
    background-color: #EEEEEE;
}


/* Control PromoBox.ascx */
#PromoBox {
    width: 192px;
    height: 212px;
    position: relative;
    background: url(/Images/2013/OffresSpecialesBck.gif) no-repeat top left;
}

    #PromoBox .PromoBox_Background {
        position: absolute;
        top: 14px;
        left: 10px;
        width: 172px;
        height: 160px;
        border-radius: 12px / 65px;
        -webkit-box-shadow: 0 0 10px #000;
        box-shadow: 0 0 10px #000;
        display: block;
    }

    #PromoBox .PromoBox_Content {
        position: absolute;
        top: 4px;
        left: 8px;
        width: 176px;
        height: 180px;
        overflow: hidden;
        background: #FFF;
    }

    #PromoBox .Items {
        position: absolute;
        top: 0;
        z-index: 0;
    }

    #PromoBox .Item {
        position: relative;
        text-align: center;
        height: 180px;
        width: 176px;
        overflow: hidden;
        margin: 0px auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #PromoBox .Item > a {
            display: block;
            height: 180px;
        }

        #PromoBox .Item img {
            height: 124px;
            height: auto !important;
            max-width: 124px;
            max-height: 124px;
            display: block;
            margin: auto;
        }

        #PromoBox .Item .Title {
            display: inline-block;
            font-size: 1em;
            font-weight: bold;
            overflow: hidden;
        }

        #PromoBox .Item .Price {
            color: #CC0000;
            font-size: 1.1em;
            font-weight: bold;
        }

        #PromoBox .Item .OldPrice {
            color: #CC0000;
            font-size: 1.1em;
            font-weight: bold;
            text-decoration: line-through;
        }


/* Page SearchProduct.aspx */
.SearchBar {
    font-size: 0.9em;
    margin-top: 18px;
    margin-bottom: 8px;
    border-bottom: 1px solid #069;
    padding-bottom: 8px;
}

    .SearchBar div.ParamGroup {
        display: inline;
        margin-right: 30px;
        border-top: dotted 1px #666666;
        padding: 2px;
    }

    .SearchBar span.ParamGroupTitle {
        display: inline-block;
        position: absolute;
        top: 0px;
    }

    .SearchBar a.selected {
        font-weight: bold;
        text-decoration: underline;
    }
/* Page Bloc Home */

.box-saisir .pac h2, .box-saisir .pac ul li a, .box-saisir .pac ul li a:hover {
    color: rgb(239, 141, 0);
}


.box-saisir .sup h2, .box-saisir .sup ul li a, .box-saisir .sup ul li a:hover {
    color: rgb(0, 144, 171);
}



.box-saisir .aquafit h2, .box-saisir .aquafit ul li a, .box-saisir .aquafit ul li a:hover {
    color: rgb(0, 174, 239);
}

.box-saisir .jardin h2, .box-saisir .jardin ul li a, .box-saisir .jardin ul li a:hover {
    color: rgb(140, 198, 62);
}

.box-saisir h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0px;
}

.box-saisir .pac .bloc-cat {
    background-color: rgb(252, 232, 204);
}

.box-saisir .sup .bloc-cat {
    background-color: rgb(178, 221, 230);
}

.box-saisir .aquafit .bloc-cat {
    background-color: rgb(204, 239, 252);
}

.box-saisir .jardin .bloc-cat {
    background-color: rgb(232, 244, 216);
}

.box-saisir .bloc-cat {
    width: 100%;
}

.box-saisir .col-70, .box-saisir .col-30, .box-saisir .box, .box-saisir .bloc-cat {
    float: left;
}

.box-saisir .col-30 {
    width: 30%;
}

.box-saisir .col-70 {
    width: 70%;
}

.box-saisir .bloc-cat img {
    width: 115%;
    right: 12px;
    bottom: 0px;
    position: relative;
}

.box-saisir .bloc-cat ul {
    margin: 3% 1%;
}

.box-saisir .bloc-cat li {
    margin: 0.5%;
}

.box-saisir .pc {
    background-color: rgb(204, 0, 0);
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 0.5%;
}

.box-saisir .rc, .box-saisir .nf, .box-saisir .occ, .box-saisir .px {
    font-weight: bold;
}

.box-saisir .rc {
    color: rgb(56, 132, 218);
}

.box-saisir .nf {
    color: rgb(180, 196, 0);
}

.box-saisir .occ {
    color: rgb(239, 141, 0);
}

.box-saisir .col-70, .box-saisir .col-30, .box-saisir .box, .box-saisir .bloc-cat {
    float: left;
}

.box-saisir .box {
    width: 48%;
    margin: 1%;
}

.box-saisir .off {
    visibility: hidden;
}