/* www.itelios.com - 2010 -------global-------*/

body.checkout
{
    background: #f2f1f0 url(/images/backgrounds/bg_checkout.jpg) no-repeat center top;
}

#container
{
    width: 976px;
    margin: 17px auto 0 auto;
    position: relative;
}

#updateContainer
{
    position: absolute;
    top: 190px;
    right: 15px;
    width: 32px;
    height: 32px;
}

#header
{
    background: url(/images/backgrounds/bg_header.png) no-repeat left top;
    height: 119px;
    position: relative;
    z-index: 100;
}

#content
{
    width: 964px;
    background: url(/images/backgrounds/bg_wrapper.png) repeat-y left top;
    padding: 0 6px;
}

#wrapper
{
    width: 100%;
    clear: both;
}

#topWrapper h1
{
    color: #0c0c0d;
    font-size: 2.2em;
    text-transform: uppercase;
    padding: 20px 0 15px 20px;
}
#wrapper .mainTable
{
    width: 100%;
    border-bottom: 1px solid #000;
}
#wrapper table
{
    width: 100%;
}

.leftWrapper
{
    width: 192px;
    background: #29292c;
    vertical-align: top;
}


.rightWrapper
{
    width: 771px;
    position: relative;
    z-index: 1;
    border-left: 1px solid #000;
    vertical-align: top;
}

.bottomFooterCheck
{
    background: url(/images/backgrounds/bg_bottomFooterCheck.png) no-repeat left top;
    height: 120px;
    width: 976px;
    margin: 0 auto;
}

a.logo
{
    background: url(/images/logos/logo.png) no-repeat left top;
    display: block;
    width: 158px;
    height: 50px;
    position: absolute;
    top: 21px;
    left: 31px;
}
.basketHeader
{
    background: url(/images/backgrounds/bg_basket.png) no-repeat left top;
    width: 268px;
    height: 42px;
    position: absolute;
    right: 17px;
    top: -7px;
}

/*LEFT NAV*/

.leftNav
{
    border-top: 1px solid #000;
    width: 100%;
    overflow: hidden;
}

.leftNav li
{
    float: left;
    width: 192px;
}

.leftNav li ul
{
    border-bottom: 1px solid #d6d5d2;
    width: 100%;
    overflow: hidden;
    background: #FFF url(/images/backgrounds/bh_leftUnderLevel.png) repeat-x left top;
}

.leftNav li li ul
{
    border: none;
    width: 100%;
    overflow: hidden;
}

.leftNav li a:link, .leftNav li a:visited
{
    color: #0a0a0f;
    font-size: 1.2em;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 6px 0 6px 22px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #d6d5d2;
    background: url(/images/icons/bullet_navLeft.gif) no-repeat 10px 8px;
}
.leftNav li a:hover, .leftNav li a:active
{
    color: #f29325;
}

.leftNav li a.current
{
    color: #f29325;
}

.leftNav li li a:link, .leftNav li li a:visited
{
    color: #0a0a0f;
    font-size: 1.1em;
    text-transform: none;
    display: block;
    padding: 0;
    border: none;
    background: none;
    padding: 6px 0 6px 20px;
}
.leftNav li li a:hover, .leftNav li li a:active
{
    text-decoration: underline;
}

.leftNav li li a.current
{
    background: #F29325;
    color: #f2f2f1;
}
.leftNav li li li a:link, .leftNav li li li a:visited
{
    color: #0a0a0f;
    font-size: 1.1em;
    text-transform: none;
    display: block;
    padding: 0;
    border: none;
    background: none;
    padding: 6px 0 6px 30px;
}
.leftNav li li li a:hover, .leftNav li li li a:active
{
    text-decoration: underline;
}

.leftNav li li a.current
{
    background: #F29325;
    color: #f2f2f1;
}


/*REF FOOTER*/

.refFooter
{
    background: #4A494E url(/images/backgrounds/bg_refFooter.png) repeat-x 0 0;
    padding: 10px;
    font-size: 12px;
    position: relative;
    overflow: hidden;
}
.refFooterTitle
{
    color: #b4b4b9;
    font-size: 18px;
    padding: 10px 20px 0 20px;
    display: block;
    font-weight: bold;
}
.refFooterTitle span
{
    color: #f29325;
}

.footerLinks
{
    overflow: hidden;
    width: 765px;
    padding: 30px 0 10px;
}
.footerLinks div
{
    float: left;
    width: 150px;
    border-right: 1px solid #3f3f43;
    padding: 0 20px;
    color: #fff;
}
.footerLinks div h4
{
    text-transform: uppercase;
    font-size: 1.2em;
}
.footerLinks div.lastItem
{
    border-right: 0;
}
.footerLinks ul li
{
    padding: 6px 0 0 8px;
    background: url(/images/icons/bullet_footer.png) no-repeat 0 13px;
}

.footerLinks ul li.telLink
{
    padding: 10px 0 0 0;
    background: none;
}

.footerLinks ul li.telLink span
{
    background: url(/images/backgrounds/bg_tel.png) no-repeat left top;
    width: 98px;
    height: 19px;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    padding: 4px 0 0 25px;
}

