html, body, form, fieldset { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0px 0px 1em 0px; padding: 0;}
li, dd, blockquote { margin-left: 3em; margin-bottom: 1em;}
label { display: block; float: left; width: 110px; height: 26px;}
fieldset { border: none;}
input, select, textarea { font-size: 100%;}
img { border: 0px none;}
#mainBody { color: #4b4b4b; background-color: #000000; background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}
a, .fakeLink { color: #e81681;}
#container { width: 758px; margin: 0 auto;}
#header { width: 758px; height: 150px; cursor: pointer;}
#headerConnection { width: 758px; height: 150px; cursor: pointer; background: url(/custom/images/headerconnection.jpg) no-repeat;}
#navBar { height: 26px; background: url(/custom/images/nav-bg.gif) repeat-x; text-align: center;}
#navBar a, #navBar .menuLink, #navBar .menuLinkOver { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #ffffff; height: 26px; line-height: 26px; float: left; display: block; padding: 0 14px; text-decoration: none;}
#navBar .menuLink, #navBar .menuLinkOver { cursor: pointer;}
#navBar .menuLinkOver { background: url(/custom/images/nav-over.gif) repeat-x;}
#navBar a.pink:hover { background: url(/custom/images/nav-over.gif) repeat-x;}
#navBar a.blue:hover { background: url(/custom/images/nav-men.gif) repeat-x;}
.navSeparator { width: 2px; height: 26px; float: left; display: block; background: url(/custom/images/nav-separator.gif) no-repeat;}
#navBarUnder { height: 17px;}
#contentArea { background: #ffffff; padding-bottom: 3px;}
#lhs { width: 152px; float: left; background: #ffffff; padding-top: 3px;}
.greyBox { width: 146px;}
.greyBoxTop { background: url(/custom/images/shadow-box-top.gif) no-repeat; height: 5px; overflow: hidden;}
.greyBoxMiddle { background: #ffffff url(/custom/images/shadow-box-bg.gif) repeat-y; padding: 0 3px; color: #949494;}
.greyBoxMiddleInner { background: #ffffff url(/custom/images/shadow-box-bg-gradient.gif) repeat-x bottom; height: auto !important; height: 91px; min-height: 91px; padding: 0 3px;}
.greyBoxBottom { height: 7px; clear: both; overflow: hidden; background: transparent url(/custom/images/shadow-box-bottom.gif) no-repeat;}
#searchBox { margin-left: 3px;}
#searchBox .greyBoxBottom { height: 8px; background: url(/custom/images/search-box-bottom.gif) no-repeat;}
.searchInput, .searchBrand { width: 130px; border: 1px solid #d5d5d5; margin-bottom: 4px; color: #414141;}
.searchBrand { width: 133px;}
.boxTitle { font-size: 10.5pt; padding: 2px 0;}
.buttonBorder { float: right;}
.button { border: 0; color: #ffffff; height: 25px; padding: 0 2px; font-size: 11pt;}
.searchGo { height: 28px;}
#brandsNav { background-color: #949494; width: 140px; margin-left: 6px; padding-top: 10px;}
.brandsPadding { padding-bottom: 1em;}
#brandsNavInner a { padding-left: 10px; color: #ffffff; text-decoration: none; font-size: 10.5pt;}
.horizontalNavDivider { height: 8px; background: url(/custom/images/brand-nav-separator.gif) no-repeat 0 4px; overflow: hidden;}
#hairDoctor, #allergyTester { margin-top: 4px; margin-left: 4px; overflow: hidden;}
#hairDoctor { width: 144px; height: 245px;}
#allergyTester { width: 144px; height: 34px;}
#rhs { width: 152px; float: right; background: #ffffff; padding-top: 3px;}
#miniBasket .greyBoxMiddleInner { height: 110px !important; overflow: hidden;}
#miniBasket, #miniBasket table td { margin-left: 4px; color: #4b4b4b;}
#miniBasket table { width: 130px;}
#miniBasket td.item { width: 85px;}
#miniBasket td.value { text-align: right;}
#noItemsMessage { padding: 10px 3px;}
#miniBasket a { text-decoration: underline; color: #4b4b4b; font-size: 8pt; float: right;}
#miniBasket table { margin-top: 10px;}
#miniBasket table td { padding: 4px 2px; font-size: 8pt;}
#miniBasketLinks { padding-top: 20px; width: 128px; padding-left: 2px;}
.colouredBox { width: 144px; color: #ffffff; padding-top: 3px;}
.colouredBox a { color: #ffffff;}
.colouredBoxInner { height: auto !important; height: 100px; min-height: 100px; padding: 4px;}
#bhd .colouredBoxInner { padding-top: 1px;}
.colouredBoxShadow { background: url(/custom/images/box-bg.gif) repeat-y;}
.colouredBoxBottom { height: 6px; background: transparent url(/custom/images/box-bottom.gif) no-repeat; overflow: hidden;}
.smallText { font-size: 8pt;}
#bhd { margin-left: 5px;}
#bhd .smallText { padding: 0 2px;}
#bhdLinks { padding: 5px 2px 0 2px; line-height: 160%;}
#bhdLinks a { text-decoration: none;}
#topProducts .colouredBoxInner { height: auto !important; height: 140px; min-height: 140px;}
#topProducts, #deliveryBanner { margin-left: 5px; margin-top: 1px;}
#topProducts ol { margin-left: 0; padding-left: 0;}
#topProducts li { margin-left: 28px; padding-left: 0; margin-bottom: 2px;}
#topProducts a { text-decoration: none;}
#agMenBanner { margin-left: 7px; margin-top: 2px;}
#communityBanner { text-align: center; margin-top: 4px;}
#personalAdvice { margin-left: 5px; margin-top: 1px;}
#personalAdviceIntro { height: 92px; font-size: 10.5pt; line-height: 125%; padding: 0 3px;}
#personalAdvice .colouredBoxInner { padding-bottom: 0px !important;}
#personalAdvice .smallText { margin-left: 3px;}
.clearer { clear: both;}
#middle { width: 454px; overflow: hidden; padding-top: 4px; float: left;}
#middleWide { width: 602px; overflow: hidden; padding-top: 4px; float: left;}
h1 { font-size: 10pt; font-weight: bold;}
h2 { font-size: 10pt; font-weight: bold;}
.productDetails { width: 222px; float: left; margin-right: 3px;}
.productDetailsRight { width: 125px; float: right;}
.productThumbnail { width: 92px; float: left; height: 140px; text-align: center; overflow: hidden; cursor: pointer;}
.rosetteHolder { background-repeat: no-repeat; background-position: center; position: absolute; cursor: pointer;}
.basketRosette { background-repeat: no-repeat; background-position: center; cursor: pointer; height: 60px; width: 60px;}
.rosetteOffer { color: #fff; width: 74px; height: 74px; text-align: center; font-weight: bold;}
.basketRosetteOffer { color: #fff; width: 60px; height: 60px; text-align: center; font-weight: bold;}
.specialOfferRosette { background-repeat: no-repeat; background-position: center; cursor: pointer; height: 35px; width: 35px;}
.actualThumb { text-align: left; background-repeat: no-repeat; background-position: center;}
.productNameSmall { height: auto !important; height: 30px; min-height: 30px;}
.productNameSmall a { font-size: 9pt; font-weight: bold; text-decoration: none; color: #4b4b4b;}
.productSpecs { height: auto !important; height: 22px; min-height: 22px; padding-top: 4px; text-align: right;}
.productCriteria { float: left; font-size: 8pt;}
.criteriaLabel { font-weight: bold;}
.productOptions { float: left;}
.productOptions select { font-size: 8pt; width: 75px; margin: 2px 0;}
.productShortDesc { font-size: 8pt; margin-bottom: 4px;}
.productPrice { font-weight: bold; font-size: 9pt;}
.productOfferPrice { font-weight: bold;}
.onOffer { text-decoration: line-through;}
.productButtons { padding-top: 4px;}
.productButton { float: right; margin-left: 3px; vertical-align: bottom; cursor: pointer;}
.hr { height: 30px; overflow: hidden; background: url(/custom/images/line.gif) no-repeat center; clear: both;}
.darkhr { height: 20px; overflow: hidden; background: url(/custom/images/darkline.gif) no-repeat center; clear: both;}
.pageHeader, .myStoreHeader { width: 454px; height: 116px; background-repeat: no-repeat; margin-bottom: 10px; display: block;}
.myStoreHeader { background-image: url(/custom/images/my-stuff.jpg);}
.giftsHeader { height: 210px !important;}
.menHeader { height: 159px !important;}
.hairDoctorHeader { height: 233px; background-image: url(/custom/images/hair-doctor-banner.jpg);}
.handIcon { cursor: pointer;}
.blackBar, .colouredBar { color: #ffffff; font-size: 9pt; text-indent: 5px; clear: both;}
.blackBar { background: #000000 url(/custom/images/black-bar.gif) repeat-x; border: 1px solid #000000; height: 15px;}
.colouredBar { margin-bottom: 1em; border-left: 1px solid #d70058; border-right: 1px solid #d70058; height: 17px;}
.greyContent { background: #d8d8d8;}
.greyContent a { color: #4b4b4b; text-decoration: none; font-size: 9pt;}
.greyContent table { height: auto !important; height: 80px; min-height: 80px;}
.greyContent td { padding: 4px;}
.verticalLine { background: #d8d8d8 url(/custom/images/vertical-line.gif) no-repeat center;}
.myStoreProducts { margin-top: 1em;}
#footer { margin-top: 8px; clear: both; color: #8c8c8c; font-size: 8pt; padding: 10px 0; background-color: #000;}
#footer a { color: #8c8c8c; font-size: 8pt; text-decoration: none;}
.footerColumn { float: left; width: 225px; padding-left: 20px;}
.footerSeparator { vertical-align: middle; margin: 0 4px;}
#breadcrumbs { padding: 0 0 4px 4px; margin-bottom: 5px; font-size: 10pt;}
#breadcrumbs a { color: #4b4b4b !important; text-decoration: none; font-size: 10pt;}
.lastItem { font-weight: bold;}
#productImage { float: left; width: 210px; height: 200px; margin-top: 20px; text-align: center;}
.productImage { width: 210px; height: 200px; float: left; text-align: left; overflow: hidden;}
#productName { font-size: 18pt;}
#productDescription { font-size: 8pt; margin-bottom: 1em; padding-top: 1em;}
#productDescription a { color: #000 !important; text-decoration: none;}
.productLabel { font-weight: bold; width: 198px; clear: left;}
.productLabel label { width: 70px;}
#productPrice, .productCriteriaData { float: right; color: #4b4b4b; font-weight: bold; height: 26px;}
.productCriteriaData { clear: right; width: auto;}
.productCriteriaData select { font-size: 8pt;}
#productQty { float: right; height: 30px;}
.productOption { float: right; height: 26px;}
#productInfo { float: right; width: 240px; margin-top: 20px;}
#miniBasketPopup { padding: 10px; color: #4b4b4b;}
#checkoutBanner { background: url(/custom/images/basket-banner.jpg) no-repeat; width: 454px; height: 116px;}
#miniBasketBanner { background: url(/custom/images/mini-basket-banner.jpg) no-repeat; width: 500px; height: 96px;}
.popup_basket_list { height: 115px; overflow: auto;}
table.basketTable { width: 100%;}
table.basketTable td, table.basketTable th { color: #4b4b4b;}
table.basketTable td, table.basketTable td { padding: 10px 5px;}
table.basketTable th, table.basketTable th { padding: 5px 5px;}
.popup_basket_product table { margin-bottom: 1em;}
.pinkBg { background-color: #fbd9e9;}
.dividerLine { background-image: url(/custom/images/divider-line-bg.gif); background-repeat: repeat-x; background-position: bottom;}
.dividerLineLeft { background-image: url(/custom/images/divider-line-left.gif); background-repeat: no-repeat; background-position: bottom right; width: 65px;}
.dividerLineLeftWhite { background-image: url(/custom/images/divider-line-left-white.gif); background-repeat: no-repeat; background-position: bottom left;}
.dividerLineLeft1 { background-image: url(/custom/images/divider-line-left1.gif); background-repeat: no-repeat; background-position: bottom; width: 50px;}
.dividerLineRight { background-image: url(/custom/images/divider-line-right.gif); background-repeat: no-repeat; background-position: bottom; text-align: center; width: 30px;}
.dividerLineRight1 { background-image: url(/custom/images/divider-line-right1.gif); background-repeat: no-repeat; background-position: bottom; text-align: right; width: 47px;}
td.dividerLineRight1 { text-align: right;}
th.dividerLineRight1 { text-align: center;}
.dividerLineRight2 { background-image: url(/custom/images/divider-line-right2.gif); background-repeat: no-repeat; background-position: bottom left; width: 23px; text-align: center;}
#miniBasketPrices, #basketTotals { text-align: right; float: right; padding-right: 30px; margin: 10px 0;}
#basketButtons { text-align: right; padding-right: 28px; padding-top: 1em;}
.promoButton { vertical-align: middle; width: 39px; height: 28px; border: 0px; cursor: pointer;}
.basketPromo { margin-top: 10px; text-align: left; float: left;}
input.qty { width: 20px; height: 14px; line-height: 14px; padding: 1px;}
tr.postageRow td { padding: 2px 5px !important;}
tr.postageRow td.price { text-align: right;}
.noPadding { padding: 0 !important;}
.alert { background-image: url(/custom/images/exclamation.gif); background-repeat: no-repeat; background-position: 4px 2px; padding-left: 15px;}
.removeButton { margin-top: 12px;}
#loginPopup, #tipPopup, .yui-panel-container, .yui-panel { background: transparent; border:none; overflow:hidden; padding: 0px; margin: 0px; color: #ffffff;}
#loginPopup { margin-left: 181px;}
#loginPopup a { color: #ffffff;}
.hd { display: none; padding: 0px; margin: 0px;}
#loginPopup .bd { width: 463px; height: 339px; padding: 0px; margin: 0px;}
#loginPopupBg { background: transparent url(/custom/images/login-bg.png) no-repeat; width: 463px; height: 339px; position: absolute; z-index: -1;}
#popupCloseButton { text-align: right; margin-bottom: 30px; cursor: pointer;}
.mask { background-color: #750a3f !important;}
.formInput { width: 130px;}
.formInput, .qty { color: #4b4b4b; padding: 2px; background-color: #fcfcfc;}
textarea.formInput { width: 130px; height: 80px; overflow: auto;}
#loginPopup .formInput { width: 160px; margin-bottom: 4px;}
#loginForm { width: 270px; height: 170px; margin-top: 82px; text-align: center; margin-left: 6px;}
#popupRegisterLink { margin-top: 1px; font-size: 8pt;}
#popupForgottenPasswordLink { margin-top: 1px; font-size: 8pt;}
#brandPopup { background: transparent; border:none; overflow:hidden; padding: 0px; margin: 0px; color: #ffffff;}
#brandPopup a { color: #ffffff;}
#brandPopup .bd { width: 289px; height: 388px; padding: 12px 0 0 0; margin: 0px;}
#brandPopup p { font-size: 8.5pt;}
#brandPopupBg { background: transparent url(/custom/images/brand-bg.png) no-repeat; width: 289px; height: 388px; position: absolute; z-index: -1;}
#brandPopupCloseButton { text-align: right; height: 20px; width: 262px; margin-left: 14px;}
#brandPopupDescription { overflow: auto; width: 262px; height: 343px; margin-left: 14px;}
#hintPopup, #wishlistSend2FriendPopup, #commentPopup, #homeHintFlashPopup, #celebPicPopup { background: transparent; border:none; overflow:hidden; padding: 0px; margin: 0px; color: #ffffff;}
#hintPopup a, #wishlistSend2FriendPopup a, #commentPopup a, #celebPicPopup a { color: #ffffff;}
#hintPopup .bd, #wishlistSend2FriendPopup .bd, #commentPopup .bd, #celebPicPopup .bd { width: 295px; height: 340px; padding: 12px 0 0 0; margin: 0px;}
#hintPopupBg, #wishlistSend2FriendPopupBg, #commentPopupBg, #celebPicPopupBg { background: transparent url(/custom/images/hint-bg.png) no-repeat; width: 295px; height: 340px; position: absolute; z-index: -1;}
#hintPopupCloseButton, #commentPopupCloseButton { position: absolute; left: 260px; top: 14px;}
#hintPopupContent, #commentPopupContent { padding: 14px 20px 0 20px;}
#hintPopupContent label, #commentPopup label { font-size: 9pt; padding-top: 3px;}
#homeHintFlashPopup .bd { width: 742px; height: 641px; margin: 0px;}
#homeHintFlashPopupBg { background: transparent url(/custom/images/hint-flash-bg.png) no-repeat; width: 742px; height: 641px; position: absolute; z-index: -1;}
#homeHintFlashPopupCloseButton { position: absolute; left: 710px; top: 14px;}
#homeHintFlashPopupContent { position: absolute; left: 21px; top: 43px;}
.darkContent { background: #949494 url(/custom/images/dark-content-grad.gif) repeat-x; height: auto !important; height: 645px; min-height: 645px; color: #ffffff;}
.darkContent .inner { padding: 13px 8px 0 8px;}
.registerBg { background: url(/custom/images/giftbox.jpg) no-repeat bottom right; padding-bottom: 40px;}
.registerInput { width: 160px; height: 16px; border: 1px solid #424242; background: #d9d9d8; padding: 2px;}
select.registerInput { height: 20px;}
table.register td { text-align: right; padding: 4px;}
table.register label, table.register th { text-align: left;}
table.register th { padding: 4px; height: 16px;}
#registerButton { margin-top: 20px;}
#clipboard { background: url(/custom/images/clipboard-bg.jpg) repeat-y; width: 343px; margin-left: 60px;}
#clipboardTop { background: url(/custom/images/clipboard-top.jpg) no-repeat; padding-top: 90px; padding-left: 30px;}
#clipboardInner { width: 290px; overflow: hidden;}
#clipboard p { text-align: right;}
#clipboard label { text-align: left; padding-top: 3px;}
#clipboard .formInput { border: 1px solid #424242; height: 16px; width: 144px; padding: 2px;}
#clipboard select.formInput { height: 20px;}
.checkboxes, .radios { width: 150px; overflow: hidden;}
.checkbox, .radio { float: left; display: block; overflow: hidden;}
.list .checkbox { float: none; width: auto;}
.checkbox { width: 75px;}
.radio { width: 100px;}
.checkbox label, .radio label { display: inline !important; float: none !important;}
.categoryThumb { margin-left: 6px; width: 100px; height: 150px; float: left; text-align: center;}
.categoryThumb .image { width: 100px; height: 100px; text-align: center; background-position: bottom center; background-repeat: no-repeat; cursor: pointer;}
.categoryThumb a { color: #4b4b4b; text-decoration: none; font-weight: bold;}
#sendToFriendArea { clear: both; margin-top: 1em;}
#sendToFriendArea label { width: 180px; height: auto; margin: 4px 0 0 0;}
#sendToFriendArea .formInput { width: 180px;}
.pagination { background: #ececec; color: #9c9c9c; height: 17px; overflow: hidden; margin-bottom: 1em; font-size: 9pt; clear: both;}
.pagination a { color: #9c9c9c; text-decoration: none; font-size: 9pt;}
.paginationCurrent { float: left; padding: 1px 1px 1px 5px;}
.pageLinks { float: right; padding: 1px 5px 1px 1px;}
#checkoutForm label { width: 90px; font-size: 9pt; height: 20px;}
#checkoutForm .formInput { width: 105px; font-size: 9pt;}
#checkoutTerms { margin: 1em 0;}
label.inline { display: inline; float: none; width: auto;}
.rssFeed { width: 232px; height: 202px; background: url(/custom/images/rss-bg.jpg) no-repeat; float: left; overflow: hidden; margin-left: 4px; margin-right: 16px;}
#rssNews { clear: both; font-size: 8pt; margin-top: 10px; margin-left: 4px; width: 750px;}
#rssNews a, #hairConditionDescription a { font-size: 8pt; font-weight: bold; text-decoration: none;}
.newsTitle { padding: 55px 12px 4px 12px;}
.newsDesc { padding: 0 12px 0 12px;}
.newsArticle img { margin-right: 12px; margin-bottom: 12px; float: left;}
.headingBar { background: url(/custom/images/heading-bg.gif) repeat-x; height: 50px;}
.headingBarImage { float: left;}
.headingBarTitle { padding-top: 19px; color: #ffffff;}
.newsImageContainer { width: 102px; height: 104px; background: transparent url(/custom/images/news-clip.png) no-repeat; overflow: hidden;}
.newsImage { float: right; width: 102px; height: 104px; background-repeat: no-repeat; background-position: 11px 30px; padding-top: 19px;}
.productNameDesc { height: 86px; overflow: hidden;}
.basketOptionsList { margin: 2px 0 0 0; padding: 0;}
.basketOptionsList li { padding: 0; margin: 0 0 0 22px; font-size: 9pt; color: #666666;}
.select-free { position:absolute; z-index:102; overflow:hidden;}
.categoryInfoBox, .categoryInfoBoxWide { text-align: left; background-color: #949494; padding: 5px; color: #ffffff; font-size: 8pt;}
.categoryInfoBox { width: 120px;}
.categoryInfoBoxWide { width: 150px;}
.select-free iframe { display:none; display:block; position:absolute; top:0; left:0; z-index:-1; width:3000px; height:3000px; filter:mask();}
#contactForm .formInput { width: 260px;}
#productPriceAndOptions { width: 200px; float: left;}
#whatsThis { float: right; background: url(/custom/images/pink/whatsthis.gif) no-repeat; width: 38px; height: 61px;}
#otherCategories { margin-bottom: 4px;}
#sendToFriendMessage { clear: both; text-align: center;}
.pinkText { color: #e21272;}
.blueText { color: #12a6e2;}
#hairDoctorNotLoggedIn { text-align: center; padding-top: 20px;}
#hairDoctorNotLoggedIn p { padding: 0.5em 0;}
.basketLabel { clear: left;}
#warningPopup { color: #4b4b4b; width: 307px; height: 172px; border: none;}
#warningPopup .bd { width: 307px; height: 172px; padding: 0px; margin: 0px;}
.titleBar { background-color: #ff178a; color: #ffffff; height: 17px; overflow: hidden;}
.titleBarText { float: left; text-indent: 6px;}
#warningClose { width: 56px; float: right; background: url(/custom/images/pink-black-fade.gif) repeat-y; text-align: right;}
.warningMessage { padding-top: 38px; text-align: center; color: #e21272; font-size: 18pt; height: 66px; overflow: hidden;}
.warningContent { padding: 4px; border-bottom: 1px solid #ff178a; border-left: 1px solid #ff178a; border-right: 1px solid #ff178a; font-size: 8pt;}
#hairConditionDescription { float: left; background: #fbd9e9; width: 224px; height: 116px;}
#hairConditionDoctorBanner { float: right; width: 224px; height: 116px;}
.hairConditionText { padding: 6px;}
.tabs { height: 26px; overflow: hidden; clear: both;}
.tabOff, .tabOn { width: 112px; height: 26px; margin-right: 1px; float: left; color: #ffffff; text-align: center; overflow: hidden; padding-top: 5px;}
.tabOff { cursor: pointer; background: url(/custom/images/tab-off.gif) no-repeat left top;}
.tabContent { background: url(/custom/images/tab-content-bg.gif) repeat-x bottom; padding: 10px 0 20px 0;}
.topItem { display: block; overflow: hidden; width: 108px; height: 16px;}
#protxSecured { background: url(/custom/images/protxsecured.gif) no-repeat center; height: 55px;}
.offerRow12 { font-size: 12px; line-height: 10px;}
.offerRow16 { font-size: 16px; line-height: 14px;}
.offerRow18 { font-size: 18px; line-height: 16px;}
.offerFrom { font-size: 18px;}
.offerStar { font-size: 13px;}
.offer3Line { padding-top: 10px;}
.offer2Line { padding-top: 13px;}
#tipPopup .bd { width: 287px; height: 187px; padding: 0px; margin: 0px;}
#tipPopupBg { background: transparent url(/custom/images/gorgeous-bg.png) no-repeat; width: 287px; height: 187px; position: absolute; z-index: -1;}
#tipPopupCloseButton { float: right; cursor: pointer; margin-top: 12px; padding-right: 12px;}
.tipPanel { margin-top: 65px; margin-left: 20px; background-color: #fff; width: 242px; height: 101px; border: 1px solid #e21272;}
.tipHeader { padding: 10px 10px 0px 10px; color: #000;}
#tipText { padding: 10px; height: 55px; width: 226px; color: #000; overflow: auto;}
.wishListButton { cursor: pointer;}
.wishListItem { clear: both;}
.wishListSendButton { margin: 10px 0;}
.wishListOptions { margin-left: 15px;}
.wishListItemProductDetails { padding-left: 10px; float: left;}
.send2FriendButtons { text-align: right;}
#invoiceListArea { padding: 10px;}
#invoiceList table { width: 420px !important;}
.tabContentPadding { padding: 10px;}
#invoiceDetailTable { width: 100%;}
#invoiceDetailTable th { color: #e81681;}
.fakeLink { text-decoration: underline; cursor: pointer;}
.forumHeader { background: url(/custom/images/forum-header.jpg) no-repeat !important;}
.genericMessage { font-weight: bold; color: #e21272;}
#productSectionMainImage { float: right; margin-left: 1em; margin-bottom: 1em;}
.productCommentSubmitter { font-weight: bold; margin-top: 0.3em;}
#content_homepageAds { position: relative; left: -1px;}
.largeText { font-size: 15pt;}
.connectionContent h1 { margin: 0;}
#connectionBannerContainer { height: 125px;}
#connectionBanner { width: 455px; height: 116px; background: #000; float: left; margin-right: 1px; margin-top: 3px;}
.pinkBar { height: 17px; overflow: hidden; background: #ff178a; margin-bottom: 6px; clear: both;}
#connectionBannerContainer #miniBasket { float: left; margin: 0 !important;}
.connectionHeading { font-size: 15pt; color: #ff178a;}
.connectionHeading a { font-size: 15pt; color: #ff178a; text-decoration: none;}
.connectionIntroText { font-size: 8pt;}
#myNewHaircutIntro { margin-top: 1em; width: 300px; float: left; clear: left; margin-right: 10px; background: url(/custom/images/polaroid.jpg) no-repeat left; height: auto !important; height: 143px; min-height: 143px;}
#myNewHaircutIntroInner { padding-left: 135px;}
#faceShapesIntro { margin-top: 1em; width: 285px; float: left; background: url(/custom/images/faceshapebg.jpg) no-repeat left; height: auto !important; height: 102px; min-height: 102px;}
#faceShapesIntroInner { padding-left: 120px;}
#topTipsIntro { margin-top: 1em; padding-top: 12px; width: 300px; float: left; clear: left; background: url(/custom/images/notepad.jpg) no-repeat 150px 20px; height: auto !important; height: 200px; min-height: 200px;}
#topTipsIntroInner { width: 150px;}
#celebrityIntro { margin-top: 1em; width: 299px; height: 219px; float: left; background: url(/custom/images/celebbg.jpg) no-repeat left;}
#celebrityIntroInner { padding-left: 154px;}
#badHairDayIntro { margin-top: 1em; width: 230px; float: left; clear: left; background: url(/custom/images/baghead.jpg) no-repeat left bottom; height: auto !important; height: 265px; min-height: 265px;}
#hairDoctorIntro { padding-top: 20px; margin-top: 1em; width: 370px; height: 250px; float: left; background: url(/custom/images/hair-doctor-large.jpg) no-repeat left 20px;}
#hairDoctorIntroInner { padding-left: 175px;}
.bar { background: url(/custom/images/barbg.gif) repeat-x; height: 28px; clear: both;}
.barLeft { float: left; background: url(/custom/images/barleft.gif) no-repeat; width: 5px; height: 28px; margin-right: 6px;}
.barRight { float: right; background: url(/custom/images/barright.gif) no-repeat; width: 5px; height: 28px;}
.barContent { padding-top: 4px;}
.myNewHairCutSearch { float: left;}
.myNewHairCutSearchText { padding-top: 2px; display: block; float: left; margin-right: 3px;}
#newhaircut_keywords { width: 125px; height: 16px; margin-right: 5px; border: 1px solid #949494; vertical-align: middle;}
.myNewHairCutSearchBtn { vertical-align: middle; cursor: pointer;}
.myNewHaircutPageLinks { float: right; font-size: 9pt;}
.myNewHaircutPageLinks a { font-size: 9pt; text-decoration: none; color: #4b4b4b;}
.myNewHaircutPageLinkCurrent { text-decoration: underline; font-weight: bold;}
#myNewHaircutList { padding: 16px 0 16px 8px;}
.myNewHaircutItemDetails { float: left; width: 290px;}
.polaroidBg { background: url(/custom/images/polaroidbg.jpg) no-repeat; width: 116px; height: 129px; cursor: pointer; margin-right: 7px; float: left;}
.myNewHaircutItemImage { position: absolute; width: 101px; height: 90px; margin: 6px; background-repeat: no-repeat;}
.polaroidGlare { position: absolute; width: 101px; height: 90px; margin: 6px;}
.myNewHaircutItemRight { float: left; width: 160px;}
.myNewHaircutItemName { padding-top: 5px;}
.myNewHaircutItemName a { text-decoration: none; font-weight: bold; font-size: 9pt;}
.myNewHaircutItemCriteria { font-size: 8pt;}
.myNewHaircutItemCriteriaItem { margin-top: 3px;}
.myNewHaircutItemCriteriaLabel { font-weight: bold;}
.myNewHaircutItemCriteriaValue { color: #ff4197;}
.myNewHaircutItemShortDesc { font-size: 8pt; margin: 1em 0;}
#myNewHaircutViewImageContainer { float: left; width: 250px; overflow: hidden; margin-right: 12px;}
#myNewHaircutViewImage { border: 1px solid #ff4197 !important;}
#myNewHaircutView { padding-top: 35px;}
#myNewHaircutViewDesc { margin: 1em 0 1.6em 0;}
#myNewHaircutViewRight { float: left; width: 320px;}
#myNewHaircutCommentForm textarea.formInput { clear: left; width: 300px; margin-bottom: 1em;}
#myNewHaircutCommentForm input.formInput { width: 220px;}
#myNewHaircutCommentForm label { width: 80px;}
#myNewHairCutUploadFlash { float: left; width: 250px; height: 300px; margin-top: 2em; margin-right: 30px;}
#myNewHairCutUploadForm { padding-top: 2em; float: left; width: 300px;}
#myNewHairCutUploadForm label { width: 50px;}
#myNewHairCutUploadForm input.formInput { width: 240px;}
#myNewHairCutUploadForm textarea { width: 290px;}
.expandArrow { float: right; cursor: pointer; margin-left: 10px; margin-bottom: 10px;}
.faceShapeLeft { float: left; width: 140px; text-align: center;}
.faceShapeRight { float: right; width: 460px;}
.faceShapeIntroContainer { height: auto !important; height: 40px; min-height: 40px;}
.faceShapeIntro { float: left; margin-bottom: 1em;}
#celebPhotoContainer { padding-top: 31px; padding-left: 23px;}
#celebPhoto { background-color: #000; background-repeat: no-repeat; background-image: url(/custom/images/loading.gif); background-position: center; width: 249px; height: 272px;}
#celebPhotos { width: 295px; height: 328px; float: left; margin-right: 3px;}
#celebPhotosTitles { width: 200px; float: left; height: 35px;}
#celebPhotosPagination { float: right; text-align: right; padding-top: 7px; padding-right: 1px;}
#celebPhotosImageContainer { clear: both; border: 2px solid #ff4197; table-layout: fixed; background-color: #000; height: 230px; width: 290px; overflow: hidden;}
#celebPhotosImageContainer td { height: 230px; width: 290px; text-align: center; vertical-align: middle;}
#celebPhotosDescription { padding: 3px;}
#hotGossip { width: 303px; height: 285px; background: url(/custom/images/hotgossipbg.jpg) no-repeat; float: left;}
#hotGossipContent { padding: 40px 11px 0 11px;}
.hotGossipImage { float: left; border: 1px solid #ff4197; width: 75px; height: 75px; background: #000 url(/custom/images/loading.gif) no-repeat center; margin-bottom: 3px; margin-right: 6px; overflow: hidden;}
.hotGossipIntro { line-height: 110%;}
.hotGossipIntro a { text-decoration: none; font-weight: bold; clear: right;}
#celebTreatmentLeft, #celebTreatmentRight { float: left;}
#celebTreatmentLeft { width: 230px; overflow: hidden; margin-right: 2px;}
#celebTreatmentRight { width: 370px;}
#celebTreatmentProductNames { float: left; width: 130px; overflow: hidden;}
.celebTreatmentProductName { height: 2em; font-size: 9pt; white-space: nowrap;}
#celebTreatmentProducts { float: left;}
#content_celebTreatmentText { margin-bottom: 1em;}
#content_topTipsNews .newsListingDate, #content_topTipsNews .newsListingPreview { display: none;}
#content_topTipsNews .newsListingTitle { margin-bottom: 1em; padding-left: 10px; margin-left: 6px; background: url(/custom/images/arrowbullet.gif) no-repeat;}
.topTipsPage .newsListingDate { display: none;}
.topTipsPage .newsListingTitle { margin-top: 1em; padding-left: 10px; margin-left: 6px; background: url(/custom/images/arrowbullet.gif) no-repeat;}
.topTipsPage .newsListingPreview { padding-left: 10px; margin-left: 6px;}
.errorMessage { font-weight: bold; color: #900;}
#homepageBanner { margin-bottom: 3px;}
#connectionLHS { width: 87px; height: 87px; overflow: hidden; position: absolute; margin-top: 156px; margin-left: 10px;}
#connectionLHS table td { height: 87px;}
#connectionLHS img { display: block;}
#newDoArrow { position: absolute; margin-top: 155px; margin-left: 85px; background: url(/custom/images/newdoarrow.png) no-repeat; width: 32px; height: 40px;}
.dropDownBottom { background: url(/custom/images/ddmbottom.png) no-repeat; width: 153px; height: 8px; overflow: hidden;}
.dropDownNav { font-size: 10pt; text-decoration: none; color: #ffffff; display: block; padding: 2px 0; text-indent: 12px; margin-left: 9px; width: 135px; position: relative;}
.dropDownNav:hover { background: url(/custom/images/pink/bar.gif) repeat-x;}
.dropDown { position: absolute; display: none; width: 153px;}
.dropDownItems { background: url(/custom/images/ddmbg.png) repeat-y; width: 153px;}
.dropDownDivider { background: url(/custom/images/ddmnavsep.png) no-repeat; width: 135px; height: 2px; overflow: hidden; margin-left: 9px;}
.lauProductTitle { color: #24231e; font-size: 11pt; margin-bottom: 20px; font-weight: bold;}
#lauFeaturedProducts .productDetails { color: #4b4b4b !important; margin-right: 10px; width: 247px;}
#lauFeaturedProducts .productSpecs { text-align: left !important;}
#lauFeaturedProducts .productPrice { float: none !important;}
#lauFeaturedProducts .productDetailsRight { width: 150px !important;}
.scrollableText { border: 1px solid #ccc; padding: 12px; overflow: auto; height: 100px; clear: both; margin-top: 1em;}
.lhsNewsItem { padding-bottom: 1em; font-size: 9pt; padding-left: 4px;}
.lhsNewsTitle a { text-decoration: none; font-weight: bold;}
.lhsNewsIntro { font-size: 8pt;}
#lhsNews { margin-left: 4px;}