html {
	margin:0px;
	padding: 0px;
}

body { behavior:url("csshover2.htc"); }

body {
	_position: relative; /* ///// this fixes a png bg issue     /////////////*/
	_z-index:0;/* ///// this fixes a png bg issue     /////////////*/
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	background-image: url(../images/sp2oh_bg.jpg);
	background-repeat: repeat-x;
}

form {
	padding: 0px;
	margin: 0px;
}

html div {
	border: 0px solid #CCFF00; /* for testing */
}

.clearboth {
	clear: both; 
}

#main {
	width: 780px;
	margin: 0px auto;
	padding: 0px;
	min-height: 800px;
	_height: 800px;
}

#header {
	width: 776px;
	height: 103px;
	min-height: 103px;
	margin: 0px auto;
	background-color:#ffffff;
	padding: 0px 10px 0px 10px;
}

#header #textblock {
	width: 756px;
	height: 90px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color:#FF0000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header_bg_gradient.png', sizingMethod='scale');
	display:block;
}

head:first-child+body #header #textblock{ /*The Owen Hack, hides this from ie*/
  background-image: url(../images/header_bg_gradient.png);
  background-repeat: repeat-x;
}

#header {
	display:none;
}

#orgname {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size: 32px;
	/*line-height: 30px;*/
	/*text-transform: uppercase;*/
	width: 600px;
	overflow:hidden;
	display:block;
	color:#ffffff;
	position:relative;
	z-index: 76;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	top:12px;
	left:10px;
	border:0px solid #CC3333;
}

.smoothbox { 
	float:left;
	position: relative;
}


/* this sets the middle content height of the box */
.gutter, 
.content_one, 
.gutter_left, 
.gutter_right {
	min-height: 103px;
	_height: 103px; /* this is a hack for IE... it will expand to content */
	border: 0px solid #00FF66;
}



/* this sets the middle content width */
.centercol, 
.content_one, 
.interior_corners {
	min-width:460px; 
	width:460px;
}


#headerbox .centercol, 
#headerbox .content_one, 
#headerbox .interior_corners {
	min-width:700px; 
	width:700px;	
}

#headerbox .gutter, 
#headerbox .content_one, 
#headerbox .gutter_left, 
#headerbox .gutter_right {
	min-height: 63px;
	_height: 63px; /* this is a hack for IE... it will expand to content */
	border: 0px solid #00FF66;
}

#headerbox .content_one {
	background-color:#2877d0;
}

#box1 {
	width: 520px;
}

#box1 .centercol, 
#box1 .content_one, 
#box1 .interior_corners {
	min-width:460px; 
	width:460px;
}

#box2, #box3 {
	width: 255px;
	margin: 0px;
	padding: 0px;
}

#box2 .centercol, 
#box2 .content_one, 
#box2 .interior_corners {
	min-width:180px; 
	width:180px;
}

#box3 .centercol, 
#box3 .content_one, 
#box3 .interior_corners {
	min-width:180px; 
	width:180px;
}

#box4 .centercol, 
#box4 .content_one, 
#box4 .interior_corners {
	min-width:700px; 
	width:700px;
}

#box5 .centercol, 
#box5 .content_one, 
#box5 .interior_corners {
	min-width:700px; 
	width:700px;
}

#box6 .centercol, 
#box6 .content_one, 
#box6 .interior_corners {
	min-width:700px; 
	width:700px;
}

#box7 .centercol, 
#box7 .content_one, 
#box7 .interior_corners {
	min-width:700px; 
	width:700px;
}

.corner {
	width:30px; 
	height:30px;
	display: block; 
	float: left; 
}

.lt { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner_lt.png', sizingMethod='scale');
	clear:left;	
}

head:first-child+body .lt {
	background-image:url(../images/corner_lt.png);
	background-repeat:no-repeat;
}

.rt { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner_rt.png', sizingMethod='scale');	
	clear: right;
}

head:first-child+body .rt {
	background-image:url(../images/corner_rt.png); 
	background-repeat:no-repeat;
}