.footerLinks ul li a:link, .footerLinks ul li a:visited
{
    color: #aeaeb2;
    font-size: 0.9em;
    text-decoration: none;
}

.footerLinks ul li a:hover, .footerLinks ul li a:active
{
    text-decoration: underline;
}

.shopReport
{
    color: #f29325;
    font-size: 11px;
    background: url(/images/backgrounds/bg_reportShop.gif) no-repeat 0 0;
    height: 145px;
    width: 148px;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 20px 12px 10px;
    line-height: 14px;
}
.shopReport img
{
    margin-bottom: 8px;
}
.shopReportSubscribe
{
    padding: 12px 0 0;
    overflow: hidden;
    width: 100%;
}
.shopReportSubscribe input
{
    background: #fff;
    border: 0;
    width: 115px;
    font-size: 11px;
    height: 12px;
    padding: 3px;
    color: #747479;
    float: left;
}
.shopReportSubscribe a
{
    background: #f5a92c;
    height: 12px;
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    float: left;
}
.shopReportSubscribe .info, .shopReportSubscribe .error
{
    display: block;
    padding-top: 5px;
}



/*FOOTER*/

.footer
{
    background: #e3e3e3;
    padding: 10px;
    font-size: 12px;
    overflow: hidden;
    width: 944px;
}
.footerTitle
{
    color: #4d4d52;
    font-size: 18px;
    padding: 10px 20px 0 20px;
    display: block;
    font-weight: bold;
}
.footerTitle span
{
    color: #f29325;
}
.footerLeft
{
    float: left;
    width: 572px;
    border-right: 1px solid #c1c1c7;
}
.footerLeft ul.confortList
{
    overflow: hidden;
    width: 540px;
    padding: 20px 0 0 20px;
}
.footerLeft ul.confortList li
{
    float: left;
    width: 225px;
    padding: 10px 10px 10px 35px;
    font-size: 12px;
    text-transform: uppercase;
    color: #56565d;
    font-weight: bold;
}
.footerLeft ul.confortList li.satisItem
{
    background: url(/images/icons/icon_satisFooter.png) no-repeat left 5px;
}
.footerLeft ul.confortList li.shipmentItem
{
    background: url(/images/icons/icon_expedFooter.png) no-repeat left 5px;
}
.footerLeft ul.confortList li.deliverItem
{
    background: url(/images/icons/icon_deliverFooter.png) no-repeat left 5px;
}
.footerLeft ul.confortList li.paymentItem
{
    background: url(/images/icons/icon_satisFooter.png) no-repeat left 5px;
}

.footerLeft ul.confortList li a:link, .footerLeft ul.confortList li a:visited
{
    color: #56565d;
    text-decoration: none;
}
.footerLeft ul.confortList li a:hover, .footerLeft ul.confortList li a:active
{
    text-decoration: underline;
}
.footerRight
{
    float: right;
    width: 365px;
}
.footerPartners
{
    padding: 10px 10px 0 20px;
}
.footerPartners li
{
    display: inline;
    padding-right: 5px;
}
.footerConfidencePartner
{
    padding: 10px 20px;
    width: 325px;
    overflow: hidden;
}
.footerConfidencePartner img
{
    float: left;
}
.footerConfidencePartner span
{
    float: left;
    width: 160px;
    padding: 2px 0 0 10px;
    font-size: 10px;
    color: #56565d;
    font-weight: bold;
}
.copyright
{
    text-align: right;
    color: #161619;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    font-size: 10px;
    padding: 20px 10px 10px 0;
}

.bottomFooter
{
    width: 976px;
    background: url(/images/backgrounds/bg_footer.png) no-repeat left top;
    margin: 0 auto;
    
}
.bottomFooterCheck
{
    width: 976px;
    background: url(/images/backgrounds/bg_bottomFooterCheck.png) no-repeat left top;
    margin: 0 auto;
    height:auto !important;
    height:10px;
    min-height:10px;
    
}



/*HEADER BASKET*/

.headerBasket
{
    position: absolute;
    right: 17px;
    top: -7px;
    width: 262px;
    padding-left: 6px;
    background: url(/images/backgrounds/bg_basket.png) no-repeat left top;
    z-index: 100;
}
.topHeaderBasket
{
    padding: 10px;
    overflow: hidden;
    width: 242px;
}
.expandBasket
{
    background: #fff;
    width: 262px;
    display: none;
}
.headerBasket .orderLink
{
    float: right;
    width: 89px;
}
.headerBasket .basketLink
{
    float: left;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 4px 0 2px 22px;
    text-decoration: none;
    background: url(/images/icons/icon_basketLink.png) no-repeat 0 0;
}
.headerBasket .basketLink span
{
    font-weight: normal;
}
.headerBasket .basketLinkArrow
{
    float: right;
    background: url(/images/icons/icon_basketLinkArrow.png) no-repeat 0 0;
    width: 11px;
    height: 6px;
    margin: 7px 0 0 7px;
}
.headerBasket .checkoutTable
{
    width: 100%;
}
.headerBasket .checkoutTable td
{
    vertical-align: top;
    height: auto;
    padding: 10px 8px;
    font-weight: bold;
}
.headerBasket .checkoutTable .productPrice
{
    text-align: left;
}
.expandBasketTotal
{
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 10px 10px 10px;
    width: 242px;
    overflow: hidden;
}
.expandBasketTotal span.totalLabel
{
    float: left;
}
.expandBasketTotal span.totalResult
{
    float: right;
}

