/************************************* CSS The Body Shop UK --------------------- > A. Generic CSS > B. Font CSS > C. Header layout CSS C1. Global menu C2. Catalog menu C3. Account menu > D. Left Navigation CSS (common PAGES) > E. Catalog CSS > F. My account CSS (register/sign in/my account) > G. Checkout CSS > H. Loyalty CSS > I. Footer CSS (Newsletter) *************************************/ *> #values-campaigns #content-wrapper-notes #article .leftCont h3 { !clear: left; } *> #values-campaigns #content-wrapper-notes #article #roundtop img#corner{ !position: absolute; !top: 271px; !right: 272px; } *> #values-campaigns #content-wrapper-notes #article .leftCont h3 { !clear: left; } *> #values-campaigns #content-wrapper-notes #article #roundtop img#corner{ !position: absolute; !top: 271px; !right: 272px; } * body { margin: 0px 0px 0px 0px; background-image: url(http://www.thebodyshop.co.uk/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; } .pageWIDTH2 {width: 950px;} .float_L {float: left; display:inline; } .colorgreen {color: #8fc800; } div #pageMAIN {width:950px; background-color: #FFFFFF; padding: 10px 0px 15px 0px;} #pageMAIN #leftNavGlobal {width:205px; float:left; background-color: #FFFFFF;} #pageMAIN #rightContentGlobal {width:745px; float:left; padding-top:10px; background-color: #FFFFFF;} 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(http://www.thebodyshop.co.uk/images/_en/_gb/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; } /*------------------------------------------*/ /* CSS for PAGE LAYOUT */ /*------------------------------------------*/ #botNAV {background-color: #ffffff; width:920px; padding:0px 15px 24px 15px; position:absolute; z-index:1} #botNavGlobal {background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/footer/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(http://www.thebodyshop.co.uk/images/_ww/_ww/header/changecountry-bg.gif); height: 25px; } #TOPNAV {background-image: url(http://www.thebodyshop.co.uk/images/_ww/_ww/common/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 } /*------------------------------------------*/ /* B. Font CSS */ /*------------------------------------------*/ .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; } .Ablack11pxB {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;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; } .Awhite10pxR {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; 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; } .Awhite12pxR {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; text-decoration: none;} .Awhite12pxB {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; } .Awhite15pxR {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; color: #ffffff; text-decoration: none; } .Awhite15pxB {font-family: Arial, Helvetica, sans-serif; font-size: 15px; 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; } .Awhite20pxB {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #ffffff; text-decoration: none; } .Awhite20pxR {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; 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; } .AGrey13pxR {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #4d4d4d; text-decoration: none; } .AGrey13pxB {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #4d4d4d; text-decoration: none; } .AGrey15pxB {font-family: Arial, Helvetica, sans-serif; font-size: 15px; 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; } .AGrey17pxF {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 600; color: #4d4d4d; text-decoration: none; } .AGrey18pxR {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #4d4d4d; text-decoration: none; } .AGrey18pxB {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #4d4d4d; text-decoration: none; } .AGrey20pxR {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #4d4d4d; text-decoration: none; } .AGrey20pxB {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #4d4d4d; text-decoration: none; } .AGrey22pxR {font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; color: #4d4d4d; text-decoration: none; font-stretch:condensed } .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;} .AGreen15pxB {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #74bf02; text-decoration: none; font-weight: bold;} .AGreen48pxR {font-family: Arial, Helvetica, sans-serif; font-size: 48px; color: #74bf02; text-decoration: none;} .AOrange12pxR {font-family:Arial, Helvetica, sans-serif; font-size: 12px; 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;} .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;} .newUnitPriceLine {text-decoration:line-through} .newUnitPriceRed {color:#ed1c24} .HBlack28pxB {font-family:Helvetica, Arial, sans-serif; font-size:28px; font-weight:bold; font-stretch:ultra-condensed; color:#000000; text-decoration:none; } .APinkLBY11pxB {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #dc006b; text-decoration: none; font-weight: bold;} .APinkLBY12pxB {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #dc006b; text-decoration: none; font-weight: bold;} /*------------------------------------------*/ /* C. Header layout CSS */ /*------------------------------------------*/ .listed-none {list-style-type: none;} /*------------------------------------------*/ /* C1. 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.home { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_home_btn_off.gif) no-repeat; width:55px; height:38px; } #menu1-global li.shop { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_shop_btn_off.gif) no-repeat; width:64px; height:38px; } #menu1-global li.blounge { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_b-l_btn_off.gif) no-repeat; width:83px; height:38px; } #menu1-global li.vcampaigns { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_v-c_btn_off.gif) no-repeat; width:145px; height:38px; } #menu1-global li.loyalty { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_loyalty_btn_off.gif) no-repeat; width:58px; 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.home:hover > a { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_home_btn_on.gif) no-repeat; width:55px; height:38px } /* For accessibility of the top level menu when tabbing */ #menu1-global li.shop:hover > a { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_shop_btn_over.gif) no-repeat; width:64px; height:38px } /* For accessibility of the top level menu when tabbing */ #menu1-global li.blounge:hover > a { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_b-l_btn_on.gif) no-repeat; width:83px; height:38px } /* For accessibility of the top level menu when tabbing */ #menu1-global li.vcampaigns:hover > a { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_v-c_btn_on.gif) no-repeat; width:145px; height:38px } /* For accessibility of the top level menu when tabbing */ #menu1-global li.loyalty:hover > a { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_loyalty_btn_over.gif) no-repeat; width:58px; 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.shop li:hover > a { background:#f9f9f9; color:#669900; width:150px } /* Make the hovered list color persist */ #menu1-global li.loyalty li:hover > a { background:#f9f9f9; color:#ec7a23; width:150px } /* Make the hovered list color persist */ /* For IE5.5 and IE6 CSS */ #menu1-global 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 #menu1-global li a:hover { position:relative; background:#eb5f01; color:#c00; } * html #menu1-global .home-ie:hover { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_home_btn_on.gif) no-repeat; width:55px; height:38px } * html #menu1-global .shop-ie:hover { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_shop_btn_over.gif) no-repeat; width:64px; height:38px; } * html #menu1-global .blounge-ie:hover { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_b-l_btn_on.gif) no-repeat; width:83px; height:38px } * html #menu1-global .vcampaigns-ie:hover { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_v-c_btn_on.gif) no-repeat; width:145px; height:38px } * html #menu1-global .loyalty-ie:hover { background:url(http://www.thebodyshop.co.uk/images/_en/_gb/header/global_loyalty_btn_over.gif) no-repeat; width:58px; height:38px } /* For IE5.5 and IE6 CSS > OVER li second level */ * html #menu1-global li li a:hover { position:relative; background:#f9f9f9; color:#669900; } /* For IE5.5 and IE6 CSS > Necessary to make the sublevels appear */ * html #menu1-global li ul { visibility:hidden; display:block; position:absolute; margin:10px 0px 0px 30px; } /* change the drop down levels from display:none; to visibility:hidden; */ #menu1-global li a:hover ul { visibility:visible; left:-31px; top:28px; } /* make the second level visible when hover on first level link and position it */ /*------------------------------------------*/ /* C2. 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(http://www.thebodyshop.co.uk/images/_ww/_ww/header/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 .sale-ie { width:31px;} * 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 .wellbeing-ie { width:54px;} * html #menu2-shopping .hair-ie { width:20px;} /* html #menu2-shopping .specials-ie { width:34px;}*/ * html #menu2-shopping .shopbyline-ie { width:67px;} * html #menu2-shopping .lookstips-ie { width:73px;} /*------------------------------------------*/ /* C3. 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;} /*------------------------------------------*/ /* D. Left Navigation CSS (common PAGES) */ /*------------------------------------------*/ .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; height:23px; padding-left:12px; 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} .leftNavGreen .table2LeftNav td.activePage { background-color:#8FC800;} .leftNavGreen .table2LeftNav 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} .leftNavYellow .table2LeftNav td.activePage { background-color:#D09E01;} .leftNavYellow .table2LeftNav 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} .leftNavOrange .table2LeftNav td.activePage { background-color:#EC7A23;} .leftNavOrange .table2LeftNav a:hover { color:#EC7A23} /*-------------------------------*/ /* E. Catalog CSS */ /*-------------------------------*/ /*Used on Product Page */ .productBoxHeader {width:545px; height:4px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/productpage/1-top.gif) no-repeat;} .productBoxBody {width:545px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/productpage/2-middle.gif) repeat-y;} .productBoxFooter {width:545px; height:73px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/productpage/3-bottom.gif) no-repeat;} .productRightBoxHeader {width:179px; height:4px; background-image:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/perfect_partners/1-top.gif); background-repeat:no-repeat} .productRightBoxBody {width:169px; padding:10px 0px 0px 10px; background-image:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/perfect_partners/2-middle.gif); background-repeat:repeat-y} .productRightBoxFooter {width:179px; height:10px; background-image:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/perfect_partners/3-bottom.gif); background-repeat:no-repeat} /*Used on List Page */ .productSmallBoxHeader {width:179px; height:156px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/product/1-top.gif) no-repeat;} .productSmallBoxBody {width:164px; height:65px; padding: 0px 5px 0px 10px; position:relative; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/product/2-middle.jpg) repeat-y;} .productSmallBoxFooter {width:179px; height:8px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/product/3-bottom.jpg) no-repeat;} /*-------------------------------*/ /* E. Password CSS */ /*-------------------------------*/ /*Used on Forot my Password Page */ .passwordBoxHeader {width:317px; height:4px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/password/1-top.gif) no-repeat;} .passwordBoxBody {width:317px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/password/2-middle.gif) repeat-y;} .passwordBoxFooter {width:317px; height:6px; background:url(http://www.thebodyshop.co.uk/images/_ww/_ww/webbox/boxes/password/3-bottom.gif) no-repeat;} /*-------------------------------------------------*/ /* F. My account CSS (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(http://www.thebodyshop.co.uk/images/_en/_gb/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(http://www.thebodyshop.co.uk/images/_en/_gb/mybodyshop/bg_box_customerlogin.gif); } /*--------------------------*/ /* G. Checkout CSS */ /*--------------------------*/ .signin_BOX { height: 230px; width: 344px; position: relative; padding: 0px 0px 0px 0px; background-repeat: no-repeat; background-image: url(http://www.thebodyshop.co.uk/images/_en/_gb/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(http://www.thebodyshop.co.uk/images/_en/_gb/checkout/bg_register_step1.gif); } .login { padding: 30px 13px 13px 13px; } /*------------------------------*/ /* H. Loyalty CSS */ /*------------------------------*/ #loyalty_Title { position: relative; float: left; margin-left: 20px; margin-top: 30px; width:463px; } div #loyalty_Main { position: relative; width: 100%; background: #ffffff; padding: 10px 0px 25px 0px; overflow:visible; } div #loyalty_Member { position: relative; width: 100%; background: #ffffff; padding: 10px 0px 25px 0px; overflow:auto; } #loyalty_Main #loyalty_leftNAV { position: relative; width: 184px; float: left; } #loyalty_Main #loyalty_Content { position: relative; width: 765px; float: right; height: 532px; } #loyalty_loginbox { background-color:#ec7a23; padding-top:18px; padding-left:10px; } #loyalty_sepline { background-color:#d5d5d5; height:1px; } #loyalty_FAQ_WhiteContainer { position: relative; float: none; background: #ffffff; width: 680px; height: 390px; margin-top: 25px; margin-left: 15px; } #acquiredPts { position: relative; margin-top: 20px; margin-left:80px; width:270px; height:215px; } #myOffers { position: relative; float: left; width: 312px; } #myVouchers { position: relative; float: left; width: 312px; } #whiteBox_Activation { position: relative; float: left; width: 340px; padding-left: 20px; margin-top: 25px; } /* Loyalty leftNav management */ .table2LeftNav { border: 0px solid #d5d5d5; border-top: 0px; border-bottom: 0px; background-color:#ffffff; } .table2LeftNav .title { padding:10px 0px 10px 12px} .table2LeftNav td { font-weight:bold; color:#ffffff; height:19px; padding-left:0px; text-align:left; border-bottom: 1px solid #d5d5d5;} .table2LeftNav td.subNav { font-weight:bold; color:#ffffff; height:auto; padding-left:30px; text-align:left; border-bottom: 1px solid #d5d5d5;} .table2LeftNav a { font-weight:bold; color:#4d4d4d; text-decoration:none; display:block; padding-top:4px} .table2LeftNav td.activePage a { color:#FFFFFF} .table2LeftNav td.activePage a:hover { color:#FFFFFF} .greenHeader { position: relative; background: url('http://www.thebodyshop.co.uk/images/_en/_gb/common/greenHeader.gif') repeat-x; } .greenHeader.left { background: url('http://www.thebodyshop.co.uk/images/_en/_gb/common/l_greenHeader.gif') no-repeat; width: 254px; height: 25px; padding-left: 13px; } .yellowHeader { position: relative; background: url('http://www.thebodyshop.co.uk/images/_en/_gb/common/yellowHeader.gif') repeat-x; } .yellowHeader .left { background: url('http://www.thebodyshop.co.uk/images/_en/_gb/common/l_yellowHeader.gif') no-repeat; width: 303px; height: 25px; padding-left: 15px; } .whiteBox { position: relative; background: #ffffff; padding: 8px 10px 10px 15px; } .whiteBoxBottom { background: transparent; width: 100%; height: 4px; } .whiteBoxBottomL { float: left; background: url('http://www.thebodyshop.co.uk/images/_en/_gb/common/bottom_l_whitebox.gif') no-repeat; width: 4px; height: 4px; } .whiteBoxBottomM { float: left; background: #ffffff url('http://www.thebodyshop.co.uk/images/_en/_gb/common/bottom_whitebox.gif') repeat-x; height: 4px; } .whiteBoxBottomR { float: right; background: url('http://www.thebodyshop.co.uk/images/_en/_gb/common/bottom_r_whitebox.gif') no-repeat; width: 4px; height: 4px; } /*----------------------------------------*/ /* I. Footer CSS (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(http://www.thebodyshop.co.uk/images/_en/_gb/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(http://www.thebodyshop.co.uk/images/_en/_gb/common/Img_BrowsedByCollection.gif); background-repeat: no-repeat; float: right; } .CollectionBrowsedByTreatment { width: 733px; height: 120px; background-image: url(http://www.thebodyshop.co.uk/images/_en/_gb/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: 15; } .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/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/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(http://www.thebodyshop.co.uk/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(http://www.thebodyshop.co.uk/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/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(http://www.thebodyshop.co.uk/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(http://www.thebodyshop.co.uk/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(http://www.thebodyshop.co.uk/images/whitecrnrOL_BG.gif); padding: 7px 5px 7px 10px; } #CO_thankyouBS { background-image: url(http://www.thebodyshop.co.uk/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(http://www.thebodyshop.co.uk/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(http://www.thebodyshop.co.uk/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(http://www.thebodyshop.co.uk/images/_en/_gb/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('http://www.thebodyshop.co.uk/images/_ww/_ww/common/Img_item_bottom.png') repeat ; width:302px; height:14px; MARGIN-RIGHT: -7px; } .BackgroundMiddle_Item { background: url('http://www.thebodyshop.co.uk/images/_ww/_ww/common/Img_item_middle.png') repeat ; width:302px ; margin-right:-3px } .BackgroundTop_Item { background: url('http://www.thebodyshop.co.uk/images/_ww/_ww/common/Img_top_item.png') ; height:9px; width:302px; margin-right:-7px; } /* * END - subcat test */ #values-campaigns #content-wrapper-notes #article .topleftCont{ padding: 0 36px; background:url('/images/_en/_ww/values-campaigns/field-notes/vc_fieldnotes_background_span.gif') top left repeat-y;}