.lb { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner_lb.png', sizingMethod='scale');
	clear: left;	
}

head:first-child+body .lb {
	background-image:url(../images/corner_lb.png);
	background-repeat:no-repeat;
}

.rb { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner_rb.png', sizingMethod='scale');	
	clear:right;
}

head:first-child+body .rb {
	background-image:url(../images/corner_rb.png);
	background-repeat:no-repeat;
}


.gutter {
	overflow:hidden; 
	float: left; 
	clear:left; 
	width:30px; 
	min-width: 30px;

}

.gutter_left {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gutter_left.png', sizingMethod='scale');	
}

.gutter_right {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gutter_right.png', sizingMethod='scale');	
	clear:right;
}


.gutterc {
	overflow: hidden; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gutter_top.png', sizingMethod='scale');
	height: 30px;
}

.centercol {
	float: left; 
	display: block;
}

.guttercb {
	overflow:hidden;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gutter_bottom.png', sizingMethod='scale');
	height:30px;
	min-height:30px;
	background-position: bottom;

}

.content_one {
	float:left;
	background-color:#CEE7FF; 
	border-left: 0px solid #ffffff;
	background-image: none; 
	display:block;
	_z-index:1;
}

#box1_content {
	min-height: 103px;
	_height:604px;
}


#headerbox .content_one {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header_bg_gradient.png', sizingMethod='scale');
}

head:first-child+body .content_one{ /*The Owen Hack, hides this from ie*/
	background-image:url(../images/box_bg_gradient.png);
	background-repeat:repeat-x; 
	background-position: 0px 80px;
}

head:first-child+body #headerbox .content_one {
	background-image:url(../images/header_bg_gradient2.png);
	background-repeat:repeat-x; 
	background-position: top;
}


.gutter_interior_corner_l {
	overflow:hidden; 
	height: 20px; 
	float: left; 
	clear:left; 
	width:30px; 
	min-width: 30px; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gutter_left.png', sizingMethod='scale');
}



head:first-child+body .gutter_interior_corner_l {
	background-image:url(../images/gutter_left.png);
	background-repeat:repeat-y;	
}

.gutter_interior_corner_r {
	overflow:hidden; 
	height: 20px; 
	float: left; 
	clear: right; 
	width:30px; 
	min-width: 30px; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/gutter_right.png', sizingMethod='scale');
}

head:first-child+body .gutter_interior_corner_r {
	background-image:url(../images/gutter_right.png);
	background-repeat:repeat-y;	
	clear:right;
}

.interior_corners {
	padding: 0px; 
	margin: 0px; 
	height: 20px; 
	min-height:20px; 
	float:left; 
	background-color:#CEE7FF; 
	display:block;
}

#headerbox .interior_corners {
	background-color:#2877d0;
}

.interior_left {
	float:left;
	height: 20px;
	width: 20px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner_interior_lb.png',sizingMethod='scale');
}

.interior_right {
	float:right;
	height: 20px;
	width: 20px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner_interior_rb.png',sizingMethod='scale');
}

head:first-child+body .interior_left {
	background-image:url(../images/corner_interior_lb.png);
	background-repeat:no-repeat;
}

head:first-child+body .interior_right {
	background-image:url(../images/corner_interior_rb.png);
	background-repeat:no-repeat;
}

head:first-child+body .gutter_left{
	background-image:url(../images/gutter_left.png);
	background-repeat:repeat-y;
}

head:first-child+body .gutter_right {
	background-image:url(../images/gutter_right.png); 
	background-repeat:repeat-y;
}

head:first-child+body .gutterc {
	background-image:url(../images/gutter_top.png); 
	background-repeat: repeat-x; 
}

head:first-child+body .guttercb  {
	background-image:url(../images/gutter_bottom.png); 
	background-repeat: repeat-x; 
}


.content_one p {
	margin: 0px;
	padding: 0px;
}