.expandBasketAction
{
    display: block;
    width: 262px;
    height: 36px;
}

.emptyBasket p
{
    font-size: 1.3em;
    padding: 20px 0 20px 80px;
    font-weight: bold;
}


/*HOMEPAGE*/

.pushTopHome
{
    height: 456px;
    overflow: hidden;
    width: 964px;
}

.pushHome ul
{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #000;
    height: 173px;
}
.pushHome ul li
{
    float: left;
    border-right: 1px solid #000;
}
.pushHome ul li.lastItem
{
    border-right: 0;
}

.selectionHome h3
{
    font-size: 1.4em;
    color: #000;
    background: url(/images/backgrounds/bg_selectionHome.jpg) no-repeat left top;
    height: 20px;
    text-transform: uppercase;
    padding: 8px 0 0 15px;
    border-bottom: 1px solid #000;
}

.selectionHome h3 span
{
    color: #f29325;
}


.actuHome
{
    width: 964px;
    height: 44px;
    background: url(/images/backgrounds/bg_filActu.jpg) no-repeat left top;
}

.actuHome p
{
    background: url(/images/icons/icon_actuHome.gif) no-repeat 22px 10px;
    color: #f29325;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: bold;
    padding: 17px 0 0 60px;
    height: 27px;
}
.actuHome p span
{
    text-transform: none;
    color: #e1e1e1;
}

.selectionHome ul.listProduct
{
    position: relative;
    z-index: 1;
    width: 964px;
    overflow: hidden;
    border-bottom: 1px solid #000;
}


/*PUSH SERVICES*/

.servicePush
{
    width: 140px;
    margin: 0 auto;
    background: url(/images/backgrounds/bg_border_leftPush.png) no-repeat center top;
    padding-bottom: 15px;
}

.servicePush h4
{
    font-size: 1.2em;
    text-transform: uppercase;
    color: #FFF;
    padding: 15px 0;
}

.servicePush p
{
    font-size: 1.3em;
    color: #f29325;
    padding: 0 0 15px 0;
    line-height: 1.3em;
}

.servicePush ul li.telLink
{
    background: none;
    padding: 0;
}

.servicePush ul li.telLink span
{
    background: url(/images/backgrounds/bg_telPush.png) no-repeat left top;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    height: 18px;
    padding: 5px 0 0 25px;
    width: 98px;
    color: #FFF;
}

.servicePush ul li
{
    background: url(/images/icons/bullet_footer.png) no-repeat 0 10px;
    padding: 6px 0 0 8px;
}

.servicePush ul li a:link, .servicePush ul li a:visited
{
    color: #AEAEB2;
    font-size: 1.1em;
    text-decoration: none;
}
.servicePush ul li a:hover, .servicePush ul li a:active
{
    text-decoration: underline;
}


/*PUSH PARTNER*/

.partnerPush
{
    width: 140px;
    margin: 0 auto;
    background: url(/images/backgrounds/bg_border_leftPush.png) no-repeat center top;
    padding-bottom: 15px;
}

.partnerPush ul li
{
    display: inline;
    margin: 0 7px 0 0;
    line-height: 2.3em;
}

.partnerPush h4
{
    font-size: 1.2em;
    text-transform: uppercase;
    color: #FFF;
    padding: 15px 0;
}

.ConfidencePartnerPush
{
    padding-top: 5px;
}

.ConfidencePartnerPush span
{
    color: #56565d;
    font-size: 0.9em;
    display: block;
    padding-top: 5px;
}


/*LEFT WRAPPER*/


.leftWrapper ul.confortList
{
    width: 177px;
    padding: 20px 0 20px 15px;
    background: #29292c url(/images/backgrounds/bg_leftConfort.png) repeat-x 0 0;
}
.leftWrapper ul.confortList li
{
    width: 131px;
    padding: 0 10px 10px 35px;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #cacaca;
    font-weight: bold;
    height: 22px;
}

.leftWrapper ul.confortList li.satisItem
{
    background: url(/images/icons/icon_satisLeft.png) no-repeat left top;
}
.leftWrapper ul.confortList li.shipmentItem
{
    background: url(/images/icons/icon_expedLeft.png) no-repeat left top;
}
.leftWrapper ul.confortList li.deliverItem
{
    background: url(/images/icons/icon_deliverLeft.png) no-repeat left top;
}
.leftWrapper ul.confortList li.paymentItem
{
    background: url(/images/icons/icon_satisLeft.png) no-repeat left top;
}

.leftWrapper ul.confortList li a:link, .leftWrapper ul.confortList li a:visited
{
    color: #cacaca;
    text-decoration: none;
}
.leftWrapper ul.confortList li a:hover, .leftWrapper ul.confortList li a:active
{
    text-decoration: underline;
}

.pushTwitter
{
    border-top: 1px solid #000;
}


/*LEFT MENU*/

.leftMenu
{
    width: 192px;
    background: url(/images/backgrounds/bg_nav.png) no-repeat left top;
}


