/********************************************************* LYCO DIRECT POPUPS ************************************************************/

* {margin:0; padding:0;}
html {margin:0; padding:0; height: auto; width: auto;}
body {margin:0; padding:0; height: auto; width: auto; font-size:11px; font-family: Tahoma, Arial, Verdana;}

/************************************ SITE SETTINGS *****************************************/

img {border:0;}
ul, li {margin:0; padding:0;}
p {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px;}
a {margin:0; padding:0; font-family: Tahoma, Arial, Verdana; font-size:11px;}
fieldset {border:0; margin:0; padding:0;}
input, select, textarea {font-family: Tahoma, Arial, Verdana; font-size: 11px; }

.clear {clear:both;} 
.clear0 {height:0px; line-height:0px; clear:both;}
.clear5 {height:5px; line-height:5px; clear:both;}
.clear10 {height:10px; line-height:10px; clear:both;}


.irt23px {padding: 23px 0 0 0; overflow: hidden; height: 0px !important; height /**/:23px;} 

/****************************************** CONSTRUCTION ***************************************/

#popContainer {width:600px; height: auto; margin:0; padding-bottom:10px; background-color: #e7e7e7;}
#popContainer2 {width:440px; height: auto; margin:0; padding-bottom:10px; background-color: #e7e7e7;}

#popHeader {position:relative; width:100%; height:118px; margin:0; padding:0; background: #fff url(../img/popups/headerBg.gif) repeat-x left bottom;}
#popHeader .background {position:relative; width:100%; height:100%; background: url(../img/popups/redBar.gif) no-repeat 121px 39px;}
#popHeader .logoPlaceholder {position:absolute; top: 10px; left: 18px; width:85px; height:97px;}

#popContent {position: relative; width: 580px; background: #fff url(../img/popups/whiteBgTop580.gif) no-repeat top; margin: 0 auto;}
#popContent .background {position: relative; width: 580px; background: url(../img/popups/whiteBgBottom580.gif) no-repeat bottom; padding: 5px 0;}
#popContent .headerBar {position: relative; width: 570px; height: 28px; background: url(../img/popups/headerBar.gif) no-repeat; margin: 0 0 10px 1px;}
#popContent .headerBar h1 {color: #fff; font-size: 11px; font-weight: normal; text-indent: 17px; padding-top: 6px;} 
#popContent .headerBar.largeText h1 {font-size: 14px; font-weight: bold; padding-top: 5px;} 

#popContent2 {position: relative; width: 420px; background: #fff url(../img/popups/whiteBgTop420.gif) no-repeat top; margin: 0 auto;}
#popContent2 .background {position: relative; width: 420px; background: url(../img/popups/whiteBgBottom420.gif) no-repeat bottom; padding: 5px 0;}
#popContent2 .headerBar {position: relative; width: 410px; height: 28px; background: url(../img/popups/headerBar410.gif) no-repeat; margin: 0 0 10px 1px;}
#popContent2 .headerBar h1 {color: #fff; font-size: 14px; font-weight: bold; text-indent: 17px; padding-top: 5px;} 

#footer {position: relative; width:570px; height:65px; margin:0 auto; background: url(../img/popups/footerBg.gif) no-repeat;}
#footer ul {position:relative; width: 432px; margin: 0 auto; padding-top: 5px;}
#footer ul li {display:inline; float:left; list-style: none; background: url(../img/popups/navSeperator.gif) no-repeat right top; padding: 5px 11px 3px 10px; height: 16px;}
#footer ul li a {font-size:10px; font-weight: bold; color:#707e9b; text-decoration: none;}
#footer ul li a:hover {text-decoration:underline;}
#footer ul li.end {background: none;}
#footer p {position: relative; color: #707e9b; font-size: 10px; font-weight: normal; width: 550px; margin: 0 auto; text-align: center; clear: both; padding-top: 8px;}
#footer p span.vat {margin-left: 10px;}

/*** COMMON STYLES ***/

