body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #CC6600;
}

/* Main containers */
#container{
	width: 985px;
	margin: 0 auto;
}
#contents{
	float: left;
	width: 765px;
	margin-right: 10px;
	display: inline;
}
#sidebar{
	float: left;
	width: 175px;
	padding: 0 10px;
	display: inline;
}
#footer-wrap{
	text-align: center;
	clear: both;
}
.required{
	color: #c00;
}

a.question{
	padding-right: 14px;
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 1.5;
	background-image: url(graphics/question-small.png);
	background-image: url(graphics/question-frame.png);	
	background-image: url(graphics/question-balloon.png);	
	padding-right: 18px;
	line-height 18px;
}
form .question, 
form em,
#pledgereview em,
.review em{
	font-size: 11px;
	color: #555;
	margin-left: 2px;
}
label .question{
	font-size: 13px;
}
.heading{
	font-weight: bold;
	font-size: 110%;
}
form .error label{
	color: #900;
	font-weight: bold;
}
p.error{
	margin-top: 0;
	margin-bottom: 0.5em;
}
p.error,
span.error,
p.error a{
	color: #a00 !important;
}

/* ~~~~~~~ Form Styles ~~~~~~~ */
form#pledgeform 
#pledgereview {
	display: block;
	margin: 0px 0 2em 0;
	padding: 0.5em 0 0 0;
	border-top:  6px  solid  #eed;
}
form h3{
	margin: 0 0 0.5em 0;
	font-size: 110%;
}
fieldset{
	padding: 0.75em 0 0.5em 0;
	margin: 0;
	border: 0;
}
fieldset,
form .top,
form #britcom-offer,
#membercard{
	border-bottom:  6px  solid  #eed;
}
form input{
	font-size: 13px;
}
form select{
	font-size: 12px;
}
#pledge-amount input{
	font-weight: bold;
	font-size: 14px;
}
legend{
	color: #666;
	font-weight: bold;
	margin: 0;
	padding: 0;	
	font-size: 120%;
	display: none;
}
legend.showme{
	display: inherit;
}
form div,
#pledgereview div{
	clear: left;
	padding-bottom: 5px;
}
form div.input{
	position: relative;
	padding-left: 170px;
	float: left;
	width: 585px;
	_width: 755px; /* hack for IE, because I am desperate */
}

/* labels */
form .input label {
	display: block;
	text-align: right;
	width: 160px;
	position: relative;
	left: -170px;
	margin-right: -170px;
	float: left;
	padding-bottom: 2px;
	color: #333;
}
form .input label em{
	display: block;
	font-weight: normal;
}
form .input label.block{
	width: 735px;
	text-align: left;
}
form .input label.inline{
	display: inline;
	position: static;
	left: 0;
	margin: 0;
	float: none;
	width: auto;
	color: #000;
	font-weight: normal;
}

/* checklist */
form ul.choices{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
form ul.choices li{
	display: inline;
}
form ul.choices li.block{
	display: block;
}

/* other offers: britcom, kids club, membercard */
form div.offer{
	padding: 0.5em 170px 0 0;
	min-height: 90px;
}
form div.offer p{
	margin: 0 0 0.25em 0;
}
form div.offer div.input{
	width: auto;
	padding-left: 30px;
	float: none;
}
form div.offer .input label.inline{
	font-weight: bold;
}
form #britcom-offer{
	background: url(graphics/logo_britcom.gif) no-repeat 100% 0;
	padding-top: 0;
	padding-bottom: 0.5em;
	height: 100px;
}
form #kidsclub-offer,
div#kidsclub-offer{
	background: url(graphics/IPTVKidsClub_logo.gif) no-repeat 100% 1em;
}
.kids li{
	margin-bottom: 0.5em;
}
#other-offers .review{
	margin-bottom: 0.5em;
}

/* submit button */
form .for-submit{
	clear: both;
	text-align: right;
	padding-top: 1em;
}
button, .button {
	background-image: url(graphics/bkg_E2E4EE_grad.gif);
	color: #000066;
	color: #000;
	font-size: 110%;
	border: thin outset #000033;
}
.button{
	font-weight: bold;
}

/* random styles */
.hidden{
	display: none;
}
.right{
	float: right;
	margin: 0 0 10px 10px;
}
.center{
	text-align: center;
}

/* sustaining member box */
#sustaining {
	margin: 0.5em 0;
	padding: 5px;
	background-color: #F0F0F0;
	border: 5px solid #CCCCCC;
	font-size: 90%;
}
#sustaining p{
	margin: 0;
}
#sustaining h4 {
	text-align: center;
}

/* pledge totals */
#pledge-totals dl{
	margin: 0;
	float: right;
	width: 187px;
}
#pledge-totals dt{
	float: left;
	width: 140px;
	text-align: right;
	margin-right: 7px;
}
#pledge-totals dd{
	float: left;
	margin: 0;
	width: 35px;
}
#pledge-totals dt.total,
#pledge-totals dd.total{
	font-weight: bold;
	padding-top: 1px;
	border-top: 1px solid #ccc;
}

/* ~~~~~~~ Verisign Include Styles ~~~~~~~ */
#verisign {
	text-align: left;
	padding: 10px 0 5px 0;
	font-size: 11px;
	color: 878787;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#verisign a:link {
	color: #666666;
	text-decoration: none;
}
#verisign a:visited {
	color: #666666;
	text-decoration: none;
}
#verisign a:hover {
	color: #CC6600;
	text-decoration: underline;
}
#footer {
	display: block;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 10px 0 0 0;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	text-align: left;
}
#footer p {
	margin: 8px 0px 0px 0px;
}