﻿body
{
	background: #204571;
	padding: 0;
	margin: 0;
	font-size: 13px;
	font-family: Arial, Sans-Serif;
}

/* reset */
h1, h2, h3, h4, h5, h6, p, fieldset { margin: 0; padding: 0; }
a img { border-width: 0; }

/* buttons */
a.button
{
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

a.button:hover { background-position: 0 -31px; }

a.sendFriend { width:326px; background-image: url(../../Images/Superfan/btn_sendFriend.gif); }
a.sendNow { width:211px; background-image: url(../../Images/Superfan/btn_sendNow.gif); }
a.backToVideo { width:211px; background-image: url(../../Images/Superfan/btn_backToVideo.gif); }
a.sendMore { width:211px; background-image: url(../../Images/Superfan/btn_sendMore.gif); }

a { color: #f0d700; text-decoration: none; }
a:hover { text-decoration: underline; }

#pageWrapper
{
	background: transparent url(../../Images/Superfan/bg_pageWrapper_rep.jpg) repeat-y 50% 0;
	margin: 0 auto;
	overflow: auto;
}

#page
{
	margin: 0 auto;
	padding: 23px 0 0 0;
	background: transparent url(../../Images/Superfan/bg_body.jpg) no-repeat scroll 50% 0;
}

#pageContent
{
	margin: 0 auto;
	padding-bottom: 18px;
	background: transparent url(../../Images/Superfan/bg_pageWrapper_bottom.jpg) no-repeat 50% 100%;
}

#content
{
	margin: 0 auto;
	width: 948px;
}

span.logo
{
	width: 948px;
	height: 82px;
	display: block;
	margin-bottom: 4px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../../Images/Superfan/hdr_unitedRaceFanatics.jpg) no-repeat 0 0;
}

ul#navigation
{
	margin:0;
	padding:0;
	width: 948px;
	height: 31px;
	margin-bottom: 4px;
	background: transparent url(../../Images/Superfan/bg_navigation.gif) no-repeat 0 0;
}

div#mainContent
{
	width: 904px;
	min-height: 297px;
	margin-bottom: 4px;
	padding: 22px;
	color: #ffffff;
	background-color: #000000;
	background-position: 0 0;
	background-repeat: no-repeat;
}
*html div#mainContent { height: 297px; }

div.video, div.thanks { background-image: url(../../Images/Superfan/bg_mainContent.jpg); }
div.send 
{ 
	background-image: url(../../Images/Superfan/bg_mainContent_send.jpg); 
}

div.send div#headlineWrapper
{
	width: 520px;
	height: auto;
}
div.send div#headlineWrapper h1 
{
	font-size:24px;
	padding:8px 10px;
}

div#flashWrapper
{
	float: left;
	width: 480px;
	height: 294px;
}

div#flashWrapper object { outline: none; }

div#headlineWrapper
{
	float: right;
	width: 420px;
	height: 294px;
	text-align: center;
}

div.thanks div#headlineWrapper
{
	padding-right: 200px;
	width: 500px;
}

div.thanks div#headlineWrapper a.button { float: left; margin-left: 25px; }

div#headlineWrapper h1 
{ 
	font-size: 34px;
	padding: 14px 10px 14px 10px
}

div#headlineWrapper h2 
{ 
	font-size: 21px;
	color: #f0d700; 
	padding-bottom: 16px;
}

div#mainContent h2 strong { font-size: 30px; }
div#headlineWrapper p {padding-bottom: 16px; }
div#headlineWrapper a.button { margin: 0 auto; margin-top:10px; }

div#secondaryContent
{
	width: 928px;
	min-height: 325px;
	padding: 10px;
	margin-bottom: 4px;
	background: transparent url(../../Images/Superfan/bg_secondaryContent.jpg) no-repeat 0 0;
}
* html div#secondaryContent { height: 325px; }

div#secondaryContent h1 { display: none; }

div#secondaryContent a.button { margin: 0 auto; margin-top: 10px; }

div#calloutWrapper
{
	float: left;
}

div.callout
{
	width: 296px;
	height: 320px;
	margin-right: 10px;
	float: left;
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#calloutWrapper div.one { background-image: url(../../Images/Superfan/bg_callout.gif); }
div#calloutWrapper div.two { background-image: url(../../Images/Superfan/bg_callout2.gif); }
div#calloutWrapper div.three { margin-right: 0; width: 314px; background-image: url(../../Images/Superfan/bg_callout3.gif); }

/* SEND PAGE */
div.myInfo { padding-bottom: 10px; }
div.sendHeader
{
	width: 892px;
	height: 18px;
	padding: 5px 18px;
	background-image: url(../../Images/Superfan/bg_sendHeader.gif);
	color: #ffffff;
}

div.sendHeader h3
{
	font-size:14px;
	float: left;
}

div.sendHeader a
{
	float: right;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;	
}

fieldset.send
{
	border-width: 0;
	width: 928px;
	height: 25px;
	padding: 6px 0 2px 0;
	display: block;
	background-color: #f3f3f3;
}
fieldset.alt { background-color: #cdcdcd; }

fieldset.send label 
{ 
	float: left;
	width: 70px; 
	padding-top: 4px;
	padding-right: 10px; 
	text-align: right; 
	font-size: 11px; 
	color: #000000; 
}
fieldset.send label.email { width: 60px; }

fieldset.send input.text
{
	float: left;
	width: 200px;
	border: solid 1px #c4c3c3;
}
fieldset.send input.email { width: 270px; }
fieldset.send input.error { border: solid 1px red; }

div#sendToFriendWrapper
{
	height: 132px;
	overflow: hidden;
	position: relative;
}

div#sendToFriendFields {position: relative; top: 0; }

.validationSummary
{
	margin: 10px auto 0 auto;
	text-align: center;
	width: 600px;
	color: Red;
}

.validation-error {display: none; }

div#footer
{
	margin: 0 auto;
	width: 948px;
	padding-bottom: 30px;
	text-align: center;
	color: #93a5ba;
	font-size: 10px;
}