/*TOP MENU................................................................................*/

a.itemHome
{
    background: url(/images/buttons/icon_home.gif) no-repeat left top;
    width: 13px;
    height: 13px;
    display: block;
    position: absolute;
    left: 33px;
    bottom: 12px;
    z-index: 11;
}

#nav
{
    padding: 5px 0 0 53px;
    position: absolute;
    width: 601px;
    z-index: 10;
    bottom: 2px;
    left: 0;
}

#nav li
{
    float: left;
    padding: 5px;
}
#nav li li
{
    float: left;
    padding: 0 11px;
    width: 80px;
}

#nav li li span
{
    width: 80px;
    height: 80px;
    display: block;
}

#nav li.item-Univers li
{
    float: left;
    padding: 0 40px;
    width: 80px;
}

#nav li.item-Univers li span
{
    width: 132px;
    height: 132px;
}


#nav li.item-Univers li span.catName
{
    width: 120px;
}

#nav li li span.catName
{
    display: block;
    width: 73px;
    padding-left: 7px;
    height: 35px;
    text-align: center;
}
#nav li li span.catName-UniversSurf,
#nav li li span.catName-UniversMountain,
#nav li li span.catName-UniversRiders, 
#nav li li span.catName-UniversPlanet
{
    display: block;
    width: 73px;
    padding-left: 7px;
    height: 35px;
    text-align: center;
}

#nav li li span.catName-UniversSurf a,
#nav li li span.catName-UniversMountain a,
#nav li li span.catName-UniversRiders a, 
#nav li li span.catName-UniversPlanet a
{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
}

#nav li li span.catName a
{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
}

#nav li li span.catName-UniversSurf {
    background: url(/images/icons/arrow_surf.gif) no-repeat left 2px;
}
#nav li li span.catName-UniversMountain {
    background: url(/images/icons/arrow_mountain.gif) no-repeat left 2px;
}
#nav li li span.catName-UniversRiders {
    background: url(/images/icons/arrow_riders.gif) no-repeat left 2px;
}
#nav li li span.catName-UniversPlanet {
    background: url(/images/icons/arrow_planet.gif) no-repeat left 2px;
}


