/* CSS Document */
html { height: 100%; margin-bottom: 1px; }
body { background-color: #FFFFFF;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px; }
h2{ font-family:Arial, Tahoma, Verdana, sans-serif;font-size:11px;color:#CB9A33;font-weight:bold;line-height:15px;padding:0px;margin:0px; }
p{ font-family:Arial, Tahoma, Verdana, sans-serif;font-size:11px;color:#3F403A;line-height:15px;padding:0 0 15px 0;margin:0px; }
#pageBanner{position:relative; left:15px; width:518px; height:40px; z-index:999; padding-top:10px; margin:0px; font-size:6px; display:none; }
.na{ font-family:Arial, Tahoma, Verdana, sans-serif;font-size:11px;color:#999999;font-style:italic;line-height:15px;padding:0 0 0 0;margin:0px; }
a, a:link, a:active, a:visited { font-family:Arial, Tahoma, Verdana, sans-serif;color:#3F403A;text-decoration:underline; }
a:hover { color:#CB9A33;text-decoration:underline; }
#container{ position:relative;margin:0px;width:100%; height:100%;}
#site{ position:relative;width:750px;background-color:#FFF;margin:0px;padding:0px; }
#content1{ position:relative;top:55px;float:right;width:605px;right:15px; z-index:4;}
#content{ position:relative;float:right;width:605px;position:relative; padding:10px 0 0 0; margin-right:15px; }
#fullcontent1{ position:relative;top:55px;left:15px;width:725px; }
#fullcontent{ position:relative;width:725px; padding:55px 0 0 15px; }
#exsite{ position:relative;width:750px;background-color:#FFF;margin:0px;padding:0px; }
#exfullcontent{ position:relative;top:55px;left:0px;width:750px; }
.header{ position:relative;width:750px;background-color:#FFFFFF; z-index:10; }
#headerbag { float: right; width: 200px; height: 87px; padding-top: 10px; }
#topAd{ float: left; width:275px; height:87px;background-repeat:no-repeat}
#logo{ float: left; margin-left: 20px;width:158px;height:65px;left:300px;top:0px;background-image:url(/common/img/jo-malone.gif);background-repeat:no-repeat; }
#logo a { display: block }
#header_award{ position:absolute;width:88px;height:87px;left:485px;top:0px;background-image:url(/common/img/beauty-insiders-award.gif);background-repeat:no-repeat; }
#breadcrumbs{ top:115px;left:15px;width:450px;height:32px; z-index: 3; float:left;}
.floatLeft{ position:relative; float:left;}
.breadcrumbs { font-size:9px; }
.breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:link, .breadcrumbs a:visited {
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:9px;
color:#CB9A33;
text-decoration:none;
}
.breadcrumbs a:hover{ color:#CC9933;text-decoration:none; }
#search{ float:right;width:210px;height:32px;margin:0px; z-index:2; position: relative; }
.clear{ clear:both; }
.bold{ font-weight:bold; }
.orange{ font-family:Arial, Tahoma, Verdana, sans-serif;font-size:11px;color:#DEB263;font-weight:bold;padding:0px;margin:0px; }
.orange2{ font-family:Arial, Tahoma, Verdana, sans-serif;font-size:11px;color:#DEB263;padding:0px;margin:0px; }
.shopbag{ width:150px; float: left; z-index:1103; height: 65px}
#addedToBasket {position:absolute; background-color:#ccc;height:60px; width:200px;top:50px; ;z-index:1103; }
.bagpic{width:45px; float: left; height: 65px; }
/* ####################################################### */
/* FORMS BASICS */
form{ margin:0;padding:0; }
input{ margin:0;padding:0;font-family:Arial, Tahoma, Verdana, sans-serif;font-size:10px;color:#3F403A; }
textarea{ margin:0;padding:0; }
label{ font-weight:bold; }
/* ####################################################### */
/* FORM STYLES */
.inputfield{ height:15px;border:1px solid #999; }
.inputcheck{ width:14px;height:14px; }
.labelcheckspace{ padding:0 0 0 5px; }
.select{ height:19px; }
.select2{ height:15px;border:1px solid #999; font-size:10px; }
/* ####################################################### */
/* MAIN MENU */
#leftnavcontainer{ position:relative;width:107px;top:59px;float:left; z-index:5; }
.leftnav a,.leftnav a:link,.leftnav a:active,.leftnav a:visited {
position:relative;
left:15px;
color:#3F403A;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
text-decoration:none;
line-height:26px;
padding:0;
margin:0;
border:0;
}
.leftnav2 a,.leftnav2 a:link,.leftnav2 a:active,.leftnav2 a:visited {
position:relative;
left:15px;
color:#3F403A;
font-family:Tahoma, Arial, Verdana, sans-serif;
font-size:11px;
text-decoration:none;
padding:0;
margin:0;
border:0;
}
.leftnav a:hover { color:#CB9A33; }
.leftnav2 a:hover { color:#CB9A33; }
/* ####################################################### */
/* TOP NAV */
#topnavcontainer{ position:relative;top:25px;width:750px;height:23px; }
#topnav a, #topnav a:link, #topnav a:active, #topnav a:visited{ display:block;height:23px;float:left; }
#topnav a:hover { background-position: 0px 23px; }
a.tn1{ background-image:url(/common/img/topnav/tn1.gif);width:114px; }
a.tn2{ background-image:url(/common/img/topnav/tn2.gif);width:188px; }
a.tn3{ background-image:url(/common/img/topnav/tn3.gif);width:66px; }
a.tn4{ background-image:url(/common/img/topnav/tn4.gif);width:97px; }
a.tn5{ background-image:url(/common/img/topnav/tn5.gif);width:93px; }
a.tn6{ background-image:url(/common/img/topnav/tn6.gif);width:192px; }
/* ####################################################### */
/* FOOTER */
#footer{ position:relative; background-image: url(/common/img/footerbg.gif);width:750px;height:24px; }
.foott1{ position:absolute;top:26px;float:left;width:465px;left:150px;color:#999; text-align:center;}
.foott2{ position:absolute;top:26px;left:545px;width:205px;color:#999; }
.foott4 { position:relative; width:590px; float:left; margin:3px 0 0 0; text-align:left;padding: 0px}
.foott3{ position:relative; width:205px;color:#999; float:right; margin:3px 15px 0 0; text-align:center;}
.footlinks a, .footlinks a:link, .footlinks a:active, .footlinks a:visited {
font-family:Arial, Tahoma, Verdana sans-serif;
font-size:10px;
color:#333;
text-decoration:none;
margin:0 0 0 15px;
padding:0;
border:0;
}
.footlinks a:hover{ text-decoration:none;color:#CC9933; }
/* ####################################################### */
/* PAGE MARGINS */
.margin4{ margin:4px 0 0 0; }
.margin8{ margin:8px 0 0 0; }
.margin10{ margin:10px 0 0 0; }
.margin15{ margin:15px 0 0 0; }
.margin20{ margin:20px 0 0 0; }
.margin40{ margin:40px 0 0 0; }
/* ####################################################### */
/* MAIN CONTENT */
.register {
width:58px;
height:10px;
background: transparent url(/common/img/register.gif) no-repeat top left;
}
.register span { height: 10px; width: 58px; display: block; text-indent: -9999px; }
.register:hover { background-position:0 -11px; }
.accountLink {
float: right;
position: relative;
display:block !important;
padding:0px;
margin:0px;
overflow: hidden;
cursor:pointer;
}
.signin {
width:45px;
height: 10px;
background: transparent url(/common/img/signin.gif) no-repeat top left;
}
.signin:hover{ background-position:0 -11px; }
.signin span { height: 9px; width: 78px; display: block; text-indent: -9999px; }
.myacc {
width:78px;
height:9px;
background: transparent url(/common/img/myacc.gif) no-repeat top left;
}
.myacc:hover{ background-position:0 -9px; }
.myacc span { height: 9px; width: 78px; display: block; text-indent: -9999px; }
.signout {
width:53px;
height:9px;
background: transparent url(/common/img/signout.gif) no-repeat top left;
}
.signout span { height: 9px; width: 51px; display: block; text-indent: -9999px; }
.signout:hover{ background-position:0 -9px; }
#homeflash{ position:relative;left:15px;top:0px;width:720px; z-index:1; height: 320px;}
#homehtml{ position:relative;left:15px;top:0px;width:720px; z-index:1; height: 320px}
#homeflash1old{ position:relative;left:15px;top:35px;width:720px; margin-top:10px;}
#homeflashold{ position:relative;left:15px;top:35px;width:720px; z-index:1;margin-top:10px;}
#homehtmlold{ position:relative;left:15px;top:35px;width:720px; z-index:1;margin-top:10px;}
.leftcol{ position:relative;width:298px;float:left; }
.rightcol{ position:relative;width:298px;float:right; }
.leftcolwishli{ position:relative;width:260px;float:left; }
.rightcolwishli{ position:relative;width:317px;float:right; padding-right:15px;}
.rightcol150{ position:relative;width:150px;float:right; }
.leftimg{ background-color: #FFFFFF;position:relative;width:228px; height:228px;float:left; }
.righttxt{ background-color: #FDFEE9;position:relative;width:362px; height:228px;float:left; }
.leftimg2{ background-color: #FFFFFF;position:relative;width:228px; height:277px;float:left; }
.righttxt2{ background-color: #FDFEE9;position:relative;width:362px; height:277px;float:left; }
.titlebar{ background-color:#EBECD8;height:20px;width:100%;font-size:12px;font-weight:bold;}
.titlebar2{ background-color:#EBECD8;width:100%;font-size:12px;font-weight:bold;height:32px;}
.titlebargift{ position:relative; width:100%;font-family:Arial, Tahoma, Verdana, sans-serif;font-size:12px;font-weight:bold;height:20px; top:5px;color:CC9933; width:250px;}
.ttext{ position:relative;font-family:Arial, Tahoma, Verdana, sans-serif;font-weight:bold;top:2px; }
.ttext a, .ttext a:link, .ttext a:active, .ttext a:visited { font-family:Arial, Tahoma, Verdana, sans-serif;color:#3F403A;text-decoration:none;font-weight:bold; }
.ttext a:hover{ color:#CC9933;text-decoration:none; }
.ttextbasic{ position:relative;font-family:Arial, Tahoma, Verdana, sans-serif;top:2px; }
.ttext2{ position:relative;font-family:Arial, Tahoma, Verdana, sans-serif;font-weight:bold;top:2px;height:20px; }
.ttext2 a, .ttext2 a:link, .ttext2 a:active, .ttext2 a:visited { font-family:Arial, Tahoma, Verdana, sans-serif;color:#3F403A;text-decoration:none;font-weight:bold; }
.ttext2 a:hover{ color:#CC9933;text-decoration:none; }
.ttextindent{ position:absolute;top:0px;left:15px; }
.nonuk{ background-color:#EBECD8;padding:10px 10px 0 10px; }
.shopright{ position:relative;width:145px;float:right; }
.shopleft{ position:relative;width:145px;float:left; margin:0; padding:0;}
.shopboth{ position:relative;width:298px;float:left; margin:0; padding:0;}
.text{ position:relative;font-family:Arial, Tahoma, Verdana, sans-serif;font-size:11px;color:#3F403A;padding:0px;margin:0px; font-weight:normal; }
.category{ position:absolute;top:0px;left:103px;width:190px; }
.cattext{ position:absolute;left:0px;width:190px;top:23px; }
.cattext2{ position:absolute;left:0px;width:190px;top:33px; }
.catbar{ position:relative;background-color:#EBECD8;height:20px;width:190px;font-size:12px;font-weight:bold;}
.inbar{ position:relative;background-color:#EBECD8;height:20px;font-size:12px;font-weight:bold;}
.inbar1{ position:relative;background-color:#D5D5BB;height:20px;font-size:12px;font-weight:bold;}
.inbar2{ position:relative;background-color:#D5D5BB;height:20px;font-size:12px;font-weight:bold;margin: 0 10px 0 10px;}
.inbar3{ position:relative;background-color:#D5D5BB;height:20px;width:200px;font-size:12px;font-weight:bold;margin: 0 10px 0 10px;}
.inbar4{ position:relative;background-color:#D5D5BB;height:20px;width:300px;font-size:12px;font-weight:bold;margin:0px;}
.inbar5{ position:relative;background-color:#D5D5BB;height:20px;font-size:12px;font-weight:bold;width:206px;}
.inbar6{ position:relative;background-color:#D5D5BB;height:20px;font-size:12px;font-weight:bold;}
.inbartall{ position:relative;background-color:#EBECD8;height:33px;font-size:12px;font-weight:bold;}
.gifttxt{ position:absolute; float:left; top:0px; left:42px; width:317px; height:75px; background-image:url("/shop/gifts/bespoke gifts/img/dots.gif"); background-position:bottom; background-repeat:no-repeat}
.gifttxt2{ position:absolute; float:left; top:0px; left:42px; width:317px; height:135px; background-image:url("/shop/gifts/bespoke gifts/img/dots.gif"); background-position:bottom; background-repeat:no-repeat}
.gifttext{ position:absolute;left:0px;width:310px;top:23px; }
.gifttext2{ position:absolute;left:0px;width:100%;top:0px; }
.gifttext3{ position:relative;padding:0px;margin:0px;font-family:Arial, Tahoma, Verdana, sans-serif;font-size:11px;color:#3F403A;height:25px; line-height:25px;}
.giftbut{ position:absolute;left:0px;width:100%;top:23px; }
.giftbut2{ position:relative;float:left;;width:100%; left:105px;top:-3px;}
.giftbg{ position:relative;background-color:#EBECD8;width:590px;}
.giftdd{ position:absolute;left:42px; top:100px;width:210px;}
.giftddlow{ position:absolute;left:42px; top:142px;width:210px;}
.giftddlow2{ position:absolute;left:42px; top:142px;width:300px;height:50px;}
.giftaddbag{ position:absolute;left:250px;top:155px;width:200px;}
.giftaddbag2{ position:absolute;left:255px;top:225px;width:200px;}
/* ####################################################### */
/* DROP DOWN MENU */
#dropmenudiv{
position:absolute;
border:none;
border-bottom-width: 0;
font:normal 11px Arial;
line-height:18px;
z-index:1102;
background-color: #FDFEE9;
}
#dropmenudiv a, #dropmenudiv a:active, #dropmenudiv a:link {
width: 100%;
display: block;
border-bottom: none;
padding: 1px 0;
text-decoration: none;
text-indent:10px;
font-weight: normal;
color:#A2A38F;
z-index:1102;
background-color: #FDFEE9;
}
#dropmenudiv a:hover{
width: 100%;
display: block;
border-bottom: none;
padding: 1px 0;
text-decoration: none;
text-indent:10px;
font-weight: normal;
color:#000000;
z-index:1102;
background-color: #EBECD8;
}
#popcontainer{ position:relative;width:360px;height:100%;background-color:#FFFFFF;padding:0 10px 0 10px; }
#popcontainer2{ position:relative;width:595px;height:100%;background-color:#FFFFFF;padding:0 10px 0 10px; }
.fragranceCombinesList {
POSITION: absolute;
HEIGHT: 177px;
VISIBILITY: hidden;
}
#royal_mail_strike {
position: absolute;
display: block;
width: 359px;
height: 101px;
z-index:1200;
top: 250px;
left: 200px;
}
#last_delivery_date {
position: absolute;
display: none;
width: 360px;
height: 320px;
z-index:99999;
top: 170px;
#top: 160px;
left: 15px;
margin: 0px;
padding: 0px
}
#myPopupDiv
{
position:absolute; top:200px; left:200px; z-index:99999; width:400px; background:#FDFEE9; display:none; border:#CCC solid 1px; margin:0px; padding:0px; font-size:1px;
}
.myPopupHdr
{
position:relative; background-image:url(/common/img/jomalone_pop.gif); height:25px; width:400px;
}
.myPopupHdrTxt
{
position:relative; color:#676a56; font-family:Arial, Helvetica, sans-serif; font-size:11px; top:5px; left:40px; width:250px; float:left;
}
.myPopupHdrCross
{
position:relative; float:right;
}
.myPopupImg
{
position:relative; float:left;width:15px; height:16px; margin:20px 0 0 20px;
}
.myPopupMsg
{
position:relative; float:left; width:300px; margin:15px 0 0 20px;
}
.myPopupBtn
{
position:relative; margin:20px 20px 0 170px;width:50px;
}
.myPopupBtn2
{
position:relative; margin:20px 20px 0 140px;width:150px;
}
.myPopupBtnTxt
{
position:relative; top:5px;left:20px;width:20px
}
.myPopupSrc
{
position:relative; margin:20px 20px 0 170px;width:50px;
}
.myPopupfloat
{
position:relative; float:left;
}
.wishlistPopupHdr
{
position:relative; background-image:url(/wishlist/pop-top.gif); height:20px; width:204px; background-repeat: no-repeat; padding:0px; margin:0px;
/* position:relative; background-image:url(/wishlist/pop-top_lrg.gif); height:20px; width:257px; background-repeat: no-repeat; padding:0px; margin:0px; */
}
.wishlistPopupHdrCross
{
position:relative; float:right;
}
.wishlistMidBg
{
background-image:url(/wishlist/pop-mid.gif); background-repeat: repeat-y; padding:0px; margin:0px;
/* background-image:url(/wishlist/pop-mid_lrg.gif); background-repeat: repeat-y; padding:0px; margin:0px; */
}
.wishlistPopupMsg
{
position:relative; width:204px; padding:0px 5px 0px 5px;
/* position:relative; width:257px; padding:0px 5px 0px 5px; */
}
.wishlistPopupBtm
{
position:relative; background-image:url(/wishlist/pop-bot.gif); height:7px; background-repeat:no-repeat;
/* position:relative; background-image:url(/wishlist/pop-bot_lrg.gif); height:7px; background-repeat:no-repeat; */
}
#gfoot_intl_menu {
position:absolute;
left:0;
top:0;
width:105px;
height:135px;
visibility:hidden;
z-index:2000;
margin:0;
padding:0;
border:0;
}
#gfoot_intl_menu a {
display:block;
margin:0;
padding:0;
}
.gifts_img_container{
float:left; width:200px;
}
.gifts_info_container{
float:right; width:380px;
padding-top:10px;
}
.gifts_product_container{
padding:10px;
}
.gifts_inbar{
background-color: #fafaeb;
font-size:12px;
font-weight:bold;
line-height:12px;
height:24px;
position:relative;
padding:0px;
margin:0px;
}
#siteBanner{position:absolute; left:15px; z-index:999; margin:0px; top:113px; }
#homepage_sample_image { cursor: pointer; }
.homepage_popup { position: relative; float: left; margin-left: 15px; z-index: 100 }
.homepage_popup_outer,
.siteBanner_popup_outer { position: absolute; border: #b4b4b4 1px solid; padding: 3px; background: #fff; }
.homepage_popup_inner,
.siteBanner_popup_inner { position: relative; background: #f3f3f3; }
#homepage_email_text { padding: 0px; margin: 0px; width: 217px; height: 59px; }
#homepage_email_text p { margin: 0px; width: 195px; padding: 15px 5px 0px 5px; }
#homepage_email_text input.email_textbox { width: 128px; height: 18px; margin-left: 5px; }
#homepage_email_text input.email_submitbox { height: 18px; margin-left: 5px; position: relative; top: 5px; }
#homepage_sample_text,
#siteBanner_popup_text { padding: 0px; margin: 0px; width: 217px; height: 103px; }
#homepage_sample_text p,
#siteBanner_popup_text p { margin: 0px; width: 185px; padding: 15px 5px 5px 5px; }
#homepage_sample_text span,
#siteBanner_popup_text span { color: #858585; font-size: 9px; }
#homepage_sample_text a,
#siteBanner_popup_text a { left:131px; position:absolute; top:80px; }
.footer_secure {position: absolute; left: 637px; top: 34px;}
h1.rh1{ margin:0px; padding:0px; display: block; color: #d3a74e; text-indent: -9999; font-size: 30px; font-weight: 100; font-family: helvetica, arial, sans-serif; line-height: 30px; letter-spacing: 1px; }
h2.rh1{ margin:0px; padding:0px; display: block; color: #d3a74e; text-indent: -9999; font-size: 30px; font-weight: 100; font-family: helvetica, arial, sans-serif; line-height: 30px; letter-spacing: 1px; }
.pencil a, .pencil a:active, .pencil a:visited, .pencil a:link { position:absolute;width:18px;height:18px;left:155px;z-index:1;background-image:url(/images/common/change.gif);background-repeat:no-repeat;display:block; }
.pencil a:hover{ background-position:0 -18px; }