fieldset {margin: 0; padding-top: 10px; position: relative;}
.popupField {clear:both; float:left; display:inline; position:relative; width:384px; padding:0; margin:0 0 4px 0; color:#5b5b5b; font-size:11px;}
.popupField label {display:block; float:left; display:inline; font-size:11px; color:#5b5b5b; font-weight: bold; text-align:right; width:90px; padding-top:3px;}
.popupField input {display:block; float:left; display:inline; width:179px; margin:0 10px; border:1px solid #a4a4a4; padding:2px 0 2px 4px; color: #5b5b5b;}
.popupField textarea {display:block; float:left; display:inline; width:179px; height: 70px; margin:0 10px; border:1px solid #a4a4a4; padding:2px 0 2px 4px; color: #5b5b5b;}

.errorMsg {position: relative; clear: both; top: 0px; background: url(../img/logoIcon/errorIconTrans.gif) no-repeat left top; color:#ff0000; font-weight: normal; margin: 0; width: 200px; height: 16px; line-height: 15px; text-indent: 20px; padding: 0;}
.fieldError label {color: #ff0000;}
.fieldError input {border: 1px solid #ff0000; background-color: #fff;}

/*** PRODUCT POPUP ***/

.productContainer {position: relative; width:550px; margin:0 auto; padding:0;}
.productContainer .iconsContainer {position: absolute; top: 0px; right: 0px; width: 30px; height: 350px;}
.productContainer .placeholder {position: relative; width:480px; height: 320px; margin:0 auto 25px auto; padding-top: 20px;}
.productContainer .productDescription {position: relative; width:544px; margin:0 auto; padding-bottom: 1px;}
.productContainer .productDescription h2.header {margin-bottom:12px; padding-bottom:10px; color: #595959; font-size: 11px; font-weight: bold; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom;}
.productContainer .productDescription h2 {color: #595959; font-size: 11px; font-weight: bold; margin-bottom: 7px;}
.productContainer .productDescription p {color: #595959; font-size: 11px; font-weight: normal; margin-bottom: 15px; line-height: 14px;}

/*** SECURITY CODE ***/

.securityCodeContainer {position: relative; width:384px; margin:0 auto; padding:0;}
.securityCodeContainer p {color: #595959; font-size: 11px; font-weight: normal; margin-bottom: 15px; line-height: 14px;}
.securityCodeContainer img {position: relative; width:207px; height: 118px; margin: 0 0 5px 0; padding:0;}
.securityCodeContainer p.securityCodeNum {position: absolute; top: 97px; left: 212px; color: #be0027; width: 175px;}

/*** FORGOTTEN PASSWORD ***/

.forgotPassContainer {position:relative; width:384px; height: 85px; margin: 0 auto; padding: 5px 0 0 0;}
.forgotPassContainer p {color: #737373; font-size: 11px; font-weight: normal; margin-bottom: 13px; line-height: 14px;}

.forgotPassResponse {position:relative; width:384px; height: 70px; margin: 0 auto; padding: 20px 0 0 0; text-align: center;}
.forgotPassResponse h2 {width: 108px; height: 23px; display: block; margin: 0 auto 10px auto; background: url(../img/popups/thankYouHeader.gif) no-repeat;}
.forgotPassResponse p {margin: 0; color: #737373; font-size: 11px; font-weight: normal;}

/*** EMAIL A FRIEND ***/

.emailFriendContainer {position:relative; width:384px; margin: 0 auto; padding: 5px 0 20px 0;}
.emailFriendContainer p {color: #737373; font-size: 11px; font-weight: normal; margin-bottom: 13px; line-height: 14px;}

.emailFriendContainer .popupField {margin:0 0 9px 0;}
.emailFriendContainer .popupField label {width:130px;}
.emailFriendContainer .popupField span.star {color: #ff0000; font-weight: normal;}
.emailFriendContainer p.required {color: #ff0000; font-size: 9px; font-weight: normal; margin: 0 0px 0px 145px; width: 100px;}

.emailFriendContainer .errorMsg {top: 5px; margin: 0 0 0 140px;}

.emailFriendResponse {position:relative; width:384px; height: 252px; margin: 0 auto; padding: 55px 0 0 0; text-align: center;}
.emailFriendResponse h2 {width: 108px; height: 23px; display: block; margin: 0 auto 10px auto; background: url(../img/popups/thankYouHeader.gif) no-repeat;}
.emailFriendResponse p {margin: 0; color: #737373; font-size: 11px; font-weight: normal; margin-bottom: 15px; line-height: 16px;}

/*** NOTIFY ME ***/

.notifyMeContainer {position:relative; width:384px; margin: 0 auto; padding: 0 0 0 0;}

.notifyMeContainer .productItem {position: relative; width: 384px; /*height: 71px;*/ margin: 0; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x bottom left; padding-bottom: 10px;}
.notifyMeContainer .productItem .placeholder {position: relative; float: left; display: inline; width: 95px; height: 68px; background: url(../img/home/specialOffersPlaceholder.gif) no-repeat; margin: 0 10px 0 0; padding: 3px 0 0 5px;}
.notifyMeContainer .productItem .info {position: relative; float: left; display: inline; width: 274px; /*height: 58px;*/ padding-top: 10px;}
.notifyMeContainer .productItem .info h2 {color: #737373; font-size: 11px; font-weight: bold; line-height: 14px; margin-bottom: 10px;}
.notifyMeContainer .productItem .info p {color: #737373; font-size: 11px; font-weight: normal; line-height: 14px;}

.notifyMeContainer .outOfStockMessage {position: relative; width: 384px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x bottom left; padding: 12px 0; text-align: center;}
.notifyMeContainer .outOfStockMessage p {color: #0d589e; font-size: 11px; font-weight: normal; line-height: 16px; padding: 0 10px;}

.notifyMeContainer fieldset {padding: 15px 0 5px 0;}
.notifyMeContainer .popupField {margin:0 0 9px 0;}
.notifyMeContainer .popupField label {width:130px;}
.notifyMeContainer .popupField span.star {color: #ff0000; font-weight: normal;}
.notifyMeContainer p.required {color: #ff0000; font-size: 9px; font-weight: normal; margin: 0 0px 0px 145px; width: 100px;}

.notifyMeContainer .errorMsg {margin: 0 0 10px 110px;}

/*** TERMS POPUP ***/

.termsContainer {position: relative; width:550px; margin:0 auto; padding-bottom: 10px;}
.termsContainer .content {background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom; padding: 5px 0;}
.termsContainer .content.last {background: none; padding: 5px 0 0 0;}
.termsContainer h2 {padding-top: 10px; margin-bottom: 10px; color: #737373; font-size: 11px; font-weight: bold; text-transform: uppercase;}
.termsContainer p {margin: 0 0 10px 18px; line-height:14px; color: #737373; font-size: 11px; font-weight: normal;}
.termsContainer p a {color: #737373; font-size: 11px; font-weight: normal; text-decoration: underline;}
.termsContainer p a:hover {text-decoration: none;}

/*** VAT POPUP ***/

.vatContainer {position: relative; width:384px; margin:0 auto; padding:0;}
.vatContainer p {color: #595959; font-size: 11px; font-weight: normal; margin-bottom: 15px; line-height: 14px;}
.vatContainer fieldset {padding: 5px 0 10px 0;}
.vatContainer label {display:block; float:left; display:inline; font-size:11px; color:#5b5b5b; font-weight: bold;}
.vatContainer input {display:block; float:left; display:inline; width:13px; height: 13px; margin:0 5px 0 30px; border: none; color: #5b5b5b;}

/* existing customer popup */
.existing{ position:relative; width:546px; margin:auto; }
.existingIntro{ width:546px; height:108px; background:url(../img/checkout/existing_bg_gold.png) 0 0 no-repeat; }
.existingIntro p{ padding:35px 99px 0 20px; }
.existingDetails{ width:526px; margin:0 auto 20px auto; padding-bottom:20px; background:#e9e9e9 url(../img/popups/existing_btm.png) 0 bottom no-repeat; }
.existingDetails legend{ display:none; }

.existingDetails h3{ font-size:11px; padding:0 18px; margin:0 0 13px 0; }
.existingDetails h3 em{ color:#be0027; font-style:normal; text-transform:uppercase; }
.existingDetails p{ padding:0 18px; margin:0 0 8px 0; line-height:1.2; }
.existingDetails p a{ color:#000; font-weight:bold; }
.existingDetails div.hr{ width:505px; height:1px; margin:10px auto 18px auto; background:url(../img/popups/hr_bg.gif) 0 0 repeat-x; }
.existingDetails div.hr hr{ display:none; }
.existingForm{ width:400px; margin:0 auto 20px auto; background:#fff; padding:0 0 0 20px; }
.existingForm.thankYou{ text-align:center; padding-top:10px; }
.existingForm.thankYou p{ padding:15px 0; }