#nav li.item-Femme li span.catName
{
    background: url(/images/icons/arrow_girls.gif) no-repeat left 2px;
}
#nav li.item-Enfants li span.catName
{
    background: url(/images/icons/arrow_children.gif) no-repeat left 2px;
}
#nav li.item-Homme li span.catName
{
    background: url(/images/icons/arrow_men.gif) no-repeat left 2px;
}
#nav li.item-Accessoires li span.catName
{
    background: url(/images/icons/arrow_accessories.gif) no-repeat left 2px;
}
#nav li.item-Univers li span.catName
{
    background: url(/images/icons/arrow_univers.gif) no-repeat left 2px;
}
#nav li.item-Bons-Plans li span.catName
{
    background: url(/images/icons/arrow_bonsPlans.gif) no-repeat left 2px;
}
#nav li li span.empty
{
    display: block;
    width: 80px;
    height: 100px;
    background: url(/images/backgrounds/bg_undernavEmpty.gif) no-repeat left 20px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#nav li li span.over
{
    display: none;
}

#nav li li.hovered span.over
{
    display: block;
}
#nav li li.hovered span.default
{
    display: none;
}


#nav li a
{
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

#nav li div.wrapperItem
{
    width: 933px;
    position: absolute;
    left: 20px;
    top: 42px;
    z-index: 10;
    padding-top: 10px;
    visibility:hidden;
}
#nav li.item-Homme div a, #nav li.item-Femme div a, #nav li.item-Enfants div a, #nav li.item-Accessoires div a, #nav li.item-Univers div a, #nav li.item-Bons-Plans div a
{
    width: auto;
    height: auto;
    background: none;
}
#nav li div ul
{
    width: 100%;
    overflow: hidden;
}



#nav li.item-Homme div.wrapperItem
{
    background: url(/images/backgrounds/bg_wrapperItemMen.jpg) no-repeat left top;
    height: 247px;
}

#nav li.item-Femme div.wrapperItem
{
    background: url(/images/backgrounds/bg_wrapperItemGirl.jpg) no-repeat left top;
    height: 247px;
}

#nav li.item-Enfants div.wrapperItem
{
    background: url(/images/backgrounds/bg_wrapperItemKids.jpg) no-repeat left top;
    height: 247px;
}

#nav li.item-Accessoires div.wrapperItem
{
    background: url(/images/backgrounds/bg_wrapperItemAccess.jpg) no-repeat left top;
    height: 130px;
}

#nav li.item-Univers div.wrapperItem
{
    background: url(/images/backgrounds/bg_wrapperItemUnivers.jpg) no-repeat left top;
    height: 177px;
}


#nav li.item-Bons-Plans div.wrapperItem
{
    background: url(/images/backgrounds/bg_wrapperItemBp.jpg) no-repeat left top;
    height: 130px;
}

#nav li.item-Homme a
{
    display: block;
    width: 59px;
    height: 32px;
    background: url(/images/buttons/btn_men.png) no-repeat left bottom;
}
#nav li.item-Femme a
{
    display: block;
    width: 59px;
    height: 32px;
    background: url(/images/buttons/btn_girls.png) no-repeat left bottom;
}
#nav li.item-Enfants a
{
    display: block;
    width: 59px;
    height: 32px;
    background: url(/images/buttons/btn_kids.png) no-repeat left bottom;
}
#nav li.item-Accessoires a
{
    display: block;
    width: 123px;
    height: 32px;
    background: url(/images/buttons/btn_accessoires.png) no-repeat left bottom;
}
#nav li.item-Univers a
{
    display: block;
    width: 90px;
    height: 32px;
    background: url(/images/buttons/btn_univers.png) no-repeat left bottom;
}

#nav li.item-Bons-Plans a
{
    display: block;
    width: 123px;
    height: 32px;
    background: url(/images/buttons/btn_bonPlans.png) no-repeat left bottom;
}

#nav li a:hover
{
    background-position: left -32px;
}

#nav li a.current
{
    background-position: left top;
}

#nav li a.rollover
{
    background-position: left top;
}

/*SEARCH*/


.searchBox
{
    width: 270px;
    position: absolute;
    right: 9px;
    bottom: 10px;
}

.searchBox .searchBg
{
    background: url(/images/backgrounds/bg_search.png) no-repeat right top;
    width: 190px;
    height: 22px;
    float: left;
    padding: 0 30px 0 4px;
    display: block;
}

.searchBox input
{
    border: none;
    width: 190px;
    background: none;
    color: #525151;
    font-size: 1.1em;
    padding: 4px 0 0 0;
    height: 18px;
}


.searchBox a:link, .searchBox a:visited
{
    background: url(/images/backgrounds/bg_search.png) no-repeat right top;
    width: 29px;
    height: 22px;
    float: left;
    display: block;
}
.searchBox a:hover, .searchBox a:active
{
    background: url(/images/backgrounds/bg_search.png) no-repeat right top;
    width: 29px;
    height: 22px;
    float: left;
    display: block;
}

/*BREADCRUMB*/

div.breadCrumb
{
    background: #f29325;
    padding: 5px 10px 6px 10px;
}

div.breadCrumb li
{
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.1em;
    display: inline;
}

div.breadCrumb a:link, div.breadCrumb a:visited
{
    color: #FFF;
    text-decoration: none;
}

div.breadCrumb a:hover, div.breadCrumb a:active
{
    color: #FFF;
    text-decoration: underline;
}


/*HOME UNIVERS*/

.containerUniverse h3
{
    background: url("/images/backgrounds/bg_selectionHome.jpg") no-repeat scroll left top transparent;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 1.4em;
    height: 20px;
    padding: 8px 0 0 15px;
    text-transform: uppercase;
}

.containerUniverse div.pushPartLeft
{
    width: 449px;
    float: left;
}
.containerUniverse div.pushPartRight
{
    width: 322px;
    float: left;
}

.containerUniverse div.pushWetSuit
{
    float: left;
    width: 217px;
    height: 189px;
    background: url("/images/pushunivers/pushUniversSurf_02.jpg") no-repeat left top;
    padding: 110px 0 0 105px;
}
.containerUniverse div.pushWetSuit p
{
    color: #8a9ea2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 5px;
}

.containerUniverse div.pushWetSuit p.title
{
    padding: 10px 0 0 5px;
}

.containerUniverse div.pushWetSuit p.action
{
    padding: 15px 0 0 0;
}

.containerUniverse div.pushWetSuit p label
{
    color: #ffffff;
    text-transform: none;
    font-weight: normal;
    vertical-align: middle;
}
.containerUniverse div.pushWetSuit p input
{
    vertical-align: middle;
}


/*SEARCH PAGE*/

.titleSearch h1
{
    color: #F29325;
    font-size: 3em;
    font-weight: normal;
    padding: 20px;
    text-transform: uppercase;
}

.titleSearch h1 span
{
    color: #000000;
    font-weight: bold;
    padding-left: 5px;
}

.titleSearch p
{
    color: #000000;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 10px 20px;
}

.searchProductListHeader .productPager
{
    padding: 10px 20px 10px 0;
}

.emptySearch p
{
    color: #000000;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0 0 10px 20px;
}


/* ------ Kiala delivery ------ */

#modalKiala
{
    width: 960px;
}
.KialaFrame
{
    width: 960px;
    height: 475px;
    border: 0;
}
.panelKiala
{
    padding: 15px 120px 0px 0px;
    line-height: 2.4em;
    width: 480px;
    position: relative;
    top: -25px;
}
.ui-widget-content .ui-widget-header
{
    background: #16536E;
}
.ui-widget-content .ui-widget-header .ui-icon
{
    background: url(images/btn/btn_closeModalKiala.png) no-repeat 0 0;
}
.KialaExample
{
    color: #8EBED4;
    font-size: 0.9em;
    font-weight: normal;
    text-align: left;
    display: inline-block;
    width: 100px;
}
.kialaSearchBtn
{
    margin: 5px 133px 0 310px;
}
.KialaSelected
{
    display: inline-block;
    width: 90px;
    font-weight: normal;
}
.KialaSelectedPoint
{
    font-weight: normal;
    color: #8EBED4;
}

.modaleKialaExpress
{
    background: white;
    width: 960px;
    text-align: left;
    position: relative;
    padding: 20px;
    overflow: auto;
    height: 490px;
}
.modaleKialaExpressContent
{
    width: 960px;
}

.boxKialaCenter
{
    overflow: hidden;
    width: 960px;
    position: relative;
    background: #FFF;
}
.deliveryInputStandard
{
    background: url(../../../images/pictos/Standard.png) no-repeat 10px 0px;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-left: 90px;
    height: 41px;
    padding-top: 10px;
}
.deliveryInputExpress
{
    background: url(../../../images/pictos/Express.png) no-repeat 10px 0;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-left: 90px;
    height: 37px;
    padding-top: 10px;
}
.deliveryInputKiala
{
    background: url(../../../images/pictos/Kiala.png) no-repeat 10px 0;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-left: 90px;
    height: 60px;
    padding-top: 10px;
}
.kialaContainerBasket
{
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0 5px;
    width: 450px;
    text-align: center;
}
.kialaContainerBasket a
{
    color: #ff9600;
    font-size: 1.4em;
    font-weight: bold;
    font-family: Arial, Helvetica, Sans-Serif;
}
.kialaContainerBasket a:hover
{
    color: #ff9600;
}
.kialaContainerBasket img
{
    vertical-align: middle;
    padding-right: 5px;
}

.boxKiala
{
    text-align: left;
    width: 550px;
    margin: 0 0 -10px 130px;
}
.boxKiala .KialaSearchLtl
{
    display: inline-block;
    width: 180px;
}

.checkoutTableDelivery label
{
    padding-left: 10px;
}

.spDescShipping
{
    padding-left: 31px;
}

.KialaBtn
{
    padding-left: 183px;
    line-height: 1em;
}

/*AVOMARK - PROGRAMME FIDELITE*/

#avomarkAddBasket {
  background: #1f1c20 url(../../../images/backgrounds/bg_searchClubBasket.jpg) no-repeat 0 0;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  color: #FFF;
  text-align: left;
  padding: 20px 20px 20px 265px;
  overflow: hidden;
  width: 485px;
}

#avomarkAddBasket h3 {
  font-size:1.7em;
  font-weight:bold;
  text-transform: uppercase;
}
#avomarkAddBasket ul {
  padding: 10px 0;
  font-size: 1.2em;
  line-height: 1.2em;
}
#avomarkAddBasket li {
  color: #aeaeb2;
}
#avomarkAddBasket .Check {
  font-weight:bold;
  font-size: 1.2em;
  line-height: 1.2em;
  text-transform: uppercase;
}
#avomarkAddBasket .Button {
    text-align: right;
    padding-top: 10px;
}
 

