.content {}
.section {border-top:1px solid #daccaa; padding-top:1em;}
.spacer {margin-bottom:20px;}
.underline {border-bottom:1px solid #ccab60; padding-bottom:0.5em;}
.column {overflow:hidden;}

.content .large-title {margin:0 0 0.5em 0; font-size:2em; font-weight:normal; color:#333;}
.content .title, .content H2 {font-size:1.7em; font-weight:normal; margin:0 0 0.4em;}
.content .small-title, .content H3 {font-size:1.5em; font-weight:normal; margin:0 0 0.4em; color:#333;}
.content H4 {font-size:1.3em; font-weight:normal; margin:0 0 0.4em; color:#333;}
#bd .welcome-text .large-title {margin:0.4em 0; font-size:2.4em;}

.content P {margin:0 0 1em 0;}
.content STRONG {font-weight:bold;}
.content EM {font-style:italic;}
.content STRONG EM, .content EM STRONG {font-weight:bold; font-style:italic;}
.content A IMG {display:inline;}

.content .leftquote, .content .rightquote {width:48%; border-top:1px dotted #666; border-bottom:1px dotted #666; padding:10px 0; font-size:1.2em; line-height:1.5; color:#666; font-style:italic;}
.content .leftquote {float:left; clear:left; margin:0 20px 10px 0;}
.content .rightquote {float:right; clear:right; margin:0 0 10px 20px;}

.content .linebreak {clear:both;}

.content UL, .content OL {clear:both;}
.content UL LI, .content OL LI {margin:0.5em 0;}
.content UL LI {padding-left:23px; background:url('/static/site/graphics/friends/bullet.png') no-repeat 10px 5px;}
.content OL LI {margin-left:23px; list-style:decimal;}

.content-right {margin-left:155px;}

.summary {font-size:1.3em; color:#666;}

.image-right {float:right; margin:0 0 10px 10px;}
.image, .image-left {float:left; margin:0 10px 10px 0;}
.image A, .image-right A, .image-left A {display:block; text-decoration:none;}
.content .image IMG, .content .image-right IMG, .content .image-left IMG {display:block; margin:0; padding:0;}
.image EM, .image-right EM, .image-left EM {display:block; margin:0; border-top:1px solid #fff; padding:10px; background:#f4eede; color:#666;}
.image A EM, .image-right A EM, .image-left A EM {color:#ff0000; text-decoration:none;}
.image A:hover EM, .image-right A:hover EM, .image-left A:hover EM {text-decoration:underline;}
.image BR, .image-right BR, .image-left BR {display:none;}

.panel {border:1px solid #d0b16c; margin-bottom: 15px;}
.panel-inner {border:1px solid #fffdf3; padding:8px; background:#fff url('/static/site/graphics/friends/panel-gradient.png') repeat-x 0 0;}
.panel-inner .panel-title {margin:0 0 1em 0; border-bottom:1px solid #d3c094; padding-bottom:0.25em; font-size:1.3em; font-weight:bold; color:#333;}
.panel-short {border:1px solid #d8c69c; margin-bottom: 15px;}
.panel-short .panel-inner {background-image:url('/static/site/graphics/friends/panel-short-gradient.png');}
.panel-short .panel-inner .panel-title {margin-bottom:0; border-bottom:none; padding-bottom:0;}

.ra-magazine img { float: left; margin: 0 10px 10px 0; }

A {color:#cc0000; text-decoration:none;}
A:hover {text-decoration:underline;}
.button {float:right; border:1px solid #b69855;}
.button A {display:block; float:right; text-decoration:none;}
P.read-more, .content P.read-more {margin:0;}

.content TABLE {margin:0 10px 15px 0; _margin:-20px 0 0 0; border-top:1px solid #CCC; width:100%; background:url('../graphics/divider.gif') repeat-x;}
.content CAPTION {vertical-align:top; font-size:131%; font-weight:bold; width:100%; padding:5px 10px 5px 0; background:url('../graphics/divider.gif') repeat-x top left;}
.content TABLE THEAD TR {background:#fbf9f5;}
.content TABLE TBODY {}
.content TABLE TFOOT {background:#fbf9f5;}
.content TR {background:#fbf9f5; border-bottom:1px solid #CCC;}
.content TR.odd {background:#FFF;}
.content TH {vertical-align:top; font-weight:bold; padding:4px;}
.content TD {vertical-align:top; padding:4px 4px 0 4px;}

.forms H1 {font-size:123.1%; font-weight:bold;}
.forms H2 {font-size:108%; font-weight:bold; margin-top:5px; clear:both;}
.forms H3 {font-size:108%; font-weight:bold; margin-top:5px;}
BODY .forms P {margin:1em 0;}
.form-block {border-top:1px dotted #990; margin-top:5px; margin-bottom:20px;}
.form-block H2 {color:#999999;}
.form-block H3 {display:none;}
.form-block P {display:none;}
.form-block DIV {display:none;}
.active H2 {color:black;}
.active H3 {display:block;}
.active P {display:block;}
.active DIV {display:block;}

.inactive P {display:block;}
.inactive INPUT {color:#999999;}


.fields {clear:both; margin:0 0 1em 0;}
.fieldlabel, .postcode-label {float:left; width:200px; text-align:left;}
.fieldlabel-hidden {display:none!important;}

.oo-inline-form P {clear:both;}
.oo-inline-form .fieldcontrol {margin:0 0 1em 0;}

.fieldcontrol {float:left;}
.fieldcontrolsmall {float:left; }
.fieldhelp {float:right; width:20px; height:20px; background:url('help.gif') no-repeat; margin-right:4px;}
.fieldhelp SPAN {display:none;}
.fieldnote {clear:both; width:440px; }
.fielderror {clear:both; font-weight:bold; color:#999999;}
.sub-field {clear:both; border:1px dotted #990; background:#EEEEEE; margin:5px 0px 5px 0px!important;padding:3px;}
.sub-field .fieldhelp {margin-right:0px;}
.fieldcol {float:left; width:220px; }
.fieldcol .fieldlabel {width:80px!important; margin-left:0px; text-align:left; padding-left:0px!important;}
.fieldcol .fieldcontrol {width:120px!important; }
.fieldcol .fieldcontrol  INPUT {width:80px; }
.fieldcheck {float:left;}
.fieldchecklabel {float:left; margin-left:10px;}

#help {display:none; position:absolute; top:0px; left:0px; z-index:99; width:150px; border:1px solid #666666; background:#ffffa0; padding:5px;}
#help P {padding-bottom:5px;}

#password-confirm {display:none;}
#password-error {display:none; color:#990000;}
#your-name {display:none;}
#delivery-address-select-block {display:none;}
#delivery-address-block {display:none;}
#delivery-address-block SELECT {width:440px;}

#card-selector {margin-bottom:2em;}
#card-selector .fieldlabel {float:none;}
#card-selector .card {display:block; float:left; margin-right:10px;}
#card-selector .radio {display:block; border:1px solid transparent;}
#card-selector .checked {border-color:#cc0000;}

#data-protection .fields P {margin:0;}

.payment-card {float:left; margin-left:20px; width:64px; height:40px;}
.maestro {display:block; width:70px; height:35px; background:url('maestro.gif') no-repeat;}
.mastercard {display:block; width:70px; height:35px; background:url('mastercard.gif') no-repeat;}
.visa {display:block; width:70px; height:35px; background:url('visa.gif') no-repeat;}
#login {display:none;}
#billing {display:none;}
.error {background:#e2e279;}
.error .fieldlabel {background:#e2e279;}
#startDate, #expiryDate, #issueNumber {float:left;}
.float-field .fieldlabel {display:block; clear:none!important; float:left; margin-left:10px; margin-right:10px; width:auto; text-align:left;}
#c2v {display:block; float:left;}

INPUT.invalid { border: 2px solid #c30; }

#payment-type-selector {}
#payment-type-selector .fieldcontrol BR {margin:0.3em 0 0 0;}
#payment-type-selector .fieldcontrol {display:block; float:none;}
#payment-type-selector .fieldcontrol STRONG {display:block;}
#payment-type-selector INPUT.radio {display:block; float:left; margin:0.2em 0 0 0;}
#payment-type-selector LABEL {display:block; float:left; padding:0 0 0 1em;}