.stepheader {
	width:100%;
	height: 80px;
	margin: 0px 0px 10px 0px; 
	padding: 10p 0px 0px 0px;
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:35px;
	color:#262626;
	display:block;
	background-color:#ffffff;
}

.stepheadertext{
	display: block;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	height: 50px;
	position: relative;
}

.badge {
	margin: 0px 15px 0px 8px;
	padding: 17px 0px 0px 0px;
	line-height: 12px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	width:59px;
	height:65px;
	position: relative;
	float:left;
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/step_badge.png',sizingMethod='crop');
}

head:first-child+body .badge {
	background-image:url(../images/step_badge.png); 
	background-repeat: no-repeat;
	background-position: 1px 0px; 
}

.stepnum {
	font-size: 42px;
	font-weight: none;
	color:#333333;
	line-height: 22px;
	padding: 0px 0px;
	margin: 0px 0px 0px -3px;
	width: 100%;
	text-align:center;
}

.spacerbox {
	height: 20px;
	display:block;
	clear:both;
}


#spacer1 .content_one {
	min-width:700px; 
	width:700px;	
}

#spacer1 .gutter, 
#spacer1 .content_one, 
#spacer1 .gutter_left, 
#spacer1 .gutter_right {
	min-height: 20px;
	_height: 20px; /* this is a hack for IE... it will expand to content */
	border: 0px solid #00FF66;
	position: relative;
}

#marker1, #marker2 {
	display: none;
	margin: 0px;
	padding: 0px;
	height: 33px;
	width: 33px;
	position:absolute;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/indicator_off.png',sizingMethod='crop');	
}

head:first-child+body #marker1, head:first-child+body #marker2 {
	background-image:url(../images/indicator_off.png); 
	background-repeat: no-repeat;
}

#marker1 {
	top: 20px;
	left: -18px;
}

#marker2 {
	top: 20px;
	left: -18px;
}



#box2 .content_one {
	background-position: 0px 0px;
	background-color:#ffebde;
}



#box2 .interior_corners {
	background-color:#ffebde;
}


#box3 .content_one {
	background-position: 0px 0px;
	background-color:#c1c1c1;
}

#box3 .interior_corners {
	background-color:#c1c1c1;
}

#box2 .icon {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 94px;
	width: 97px;
	position: absolute;
	z-index: 45;
	float: right;
	clear: none;
	top: 10px;
	left: 8px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_lock.png',sizingMethod='crop');	
}

head:first-child+body #box2 .icon {
	background-image:url(../images/icon_lock.png); 
	background-repeat: no-repeat;
}

#box2 .content_one h2 {
	padding: 0px 4px 7px 0px;
	margin: 0px 6px 0px 71px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height: 17px;
	color:#FF9966;
	border-bottom: 1px solid #FF9966;
	letter-spacing:-1px;
}

#box2 .content_one p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 6px 0px 0px 0px;
	margin-left: 0px;
	padding: 8px 12px 0px 16px;
	font-size:11px;
	line-height: 13px;
	color:#FF9966;
	letter-spacing:-1px;
}

#box3 .icon {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 94px;
	width: 97px;
	position: absolute;
	z-index: 45;
	float: right;
	clear: none;
	top: 10px;
	left: 8px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/icon_thanks.png',sizingMethod='crop');	
}

head:first-child+body #box3 .icon {
	background-image:url(../images/icon_thanks.png); 
	background-repeat: no-repeat;
}

#box3 .content_one h2 {
	padding: 0px 4px 7px 0px;
	margin: 0px 6px 0px 71px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height: 17px;
	color:#787878;
	border-bottom: 1px solid #787878;
	letter-spacing:-1px;
}

#box3 .content_one p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 6px 0px 0px 0px;
	margin-left: 0px;
	padding: 8px 12px 0px 16px;
	font-size:11px;
	line-height: 13px;
	color:#787878;
	letter-spacing:-1px;	
}

select {
	border: 1px solid #999999;
	background-color:#ffffff;
	width: 308px;
	margin: 3px 0px 8px 0px;
	color:#666666;
}

select > option {
	color:#3366FF;
}