#avomarkAddBasket .Error
{
    font-weight: normal;
    font-size: 11px;
    color: #F29325;
}

.checkoutTableVoucher {
    font-size:1.1em;
    border-top:1px solid #000;
}

.checkoutTableVoucher .error
{
    font-weight: normal;
    font-size:0.9em;
    color: #F29325;
    font-style:italic;
}


.avomarkAddVoucherInner {
      background: url(/images/icons/icon_ripCurlVoucher.png) no-repeat 30px 12px;
      padding:20px 0 0 150px;
      font-size:1.1em;
      width:621px;
}

.avomarkAddVoucherInner p {
    line-height:1.3em;
}


.addVoucherAction {
    width:100%;
    overflow:hidden;
}

.addVoucherNumber {
    padding:5px 0;
}

.addVoucherAction input {
    background:url("/images/backgrounds/bg_input.png") repeat-x right top;
    float:left;
    height:20px;
    width:142px;
    margin-left:10px;
    border:1px solid #a0a0a0;
}

.addVoucherAction a {
    float:left;
    margin:0 10px;
    font-size:1.1em;
}


.addVoucherInfo {
    color:#58585e;
    float:left;
    font-size:0.9em;
    text-align:right;
}

.addVoucherInfo span {
    display:block;
    text-transform:uppercase;
    color:#58585e;
    font-size:1.1em;
}

.addVoucherSpec {
    padding:10px 0 ;
    font-weight:bold;
    color:#010100;
}

.addVoucherSpec span {
    color:#f29401;
    padding-left:5px;
}








.addVoucherSpec a:link, .addVoucherSpec a:visited {
    color:#010100;
}
.addVoucherSpec a:hover, .addVoucherSpec a:active {
    text-decoration:none;
}






#avomarkAddVoucher .Error
{
    font-weight: normal;
    font-size: 11px;
    color: #F29325;
}

#avomarkAddVoucher
{
    text-align:left;
    border-top:1px solid #000;
}

#avomarkAddVoucher .Button
{
    padding-left: 183px;
    line-height: 1em;
}

#avomarkAddVoucher p.SmallText 
{
    font-weight: normal;
    font-size: 0.9em;
    text-transform: lowercase;
}

