/************************************************************************************************************/ /* START CSS Body Shop */ /************************************************************************************************************/ * body { margin: 0px 0px 0px 0px; background-image: url(../images/bg_facade_gradient.jpg); background-color: #e6e6e6; background-repeat: repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; } IMG { border:none } .pageWIDTH { width: 950px; padding-top:18px; padding-bottom:52px; } .float_L { float: left; display:inline; } .colorgreen { color: #8fc800; } div #pageMAIN {width:950px; background-color: #FFFFFF; padding: 10px 0px 15px 0px; overflow:hidden} #pageMAIN #leftNavGlobal {width:205px; float:left;} #pageMAIN #rightContentGlobal {width:730px; float:left; margin-right:15px; /*background:url(../images/'/images/_ww/_ww/common/bg_global-content_fade.jpg')repeat-x #f2f2f2;*/ padding-top:10px} div #page {position: relative; margin: 0 auto 0 auto; z-index: 1;} .padding10_T { padding-top: 10px; } .pad10LR { padding-right: 10px; padding-left: 10px; } .pad15LR { padding-left: 15px; padding-right: 15px; } .pad15L { padding-left: 15px; } .pad43T { padding-left: 43px; } .padCartShop {padding : 6px 10px 0px 0px;} .spacer_8H { position: relative; height: 8px;} .spacer_20H { position: relative; height: 20px;} .spacer_107H { position: relative; height: 107px;} .None { display:none; } .BackgroundItemAdded { background-image: url(../images//images/_en/_ww/common/item_added_to_cart.gif); position: relative; width: 302px; height: 497px; background-repeat: no-repeat; } .margain6T { margin-top: 6px; } .margain19L { margin-left: 19px; } .margain7T { margin-top: 7px; /*top: 7;*/ } .margain11R { margin-right: 11px; } /*------------------------------------------*/ /* Error */ /*------------------------------------------*/ .error10pxR { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FF0000; text-decoration: none;} .error { font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; color:#FF0000; text-decoration: none;} .AGrey11pxR_error { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#FF0000; text-decoration: none;} .msg_error { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ed1c24;} /*------------------------------------------*/ /* Font Arial */ /*------------------------------------------*/ .Ablack9pxR { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; } .Ablack10pxR { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; } .Ablack10pxB { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none; } .Ablack11pxBUC { font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; /*font-stretch:ultra-condensed;*/ } .Ablack11pxR { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #000000; text-decoration: none; } .Ablack12pxR { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; } .Ablack12pxB { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;} .Ablack13Boldpx { font-family : Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-decoration: none; } .Ablack13Regularpx { font-family : Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-decoration: none; } .Ablack17pxTT { font-family : Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #000000; text-decoration: none; } .Ablack30pxB { font-family : Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #000000; text-decoration: none; } .Awhite10pxB { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #ffffff; text-decoration: none; } .Awhite11pxR { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #ffffff; text-decoration: none; } .Awhite11pxB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #ffffff; text-decoration: none; } .Awhite16pxB { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;color: #ffffff; text-decoration: none; } .AGris11pxB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; } .AGris12pxR { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #666666; text-decoration: none; } .AGrey9pxR { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal;color: #4d4d4d; text-decoration: none; } .AGrey10pxR { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;color: #4d4d4d; text-decoration: none; } .AGrey10pxB { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #4d4d4d; text-decoration: none; } .AGrey11pxR { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal;color: #4d4d4d; text-decoration: none; } .AGrey11pxB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;color: #4d4d4d; text-decoration: none; } .AGrey12pxR { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;color: #4d4d4d; text-decoration: none; } .AGrey12pxB { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;color: #4d4d4d; text-decoration: none; } .AGrey16pxB { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;color: #4d4d4d; text-decoration: none; } .AGrey17pxB { font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold;color: #4d4d4d; text-decoration: none; } .AGrey24pxR { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal;color: #4d4d4d; text-decoration: none; } .AGrey32pxR { font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal;color: #4d4d4d; text-decoration: none; } .AGreen10pxB { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #74bf02; text-decoration: none; } .AGreen10pxR { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #74bf02; text-decoration: none; } .AGreen11pxB { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #74bf02; text-decoration: none; font-weight: bold;} .AGreen11pxR { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #74bf02; text-decoration: none;} .AGreen12pxR { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #74bf02; text-decoration: none;} .AOrange12pxR { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ec7a23; text-decoration: none;} .AOrange13pxB { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #ec7a23; text-decoration: none;} .Aquote12pxR { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #4d4d4d; text-decoration: none;} .ADarkGreen12pxB { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #669900; text-decoration: none; font-weight: bold;} .AYellow15pxB { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #ffff00; text-decoration: none; font-weight: bold;} .AGreen15pxB { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #74bf02; text-decoration: none; font-weight: bold;} /*------------------------------------------*/ /* Font Helvetica */ /*------------------------------------------*/ .HBlack28pxB { font-family:Helvetica, Arial, sans-serif; font-size:28px; font-weight:bold; /*font-stretch:ultra-condensed;*/ color:#000000; text-decoration:none; } /*------------------------------------------*/ /* CSS for PAGE LAYOUT */ /*------------------------------------------*/ #botNAV { background-color: #ffffff; width:920px; padding:0px 15px 24px 15px; position:absolute; z-index:1} #botNavGlobal { background:url(../images/global_bg-bottom.gif) no-repeat bottom; width:920px; height:20px; padding:0px 15px 0px 15px; position:absolute; z-index:1} #TOPCOUNTRY { background-image: url(../images/changecountry-bg.gif); height: 23px; } #TOPNAV { background-image: url(../images/bg_header_repeatline.gif); background-repeat: repeat-x; height: 52px;} #secNAV { padding:0px; margin:0px; background-color: #FFFFFF; height: 42px; } .leftNav { background-color: #ffffff; width: 205px; padding: 0px 13px 0px 13px; vertical-align:top} .leftNavCheckOut { background-color: #ffffff; width: 177px; padding: 20px 13px 0px 13px; vertical-align:top} .leftNavCheckOutimg { background-color: #ffffff; width: 177px; padding: 0px 0px 0px 0px; vertical-align:top} .rightContent { background-color: #ffffff; width: 745px; padding-right:10px; vertical-align:top } /*------------------------------------------*/ /* CSS for HEADER LAYOUT */ /*------------------------------------------*/ .listed-none {list-style-type: none;} /* Global menu */ /* ------------ */ /* Common CSS */ #menu1-global, #menu1-global ul, #menu1-global ul ul {padding:0; margin:0; list-style-type: none;} /* Get rid of the margin, padding and bullets in the unordered lists */ #menu1-global li {float:left;} /* Set up the list items */ #menu1-global li ul {display:none; background: #FFFFFF; border:1px solid #999999; border-width: 0px 1px 1px 1px;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ /* Common CSS > OFF li first level */ #menu1-global a, #menu1-global a:visited {display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#4d4d4d; height:19px; text-decoration:none; text-indent:7px;} /* Set up the link size, color and borders */ #menu1-global li.en_home {background:url(../images/global_home_btn_off.gif) no-repeat;width:55px; height:38px;} #menu1-global li.de_home { background:url(../images/global_homede_btn_off.gif) no-repeat;width:48px; height:38px;} #menu1-global li.fr_home { background:url(../images/fr_global_home_btn_off.gif) no-repeat;width:40px; height:38px;} #menu1-global li.en_shop {background:url(../images/global_shop_btn_off.gif) no-repeat; width:64px; height:38px;} #menu1-global li.fr_shop {background:url(../images/global-btn-prf-off.gif) no-repeat; width:69px; height:38px;} #menu1-global li.de_shop {background:url(../images/global-btn-prd-off.gif) no-repeat; width:73px; height:38px;} #menu1-global li.en_blounge {background:url(../images/global_b-l_btn_off.gif) no-repeat; width:83px; height:38px;} #menu1-global li.fr_blounge {background:url(../images/global_b-l_btn_off.gif) no-repeat; width:66px; height:38px;} #menu1-global li.de_blounge {background:url(../images/global_b-lde_btn_off.gif) no-repeat; width:88px; height:38px;} #menu1-global li.en_vcampaigns {background:url(../images/global_v-c_btn_off.gif) no-repeat; width:145px; height:38px;} #menu1-global li.fr_vcampaigns {background:url(../images/global-btn-vld-off.gif) no-repeat; width:200px; height:38px;} #menu1-global li.de_vcampaigns {background:url(../images/global-btn-vlde-off.gif) no-repeat; width:188px; height:38px;} #menu1-global li.en_loyalty {background:url(../images/global_loyalty_btn_off.gif) no-repeat; width:58px; height:38px;} #menu1-global li.fr_loyalty {background:url(../images/global-btn-lof-off.gif) no-repeat; width:110px; height:38px;} #menu1-global li.de_loyalty {background:url(../images/global-btn-lod-off.gif) no-repeat; width:92px; height:38px;} #menu1-global li.fr_photo_gallery {background:url(../images/topmenu_gallery_fr_01.gif) no-repeat; width:90px; height:38px;} #menu1-global li.de_photo_gallery {background:url(../images/topmenu_gallery_de_01.gif) no-repeat; width:90px; height:38px;} /* Common CSS > OFF li second level */ #menu1-global li li a, #menu1-global li li a:visited {width:150px; margin: 3px 0px 3px 0px; vertical-align:middle} /* Set up the link size, color and borders */ /* For Non-IE browsers and IE7 CSS */ #menu1-global li:hover {position:relative;} #menu1-global li:hover > ul {display:block; position:absolute; top:0px; left:-1px; margin-top:38px;} /*make the sublevels visible on list hover. This is all it needs */ /* For Non-IE browsers and IE7 CSS > OVER li first level */ #menu1-global li.en_home:hover > a {background:url(../images/global_home_btn_on.gif) no-repeat; width:55px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.fr_home:hover > a {background:url(../images/fr_global_home_btn_on.gif) no-repeat; width:40px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.de_home:hover > a {background:url(../images/global_homede_btn_off.gif) no-repeat; width:40px; height:48px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.en_shop:hover > a {background:url(../images/global_shop_btn_over.gif) no-repeat; width:64px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.fr_shop:hover > a {background:url(../images/global-btn-prf-on.gif) no-repeat; width:69px; height:38px} /* For accessibility of the top level menu when tabbing */ #menu1-global li.de_shop:hover > a {background:url(../images/global-btn-prd-on.gif) no-repeat; width:73px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.en_blounge:hover > a {background:url(../images/global_b-lde_btn_on.gif) no-repeat; width:83px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.fr_blounge:hover > a {background:url(../images/global_b-l_btn_on.gif) no-repeat; width:66px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.de_blounge:hover > a {background:url(../images/global_b-lde_btn_on.gif) no-repeat; width:88px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.en_vcampaigns:hover > a {background:url(../images/global_v-c_btn_on.gif) no-repeat; width:145px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.fr_vcampaigns:hover > a {background:url(../images/global-btn-vld-on.gif) no-repeat; width:188px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.de_vcampaigns:hover > a {background:url(../images/global-btn-vlde-on.gif) no-repeat; width:201px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.en_loyalty:hover > a {background:url(../images/global_loyalty_btn_over.gif) no-repeat; width:58px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.fr_loyalty:hover > a {background:url(../images/global-btn-lof-on.gif) no-repeat; width:110px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.de_loyalty:hover > a {background:url(../images/global-btn-lod-on.gif) no-repeat; width:92px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.fr_photo_gallery:hover > a {background:url(../images/topmenu_gallery_mo_fr_01.gif) no-repeat; width:90px; height:38px;} /* For accessibility of the top level menu when tabbing */ #menu1-global li.de_photo_gallery:hover > a {background:url(../images/topmenu_gallery_mo_de_01.gif) no-repeat; width:90px; height:38px;} /* For accessibility of the top level menu when tabbing */ /* For Non-IE browsers and IE7 CSS > OVER li second level */ #menu1-global li.en_shop li:hover > a {background:#f9f9f9; color:#669900; width:150px} /* Make the hovered list color persist */ #menu1-global li.de_shop li:hover > a {background:#f9f9f9; color:#669900; width:150px} /* Make the hovered list color persist */ #menu1-global li.fr_shop li:hover > a {background:#f9f9f9; color:#669900; width:150px} /* Make the hovered list color persist */ #menu1-global li.en_loyalty li:hover > a {background:#f9f9f9; color:#ec7a23; width:150px} /* Make the hovered list color persist */ #menu1-global li.fr_loyalty li:hover > a {background:#f9f9f9; color:#ec7a23; width:150px} /* Make the hovered list color persist */ #menu1-global li.de_loyalty li:hover > a {background:#f9f9f9; color:#ec7a23; width:150px} /* Make the hovered list color persist */ /* Catalog menu */ /* ------------- */ /* Common CSS */ #menu2-shopping, #menu2-shopping ul, #menu2-shopping ul ul {padding:0; margin:0; list-style-type: none;} /* Get rid of the margin, padding and bullets in the unordered lists */ #menu2-shopping li {float:left; background:url(../images/catalog-nav_v-separator.jpg) no-repeat top right;} /* Set up the list items */ #menu2-shopping li li {background:none} /* Set up the list items */ #menu2-shopping li ul {display:none; background: #FFFFFF; border:1px solid #999999; border-width: 0px 1px 1px 1px;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ /* Common CSS > OFF li first level */ #menu2-shopping a, #menu2-shopping a:visited {display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFFFFF; height:25px; text-decoration:none; padding: 5px 7px 0px 7px;} /* Set up the link size, color and borders */ /* Common CSS > OFF li second level */ #menu2-shopping li li a, #menu2-shopping li li a:visited {width:200px; margin: 2px 0px 2px 0px; vertical-align:middle; font-weight:normal; color:#666666; padding: 0px 7px 0px 7px; height: 15px} /* Set up the link size, color and borders */ #menu2-shopping li:hover > a {background-color:#FFFFFF; color:#000000;} /* For Non-IE browsers and IE7 CSS */ #menu2-shopping li:hover {position:relative;} #menu2-shopping li:hover > ul {display:block; position:absolute; top:0px; left:-1px; margin-top:25px;} /*make the sublevels visible on list hover. This is all it needs */ /* For Non-IE browsers and IE7 CSS > OVER li second level */ #menu2-shopping li li:hover > a {background:#f9f9f9; color:#669900; width:200px} /* Make the hovered list color persist */ /* For IE5.5 and IE6 CSS */ #menu2-shopping table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}/* get rid of the table */ /* For IE5.5 and IE6 CSS > OVER li first level */ * html #menu2-shopping li a:hover {position:relative; background:#FFFFFF; color:#000000;} /* For IE5.5 and IE6 CSS > OVER li second level */ * html #menu2-shopping li li a:hover {position:relative; background:#f9f9f9; color:#669900;} /* For IE5.5 and IE6 CSS > Necessary to make the sublevels appear */ * html #menu2-shopping li ul {visibility:hidden; display:block; position:absolute; margin:10px 0px 0px 30px;}/* change the drop down levels from display:none; to visibility:hidden; */ #menu2-shopping li a:hover ul {visibility:visible; left:-31px; top:15px;}/* make the second level visible when hover on first level link and position it */ * html #menu2-shopping .wellbeing-ie {width:54px;} * html #menu2-shopping .gifts-ie {width:24px;} * html #menu2-shopping .makeup-ie {width:50px} * html #menu2-shopping .bathbody-ie {width:65px} * html #menu2-shopping .skincare-ie {width:51px} * html #menu2-shopping .mens-ie {width:31px} * html #menu2-shopping .homefragrance-ie {width:88px;} * html #menu2-shopping .fragrance-ie {width:54px} * html #menu2-shopping .hair-ie {width:20px} * html #menu2-shopping .specials-ie {width:46px} * html #menu2-shopping .shopbyline-ie {width:67px} /* Account menu */ /* ------------- */ #menu2-account {list-style-type: none; float:right} #menu2-account li {float:left;} #menu2-account li, #menu2-account a, #menu2-account a:visited {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#FFFFFF; height:20px; text-decoration:none} /* Set up the link size, color and borders */ #menu2-account a {display:block; height:20px; padding:5px 7px 0px 7px;} #menu2-account a:hover {color:#000000; background-color:#FFFFFF;} * html #menu2-account .signin-ie {width:52px;} * html #menu2-account .register-ie {width:48px;} * html #menu2-account .myaccount-ie {width:78px;} /*------------------------------------------*/ /* CSS for common PAGES - Left nav mgmt */ /*------------------------------------------*/ .menu_border { border: 1px solid #d5d5d5; border-top: 0px; height:23px; padding-left:12px; background-color:#FFFFFF; } .menu_border_fix { border: 1px solid #d5d5d5; border-top: 0px; height:23px; padding-left:12px; background-color:#99cc33; color:#FFFFFF; } .menu_loyalty_border { height:20px; background-color:#FFFFFF; } .menu_loyalty_border_fix { height:20px; background-color:#99cc33; color:#FFFFFF; } /* Common Left Nav */ .tableLeftNav {border: 1px solid #d5d5d5; border-top: 0px; border-bottom: 0px; background-color:#ffffff; } .tableLeftNav .title {padding:10px 0px 10px 12px} .tableLeftNav td {font-weight:bold; color:#ffffff; text-align:left; border-bottom: 1px solid #d5d5d5;} .tableLeftNav td.subNav {font-weight:bold; color:#ffffff; height:auto; padding-left:30px; text-align:left; border-bottom: 1px solid #d5d5d5;} .tableLeftNav a {font-weight:bold; color:#4d4d4d; text-decoration:none; display:block; padding-top:4px} .tableLeftNav td.activePage a {color:#FFFFFF} .tableLeftNav td.activePage a:hover {color:#FFFFFF} /* Green Left Nav : shop/home */ div .leftNavGreen {margin: 0 auto 0 auto;} .leftNavGreen .tableLeftNav td.activePage {background-color:#8FC800;} .leftNavGreen .tableLeftNav a:hover {color:#8FC800} /* Blue Left Nav : values & campaigns */ div .leftNavBlue {margin: 0 auto 0 auto;} .leftNavBlue .tableLeftNav td.activePage {background-color:#0198CB;} .leftNavBlue .tableLeftNav a:hover {color:#0198CB} /* Pink Left Nav : Beauty lounge */ div .leftNavPink {margin: 0 auto 0 auto;} .leftNavPink .tableLeftNav td.activePage {background-color:#EC008C;} .leftNavPink .tableLeftNav a:hover {color:#EC008C} /* Yellow Left Nav : Loyalty */ div .leftNavYellow {margin: 0 auto 0 auto;} .leftNavYellow .tableLeftNav td.activePage {background-color:#D09E01;} .leftNavYellow .tableLeftNav a:hover {color:#D09E01} /* Orange Left Nav : About Us*/ div .leftNavOrange {margin: 0 auto 0 auto;} .leftNavOrange .tableLeftNav td.activePage {background-color:#EC7A23;} .leftNavOrange .tableLeftNav a:hover {color:#EC7A23} /*------------------------------------------*/ /* CSS for PAGES REGISTER/SIGN IN/MY ACCOUNT*/ /*------------------------------------------*/ .leftRegister { background-color: #FFFFFF; width: 205px; vertical-align: top; } .titlegrey { width:732px; height:20px; background-color:#f0f0f0; vertical-align:middle; text-align:left; padding-left:5px; } .signinMyBodyShop_BOX { height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat; background-image: url(../images//images/_en/_ww/mybodyshop/bg_box_newcustomer.gif); } .signinMyBodyShop2_BOX { height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat; background-image: url(../images//images/_en/_ww/mybodyshop/bg_box_customerlogin.gif); } /*------------------------------------------*/ /* CSS for PAGE CHECKOUT */ /*------------------------------------------*/ .signin_BOX {height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat; background-image: url(../images//images/_en/_ww/checkout/bg_noregister_step1.gif); } .signin2_BOX {height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat; background-image: url(../images//images/_en/_ww/checkout/bg_register_step1.gif); } .login { padding: 30px 13px 13px 13px; } /*------------------------------------------*/ /* CSS for SECTION Loyalty */ /*------------------------------------------*/ #loyalty_Content { position: relative; float: right; width: 765px; height: 532px; } #loyalty_Title { position: relative; float: left; margin-left: 20px; margin-top: 45px; } #loyalty_leftNAV { position: relative; float: left; width: 184px; } #loyalty_Main { position: relative; background: #ffffff; width: 100%; padding-top: 10px; } #loyalty_FAQ_WhiteContainer { position: relative; float: none; background: #ffffff; width: 680px; height: 136px; margin-top: 15px; margin-left: 15px; } #acquiredPts { position: relative; float: left; margin-top: 37px; } #myOffers { position: relative; float: left; width: 343px; } #myVouchers { position: relative; float: left; width: 343px; margin-left: 28px; } #whiteBox_Activation { position: relative; float: left; width: 340px; margin-top: 15px; } .greenHeader { position: relative; /*background: url(../images/'/images/_en/_ww/common/greenHeader.gif') repeat-x;*/ } .greenHeader.left { /*background: url(../images/'/images/_en/_ww/common/l_greenHeader.gif') no-repeat; */ width: 254px; height: 25px; padding-left: 13px; } .whiteBox { position: relative; background: #ffffff; padding: 10px 20px 10px 20px; } .whiteBoxBottom { background: transparent; width: 100%; height: 4px; } .whiteBoxBottomL { float: left; /*background: url(../images/'/images/_en/_ww/common/bottom_l_whitebox.gif') no-repeat; */ width: 4px; height: 4px; } .whiteBoxBottomM { float: left; /*background: #ffffff url(../images/'/images/_en/_ww/common/bottom_whitebox.gif') repeat-x;*/ height: 4px; } .whiteBoxBottomR { float: right; /*background: url(../images/'/images/_en/_ww/common/bottom_r_whitebox.gif') no-repeat; */ width: 4px; height: 4px; } /*------------------------------------------*/ /* CSS for footer > Newsletter */ /*------------------------------------------*/ .input-newsletter input {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#737373;} .input-newsletter_error input {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ed1c24; border:1px solid #ed1c24} /************************************************************************************************************/ /* END CSS Body Shop */ /************************************************************************************************************/ /**************************************************************************************************************/ /* * START - BEAUTYSCHOOL */ *{padding:0px;margin:0px;} .NMA_homeON { background-color: #CCC4C8; } #index_shopPNL_HLDR { height: 375px; width: 160px; margin: 45px 0px 7px 7px; } #index_shopPNL { position: absolute; width: 140px; padding: 35px 10px 10px 10px; height: 325px; } .index_shopPNL_TEXT { width: 140px; position: relative; padding: 5px 0px 5px 0px; } .tdvalignT { vertical-align:top; } /* * END - BEAUTYSCHOOL */ /* * START - CATEGORY >> DELETED */ /* * START - global_GEN */ a { text-decoration: none; } .float_R { float: right; } #copyright { position:relative; padding-top:5px; padding-bottom:5px; padding-right:10px; } /* FONT > DELETED */ /* JFY > DELETED */ .recviewHOLDERbg { position: relative; width: 733px; height: 120px; background-image: url(../images//images/_en/_ww/common/bg_recently_reviewed.gif); background-repeat: no-repeat; padding-top: 8px; /*padding-bottom: 5px; float: right; /*margin-bottom: 20px;*/ margin-top: 8px; } .CollectionBrowsedByCollection { width: 733px; height: 120px; background-image: url(../images//images/_en/_ww/common/Img_BrowsedByCollection.gif); background-repeat: no-repeat; float: right; } .CollectionBrowsedByTreatment { width: 733px; height: 120px; background-image: url(../images//images/_en/_ww/common/Img_browsedbyTreatment.gif); background-repeat: no-repeat; padding-top:8px; margin-top:8px; float: right; } /* TO DELETE ? */ .recviewPRODmask { position: absolute; width: 191px; height: 50px; overflow: hidden; } /* TO DELETE ? */ .recviewPRODholder { position: absolute; } /* TO DELETE ? */ .subCAT_pnlswatchHLDR { position: relative; left: 10px; margin-top: 3px; width: 390px; border-bottom-width: 1px; padding-bottom: 3px; } .hideit { visibility: hidden; } .quickshop_btn { position: absolute; margin-top: -5px; margin-left: -10px; } .bg_TL { background-repeat: no-repeat; background-position: left top; } .bg_TR { background-repeat: no-repeat; background-position: right top; } .bg_BR { background-repeat: no-repeat; background-position: right bottom; } .bg_BL { background-repeat: no-repeat; background-position: left bottom; } .bg_MID { background-repeat: no-repeat; background-position: center center; } .LTgrey_BRDR { border: 1px solid #D0D0D0; } .grey_BRDR { border: 1px solid #858585; } .pink_BRDR { border: 1px solid #F9DAE8; } .RL_grey1px { border-right: 1px solid #CDCDCD; } .LL_grey1px { border-left: 1px solid #CDCDCD; } .BL_grey1px { border-bottom: 1px solid #CDCDCD; } .BL_indexPNL_1px { border-bottom: 1px solid #AC8B74; } .TL_grey1px { border-top: 1px solid #CDCDCD; } .BL_pink1px { border-bottom: 1px solid #F9DAE8; } .BL_pink2px { border-bottom: 2px solid #F9DAE8; } .LL_pink2px { border-left: 2px solid #F9DAE8; } .BL_green1px { border-bottom: 1px solid #8fc800; } .pnkBGgreyBRDR { background-color: #FAF0F5; border: 1px solid #C7C7C7; } /*.OPACITY50 { filter: Alpha(Opacity=50); -moz-opacity: 0.50; } .OPACITY60 { filter: Alpha(Opacity=60); -moz-opacity: 0.60; } .OPACITY70 { filter: Alpha(Opacity=70); -moz-opacity: 0.70; } .OPACITY80 { filter: Alpha(Opacity=80); -moz-opacity: 0.80; } .OPACITY90 { filter: Alpha(Opacity=90); -moz-opacity: 0.90; }*/ .alignC { margin-right: auto; margin-left: auto; } .padding02_A { padding: 2px; } .pad02TB { padding-top: 2px; padding-bottom: 2px; } .padding03_T { padding-top: 3px; } .padding03_A { padding: 3px; } .padding03_L { padding-left: 3px; } .padding03_B { padding-bottom: 3px; } .padding05_A { padding: 5px; } .padding05_T { padding-top: 5px; } .padding05_B { padding-bottom: 5px; } .padding05_L { padding-left: 5px; } .padding05_R { padding-right: 5px; } .padding10_A { padding: 10px; } .padding10_B { padding-bottom: 10px; } .padding10_R { padding-right: 10px; } .padding10_L { padding-left: 10px; } .pad05LR { padding-right: 5px; padding-left: 5px; } .padding15_A { padding: 15px; } .padding_15T { padding-top: 15px; } .padding_15L { padding-left: 15px; } .padding15_R { padding-right: 15px; } .padding15_B { padding-bottom: 15px; } .padding20_A { padding: 20px; } .padding20_T { padding-top: 20px; } .padding20_L { padding-left: 20px; } .padding20_R { padding-right: 20px; } .padding20_B { padding-bottom: 20px; } .pad20LR { padding-right: 20px; padding-left: 20px; } .padding25_T { padding-top: 25px; } .padding25_L { padding-left: 25px; } .padding25_R { padding-right: 25px; } .padding25_B { padding-bottom: 25px; } .padding30_R { padding-right: 30px; } .padding40_R { padding-right: 40px; } .SPACER_05H { position: relative; height: 5px; } .SPACER_10H { position: relative; height: 10px; } .SPACER_15H { position: relative; height: 15px; } .SPACER_30H { position: relative; height: 30px; } .margain2px { margin: 2px; } .margain2T { margin-top: 2px; } .margain3L { margin-left: 3px; } .margain3T { margin-top: 3px; } .margain5T { margin-top: 5px; } .margain5L { margin-left: 5px; } .margain10_R { margin-right: 10px; } .margain10T { margin-top: 10px; } .margain10L { margin-left: 10px; } .margain10B { margin-bottom: 10px; } .margain15T { margin-top: 15px; /*top: 15px;*/ } .margain15R { margin-right: 15px; } .margain15L { margin-left: 15px; } .margain20T { margin-top: 20px; } .margain20L { margin-left: 20px; } .margain20_B { margin-bottom: 20px; } .margain25_T { margin-top: 25px; } .margain25_L { margin-left: 25px; } .margain25_R { margin-right: 25px; } .margain30_T { margin-top: 30px; } .margain30L { margin-left: 30px; } .margain35_T { margin-top: 35px; } .margain40_T { margin-top: 40px; } .margain40_L { margin-left: 40px; } .margain50_L { margin-left: 50px; } .margain60_L { margin-left: 60px; } .tabHLDR { position: relative; height: 17px; } .tab { position: absolute; } .tabZfoward { z-index: 10; } .pinkPNL_BG { background-image: url(../images/../images/pinkcrnr_BG.gif); background-repeat: no-repeat; position: relative; } .pnkBGgreyBRDR_DRK { background-color: #FBDFEC; border: 1px solid #A1A1A1; } .benefitAndTechnology_ON { background-color:#F2F2F2; } .benefitAndTechnology_OFF { background-color:#FFFFFF; } /* * END - global_GEN */ /* * START - global_NAV */ /* ********************************************** * CSS for PAGE LAYOUT * ********************************************** */ ul#secondaryNAV{ margin-left: 0px; padding-left: 0px; list-style-type: none; } ul#secondaryNAV a { text-decoration: none; color: #FFFFFF; } ul#secondaryNAV li { } ul#subLFTNAV { list-style-type: none; text-indent: 20px; } ul#subLFTNAV a { text-decoration: none; color: #6E6E6E; } ul#subLFTNAV a:hover { text-decoration: none; text-transform: none; background-color: #8F8F8F; } ul#subLFTNAV li { text-indent: 0px; list-style-type: none; text-transform: none; position:relative; width: 119px; /*left:-20px;*/ left:15px; margin-top:2px; } .LFTNAV_on { background-color: #8F8F8F; margin-top: 2px; } #firstNAV { background-color: #FFFFFF; height: 18px; padding:0px; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-top: 1px solid #D9D9D9; } #secNAV_FSbtn_OPAC { background-color: #A88496; position: absolute; width: 136px; height: 18px; margin-top: 0px; margin-left: -140px; } .secNAVdropmenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; line-height: 16px; font-weight: bold; text-transform: uppercase; margin-top: 17px; background-color: #666666; width: 125px; padding-left: 10px; padding-top: 10px; height: auto; padding-bottom: 10px; position: absolute; visibility: hidden; } #FSbanner { position: absolute; height: auto; margin-top: 18px; visibility: visible; } /* modifié par azza*/ #COdrop { position: absolute; width: 288px; margin-left: -140px; background-color: #FFFFFF; margin-top: 18px; } #COdropQuickShop { position: absolute; width: 288px; margin-left: -140px; margin-top: 18px; background-color: #000000; } .subcatNAVSpacer { width: 135px; height: 1px; margin-right: auto; margin-left: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F1F1F1; } #subcatNAV { width: 150px; /* position: relative;*/ margin-right: auto; margin-left: auto; /*padding-top: 15px; padding-bottom: 15px;*/ /* border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D7D7D7; */ } #colorexplorer { position: relative; width: 135px; padding-top: 10px; padding-bottom: 10px; /* border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F1F1F1; */ margin-right: auto; margin-left: auto; } #justforyou { width: 128px; background-color:#FFFFFF; background-repeat: no-repeat; position: relative; border: 1px solid #D0D0D0; padding: 10px 15px 10px 15px; background-position: top; margin-top: 10px; margin-right: 2px; margin-left: 2px; margin-bottom: 4px; } #quickshop { width: 130px; margin-top: 18px; position: relative; left: 18px; } #mymakeupkit { width: 130px; margin-top: 5px; position: relative; left: 18px; } /* * END - global_NAV */ /* * START - global_PNL */ #subCAT_allshades { position: absolute; width: 415px; } #subCAT_pnlAS_btn { position: absolute; left: 325px; margin-top: 4px; } #subCAT_title_close { position: absolute; left: 28px; width: 372px; margin-top: 8px; } #pnl_HLDR { background-image: url(../images/../images/pnl_mid_BG.gif); background-repeat: repeat-y; position: absolute; z-index: 2; background-position: 100%; background-color: #FFFFFF; width: 330px; margin-right: auto; margin-left: auto; } #closeBTN { margin-top: 12px; margin-left: 275px; } #pnl_bot { position: relative; margin-top: 10px; margin-bottom: 10px; } #pnl_shadename { position: absolute; margin-top: 90px; margin-left: 25px; } #pnl_SM_HLDR { background-image: url(../images//images/pnl_SM_mid_BG.gif); background-repeat: repeat-y; width: 150px; position: absolute; z-index: 2; } /* * END - global_PNL */ /* * START - mylancome */ .ML_HDR { position: relative; margin-top: 15px; margin-left: 15px; } .ML_pnlTXT { position: absolute; z-index: 2; } .ML_secpnl_BG { background-image: url(../images//images/ML_secpnl_BG.gif); height: 75px; position: relative; } /* * END - mylancome */ /* * START - product */ .mainHDR { position: relative; left: 10px; margin-top: 10px; width: 609px; } #FRG_btleHLDR { position: relative; width: 605px; /* left: 15px; */ margin-top: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #C8C8C8; /* padding-bottom: 5px; */ } #prod_HLDR { position: relative; width: 554px; left: 15px; margin-top: 2px; padding-right: 50px; } #shop_HLDR { border-top-width: 1px; border-top-style: solid; border-top-color: #C8C8C8; position: relative; width: 565px; left: 37px; padding-top: 1px; padding-bottom: 22px; } #swatchname { position: relative; } #lwr_HDR { background-color: #9D9D9D; position: relative; height: 19px; } .lwr_LAYOUT { position: relative; padding-top: 10px; padding-bottom: 10px; } .MU_lwr_SP_swtchPNL { position: relative; width: 400px; padding-bottom: 3px; padding-top: 2px; } #MU_lwr_BT_hdrHLDR { position: relative; height: 34px; } #MU_lwr_techHDR { height: 22px; } .MU_lwr_BT_LtText { position: absolute; height: 35px; margin-top: 5px; left: 20px; } .MU_lwr_BT_RtText { position: absolute; margin-left: 302px; width: 240px; border-left-width: 1px; border-left-style: solid; border-left-color: #C8C8C8; padding-left: 19px; height: 38px; padding-top: 5px; } .MU_lwr_BT_whiteBOX { position: relative; height: 42px; } #MU_lwr_SP_pwrsystem { width: 142px; background-image: url(../images/../images/pinkcrnr2pxOL_whiteBG.gif); } .prod_allureedch { position: absolute; margin-top: 175px; margin-left: 175px; } .SC_lwr_PF_HLDR { position: relative; width: 556px; margin-top: 5px; padding-bottom: 10px; } #yourskinroutine { width: 124px; background-color:#FFFFFF; position: relative; border: 1px solid #D0D0D0; padding: 10px 15px 10px 15px; background-position: top; margin-top: 10px; margin-right: 2px; margin-left: 2px; margin-bottom: 4px; } /* * END - product */ /* * START - subcat */ #mainHDR { position: relative; margin-left: 10px; margin-top: 15px; width: 400px; } #mainTAG { position: relative; width: 585px; /*left: 15px;*/ /*margin-top: 20px;*/ } #explorecheck { position: relative; margin-top: 10px; /*margin-left: 15px;*/ width: 595px; } #checkitout { height: 46px; width: 174px; background-color: #FEE3F1; background-image: url(../images//images/checkitout_bg.gif); background-repeat: no-repeat; padding-top: 12px; padding-left: 4px; } .exploreDROPboxes { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; width: 94px; } .prodswtchHLDR { margin-top: 20px; position: relative; width: 605px; } .swtchHLDRbg { background-image: url(../images//images/subcatPROD_bg.gif); width: 390px; height: 100px; background-repeat: no-repeat; } .swatchMASK { position: absolute; width: 300px; height: 80px; margin-top: 17px; margin-left: 5px; overflow: hidden; } .swatchNEXTPREV { position: absolute; width: 70px; margin-left: 312px; margin-top: 25px; } .swtchHLDR { position: absolute; width: 100%; } .pageVIEW { position: relative; margin-top: 10px; width: 602px; height: 18px; background-color: #FAF0F5; border: 1px solid #C7C7C7; } tbody th { border-right-width: 1px; border-right-style: solid; border-right-color: #DADADA; } .CE_mainHLDR { position: relative; width: 558px; margin-left: 20px; margin-right: 10px; height: 230px; } #CE_featured { width: 182px; position: relative; background-image: url(../images//images/whitecrnrOL_BG.gif); padding: 7px 5px 7px 10px; } #CO_thankyouBS { background-image: url(../images//images/CO_thankyou_BG.gif); background-repeat: no-repeat; background-position: left top; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #C8C8C8; border-bottom-color: #C8C8C8; padding: 6px; } #CE_coloressentials { width: 182px; position: relative; background-image: url(../images//images/whitecrnrOL_BG.gif); top: 7px; height: 222px; padding-top: 7px; padding-right: 5px; padding-bottom: 3px; padding-left: 10px; } .CE_tab { position: absolute; margin-top: -17px; padding-left: 5px; height: 17px; border-left-width: 1px; border-left-style: solid; border-left-color: #cbcbcb; width: 120px; background-image: url(../images//images/CE_tab_BG.gif); background-repeat: repeat-x; z-index: 2; } #CE_ViewProd { width: 765px; position: relative; margin-left: 20px; } #CE_prodMASK { position: relative; width: 710px; overflow: hidden; } .width_135 { width: 135px; } /* ********************************************** * CSS for Images PNG * ********************************************** /* CSS for Quick shop icône*/ .BackgroundQuickShop { background-image:url(../images//images/_en/_ww/common/quickshop_med_ICN.png); width:50px; height:50px; position:absolute; top:0px; left:0px; visibility:hidden; z-index:900; } /* CSS for shopping card: items added*/ .BackgroundBottom_Item { /*background: url(../images/'/images/_ww/_ww/common/Img_item_bottom.png') repeat ;*/ width:302px; height:14px; MARGIN-RIGHT: -7px; } .BackgroundMiddle_Item { /*background: url(../images/'/images/_ww/_ww/common/Img_item_middle.png') repeat ;*/ width:302px ; margin-right:-3px } .BackgroundTop_Item { /*background: url(../images/'/images/_ww/_ww/common/Img_top_item.png') ;*/ height:9px; width:302px; margin-right:-7px; } #active_menu.mainmenu { background-color:#0198CB; color:#ffffff; margin:0px; } .mainmenu { padding-left:12px; } .mainmenubrowse { padding-left:12px; } #active_menubrowse.mainmenubrowse { background-color:#669900; color:#ffffff; margin:0px; } .mainmenulounge { padding-left:12px; } #active_menulounge.mainmenulounge { background-color:#ec008c; color:#ffffff; margin:0px; } .mainmenulove { padding-left:12px; } #active_menulove.mainmenulove { background-color:#ec7a23; color:#ffffff; margin:0px; } .mainmenu_footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;color: #4d4d4d; text-decoration: none; } #active_menu.mainmenu { background-color:#0198CB; color:#ffffff; } #active_menu.sublevel { color:#0198CB; } /* * END - subcat test */ .sectiontableentry1 { padding:10px !important; } .form-txtfield { width:200px; background-color:#FFFFFF; border:1px solid #CCCCCC; font-size:10px; padding-left:3px; } .highlights { color:#EC7A23; } .form-btn { background-color:#EC7A23; border:medium none; color:#FFFFFF; padding:2px; padding-bottom:3px; } .searchsrch { float:left; } .inputboxsrch { width: 110px; margin-right:3px; font-family: Arial,Helvetica,sans-serif; font-size: 10px; color: rgb(104, 104, 104); font-weight: bold; float:left; } .buttonsrch { padding-top:2px; width:14px; border:none; height:14px; float:left; } #srchform { width: 920px; margin-left: 20px; } .srchres { border: 1px solid #ccc; margin-bottom: -1px; padding:20px; } .search_text { /*color:#99cd00;*/ color:#111; } .search_inputbox { border:1px solid #ccc; margin-left:5px; padding:2px; font-size:10px; } .inputbox_srch_sel { border:1px solid #ccc; font-size:10px; } #limit { border:1px solid #ccc; font-size:10px; } .srch_button { background-color:#FFFFFF; border:2px solid #74BF02; color:#74BF02; font-size:10px; font-weight:bold; padding:2px 2px 3px; /*-x-system-font:none; border:3px double #CCCCCC; color:#333333; font-family:arial,sans-serif; font-size:1em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin-top:0.5em;*/ } } .search_item { color:#74BF02; font-weight:bold; font-size: 10px; } .search_item a{ color:#74BF02; font-weight:normal; font-size: 12px; font-weight:bold; text-decoration:none; } .search_item a:hover{ /*color:#ffb84d;*/ color:#74BF02; font-size: 12px; font-weight:bold; text-decoration:none; } .search_item1 { color:#4d4d4d; font-size:10px; } .srch_result_text { padding-top:10px; color:#111; } .search_pagenav { padding:20px 0px 0px 0px; } .search_pagenav span { color:#111; padding-right:5px; font-size:10px; } .search_pagenav span a { color:#74BF02; padding-right:5px; font-size:10px; font-weight:bold; } .search_pagenav span a:hover { color:#74BF02; } .links { color:#000000; text-decoration:none; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000000; line-height:30px; } .links a { color:#000000; text-decoration:none; } .links a:hover{ color:#e74596; } .love_error { visibility:hidden; font-size:10px; color:#ff0000; padding-left:110px; } .moduletablelove { margin-top:-70px; } .love_pagination span { color:#019ACB; font-size:10px; padding-right:5px; } .love_pagination span a { color:#019ACB; font-size:10px; padding-right:5px; } .search_bar_div { float: left; height: 32px; margin-top: 30px; } .main_menu_links { float: left; width: 500px; padding-left: 45px; height: 38px; margin-top: 24px; } #gallery-shop { width:730px; margin:auto; padding:0px 0px; } .gallery-head, .gallery-title { float:left; width:100%; padding:10px 0px; } .gallery-head h1 { font-size:32px; font-weight:normal; } .gallery-head h3 { padding:20px 0px 0px 0px; font-size:13px; font-weight:bold; } .gallery-left { width:460px; float:left; padding-top:15px; } .gallery-top, .gallery-bot { width:600px; float:left; padding-bottom:20px; } .gal-list, .gal-det, .det-data, .comments { float:left; width:100%; } .gal-list li { background-color:#2f7abd; float:left; /*padding-left:10px;*/ height:130px; margin-top:10px; list-style:none; } .link { float:right; color:#019cce; padding-top:10px; } .link a { color:#019cce; text-decoration:none; } .gallery-right { width:260px; float:right; padding-top:15px; line-height:1.5em; } .makeup { float:left;width:100%; } .make-bg { background:url(../images/red-bg.gif) repeat-y; padding:10px 15px 10px 10px; width:235px; float:left; } .blue .make-bg { background:url(../images/blu-bg.gif) repeat-y; } .make-txt { float:left;width:100%; padding:10px 0px; text-align:right; } .make-txt a { color:#ff0808; text-decoration:none; font-size:12px; font-weight:bold; } .make-txt a:hover { text-decoration:underline; } .txt { float:left; text-align:right; width:135px; font-size:12px; font-weight:bold; color:#ff0808; padding-top:18px; } .blue .txt , .blue .make-txt a { color:#3a8cc7; } .gal-det span { float:left; padding-right:10px; } .gal-det span img { /*border-left:10px solid #307dbe;*/ border:none; } .gal-det .headt { font-size:28px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal; padding:5px 0px 10px 0px; } .det-data { padding-bottom:10px; } .det-data strong { font-size:12px; font-weight:bold; } .det-data span { padding-top:10px; float:left; width:100%; } .comments h3 { background:#307dbe; padding:2px 0px 2px 10px; width:99%; float:left; color:#ffffff; font-weight:normal; font-size:12px; margin-bottom:10px; } .comments strong { color:#000000; width:100%; float:left; font-weight:normal; font-size:13px; padding-bottom:2px; } .comments span { color:#019acb; padding-bottom:5px; float:left; width:100%; } .comments span a { color:#019acb; text-decoration:none; } .gallery-bot .make-bg { padding:5px 10px; text-align:right; } .gallery-bot .make-bg a { text-decoration:none; color:#307dbe; } .moduletablegall { float:left; /*margin-top:-182px;*/ padding-bottom:30px; clear:both; } .joomimg126_txt { font-size:10px; color:#333; font-weight:bold; text-align:center !important; padding-top:0px; } .joomimg126_txt a { color:#333; } .gal_cmnt { background:url(../images/cmnt_bg.gif) no-repeat; color:#ffffff; width:100px; height:16px; float:left; } .jshop {border:0 none; border-collapse:collapse; font-family:Tahoma; margin-left:0; width:100%; } .prod_srch_res { padding-left:70px; font-weight:bold; color:#74BF02; font-size:14px; padding-top:30px; } .prod_srch_res_text { padding:5px 0px 10px 70px; font-weight:bold; color:#333; font-size:11px; } .prod_srch_res_text_no { font-weight:bold; color:#333; font-size:11px; padding:5px 0px 40px 70px; } .prod_srch_name { color:#111; font-size:12px; padding-top:8px; text-align:left; }