#box4 select {
	width: 145px;
}

.producttype{
	display: block;
	width: 140px;
	float:left;
}


.product_image {
	position: relative;
	float:left;
	width: 79px;
	height: 94px;
	overflow:hidden;
	background:no-repeat url(../images/samfordtshirt.jpg) -20px -40px;
	margin: 3px 6px 8px 0px;
	padding: 0px;
}

.product_image_overlay {
	width: 79px;
	height: 94px;
	background:no-repeat url(../images/product_image_overlay.png);
	_background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/product_image_overlay.png', sizingMethod='crop');	
}

h3.description {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	background-color:#DDEEFF;
	font-weight: bold;
	color: #1391ff;
	width: 210px;
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 5px 8px;	
}	


#box1 p.description {
	background-color:#DDEEFF;
	margin: 5px 0px 0px 0px;
	padding: 2px 5px 5px 8px;
	color:#666666;
	font-size: 11px;
	line-height: 13px;
	position: relative;
	display: block;
	width: 210px;
	float:left;
	min-height:49px;
	_height: 49px;
}


#productoptions {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display:block;
	position:relative;
	z-index:93;
	clear:both;
}

.quantityrow 
{
	width: 307px;
	clear:both;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 0px 0px;
	clear:both;
	min-height: 25px;
	height: 42px;
	display:block;
	border:0px solid #00FF33;
	overflow:hidden;
}	

.initrow {
	background-color:#FFFFCC;
}


.altrow {
	background-color:#FFFF99;
}

.quantityrow .description {
	float:left;
	clear:left;
	display:block;
	width: 223px;
	background:none;
	border: 0px solid #0033FF;
	font-size: 10px;
	color:#666666;
	line-height: 12px;
	margin: 2px 5px 0px 0px;
	padding: 5px 10px 0px 10px;
	border-right: 5px solid #ffffff;
	min-height: 45px;
	_height: 45px;
}

.quantityrow .quantity {
	display:block;
	width: 80px;
	margin:0px;
	padding: 5px 0px 5px 5px;
	float:left;
	clear:right;
	text-align:center;
	background:none;
	width:30px;
}

.quantityrow .quantity p {
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 8px;
	line-height: 8px;
	padding: 0px 0px;
	margin: 0px 0px 3px 0px;
	text-align:center;
}

.quantityrow .quantity input {
	border:1px solid #999999;
	background-color:#ffffff;
	width: 38px;
}

#box4 .inside, 
#box5 .inside {
	margin-top: -6px;
	padding-top: 0px;
}

#box4 .inside label {
	margin: 3px 0px;
	padding: 0px;
	color:#666666;
	width: 240px;
	clear:right;
	float:left;
	font-size:10px;
}

#box4 .inside label strong {
	color:#0099FF;
	font-weight: normal;
}

#box4 .inside input {
	clear:both;
	width: 220px;
}

#box4_content p, 
#box7_content p {
	display: block;
	float:right;
	clear:left;
	position: relative;
	padding: 20px 30px 20px 20px;
	font-size: 11px;
	line-height: 18px;
	color:#666666;
}

#box7_content p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 260px;
	padding: 0px 40px 0px 0px;
	clear:none;
}

#box4_content p strong, 
#box7_content p strong {
	font-family:Georgia, "Times New Roman", Times, serif;
	background:no-repeat url(../images/blast_bullet.gif) -1px 0px;
	font-size: 16px;
	line-height: 22px;
	padding: 0px 0px 0px 18px;
	margin: 0px;
	color:#1391ff;
}

#box4_content p a, 
#box4_content p a:visited,
#box7_content p a, 
#box7_content p a:visited {
	color:#1391ff;
	text-decoration: none;
}

#box4_content p a:hover, 
#box4_content p a:visited:hover,
#box7_content p a:hover, 
#box7_content p a:visited:hover {
	color:#1391ff;
	text-decoration: underline;
}

#box5 .selectwrapper {
	float:left;
	margin-right: 8px;
	clear:none;
}

#box5 select {
	width: 85px;
}