#registerBox {
  width: 380px;
  border: solid 1px #000;
  text-align: left;
  background: #1f1c20 url(../../../images/backgrounds/bg_avomarkBox.jpg) no-repeat 0 0;

}
.loginContainer #registerBox p {
  color: #fff;
  width: auto;
}
#centerBox{
    padding-left: 10px;
}
.loginContainer #registerBox h2 {
  font-size:1.4em;
  padding-left: 150px;
  text-transform: uppercase;
  font-weight:bold;
  padding-top: 25px;
  color: #fff;
}
.loginContainer #registerBox p.registerBoxText{
  font-size:1.1em;
  padding-left: 150px;
  color: #aeaeb2;
}
#registerBox .field{
  padding-left: 10px;
  padding-bottom: 15px;
  overflow: hidden;
  width: 370px;
}
#registerBox label {
  width: 185px;
  float: left;
  color: #fff;
}
#registerBox label strong {
  display: block;
  text-transform: uppercase;
}
#registerBox .fieldBox{
  float: left;
}
#registerBox .fieldBox input {
  float: left;
  margin-right: 5px;
}
#registerBox .fieldBox a:link,
#registerBox .fieldBox a:visited {
  float: left;
  color: #fff;
  padding: 6px 3px;
  text-decoration: none;
  font-weight: bold;
}
#registerBox .fieldBox a:hover,
#registerBox .fieldBox a:visited {
  text-decoration: underline;
}

#registerBox .CheckboxField{
    padding: 10px;
}

#registerBox .fieldError {
    color: #F29325;
    padding: 35px 20px 5px 195px;
}

#tipsbox {
    border: solid 1px #000;
    width: 280px;
    text-align: left;
    background: #1f1c20 url(../../../images/backgrounds/bg_avomarkBox.jpg) no-repeat 0 0;
    padding: 10px;
}
#tipsCenterBox {
    padding: 20px 0 0 20px;
}
.loginContainer #tipsbox p {
  color: #fff;
  width: auto;
}
#tipsbox h2 {
  font-weight:bold;
  text-transform: uppercase;
  padding-left: 140px;
  font-size: 1.4em;
  color: #fff;
}
.loginContainer #tipsbox p.tipsboxText {
  padding-left: 140px;
  color: #aeaeb2;
  font-size: 1.1em;
}
#tipsbox .tipsboxMsg {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight:bold;
  padding: 35px 10px 10px;
  text-transform: uppercase;
}
#avomarkDetail .detailTextLarge {
  font-weight: bold;
  font-size: 1.3em;
  color: #fff;
  text-transform: uppercase;
  padding: 30px 260px 0 35px;
  height: 125px;
  background: #1f1c20 url(/images/backgrounds/bg_avomarkHeader.png) repeat-x 0 top;
  position: relative;
  line-height: 1.2em;
}
#avomarkDetail .detailTextLarge h2 {
  text-indent: -5000px;
  display: block;
  width: 324px;
  height: 35px;
  background: url(/images/texts/title_theSearchClubBig.png) no-repeat 0 0;
  padding-bottom: 10px;
}
.iconSearchClub {
  position: absolute;
  top: -26px;
  right: 40px;
  width: 205px;
  height: 179px;
  background: url(/images/icons/icon_avomarkHeader.png) no-repeat 0 0;
}


#avomarkDetail .detailTextBold
{
    font-weight: bold;
    font-size: 13px;
    color: #000000;
    background: url(/images/pictos/AvomarkVoucher.png) no-repeat left bottom;
    padding-left: 20px;
    height: 18px;
}
#avomarkDetail .detailAdvert {
  padding: 25px 0;
  width: 700px;
}
.avomarkMsgInfo2{
  font-size: 1.3em;
  color: #fa991e;
  padding: 20px 35px;
}
#avomarkDetail .checkBoxes {
  font-weight: normal;
  font-size: 1.3em;
  color: #58585e;
  padding: 0 0 0 35px;
}
#avomarkDetail .checkBoxes strong {
    font-weight: bold;
    color: #000;
    display: block;
    text-transform: uppercase;
}
#avomarkDetail .checkBoxes label {
  display: block;
  float: left;
  text-align: right;
  font-size: 0.8em;
  padding-right: 10px;
}
#avomarkDetail .checkBoxes label span {
  display: block;
  text-transform: uppercase;
}
#avomarkDetail .checkBoxes input {
  margin-top: 5px;
}
#avomarkDetail .fieldLine {
  padding-top: 5px;
}
#avomarkDetail .fieldButtons {
  padding: 0 35px;
  display: block;
}
#avomarkDetail .fieldBoxInline
{
    width: 590px;
    padding-top: 10px;
    line-height: 1.5em;
}

#avomarkDetail .fieldText
{
    width: 180px;
    display: inline-table;
    line-height: normal;
}

#avomarkDetail .fieldBox
{
    width: 210px;
    display: inline-table;
    line-height: normal;
}

#avomarkDetail .fieldError
{
    font-weight: normal;
    font-size: 11px;
    color: #F29325;
    clear: both;
    padding-left: 260px;
}

#avomarkDetail .fieldBoxRadio {
    padding-bottom: 20px;
    line-height: 1.2em;
    overflow: hidden;
    width: 100%;
}

#avomarkDetail .fieldRadioBt {
  float: left;
  width: 25px;
}

