BODY {background:#fff; color:#333; line-height:1.4; font-family:Verdana;}
INPUT, TEXTAREA {font-family:Verdana;}
#wrapper {width:995px; margin:0 auto; text-align:left; font-size:93%; background:url('/static/site/graphics/friends/background-main-friends.png') repeat-y 0 0;}
#wrapper.home {background:transparent;}

.yui-gc .yui-u .yui-g {width:100%; margin-left:0;}

#bd {padding:0 11px;}

#hd {position:relative; min-height:340px; _height:340px; background:url('/static/site/graphics/friends/background-top-friends.jpg') no-repeat 0 0;}
BODY .home #hd {border-bottom:1px solid #d0b16c; padding-bottom:3px;}
#bd {margin:0 0 10px 0;}
#ft {margin-bottom:50px; color:#FFF;}
#ft P {margin:0; padding:6px 12px; background:#977c40 url('/static/site/graphics/friends/footer-gradient.png') repeat-x 0 0; padding:6px 12px;}
#ft P A {color:#FFF;}
#logo {position:absolute; top:0; left:0; z-index:2;}
#tagline {position:absolute; top:30px; left:173px; z-index:2; width:480px; border-bottom:1px solid #ccab60; padding-bottom:0.1em; font-size:1.2em; font-weight:bold; color:#999;}
BODY .home #tagline {width:610px;}

#login-form {position:absolute; top:20px; right:0; z-index:2; width:170px;}
#login-form P {margin:0 0 0.7em;}
#login-form BR {display:none;}
LABEL.inside-input SPAN { display: none; }
#login-form .text, #login-form .password {width:140px;}
#login-form .submit-wrapper, #login-form .button, #login-form SPAN.or {display:block; float:left;}
#login-form SPAN.or {margin:3px 5px;}
#login-form .submit {width:65px;}
#login-form .forgot-pass-link {font-size:0.9em; margin:0 0 0.5em 0;}
#login-form .forgot-pass-link A {color:#ccab60; text-decoration:underline;}
#login-password.empty {background:#fff url('/static/site/graphics/friends/password.png') no-repeat 5px 5px;}

#login-details {*margin:-2em 10px 0 0; }
#login-details .small-title {margin:0 10px 0.5em 0; font-size:1.2em; font-weight:bold; display:inline;}
#login-details P {display:inline;}
#login-details P STRONG {font-weight:normal; color:#cc0000;}
#login-details P A {color:#333;}
#login-details UL LI {background:none; padding-left:0; float:left; padding-right:10px; border-right:1px dotted #cc0000; margin-right:10px;}
#login-details UL LI.last {border-right:none; padding-right:0; margin-right:0;}

.warning { color: #c00; font-weight: bold; font-size: 120%; padding: 12px; background: #fee; border: 2px solid #c00; }

#membership-paginator {}
.header-wrapper {margin:0 12px;}
.top-promotions {position:absolute; top:170px; left:12px; right:12px; _width:972px;}
.top-promotions .promo {padding:12px; height:129px; overflow:hidden; background:url('/static/site/graphics/friends/promo.png') no-repeat 50% 0; _background-image:url('/static/site/graphics/friends/promo-ie6.png');}
.top-promotions .promo .promo-wrapper {width:145px;}
.top-promotions .promo .small-title {font-size:90%;}
.top-promotions .promo .title {font-size:110%; line-height:1; font-weight:bold; display:block; padding:0 0 0.5em 0; margin:0 0 0.5em 0; border-bottom:0.1em dotted #fff;}
.top-promotions .promo A {display:block; color:#fff; text-decoration:none; cursor:pointer;}
.top-promotions .promo IMG {border:1px solid #e8ebef;}

#membership-page-1, #membership-page-2 {width:995px; height:518px;}

#membership-blurb {position:absolute; left:1200px; top:80px; width:570px;}
#membership-blurb .title {color:#49176d;}

#membership-links {margin:0; padding:0;}
#membership-links LI {display:block; position:absolute; margin:0; padding:0; list-style:none;}
#membership-links LI A {display:block; height:100%; text-decoration:none; text-indent:-9999em;}
#membership-link-1 {top:214px; left:10px; width:150px; height:155px;}
#membership-link-2 {top:146px; left:476px; width:150px; height:220px;}
#membership-link-3 {top:197px; left:672px; width:109px; height:170px;}

#join-link {position:absolute; top:220px; left:820px; width:170px; height:120px; z-index:2; text-indent:-9999em; cursor:pointer;}
#join-link A {text-decoration:none;}
#back-link {position:absolute; top:220px; left:1815px; width:170px; height:120px; z-index:2; text-indent:-9999em; cursor:pointer;}
#back-link A {text-decoration:none;}

#membership-options-home {position:relative;}
#membership-options-home FORM {position:absolute; top:200px; left:250px; width:525px;}
.membership-options .option {margin:0 0 0.3em 0;}
.membership-options .option INPUT {}
.membership-options .option LABEL, .membership-options .fieldcontrol LABEL {margin-left: 0.5em; font-weight:bold;}
.membership-options .option-description {margin:0 0 1em 2em;}
.membership-options .submit {float:right; *float:left;}

FORM {}
FORM P {margin:0 0 0.5em 0;}
FORM BR {clear:both;}
LABEL {cursor:pointer;}
INPUT.radio, INPUT.checkbox {cursor:pointer;}
INPUT.text, INPUT.password, TEXTAREA {border:1px solid #ccab60; padding:2px 3px 3px 3px; background:#fff;}
.form-section {margin:0 0 1em 0;}
.forms INPUT.text, INPUT.password, TEXTAREA {width:200px;}

INPUT.submit, .button A {display:block; float:right; *float:left; border:1px solid #fff7d8; padding:2px 4px; *padding:2px 1px; font-weight:bold; font-size:0.8em; color:#49176d; cursor:pointer; background:#fff8dc url('/static/site/graphics/friends/button-gradient.png') repeat-x 0 100%; text-transform:uppercase;}
.button A:HOVER {_text-decoration:none;}
.submit-wrapper {border:1px solid #b69855; display:block; float:right;}
.fieldrequired, .error-message, .error-explanation {color:#cc0000;}

#newsletter-signup FORM {margin-bottom:1em;}
#newsletter-signup FORM P {margin:0; float:left;}
#newsletter-signup FORM .submit-wrapper {margin-top:1.4em;}
.newsletter-form {display:inline;}
.newsletter-form INPUT.text {float:left; width:200px;}

#home-panels .panel-inner .image {float:none; margin:0;}

.panel .basket-total {font-size:1.3em; margin:0;}
.panel .basket-total STRONG {font-weight:normal; color:#cc0000;}

.intro-quote .quote-header-image {position:relative; margin:-16px 0 0 -10px; _margin:-18px -10px 0 -10px;}
.intro-quote BLOCKQUOTE {margin:1em 0 3em 0;}
.intro-quote BLOCKQUOTE IMG, .intro-quote BLOCKQUOTE P {display:inline;}
.intro-quote BLOCKQUOTE P {font-size:1.2em; color:#666;}
.intro-quote BLOCKQUOTE IMG.quote-start {margin:0 0.5em 0 0;}
.intro-quote BLOCKQUOTE IMG.quote-end {margin:0 0 -4px 0.5em;}
.intro-quote P.quote-author {margin:0; color:#666;}
.intro-quote P.quote-author-role {margin:0; font-size:0.9em; color:#666;}

.event-time, .content .event-time {text-transform:uppercase; color:#ee0000; font-size:0.9em;}

.social-bookmarking {}
.social-bookmarking LI {float:left; margin-right:16px; line-height:2;}
.social-bookmarking LI A {color:#1f527b; padding-left:20px; background-image:url('/static/site/graphics/friends/social-bookmarking.png'); background-repeat:no-repeat;}
.social-bookmarking LI A.delicious {background-position:0 0;}
.social-bookmarking LI A.digg {background-position:0 -100px;}
.social-bookmarking LI A.reddit {background-position:0 -200px;}
.social-bookmarking LI A.facebook {background-position:0 -300px;}
.social-bookmarking LI A.stumbleupon {background-position:0 -400px;}
.social-bookmarking LI A.what-is-this {padding-left:0; background:none;}

.latest-updates {padding:70px 0 0 0; background:url('/static/site/graphics/friends/latest-updates.png') no-repeat 0 0;}
.latest-updates-inner {position:relative; padding:0 20px; min-height:238px; _height:238px; font-family:Courier; font-size:108%; *line-height:1.25;}
.latest-updates-inner {background:url('/static/site/graphics/friends/latest-updates-bottom.png') no-repeat 0 100%;}
.latest-updates H3 {display:none;}
.latest-updates .more-link {position:absolute; right:35px; bottom:18px; text-align:right;}
.latest-updates .more-link A {color:#333; padding-right:40px;}
.latest-updates .more-link A:hover {color:#cc0000;}

.event-details, .colourblock {clear:both; margin:0 0 10px 0; padding:10px; background:#e6e2ed;}
.date, .content .date {margin:0 0 0.3em 0; color:#cc0000; font-weight:bold;}
.event-details .event-type {margin:0; text-transform:uppercase;}
.review-link, .content .review-link {margin:0 0 0.3em 0; font-weight:bold;}

#comments {margin:30px 0;}
#comments .comment {padding:10px;}
#comments .odd, #comments .even {margin:0 0 10px;}
#comments .odd {background:#E6E2ED;} 
.comment-content P {margin:1em 0 0 0 !important;}
#comment-form .fieldlabel {display:block; margin:0 0 0.5em 0;}
#comment-form TEXTAREA {width:98%;}

.friends-overlay .panel-inner { padding: 32px 32px 16px; width: 540px; text-align: left; font-family: Verdana, sans-serif; }
.friends-overlay .content H3 { font-family: Trebuchet MS, Verdana, sans-serif; font-weight: bold; font-size: 150%; margin: 0 0 1em; }
.friends-overlay .close-button { position: absolute; right: 12px; top: 12px; cursor: pointer; }
.friends-overlay .content UL { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.friends-overlay .content LI { min-height:24px; list-style: none; margin: 0 0 1em 0; padding: 0 0 0 32px; background:url('/static/site/graphics/friends/arrow.png') 0 4px no-repeat; _background-image:url('/static/site/graphics/friends/arrow-ie6.png');}
.friends-overlay LI STRONG { font-weight: bold; font-size: 110%; display: block; }

#three-d-secure-message H1 { font-size: 150%; margin: 1em 0; }
#three-d-secure-message P { width: 66%; margin: 1em 0 1.5em; }

.content { text-align: left; }
.content H1 { font-size: 150%; margin: 1em 0 0; }
.content P { margin: 1em 0 1.5em; }

LABEL.cc { display: block; width: 70px; height: 0; overflow: hidden; padding-top: 35px; }
LABEL.cc-Visa { background: url(/static/site/graphics/friends/visa.gif); }
LABEL.cc-MasterCard { background: url(/static/site/graphics/friends/mastercard.gif); }
LABEL.cc-Maestro { background: url(/static/site/graphics/friends/maestro.gif); }
LABEL.cc-Solo { background: url(/static/site/graphics/friends/solo.gif); }
LABEL.cc-VisaElectron { background: url(/static/site/graphics/friends/electron.gif); }

.alt-field {display:none;}

/* Friends Checkout */
.gift-membership-check {margin-bottom:20px;}
.gift-membership-check LABEL {font-size:110%!important;}

.card {padding-right:10px!important; }
.card .card-option {float:left; margin-top:12px; *margin-top:8px; margin-right:2px;}