#box5 .inside label {
	margin: 3px 0px;
	padding: 0px;
	color:#666666;
	width: 240px;
	clear:right;
	float:left;
	font-size:10px;
	border:0px solid #CC6600;
}

#box5 .inside label strong {
	color:#0099FF;
	font-weight: normal;
}

#box5 .inside input {
	/*width: 220px;*/
}

#box5 .inside input.radiobutton {
	width:auto;
	padding: 0px;
	margin: 0px ;
	float:left;
}

#box5 .inside .checkrow {
	padding-top:15px;
	color:#666666;
	width: 240px;
}

#box5 .inside .checkrow p {
	clear:none;
	padding-left: 10px;
	float:left;
	width: 200px;
	text-align: left;
	font-size: 11px;
}

.creditcards {
	width: 300px;
	margin: 0px auto 10px auto;
	clear:none;
}

.certification{
	width: 240px;
	clear:none;
}

.creditcards img
 {
	padding: 2px;
	margin: 5px;
	background-color: #ffffff;
	border: 1px solid #999999;
}

.certification img {
	margin: 5px 30px 0px 3px;
	background-color: #ffffff;
}


#box7 .content_one {
	_height: 256px;
	min-height: 256px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src='images/ie_box_bg_gradient_short.png', sizingMethod='scale');	
}

#box6_content .tcrow {
	margin: 5px 20px 0px 80px;
	_margin-left: 95px;
	padding-top:0px;
	color:#666666;
	width: 540px;
	padding-bottom: 0px;
	clear: right;
    _position: relative;
	_top:0; 
	_left:0; 
	_z-index: 99;
}

#box6_content .tcrow input {
	float:left;
	clear:none;
}

#box6_content .tcrow label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #999999;
	clear:none;
	margin-left: 10px;
	padding-bottom: 10px;
	float:left;
	text-align: left;
	font-size: 11px;
	width: 500px;
}

#box6_content p {
	width: 498px;
	margin: 0px 40px 0px 110px;
	_margin-left: 125px;
	padding: 0px 0px 0px 0px;
	padding-top:10px;
	clear:both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#2b7ad1;
}
.ErrorMessage
{
    font: 10px Verdana, sans-serif;     
    color:Red;
}
#box3 .thanx {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 6px 0px 0px 0px;
	margin-left: 0px;
	padding: 8px 12px 0px 16px;
	font-size:11px;
	line-height: 13px;
	color:#787878;
	letter-spacing:-1px;	
}
#box5 p.total {
	margin-left: 100px;
	margin-bottom: 10px;
	color:#666666;
	font-weight: bold;
}

#box5 p.total strong{
	color:#0075EA;
}


#box4 .inside_NewsLetter
{
	margin-top: -6px;
	padding-top: 0px;	
	padding-left: 15px;
	background-color:#ffffff;
}


#box4 .inside_NewsLetter label {
	margin: 3px 0px;
	padding: 0px;
	color:#666666;	
	clear:right;	
	font-size:10px;
}


#box4 .inside_NewsLetter label strong {
	color:#0099FF;
	font-weight: normal;
}

#box4 .inside_NewsLetter input {
	clear:both;
	width: 20px;
}

#box4 .inside_NewsLetter p
{
	display: block;
	float:right;
	clear:left;
	position: relative;
	padding: 20px 30px 20px 20px;
	font-size: 11px;
	line-height: 18px;
	color:#666666;
}

.testmodetext
{
 	font-size: 18px;
	color:Red;
    padding: 0px 120px 0px 140px;
}


.mobile a span.helpbox, 
.mobile a:visited span.helpbox{
	display:none;
}

.mobile a:hover span.helpbox, 
.mobile a:visited:hover span.helpbox{
	display:block;
	float:right;
	position:absolute;
	display:block;
	margin-left: 150px;
	margin-top: -40px;
	padding: 10px;
	clear:none;
	z-index:456;	
	width:200px;
	background:#ffffff;
	border: 1px solid #2d7ed8;
}