/* Layout Stylesheet */ 

body {
	margin:20px;
	color: #333333;
	text-align: center;
	padding:0;
	background-color: #360;
	height: 100%;
 }
#outer {
	text-align:left;
	border:2px solid #FFF;
	width:900px;
	margin:0 auto;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	overflow: hidden;
 }

/* header*/

#header{
	height:200px;
	width: 900px;
	background-color:#000;
	margin: 0 auto;
	border-bottom: 13px solid #F00;
	}
 
.left {
	 float: left;
	 margin: 0;
	 padding-top: 30px;
	 padding-left: 100px;
	 width: 180px;
 }  
 
 .right{
	float: right;
	color: #FFF;
	text-transform: uppercase; 
	width: 600px;
	text-align: center;
	height: 200px;
	line-height: 100%;
}
	 /*title bar*/



/*Grey Bar*/

#tagcontent {
	clear: both;
	height: 76px;
	padding: 4px;
	background: url(images/grey_bar.png) repeat-x;
	}
	
.bar {
		text-align: center; 
		font-weight: bolder;
		padding-top: 4px;
	}
	
/* Sweatshirt text*/

#swtext {
	float: right;
	width: 550px;
	font-size: .75em;
	}
	
.size {
	font-size: 1.5em;
	font-weight: bold;
	color: #F00;
	display: block;
}

.size1 {
	font-size: 1em;
	font-weight: bold;
	color: #F00;
}

.size2 {
	font-size: 1em;
	font-weight: bold;
	color: red;
}

.price1 {
	font-size: .75em;
	font-weight: bold;
	color: green;
}

.ssh {
	font-weight: bolder;
	font-size: 2em;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	
/*Sweatshirt pictures*/}
	
#front {
	float: left;
	width: 260px;
	padding-left: 10px;
}

#back {
	float: left;
	width: 600px;
	margin-top: 10px;
}

.backa  {
	padding-left: 70px;
}

#front_text {
	float: left;
	width: 270px;
	background-color: white;
	text-align: center;
}
.title  {
	font-weight: bold;
	display: block;
}

/*Sweatshirt bottom text*/

#text {
	clear: both;
	width: 900px;
	padding-top: 5px;
	background-color: white;
}
	

.backa_text  {
	float: right;
	width: 300px;
	text-align: center;
	padding-bottom: 5px;
}

/*Logo various*/

#logovar  {
	clear: both;
	width: 550px;
	border-top: 4px groove #999;
	border-bottom: 4px groove #999;
	padding: 0px 0px 5px 350px;
	font: 1em Arial, Helvetica, sans-serif;
	}
.hbg {
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	font: bold 1.5em Arial, Helvetica, sans-serif;
	}
	
.access {
	clear: both;
	width: 900px;
	border-width: 0px;

}
.varimage {
	float: left;
	width: 220px;
	height: 135px;
	padding: 10px 39px 0px;
	text-align: center;
	
}

.varimage1 {
	float: left;
	width: 220px;
	height: 135px;
	padding: 10px 39px 0px;
	text-align: center;
	border-left: 3px solid black;
	border-right: 3px solid black;
}

.access {
	clear: both;
	width: 900px;
}
.vartext {
	float: left;
	width: 220px;
	height: auto;
	padding: 0px 39px 5px;
	text-align: center;
	margin-top: 0px;
}
	
	.vartext1 {
	float: left;
	width: 220px;
	height: auto;
	padding: 0px 39px 5px;
	text-align: center;
	margin-top: 0px;
	border-left: 3px solid black;
	border-right: 3px solid black;
	}
	
	
.title  {
	font-weight: bold;
	display: block;
}
/*form*/

#orderform_info  {
	clear: both;
	font-weight: bold;
	text-align: center;
	border-top: 10px solid red;
	border-bottom: 4px groove #999;
	padding-bottom: 10px;
	background: url(images/grey_bar_bottom.png);
	}
	
.title2  {
	text-align: center;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.75em;
	display: block;
	color: red;
	margin-top: 8px;
	margin-bottom: 4px;
	padding-bottom: 0px;
	}
	
.warn   {
	font-size: 1em;
	color: black;
	display: block;
}

.warn2   {
	font-size: 1em;
	color: black;
}
.warn3  {
	font-size: 1.1em;
	color: red;
}

.warn5  {
	color: black;
	display: block;
}

.warn6  {
	font-size: 0.75em;
	color: red;
	font-weight: bold;
	color: #F00;
	text-transform: uppercase;
	margin-top: 4px;
}


.price2 {
	font-size: .75em;
	font-weight: bold;
	color: green;
	margin-top: 4px;
	display:block;
	padding-left: 15px;
	}
	
label, label span{
  display: block;
  padding-bottom: .5em;
	} 
	
label {
  	float: left;
  	width: 100%;
 	 }
label span {
  	float:left;
  	width: 45%;
  	text-align: right;
  	}
	
fieldset input{
  	float:right;
  	width:45%;
  	border: 1px solid black;
  	}
	
fieldset input:hover{
  	border-color: red;
	}
 fieldset input:active, input focus {
	border-color: green;
 	}
	
/* fieldset*/
fieldset {
	float:left;
	width: 680px;
	height: auto;
	background:url(images/background.jpg) repeat-x;
	margin-bottom: 10px;
	padding: 20px;
	padding-right: 200px;
	border: 1px solid #690;
	font-size: iem;
	font-weight: bold;
	overflow:hidden;
}

hr	{
	color: #CCC;
	height: 2px;
}

.small {
	float: left;
	width: 410px;
	height: 370px;
	padding-right: 10px;
	
	}

.smallnumber  {
	float:right;
  	border: 1px solid black;

}

	
.warn4  {
	font-size: .75em;
	text align: left;
	color: black;
}

.warning {
font-size: .75em;
	text align: left;
	font-weight: bolder;
	color: green;
}

.formtitle  {
	font-weight: bold;
	font-size: 1em;
	color: #F00;
	margin-top: 0pxl;
	}

.sub_titles  {
	margin-top: 0px;
	font: bold .85em Arial, Helvetica, sans-serif;
	color: #090;
	display: block;
}

fieldset:hover{
	border-color: red;
	}

/*div*/
form div{
	margin-bottom: 20px;
	padding: 10px;
	border: 0px;
	float:left;
}

.submit   {
	clear: both;
	width: 900px;
	height: auto;
}