html, body {
	background:#004990 url(../img/bg.png);
}

img {
	border:0;
}

a{outline:none;}

h2 {
	color:#E60009;
	font-size:18px;
}

h3 {
	height:16px;
}

ol {
	margin:30px;
}

ol li {
	margin:0 0 20px;
}

#container{
	background:white;
}
#header {
	background:#000;
	background:url('../img/bg-header.png');
}

#footer {
	clear: both;
	text-align: right;
}
#shop-champion{
	background:url('../img/bg-footer-top.png') top left repeat-x;
}
#shop-champion a{
	background:url('../img/btn-shop-champion.png') top left no-repeat;
	display:block;
	width:159px;
	height:38px;
	float:right;
	text-indent:-999em;
	text-align:left;
	overflow:hidden;
}
#footer-details{
	background:#010101 url('../img/bg-footer-bottom.png') top left repeat-x;
	overflow:auto;
	width:100%;
	padding:15px 0;
}
#footer-details .nav{
	float:right;
}
#footer-details .nav a,
#footer-details .nav a:visited{
	color:#e51937;
	font:bold 10px Arial, Helvetica, sans;
	padding-right:4px;
	margin-right:8px;
	border-right:1px solid #e51937;
	line-height:1.2;
}
#footer-details .nav a:hover,
#footer-details .nav a:active{
	color:white;
}

li.last a{
	border-right:0 !important;
	padding-right:0 !important;
	margin-right:0 !important;
}
#copyright{
	font:bold 10px Arial, Helvetica, sans;
	color:#666;
}
#head-message-home {
	background:#000 url(../img/head-message-bg-home.png) no-repeat;
	height:451px;
}

#head-message-home p {
	color:#666;
	font-size:16px;
}

#head-message-home h1 {
	height:210px;
	text-indent:-99999px;
	margin:0;
}

#head-message-home a.learn-more {
	display:block;
	width:135px;
	height:14px;
	text-indent:-99999px;
	background:#000 url(../img/learn-more.png) left top no-repeat;
	overflow:hidden;
}

#head-message-home a:hover.learn-more {
	background-position:0 -14px;
}

/* main navigation */
.nav{}
.nav li{
	float:left;
	display:block;
}
.nav li a{
	display:block;
	float:left;
}
#nav-container{
	background:url('../img/bg-nav.png') top left repeat-x;
	width:100%;
	overflow:auto;
	clear:both;
}
#main-nav li a{
	height:39px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../img/nav-sprite.png') top left no-repeat;
}	
li#nav-home a{
	background-position:0 0;
	width:92px;
}
#nav-home.selected a,
#nav-home.selected a:hover{
	background-position:0 -78px;
}
#nav-home a:hover{
	background-position:0 -39px;
}
li#nav-order a{
	background-position:-92px 0px;
	width:150px;
}
#nav-order a:hover{
	background-position:-92px -39px;
}
li#nav-faq a{
	background-position:-242px 0;
	width:84px;
}
#nav-faq a:hover{
	background-position:-242px -39px;
}
li#nav-facebook{
	float:right;
}
li#nav-facebook a{
	background-position:right top;
	width:231px;
}
#nav-facebook a:hover{
	background-position:right -39px;
}

/* Forms */
form label span.req-mark {
	color:#f00;
}
.form-row select{
	font-size:15px;
}
.form-row{
	margin-bottom:20px;
}

.form-row .text label,
.form-row .select label{
	display:block;
	font:bold 14px Arial, Helvetica, sans;
	color:#333;
}
.form-row div.input{
	width:427px;
	float:left;
	margin-right:5px;
}
.form-row select{
	width:413px;
	padding:5px 0;
	font-size:20px;
}
.form-row .text input,
.form-row .password input,
.form-row .select input {
	border:1px solid #333;
	padding:4px 10px;
	width:390px;
	font-size:24px;
}

.city-state-zip div.input{
	width:auto;
}
	#OrderZip{
		width:155px;
	}
	.city-state-zip div.select{
		margin-left:15px;
	}
	#OrderState{
		width:200px;
		margin-right:25px;
	}

#OrderEmail {
	xxbackground:#fff url(../img/at_sign.png) no-repeat right center;
}
.at-symbol{
	float:left;
	width:40px;
	overflow:hidden;
	font:24px Arial, sans;
	padding-top:5px;
	color:#333;
}
.email-name{
	float:left;
}
.email-suffix-wrapper{
	float:left;
	margin-top:10px;
}
.email-suffix{
	float:left;
}
.email select{
	width:auto!important;
}