#avomarkDetail .fieldRadioText {
  float: left;
  width: 695px;
}

#avomarkDetail .fieldRadioError {
    padding: 0 25px;
}

.accountContainer #avomarkDetail p {
  margin: 0;
  width: auto;
  font-size: inherit;
  padding: 0;
  color: #000;
}
.avomarkDetailContent {
  padding: 0 35px;
}
.accountContainer #avomarkDetail p.avomarkCardNumber {
  font-size: 1.3em;
  padding-top: 5px;
}
.avomarkCardNumber strong {
  font-weight: bold;
}
.accountContainer #avomarkDetail p.avomarkAmmount {
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 25px;
}
.avomarkAmmount strong {
  font-weight: bold;
  color: #f29325;
}
.accountContainer #avomarkDetail p.avomarkMsgInfo {
  font-size: 1.3em;
  color: #fa991e;
  padding-top: 20px;
}
#avomarkDetail dl {
  font-size: 1.1em;
}
#avomarkDetail dt {
  font-weight: bold;
}
#avomarkDetail dd {
  padding: 6px 0 0 20px;
  background: url(/images/icons/icon_avomarkSmallBullet.png) no-repeat 13px 11px;
}


#AvomarkLog
{
    padding: 30px 30px 30px 30px;
    font-size: 10px;
}

.AvomarkLogGrid
{
    border: solid 1px #000000;
    width: 1200px;
}

.AvomarkLogGridHeader
{
    background: #CCCCFF;
}

.AvomarkLogGridHeader th
{
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

.AvomarkLogGridAltRow
{
    background: #CFCFCF;
}

.AvomarkLogGridAltRow td
{
    padding: 5px 5px 5px 5px;
    border: solid 1px #000000;
}

.AvomarkLogGridRow
{
    background: #FFFFFF;
}

.AvomarkLogGridRow td
{
    padding: 5px 5px 5px 5px;
    border: solid 1px #000000;
}

.avomarkToolTipTitle
{
    color: #FF0000;
}

.avomarkErrorInfo
{
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    background-color:#FFFFFF;
    border:2px solid #1D71B1;
    color:#000000;
    display:none;
    font-family:Verdana;
    font-size:10px;
    height:auto;
    right:55px;
    min-width:200px;
    padding:3px;
    position:absolute;
    text-align:left;
    top:15px;
    width:auto;
    z-index:1000;
    width: 800px;
}

.repere 
{
    position:relative;
}

.avomarkTextArea
{
    width: 700px;
    height: 200px;
    font-size: 11px;
}

.avomarkLogErr
{
    color: #FF0000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
}

.avomarkLogWarning
{
    color: #FF6A00;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
}

.avomarkLogOK
{
    color: #267F00;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
}

/* ADMIN BOARD SURF ODYSSEY */


.surfOdysseyH1
{
    color: #000000;
    font-size: 1.4em;
    font-weight: bold;
}

.surfOdysseyBackButton
{
    padding-left: 200px;
}

.surfOdysseyAdminTitle
{
    color: #F29325;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
}

.adminSurfOdysseyContainer
{
    padding: 40px 450px;
    font-size: 10px;
}



#surfOdysseySent
{
    padding: 50px 350px;
    font-size: 10px;
}


#surfOdyssey
{
    padding: 40px 350px 0px;
    font-size: 10px;
}

.surfOdysseyGrid
{
    border: solid 1px #000000;
    width: 1200px;
}

.surfOdysseyGridHeader
{
    background: #CCCCFF;
}

.surfOdysseyGridHeader th
{
    padding: 5px 5px 5px 5px;
    font-weight: bold;
}

.surfOdysseyGridAltRow
{
    background: #CFCFCF;
}

.surfOdysseyGridAltRow td
{
    padding: 5px 5px 5px 5px;
    border: solid 1px #000000;
}

.surfOdysseyGridRow
{
    background: #FFFFFF;
}

.surfOdysseyGridRow td
{
    padding: 5px 5px 5px 5px;
    border: solid 1px #000000;
}




#surfBoardDetails
{
    padding: 20px 250px;
    font-size: 10px;
}

.surfBoardDetailsInfo
{
    font-size: 1.2em;
}

.leftFieldCommande {
border:1px solid #47D147;
float:left;
margin-top:5px;
overflow:hidden;
padding:0 5px 5px;
width:771px;
background-color: #FFFFFF;
}

.surfBoardDetailsInfoLeft
{
    width: 350px;
    float: left;
}

.surfBoardDetailsInfoLeft p
{
    padding: 5px;
}

.surfBoardDetailsInfoRight
{
    width: 350px;
    float: right;
}

.surfBoardDetailsTitle
{
    font-weight: bold;
    color: #47D147;
    text-transform: uppercase;
}

.surfBoardDetailsField
{
    font-weight: normal;
    color: #000000;
}



.surfBoardProduct
{
    border:1px solid #47D147;
    margin-top:5px;
    overflow:hidden;
    padding:0 5px 5px;
    width:771px;
    background-color: #FFFFFF;
}

.surfBoardWarning
{
    font-size: 1.2em;
    color: #FF0000;
}

.surfOdysseyLogin
{
    float:left;
    width:344px;
}