.cfdebug, .cfx_debug, .cfx_debug code, .cfx_debug pre, .cfdebuglge, .cfdebug_sql, .cfx_debug code b { text-align: left !important; } .cfdebug {} /******************** HAVAIANAS ********************/ /***** GENERAL *****/ * {margin: 0; padding: 0; border: 0;} body {color: #7C7C7C; font-size: 11px; font-family: verdana; background: transparent url(../ximg/background.gif) repeat; text-align: center;} ul li {list-style-type: none;} .clear {clear: both; display: block; height: 0; line-height: 0; margin: 0; padding: 0;} strong {font-weight: bold;} a.btn {display: block;} a.btn span {display: none !important;} input.radio, input.checkbox {border: none !important;} input.input_text {background: transparent url(../ximg/mailingInput_bg.jpg) repeat-x scroll 0 1px; height: 22px; overflow: hidden; width: 128px; padding: 0 0 0 5px; float: left; display: inline;} textarea {background-color: #D8E6E9; border: 1px dotted #919294;} .pink_color {color: #E31A65;} select {background: transparent url(../ximg/mailingInput_bg.jpg) repeat-x scroll 0 0; border: 0; height: 23px;} div#listHeader_layer {/*background: transparent url(../ximg/header_standard.jpg) no-repeat scroll left top;*/ height: 118px; overflow: hidden; position: relative; text-align: right; width: 750px; margin: 0 0 5px;} p.error {color: #ff0000 !important;} /***************************/ /***** PATHBAR *****/ div#main ul#pathBar_list {margin: 0 0 10px 0; height: 20px;} li#pathBar {width: 0; overflow: hidden; background: #78b148 url(../ximg/greenBtn_left.png) no-repeat top left;} li#pathBar ul#pathBarList { height: 20px; background: transparent url(../ximg/greenBtn_right.gif) no-repeat top right; padding: 0 5px;} li#pathBar ul#pathBarList li {line-height: 20px;color: white; white-space: nowrap; text-transform: uppercase; display: inline; float: left;} li#pathBar ul#pathBarList li a {color: white;} /***************************/ /***** TITLE *****/ h3.title {border-bottom: 1px solid #A29398; font-size: 20px; font-weight: normal; margin: 0 0 20px; padding: 0 0 5px; color: #808080;} h4.title {border-bottom: 1px solid #A29398; font-size: 12px; font-weight: bold; margin: 0 0 15px; padding: 0 0 5px; color: #E71A63; text-transform: uppercase;} h4.process_title {border-bottom: 1px solid #A29398; clear: both; color: #808080; display: block; font-size: 14px; font-weight: bold; margin: 10px 15px 5px 0; padding: 0 0 5px; text-align: left; width: 760px;} h4.process_title span {background: transparent url(../ximg/step.gif) no-repeat scroll left center; color: white; float: left; display: inline; font-size: 12px; height: 18px; padding: 0 5px 0 0; text-align: center; width: 16px; line-height: 18px;} h4.processOK_title {border-bottom: 1px solid #A29398; clear: both; color: #EE5895; display: block; font-size: 14px; font-weight: bold; margin: 10px 15px 5px 0; padding: 0 0 5px; text-align: left; width: 760px;} h4.processOK_title span {background: transparent url(../ximg/stepOK.gif) no-repeat scroll left center; color: white; float: left; display: inline; font-size: 12px; height: 18px; padding: 0 5px 0 0; text-align: center; width: 16px; line-height: 18px;} h5.title {border-bottom: 1px dotted #A29398; color: #888; display: block; float: left; display: inline; font-size: 14px; font-weight: normal; margin: 5px 0 10px; padding: 5px 0 3px; width: 100%;} h4.left_title {color: #E71A63; font-size: 12px; font-weight: bold; line-height: 20px; text-transform: uppercase; margin: 15px 0 0 0;} /***************************/ /***** BUTTONS *****/ #pink_btn { padding:0 0 0 5px; background: #E31A65 url(../ximg/pinkBtn_left.gif) no-repeat scroll 0 0;} #pink_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/pinkBtn_right.gif) no-repeat scroll right center; color: #FFF !important; line-height: 20px; display: block; overflow: hidden;} #grey_btn { padding:0 0 0 5px; background: #acacac url(../ximg/greyBtn_left.gif) no-repeat scroll 0 0;} #grey_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/greyBtn_right.gif) no-repeat scroll right center; color: #FFF !important; line-height: 20px; display: block; overflow: hidden;} #green_btn {padding:0 0 0 5px; background: #78b148 url(../ximg/greenBtn_left.gif) no-repeat scroll 0 0;} #green_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/greenBtn_right.gif) no-repeat scroll right center; color: #FFF !important; line-height: 20px; display: block; overflow: hidden;} #purple_btn { padding:0 0 0 5px; background: #a133b6 url(../ximg/purpleBtn_left.gif) no-repeat scroll 0 0;} #purple_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/purpleBtn_right.gif) no-repeat scroll right center; color: #FFF !important; line-height: 20px; display: block; overflow: hidden;} #orange_btn { padding:0 0 0 5px; background: #f05a28 url(../ximg/orangeBtn_left.gif) no-repeat scroll 0 0;} #orange_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/orangeBtn_right.gif) no-repeat scroll right center; color: #FFF !important; line-height: 20px; display: block; overflow: hidden;} #white_btn { padding:0 0 0 5px; background: #FFF url(../ximg/whiteBtn_left.gif) no-repeat scroll 0 0;} #white_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/whiteBtn_right.gif) no-repeat scroll right center; line-height: 20px; display: block; overflow: hidden;} #blue_btn { padding:0 0 0 5px; background: #8ebbe5 url(../ximg/blueBtn_left.gif) no-repeat scroll 0 0;} #blue_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/blueBtn_right.gif) no-repeat scroll right center; color: #FFF !important; line-height: 20px; display: block; overflow: hidden;} #favorite_btn { padding:0 0 0 5px; background: #ee76a3 url(../ximg/favoriteBtn_left.gif) no-repeat scroll 0 0;} #favorite_btn a {padding: 0 5px 0 0; background: transparent url(../ximg/favoriteBtn_right.gif) no-repeat scroll right center; color: #FFF !important; line-height: 20px; display: block; overflow: hidden;} .grey_text a {color: #acacac !important;} .pink_text a {color: #E31A65 !important;} /***************************/ div#wrapLayer {/*background: transparent url(../ximg/backimg.gif) no-repeat top center;*/ min-height: 1003px;} div#wrapLayer_footer {/*background: transparent url(../ximg/backimg_footer.gif) no-repeat bottom center;*/ } /***** HEADER *****/ div#header_layer {position: relative; width: 980px; height: 75px; z-index: 9999;} div#header_layer a#header_main_link {background: url(../ximg/havaianas_logo.gif) no-repeat center; width: 133px; height: 27px; position: absolute; top: 13px; left: 6px;} div#header_layer a#header_main_link span {display: none;} div#headerLink_layer {position: absolute; top: 10px; right: 12px;} div#header_layer ul#headerLang_list {display: inline; float: left;} div#header_layer ul#headerLang_list li {display: inline; float: left; display: inline; margin: 0 3px;} div#header_layer ul#headerLang_list li a#flag_fr {display: block; height: 20px; width: 20px; background: transparent url(../ximg/flag_fr.png) no-repeat scroll 0 0;} div#header_layer ul#headerLang_list li a#flag_it {display: block; height: 20px; width: 20px; background: transparent url(../ximg/flag_it.png) no-repeat scroll 0 0;} div#header_layer ul#headerLang_list li a#flag_pt {display: block; height: 20px; width: 20px; background: transparent url(../ximg/flag_pt.png) no-repeat scroll 0 0;} div#header_layer ul#headerLang_list li a#flag_es {display: block; height: 20px; width: 20px; background: transparent url(../ximg/flag_es.png) no-repeat scroll 0 0;} div#header_layer ul#headerLang_list li a#flag_gb {display: block; height: 20px; width: 20px; background: transparent url(../ximg/flag_uk.png) no-repeat scroll 0 0;} div#header_layer ul#headerLang_list li a#flag_nl {display: block; height: 20px; width: 20px; background: transparent url(../ximg/flag_nl.png) no-repeat scroll 0 0;} div#header_layer ul#headerLang_list li a#flag_de {display: block; height: 20px; width: 20px; background: transparent url(../ximg/flag_de.png) no-repeat scroll 0 0;} div#header_layer ul#headerLink_list {display: inline; float: left; line-height: 23px;} div#header_layer ul#headerLink_list li {display: inline; float: left;} div#header_layer ul#headerLink_list li a {font-size: 13px; text-align: center; color: #333; padding: 0 5px;} div#header_layer ul#headerLink_list li a span.basket_picto {padding: 0 5px 0 26px; background: transparent url(../ximg/addToCart_picto.gif) no-repeat scroll 1px -3px;} div#header_layer ul#headerBtn_list {display: block; height: 20px; position: absolute; top: 40px; right: 10px; z-index: 9999;} div#header_layer ul#headerBtn_list li {display: block; float: left; margin: 0 5px; padding:0 0 0 5px; line-height: 20px;} div#header_layer ul#headerBtn_list li a { font-size: 13px; color: white; white-space: nowrap; cursor: pointer;} div#header_layer ul#headerBtn_list li a span { float: left; display: block; width: 80px;} div#header_layer ul#headerBtn_list li a span#nb_article div { white-space: nowrap; float: left; display: inline;} div#header_layer form#searchBlock_form { position: absolute; width: 188px; height: 20px; top: 39px; left: 215px; background: url(../ximg/searchBlock_back.gif) no-repeat top left; padding: 2px 0 0 0;} div#header_layer form#searchBlock_form input#keyword { margin: 0 0 0 5px; width: 160px; color: #828282; border: none !important;} div#header_layer form#searchBlock_form a#searchBlock_btn { position: absolute; display: block; width: 20px; height: 20px; top: 0; right: 0; background: url(../ximg/searchBlock_btn.gif) no-repeat top left;} /***************************/ /***** COLONNE GAUCHE *****/ div#left_col {float: left; display: inline; width: 200px;} div#left_col a.rightColBanner {display: block; width: 160px; height: 303px;} div#left_col a.rightColBanner img {height: 303px; width: 160px;} div#left_col div.right_promo_title {height: 20px; width: 160px; background: transparent url(../ximg/left_col_title_bg.jpg) no-repeat 0 0; text-align: center;} div#left_col div.right_promo_title span {color: #CC0000; line-height: 20px; font-weight: bold; font-size: 16px;} div#left_col div#picto_social {padding: 10px 0;} div#left_col div#picto_social a.picto_right {margin-right: 9px; color: #FFF;} div#left_col div#picto_social a.picto_last {color: #FFF;} dl#leftMenu_list {width: 189px; z-index: 10000;} dl#leftMenu_list dt, dl#leftMenu_list dd {line-height: 24px; position: relative;} dl#leftMenu_list dd {padding: 2px 0 0 0; margin: 4px 0 0 0; z-index: 10000; height: auto; width: 189px; display: none;} dl#leftMenu_list dt {height: 24px; cursor: pointer;} dl#leftMenu_list dt div {position: absolute; bottom:0; right: -15px; width: 485px;} dl#leftMenu_list dt#mainCat1 div {bottom: 0; height: 49px; background: url(../ximg/Smenu-collection.gif) no-repeat center;} dl#leftMenu_list dt#mainCat2 div {top: 0; height: 24px; background: url(../ximg/Smenu-pointsdeventes.gif) no-repeat center;} dl#leftMenu_list dt#mainCat3 div {bottom: 0; height: 24px; background: url(../ximg/Smenu-magasins.gif) no-repeat center;} dl#leftMenu_list dt#mainCat4 div {top: 0; height: 24px; background: url(../ximg/Smenu-havaianasmania.gif) no-repeat center;} dl#leftMenu_list dt#mainCat5 div {top: 0; height: 45px; background: url(../ximg/Smenu-contact.gif) no-repeat center;} dl#leftMenu_list dt div span {z-index:2; position: relative; left: 315px; color: white; font-weight: bold; font-size: 12px;} dl#leftMenu_list dt div span.shadow {position: absolute; top: 1px; left: 316px; z-index:1;} dl#leftMenu_list dt#mainCat1 div span {top: 25px;} dl#leftMenu_list dt#mainCat1 div span.shadow {top: 26px; color: #aa335b;} dl#leftMenu_list dt#mainCat2 div span.shadow {color: #305ee3;} dl#leftMenu_list dt#mainCat3 div span.shadow {color: #9d5000;} dl#leftMenu_list dt#mainCat4 div span.shadow {color: #510072;} dl#leftMenu_list dt#mainCat5 div span.shadow {color: #858912;} dl#leftMenu_list dd a, div#leftMenuLayer2 a { z-index: 10000; display: block; margin: 0 0 5px 0; color: #e71a63; width: 185px !important; height: 26px; background: white url(../ximg/menu-default.gif) no-repeat top left;} dl#leftMenu_list dd a:hover {} dl#leftMenu_list dd a.tp1, div#leftMenuLayer2 a.tp1 { background-image: url(../ximg/women.gif);} dl#leftMenu_list dd a.tp2, div#leftMenuLayer2 a.tp2 { background-image: url(../ximg/men.gif);} dl#leftMenu_list dd a.tp3, div#leftMenuLayer2 a.tp3 { background-image: url(../ximg/kids.gif);} dl#leftMenu_list dd a.tp4, div#leftMenuLayer2 a.tp4 { background-image: url(../ximg/baby.gif);} dl#leftMenu_list dd a.tp5, div#leftMenuLayer2 a.tp5 { background-image: url(../ximg/SpecialCollection.gif); color: #FFF !important;} dl#leftMenu_list dd a.tp6, div#leftMenuLayer2 a.tp6 { background-image: url(../ximg/bags.gif);} dl#leftMenu_list dd a.tp7, div#leftMenuLayer2 a.tp7 { background-image: url(../ximg/towels.gif);} dl#leftMenu_list dd a.tp8, div#leftMenuLayer2 a.tp8 { background-image: url(../ximg/baby.gif);} dl#leftMenu_list dd a.tp9, div#leftMenuLayer2 a.tp9 { background-image: url(../ximg/WorldCup.gif); color: #FFF !important;} dl#leftMenu_list dd a.tp10, div#leftMenuLayer2 a.tp10 { background-image: url(../ximg/SoulCollection.gif); color: #FFF !important;} dl#leftMenu_list dd a.history { background-image: url(../ximg/menu-history.gif); color: #f75200;} dl#leftMenu_list dd a.pub { background-image: url(../ximg/menu-advertissing.gif); color: #f75200;} dl#leftMenu_list dd a.contact { background-image: url(../ximg/menu-pr.gif); color: #a0a814;} dl#leftMenu_list dd a.faq { background-image: url(../ximg/menu-faq.gif); color: #a0a814;} dl#leftMenu_list dd a.point_vente { background-image: url(../ximg/menu-pdv.gif); color: #5999fc;} dl#leftMenu_list dd a.mania { background-image: url(../ximg/menu-mania.gif); color: #7b00a6;} dl#leftMenu_list dd a span, div#leftMenuLayer2 a span { margin: 0 0 0 31px; text-align: center; display: block; line-height:25px;} /* SOUS MENU */ dl#leftSousMenu_list {width: 189px; z-index: 10000; margin: 0 0 5px 0;} dl#leftSousMenu_list dt {cursor: pointer; height: 26px; line-height: 26px; position: relative; margin: 0 0 3px 0; width: 185px; background: transparent url(../ximg/menu-default.gif) no-repeat 0 0; z-index: 99;} dl#leftSousMenu_list dt span, dl#leftSousMenu_list dt a {color: #E71A63; text-transform: uppercase; padding: 0 0 0 37px; position: static; font-weight: normal; font-size: 10px; background: none; width: 150px !important;} dl#leftSousMenu_list dt.cat_on {background-position: 0 -31px !important;} dl#leftSousMenu_list dt.cat_on a {color: #FFF;} dl#leftSousMenu_list dt:hover {background-position: 0 -31px !important;} dl#leftSousMenu_list dt:hover span, dl#leftSousMenu_list dt:hover a {color: #FFF;} dl#leftSousMenu_list dt.show_tp, dl#leftSousMenu_list dt.show_tp.selected:hover {background-position: 0 -62px !important;} dl#leftSousMenu_list dt.show_tp.selected:hover span {color: #E71A63;} dl#leftSousMenu_list dt.show_tp:hover {background-position: 0 -93px !important;} dl#leftSousMenu_list dt.show_tp:hover span {color: #FFF;} dl#leftSousMenu_list dt.tp1 {background: transparent url(../ximg/menu_sandals.png) no-repeat scroll 0 0;} dl#leftSousMenu_list dt.tp10 {background: transparent url(../ximg/menu_soul_collection.png) no-repeat scroll 0 0;} dl#leftSousMenu_list dt.tp5 {background: transparent url(../ximg/menu_exclusive_collection.png) no-repeat scroll 0 0;} dl#leftSousMenu_list dt.tp6 {background: transparent url(../ximg/menu_bags.png) no-repeat scroll 0 0;} dl#leftSousMenu_list dt.tp13 {background: transparent url(../ximg/menu_RainOrShine.png) no-repeat scroll 0 0;} dl#leftSousMenu_list dt.menuVouchers {background: transparent url(../ximg/menu_giftVouchers.png) no-repeat scroll 0 0;} dl#leftSousMenu_list dt.menuRainOrShine {background: transparent url(../ximg/menu_RainOrShine.png) no-repeat scroll 0 0;} dl#leftSousMenu_list dd {display: none; height: auto; width: 153px; margin: -7px 0 3px 32px; padding: 0 0 3px 0; background: transparent url(../ximg/leftMenu_list2_dd.png) no-repeat scroll bottom left; z-index: 9;} dl#leftSousMenu_list dd a {background: #cecece; display: block; line-height: 25px; color: #FFF; margin: 0; width: 153px !important;} dl#leftSousMenu_list dd a.first {padding: 4px 0 0 0;} dl#leftSousMenu_list dd a span {font-weight: bold; color: #FFF; margin: 0 0 0 10px; text-align: left;} dl#leftSousMenu_list dd a:hover span {color: #ee2e84;} dl#leftSousMenu_list dd a.selected span {color: #ee2e84;} /* QUICK MENU */ h4.quickMenu_list_title {color: #E71A63; font-size: 12px; font-weight: bold; line-height: 20px; margin: 15px 0 0; text-transform: uppercase;} dl#quickMenu_list {width: 189px; z-index: 10000;} dl#quickMenu_list dt {cursor: pointer; height: 26px; position: relative; margin: 0 0 3px 0; width: 185px; background: transparent url(../ximg/menu-default.gif) no-repeat 0 0; z-index: 99;} dl#quickMenu_list dt span, dl#quickMenu_list dt a {display: block; padding: 6px 0 6px 37px; color: #E71A63; text-transform: uppercase; position: static; font-weight: normal; font-size: 10px;} dl#quickMenu_list dt.cat_on {background-position: 0 -31px !important;} dl#quickMenu_list dt.cat_on a {color: #FFF;} dl#quickMenu_list dt:hover {background-position: 0 -31px !important;} dl#quickMenu_list dt:hover span, dl#quickMenu_list dt:hover a {color: #FFF;} dl#quickMenu_list dt.show_tp, dl#quickMenu_list dt.show_tp.selected:hover {background-position: 0 -62px !important;} dl#quickMenu_list dt.show_tp.selected:hover span {color: #E71A63;} dl#quickMenu_list dt.show_tp:hover {background-position: 0 -93px !important;} dl#quickMenu_list dt.show_tp:hover span {color: #FFF;} dl#quickMenu_list dt.tp1 {background: transparent url(../ximg/menu_sandals.png) no-repeat scroll 0 0;} dl#quickMenu_list dt.tp10 {background: transparent url(../ximg/menu_soul_collection.png) no-repeat scroll 0 0;} dl#quickMenu_list dt.tp5 {background: transparent url(../ximg/menu_exclusive_collection.png) no-repeat scroll 0 0;} dl#quickMenu_list dt.tp6 {background: transparent url(../ximg/menu_bags.png) no-repeat scroll 0 0;} dl#quickMenu_list dt.tp13 {background: transparent url(../ximg/menu_RainOrShine.png) no-repeat scroll 0 0;} dl#quickMenu_list dt.menuVouchers {background: transparent url(../ximg/menu_giftVouchers.png) no-repeat scroll 0 0;} dl#quickMenu_list dt.menuRainOrShine {background: transparent url(../ximg/menu_RainOrShine.png) no-repeat scroll 0 0;} dl#quickMenu_list dd {display: none; height: auto; width: 153px; margin: -7px 0 3px 32px; padding: 0 0 3px 0; background: transparent url(../ximg/leftMenu_list2_dd.png) no-repeat scroll bottom left; z-index: 9;} dl#quickMenu_list dd.openSmenu {display: block !important;} dl#quickMenu_list dd a {background: #cecece; display: block; line-height: 25px; color: #FFF; margin: 0; width: 153px !important;} dl#quickMenu_list dd a.first {padding: 4px 0 0 0;} dl#quickMenu_list dd a span {font-weight: bold; color: #FFF; margin: 0 0 0 10px; text-align: left;} dl#quickMenu_list dd a:hover span {color: #ee2e84;} dl#quickMenu_list dd a.selected span {color: #ee2e84;} /**************************/ /***** CONTENT *****/ div#body_layer {height: auto; min-height: 515px; width: 980px; text-align: left; position: relative; z-index: 99;} div#main {width: 760px; float: left; display: inline; margin: 0 0 20px 15px;} /**************************/ /***** BLOCK MAILING *****/ form#newsletter_block_form {width: 200px; overflow: hidden; position: relative;} form#newsletter_block_form div#pink_btn { position: absolute; top: 36px; right: 37px;} form#newsletter_block_form p {float: left; display: inline; margin: 5px 0; color: #808080; width: 200px;} form#newsletter_block_form p input { vertical-align: middle; margin: 2px 5px 0 0; float: right; display: inline;} form#newsletter_block_form p label {float: right; display: inline; width: 175px;} /**************************/ /***** POPUP *****/ div#BBTool_msgBoxHeader span {display: block; height: 25px; line-height: 25px; margin: 0 5px 5px 5px; padding: 5px 5px 5px 45px; font-size: 13px; font-weight: bold; color: #E71A63; background: transparent url(../ximg/popupPicto_bg.png) no-repeat left center;} div#BBTool_msgBoxBody {} div#BBTool_msgBoxBody * {overflow: hidden;} div#BBTool_msgBoxBody p.error {display: inline; float: left;} div#BBTool_msgBoxBody label {display: inline; float: left; display: inline; line-height: 20px; margin: 0 10px 0 0; text-align: right; width: 150px;} div#BBTool_msgBoxBody input {width: 205px;} div#BBTool_msgBoxBody div.link {height: 20px; width: 340px;} div#BBTool_msgBoxBody div.link a {background: url(../ximg/btn_valider_on_off.jpg) no-repeat 0 0; width: 75px; height: 20px; float: right; display: inline;} div#BBTool_msgBoxBody div.link a:hover {background-position: 0 -25px;} div#BBTool_msgBoxContent {/*width: 555px;*/} div#BBTool_msgBoxContent {position: relative; overflow: hidden; border: 2px solid #E71A63;} a#BBTool_msgBoxCloseBtn {z-index: 10000; height: 20px; background: transparent url(../ximg/closeBtn_left.png) no-repeat scroll 0 0; position: absolute; right: 10px; top: 10px; display: block; } a#BBTool_msgBoxCloseBtn span { text-align: center; background: transparent url(../ximg/closeBtn_right.png) no-repeat scroll right center; color: #FFF; display: block !important; padding: 0 10px 0 5px; margin: 0 0 0 5px; height: 20px; line-height: 20px; cursor: pointer;} /**************************/ div#BBTool_msgBoxBody, div#BBTool_msgBoxHeader {background-color: white;} div#BBTool_msgBoxBody div.content, div#BBTool_msgBoxHeader div.content { /*width: 555px;*/ margin: 0; height: auto; padding: 0 0 10px 0;} /***** POPUP LOGIN *****/ div#BBTool_msgBoxBody form#loginBlock_form { width: 555px; margin: 0 auto;} div#BBTool_msgBoxBody a.lostPass {margin: 0 0 0 10px; font-style: italic; line-height: 20px; float: left; display: inline; color: #E71A63;} div#BBTool_msgBoxBody a.lostPass:hover {text-decoration: underline;} div#BBTool_msgBoxBody div.login_link {height: 20px; width: 395px; margin: 10px 0 0 0;} div#BBTool_msgBoxBody div.login_link div.validate_btn {float: right; display: inline;} div#BBTool_msgBoxBody div.login_link div.back_btn {float: right; display: inline; margin: 0 80px 0 0;} div#BBTool_msgBoxBody div.login_link div.newClient_btn {margin: 0 40px 0 0; float: right; display: inline;} div#BBTool_msgBoxBody div.login_link div.back_btn {float: right; display: inline;} form#forgotten_mdp_error {margin: 0 0 5px 0;} /***************************/ /***** POPUP CONFIRMATION AJOUT PANIER *****/ div#BBTool_msgBoxBody div#prodAdd_layer {padding: 10px;} div#prodAdd_infos {margin: 0 auto; width: 400px;} div#BBTool_msgBoxBody div#prodAdd_infos img.cart_img {width: 60px; height: 60px; display: inline; float: left;} div#BBTool_msgBoxBody div#prodAdd_infos span.cart_stitle {display: block; color: #ACACAC; padding: 10px 0 0 10px;} div#BBTool_msgBoxBody div#prodAdd_infos span.cart_stitle p {font-size: 17px; font-weight: normal;} div#BBTool_msgBoxBody div#prodAdd_infos span.cart_stitle span {font-size: 14px; font-style: italic; margin: 0 15px 0 0;} div#BBTool_msgBoxBody div#GandS_basket {} div#BBTool_msgBoxBody div#GandS_basket a {cursor: pointer; display: block; width: 510px; height: 45px; overflow: hidden; background: transparent url(../ximg/GandS_basket_btn.png) no-repeat 0 0; margin: 0 auto;} div#BBTool_msgBoxBody div#GandS_basket a p {font-weight: bold; color: #FFF; margin: 5px 20px;} div#BBTool_msgBoxBody div#btn_layer {overflow: hidden; margin: 30px 0 0 55px; width: 440px; display: inline; float: left;} div#btn_layer div.continue_shop {display: inline; float: left;} div#btn_layer div.goTo_basket {display: inline; float: right;} /**************************/ /***** POPUP GUIDE TAILLES *****/ div#BBTool_msgBoxBody div.popup_border {position: relative; margin: 10px 0 0 0; color: #000;} div#BBTool_msgBoxBody span.red_color {color: #ee2e84; text-transform: uppercase;} div#BBTool_msgBoxBody table {text-align: center; width: 550px; margin: 10px 2px; font-weight: bold; color: #7b7879;} div#BBTool_msgBoxBody table th {color: #e31a65; font-size: 15px; font-weight: bold; height: 20px; text-transform: uppercase;} div#BBTool_msgBoxBody table td {height: 30px; vertical-align: middle;} div#BBTool_msgBoxBody table td p {margin: 0;} div#BBTool_msgBoxBody table tr.title th {padding: 10px 0;} div#BBTool_msgBoxBody table tr.yes td.pointEur {background: #e2e2e2 url(../ximg/pointEur_bg.gif) no-repeat left center;} div#BBTool_msgBoxBody table tr.no td.pointEur {background: none;} div#BBTool_msgBoxBody table tr.yes td.ajust {background-color: #e2e2e2; border-left:5px solid #FFF;} div#BBTool_msgBoxBody table tr.no td.ajust {background: none;} div#BBTool_msgBoxBody table tr.yes td.relax {background: #e2e2e2 url(../ximg/relax_bg.gif) no-repeat right center; border-left:5px solid #FFF;} div#BBTool_msgBoxBody table tr.no td.relax {background: none;} div#BBTool_msgBoxBody table tr.subtitle td {color: #000; font-weight: bold; height: 35px;} div#BBTool_msgBoxBody table tr.subtitle td.pointEur {background: transparent url(../ximg/point_eur_sub.jpg) no-repeat center left; color: #8ebbe5;} div#BBTool_msgBoxBody table tr.subtitle td.point_hav {background: transparent url(../ximg/point_hav_sub.jpg) no-repeat 4px center; color: #8ebbe5;} div#BBTool_msgBoxBody table tr.subtitle td.pointUk {color: #8ebbe5;} div#BBTool_msgBoxBody table tr.subtitle td.point_havUk {color: #8ebbe5;} div#BBTool_msgBoxBody table tr.gender td {border: 2px solid #E31A65; text-transform: uppercase; color: #E31A65;} div#BBTool_msgBoxBody table tr.first td {color: #000; font-weight: bold;} div#BBTool_msgBoxBody table td.pointEur p {width: 195px; margin: 0 auto; padding: 0; overflow: hidden;} div#BBTool_msgBoxBody table td.ajust p {width: 165px; margin: 0 auto; padding: 0; overflow: hidden;font-size: 9px;} div#BBTool_msgBoxBody table td.relax p {width: 165px; margin: 0 auto; padding: 0; overflow: hidden;font-size: 9px;} div#BBTool_msgBoxBody div#infosGuideTaille {padding: 5px;} div#BBTool_msgBoxBody img.illustration {display: block; position: absolute; bottom: 70px; right: 10px; margin: 0;} div#BBTool_msgBoxBody div#relax_label {position: absolute; bottom: 104px; right: 135px; color: #EE2E84; text-transform: uppercase;} div#BBTool_msgBoxBody div#ajust_label {position: absolute; bottom: 84px; right: 122px; color: #EE2E84; text-transform: uppercase;} div#BBTool_msgBoxBody p.asterisk span.red_color {font-weight: bold;} /**************************/ /***** MENU COMPTE *****/ div#member_block {background-color: #FFF; padding: 10px 0; margin: 15px 0 0 0;} div#member_block h4 {margin: 0 0 0 5px;} ul#account_toolBar_list li {margin: 0 0 0 20px; line-height: 25px;} ul#account_toolBar_list li a {color: #5F5D5C; text-decoration: none;} ul#account_toolBar_list li a:hover {color: #EE5895;} ul#account_toolBar_list li.selected a {color: #EE5895; font-weight: bold;} /***************************/ /***** FOOTER *****/ div#footer_layer {height: 25px; width: 990px; margin: 10px 0 0 0; float: left; display: inline;} div#footer_layer ul#footer_list {display: block; float: right; display: inline;} div#footer_layer ul#footer_list li {float: left; display: inline; margin: 0 5px 0 0; padding: 0 5px; line-height: 20px; background-color: #FFF;} div#footer_layer ul#footer_list li a {font-size: 11px; color: #999;} div#footer_layer ul#footer_list li a:hover {color: #E31A65;} div#footer_layer ul#footer_list li.footer_img {margin: 0 4px 0 0; background: none;} /**************************/ /***** PROCESS *****/ div.contentCommander {margin: 10px 0 0 0; overflow: hidden; background: transparent url(../ximg/contentCommander_bg.png) no-repeat 0 0; height: 65px;} div.contentCommander ul {margin: 5px 0 0 10px;} div.contentCommander ul li {float: left; display: inline;} div.contentCommander ul li div {position: relative; width: 185px; height: 55px; overflow: hidden;} div.contentCommander ul li a div span {color: #7C7C7C; font-style: italic;} div.contentCommander ul li span {position: absolute; left: 90px; bottom: 15px; font-size: 13px; font-weight: bold;} div.contentCommander ul li.panier_on div {background: transparent url(../ximg/panier_on.png) no-repeat center left;} div.contentCommander ul li.panier_off div {background: transparent url(../ximg/panier_off.png) no-repeat center left;} div.contentCommander ul li.panier_off div a {text-decoration: none; color: #7C7C7C;} div.contentCommander ul li.livraison_on div {background: transparent url(../ximg/livraison_on.png) no-repeat center left;} div.contentCommander ul li.livraison_off div {background: transparent url(../ximg/livraison_off.png) no-repeat center left;} div.contentCommander ul li.livraison_off div a {text-decoration: none; color: #7C7C7C;} div.contentCommander ul li.paiement_on div {background: transparent url(../ximg/paiement_on.png) no-repeat center left;} div.contentCommander ul li.paiement_off div {background: transparent url(../ximg/paiement_off.png) no-repeat center left;} div.contentCommander ul li.paiement_off div a {text-decoration: none; color: #7C7C7C;} div.contentCommander ul li.confirmation_on div {background: transparent url(../ximg/confirmation_on.png) no-repeat center left;} div.contentCommander ul li.confirmation_off div {background: transparent url(../ximg/confirmation_off.png) no-repeat center left;} div.contentCommander ul li.confirmation_off div a {text-decoration: none; color: #7C7C7C;} li.panier_on div span, li.livraison_on div span, li.paiement_on div span, li.confirmation_on div span {color: #E31A65;} /**************************/ /***** TOOLTIP *****/ div#BBForm_TTip {background-color: #EAF6FF; border: 1px solid #7BA7C9; padding: 15px 20px;} /**************************/ /***** ERREUR *****/ div.error_layer {color: red; font-weight: bold; font-size: 11px; margin: 10px 5px; padding: 5px; overflow: hidden;} img.warning_img {position: absolute; top: 0; left: 440px;display: none;} /**************************/ /****************************************************/ /***** GENERAL *****/ a {text-decoration: none;} div#site_layer {text-align: left; width: 985px; margin: 0 auto; position: relative; z-index: 9;} p {line-height: 14px; margin: 0 0 10px 0;} h1 {font-size: 15px; margin: 10px 5px; text-transform: uppercase;} /***************************/ .error div#BBTool_msgBoxHeader {color: #FFF;} .error div p { padding: 5px 10px; color: #CC0000; font-weight: bold;} .error div p strong {color: red;} /***** MENU GAUCHE *****/ div#left_col_layer {float: left; display: inline; width: 180px; background-color: #FFF; position: relative; z-index: 1400; margin: 0 0 0 5px; min-height: 530px;} div#left_col_layer div.left_col_title {height: 20px; width: 170px; background: transparent url(../ximg/left_col_title_bg.jpg) no-repeat 0 0; margin: 10px 0;} div#left_col_layer div.left_col_title span {padding: 0 0 0 25px; color: #CC0000; line-height: 20px; font-weight: bold;} /* selection */ div#left_col_layer select#selectionList_select {width: 140px; margin: 30px 0 0 5px; border: 1px solid #CECECE;} div#left_col_layer div#selectionList_layer {cursor: pointer; width: 132px; height: 18px; margin: 15px 0 15px 25px; background: transparent url(../ximg/selectionList_btn.gif) no-repeat top right; line-height: 18px; padding: 0 0 0 5px;} div#left_col_layer div#selectionList_popup {display: none; width: 135px; border: 1px solid #000; border-top: 1px solid #CECECE; overflow: hidden; position: absolute; top: 63px; left: 25px; background-color: #FFF;} div#left_col_layer div#selectionList_popup a {color: #000; line-height: 15px; padding: 0 0 0 5px; font-size: 11px; display: block;} div#left_col_layer div#selectionList_popup a:hover {background-color: #CCC;} div#silBlock_layer {cursor: pointer; height: 18px; width: 137px; margin: 0 0 0 15px; background: transparent url(../ximg/selectionList_btn.gif) no-repeat top right; line-height: 18px;} div#silBlock_layer ul#silBlock_list {position: relative; display: none; overflow: hidden; z-index: 10000; background: white; width: 137px; height: auto; border-bottom: 1px solid gray;} div#silBlock_layer ul#silBlock_list li {} div#silBlock_layer ul#silBlock_list li a { border-left: 1px solid gray; border-right: 1px solid gray;color: #000; line-height: 15px; padding: 0 0 0 5px; font-size: 11px; display: block;} div#silBlock_layer ul#silBlock_list li a:hover {background-color: #CCC;} /* ZOOM SILHOUETTE */ div#silZoomLayer {position: absolute; top: 30px; left: 185px; background-color: #FFF; border: 1px solid #CCC; padding: 10px; z-index: 10000;} div#silZoomLayer a {height: 15px; width: 15px; background: transparent url(../ximg/close_popup_mini.jpg) no-repeat 0 0; position: absolute; top: 0; right: 0;} /**************************/ /***** CONTENT *****/ div#content_layer {margin: 0 0 0 193px; width: 775px; z-index: 9; position: relative; background-color: #FFF; overflow: hidden; padding: 0 0 0 5px; min-height: 590px;} /**************************/ /***** PATH BAR *****/ ul#path_list {font-size: 11px; height: 20px; line-height: 20px; margin: 0 0 10px; background-color: #FFF;} ul#path_list li {display: inline; margin: 0 0 0 6px;} ul#path_list a {text-decoration: underline;} ul#path_list li.accueil a {text-decoration: none; color: #000;} /**************************/ /***** BASKET POP *****/ div#basketPop_layer {position: absolute; padding: 5px 0 0 0; top: 20px; right: 5px; display: none; width: 280px; cursor: default;} div#basketPop_content {width: 280px !important;} div#basketPop_top {background: transparent url(../ximg/basketPop_top.gif) no-repeat 0 0; padding: 7px 0 0 0; width: 280px;} table#cartBlock_table {width: 280px; border-left: 1px solid #e31a65; border-right: 1px solid #e31a65; background-color: #FFF; padding: 0 0 10px 0;} table#cartBlock_table tr td {border-bottom: 1px dashed #CACACA; padding: 3px 10px; font-weight: bold;} table#cartBlock_table tr td a {line-height: 15px;} table#cartBlock_table tr td.price {font-weight: bold; text-align: right; width: 70px; padding: 0;} table#cartBlock_table tr td.price span {margin: 0 5px 0 0;} table#cartBlock_table tbody tr td.prodName {padding: 0;} table#cartBlock_table tbody tr td.prodName .details {color: #E71A63 !important; margin: 5px 0 5px 10px; line-height: 15px; font-size: 11px !important; width: 195px;} table#cartBlock_table tbody tr td.prodName a {padding: 0;} table#cartBlock_table tbody tr td.prodName .details span {font-weight: bold; color: #808080; font-size: 11px; width: 200px !important;} table#cartBlock_table tbody tr td a {background: none !important;} table#cartBlock_table tfoot tr.shipping td.price {font-weight: normal;} table#cartBlock_table tfoot tr.total td {font-weight: bold;} table#cartBlock_table tfoot tr.total td.price {color: #E71A63;} table#cartBlock_table tfoot tr.freeShipping td {color: #94C558; line-height: 15px; border: none;} table#cartBlock_table tfoot tr.freeShipping td span {font-size: 12px;} div#basketPop_bottom {background: transparent url(../ximg/basketPop_bottom.gif) no-repeat bottom left; height: 35px; width: 280px;} div#basketPop_bottom div {margin: 0 auto; text-align: center; width: 120px;} div#basketPop_bottom div a span {float: none !important;} /**************************/ span.errorMsg {position: relative; width: 250px !important;} span.errorMsg div.msg {/*position: absolute; right: -200px;*/ color: red;} input.error {border: 1px dashed #EB340A !important; background:#FAEBE7;} div.error select {border: 1px dashed #EB340A !important; background:#FAEBE7;} div#msg_ogone {font-size: 13px; font-weight: bold; margin: 30px;} div#cgv_layer {background-color: #FFF; padding: 10px;} ul#headerBtn_list div.content { float: left;} p#dom_tom {color: #EE5895; font-weight: bold;} /* POPUP RAINBOOTS VIDEO */ div#BBTool_msgBoxContent.rainBoots_video div.content {padding: 0;} div#BBTool_msgBoxContent.rainBoots_video iframe {z-index: 10;}