.colors div.input {
	width:220px;
}

.form-row .total label {
	display:block;
}

#OrderColor1, #OrderColor2 {
	width:200px;
}
#order-details-wrapper {
	background:transparent url(../img/red_shirts.jpg) no-repeat right top;
}

.sizes{}
	.sizes div.input{
		width:130px;
	}
	.sizes input{
		width:50px!important;
	}
	.sizes label{
		margin-bottom:8px;
	}
	.sizes div label{
		display:inline;
		margin:0;
		padding:8px;
	}

#total {
	font-weight:bold;
}
	
.instructions{
	clear:both;
	float:left;
	width:100%;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	color: #e32;
}
p.error em {
	color: #000;
}
p.notice{
	color:#F00;
	font-size:16px;
}
/** flash messages **/

.flash-message,
#flashMessage {
	border: 1px solid;
	margin: 10px 0px;
	padding:10px;
}

#header .flash-message {
	margin:0;
}

.success-flash-message,
.notice-flash-message {
	color: #4f8a10;
	background-color: #dff2bf;
}

#flashMessage,
.warning-flash-message {
	color: #9f6000;
	background-color: #feefb3;
}

.error-flash-message {
	color: #d8000c;
	background-color: #ffbaba;
}


/* faq section */
#faq{
	clear:both;
}
#faq hr{
	border:0;
	border-top:3px solid #333;
	margin:0 0 40px 0;
}
#faq h3{
	font:bold 18px Arial, Helvetica, sans;
	text-transform:uppercase;
	margin-bottom:10px;
}
#faq p{
	font-size:15px;
	color:#333;
	margin-bottom:30px;
}

/* headings */
h2.faq{
	background:url('../img/head-faq.png') top left no-repeat;
	width:576px;
	height:27px;
	text-indent:-999em;
	overflow:hidden;
	margin-bottom:30px;
}
h2.order-now{
	background:url('../img/head-order-now.png') top left no-repeat;
	width:228px;
	height:27px;
	text-indent:-999em;
	overflow:hidden;
	margin-top:40px;
	margin-bottom:10px;
}
h3.contact-details{
	width:214px;
	height:18px;
	background:url('../img/head-contact-details.png') top left no-repeat;
	overflow:hidden;
	text-indent:-999em;
	margin-top:35px;
	margin-bottom:20px;
}
h3.order-details{
	width:214px;
	height:18px;
	background:url('../img/head-order-details.png') top left no-repeat;
	overflow:hidden;
	text-indent:-999em;
	margin-top:35px;
	margin-bottom:5px;
	float:left;
	clear:both;
}
p.description{
	font:16px Arial, Helvetica, sans;
	color:#333;
	clear:both;
}
/* buttons */
.calls-to-action{
	clear:both;
	float:left;
	width:100%;
	margin:40px 0 40px 0;
}
a.order-now{
	display:block;
	background:url('../img/btn-order-now.png') top left no-repeat;
	text-indent:-999em;
	width:220px;
	height:36px;
	overflow:hidden;
}
a.back-to-top{
	display:block;
	background:url('../img/btn-back-to-top.png') top left no-repeat;
	text-indent:-999em;
	width:118px;
	height:13px;
	overflow:hidden;
	float:right;
	margin-top:20px;
}
a:hover.back-to-top{
	background-position:0 -13px;
}
button.place-my-order{
	display:block;
	background:url('../img/btn-place-my-order.png') top left no-repeat;
	text-indent:-999em;
	width:261px;
	height:36px;
	overflow:hidden;
	border:0;
	cursor:pointer;
}

/* thank you */
#thankyou-message {
	height:326px;
	background:transparent url(../img/red_shirts.jpg) no-repeat right top;
}

#thankyou-message .wrapper h1 {
	display:none;
}

#thankyou-message .wrapper {
	height:192px;
	background:transparent url(../img/thankyou_message.png) no-repeat 30px 77px;
	padding-left:150px;
	padding-top:134px;
	width:346px;
}

/* login */
#UserLoginForm {
	width:400px;
	border:10px solid #999;
	margin:100px auto;
	padding:20px;
}

#UserLoginForm label {
	display:block;
	font-weight:bold;
}

#UserLoginForm .text input,
#UserLoginForm .password input {
	font-size:18px;
	padding:2px;
	width:380px;
}

#UserLoginForm .input {
	margin:0 0 20px;
}

#UserLoginForm .submit input {
	font-size:18px;
	padding:0 20px;
}