@charset "UTF-8";
html,body {
	height: 100%;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #dcd9cb;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
}
img {
	border: 0;
}
.oneColFixCtrHdr #container {
	width: 883px;
	background: #1c1406;
	margin: 0 auto;
	text-align: left; 
	margin-top: 0;
	border: 1px solid #dcd9cb;
	height: 99%;
}
.oneColFixCtrHdr #header, .oneColFixCtrHdr #subheader {
	background: #DDDDDD; 
	padding: 0;  
	height: 241px;
}
.oneColFixCtrHdr #subheader {
	background: #DDDDDD; 
	padding: 0; 
	height: 158px;
}
#header img, #subheader img {
	float: left;
}

/*<NAVIGATION AREAS -------------------------------------------------------------*/

#nav {
	background: url(images/navigation.jpg) top left no-repeat;
	padding: 0;
	margin: 0;
	width: 490px;
	height: 91px;
	overflow: hidden;
	float: left;
}
#nav li {
	display: inline;
	list-style-type: none;
	float: left;
}
#nav a{
	text-indent: -1000em;
	display: block;
	height: 91px;
}

#navhome {width: 77px;}
#navproducts {width: 101px;}
#navquote {width: 76px;}
#navclients {width: 78px;}
#navabout {width: 79px;}
#navcontact {width: 79px;}

#navhome a:hover {background:url(images/navigation.jpg) 0px -91px no-repeat; }
#navproducts a:hover {background:url(images/navigation.jpg) -77px -91px no-repeat; }
#navquote a:hover {background:url(images/navigation.jpg) -178px -91px no-repeat; }
#navclients a:hover {background:url(images/navigation.jpg) -254px -91px no-repeat; }
#navabout a:hover {background:url(images/navigation.jpg) -332px -91px no-repeat; }
#navcontact a:hover {background:url(images/navigation.jpg) -411px -91px no-repeat; }

#productsnav {
	width: 200px;
	float: left;
	padding-left: 15px;
}
#productsnav a, #productsnav a:visited {
	text-decoration: none;
	color: #333;
}
#productsnav a:hover {
	text-decoration: underline;
	color: #333;
}
#mensnav {
	padding: 0;
	margin: 0;
}
#mensnav li {
	list-style-type: none;
	margin-left: 10px;
}
#womensnav {
	padding: 0;
	margin: 0;
}
#womensnav li {
	list-style-type: none;
	margin-left: 10px;
}

#footernav {
	background: #251307;
	color: #666652;
	height: 2em;
	margin: 0;
	padding: 0;
	padding-top: .5em;
}
#footernav ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footernav li {
	display: inline;
}
#footernav a, #footernav a:visited {
	color: #666652;
	text-decoration: none;
	margin-right: .5em;
	padding-right: .5em;
	border-right: 1px solid #666652;
}
#footernav a:hover {
	text-decoration: underline;
}
#footernav .last a, #footernav .last a:visited {
	border-right: 0;
}

/*------------------------------ form styles ---------------------------------------*/

#mainform a{color:#0033CC;}
#mainform h1, h2, p, form{
	border:0px; 
	margin:0px; 
	padding:0px;
}
input {
	width: 250px;
}
input.radio, input.checkbox, input.submit, input.clear {
	width: auto;
}
input.text {	
	width: 250px;
}
input.small {
	width: 50px;
}
textarea {
	width: 300px;
	margin-top: .5em;
}
.logosize {
	background-color: #999;
	color: #000;
}
label {
	float: left;
	margin-right: 2em;
}
label.contact {
	text-align: right;
	width: 150px;
	display: block;
}
label.size {
	text-align: right;
	width: 100px;
	display: block;
}
label.colors {
	text-align: right;
	width: 180px;
	display: block;
}
label.top {
	display: block;
	float: none;
	margin-bottom: .5em;
}
label.check {
	color: #000;
}
#mainform h2{	color:#666666; 
	margin-bottom: 1em;
	font-size: 1.2em;
}
form#formcontact {
	margin: 0 auto;
	width: 600px;
}
#formwrap {
	padding: 1em 0;
}
#formwrap h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
#formwrap p {padding-bottom:14px;}

fieldset {
	background: #999;
	margin-bottom: 1em;
}
legend {
	font-size: 1.2em;
	color: #fff;
	line-height: 1.4;
	background:  #521B04;
	padding: 0.2em .5em;
	margin-left: 0.5em;
}
.addorder {
	text-align: center;
}
.fieldtoppad {
	margin: 0;
	padding: 0;
	padding-top: 1em;
	margin-bottom: 1em;
}
.addorder a, .addorder a:visited {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	background-color: #666;
	border: 1px solid black;
}
.addorder a:hover {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	background-color: #333;
	border: 1px solid black;
	margin-top: 1em;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
#printlocation {
	margin: 20px 0;
}
#order1 p, #order2 p, #order3 p, #order4 p, #order5 p {
	text-align: center;
	margin: 0 auto;
}
/*display labels inline with checkboxes */
#printlocation label, #printingtype label, #logosize label, #order2 label, #order3 label, #order4 label, #order5 label {
	float: none;
	display: inline;
	padding-left: 5px;
}
/* align columns of checkboxes or radio buttons */
div.group1, div.group2, div.group3 {
	float: left;
	width: 13em;
	padding-left: 10px;
}
div.size1 {
	float: left;
	width: 180px;
	margin-left: 90px;
}
div.size2 {
	float: left;
	width: 180px;
}

/*-----------------------------------------------------------------------------------*/

#productbox {
	width: 654px;
	background: url(images/prod-details-top.gif) top left no-repeat #FFFFFF;
	position: relative;
	float: left;
	margin-bottom: 20px;
}
#productboxbottom {
	background: url(images/prod-details-bottom.gif) bottom left no-repeat #FFFFFF;
	width: 654px;
	height: 10px;
	display: block;
	clear: both;
}
#colorchips {
	width: 350px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-left: 10px;
	display: block;
	float: left;
}
#mensnavhead {
	background: url(images/mensnavheader.gif) no-repeat;
	width: 104px;
	height: 32px;
	padding-bottom: 10px;
}
#womensnavhead {
	background: url(images/womensnavheader.gif) no-repeat;
	width: 126px;
	height: 37px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.prodcat {
	font-weight: bold;
	font-size: 110%;
	text-indent: -5px;
	padding-top: 5px;
}
.womeninfo {
	font-size: 80%;
	text-indent: -5px;
	padding-top: 0;
	padding-bottom: 5px;
}

#infocolumn {
	width: 408px;
	height: 250px;
	float: left;
	padding-bottom: 0;
}
.infoimg {
	padding-left: 18px;
	padding-right: 51px;
}
#welcomecolumn {
	float: left;
	width: 455px;
	font-size: 75%;
	background: url(images/home-welcomebottom.gif) bottom left no-repeat #251307;
	color: #ACA99F;
	margin-bottom: 0;
}
.oneColFixCtrHdr #welcomecolumn p.first {
	padding-top: 0;
	padding-bottom: 1em;
	margin: 0;
}
.oneColFixCtrHdr #welcomecolumn p {
	padding: 0 15px 1em 15px;
}
#welcomecolumn h1{
	margin: 0;
	padding: 0;
	width: 455px;
	height: 39px;
	background:url(images/home-welcometop.gif) top left no-repeat;
}
#welcomecolumn h2{
	margin: 0;
	padding: 0;
	width: 455px;
	height: 39px;
	background:url(images/contact-top.gif) top left no-repeat;
}
#welcomecolumn a, #welcomecolumn a:visited {
	color: #ACA99F;
}
#welcomecolumn a:hover {
	text-decoration: none;
}
#homebottom {
	background: url(images/home-bottom.jpg) no-repeat;
	width: 772px;
	height: 88px;
	margin-left: 20px;
	float: left;
}
.oneColFixCtrHdr #header img {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #000000;
	overflow: auto;
	margin: 0;
	float: left;
	width: 882px;
}
.oneColFixCtrHdr #submainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #f0efe8;
	overflow: auto;
	margin: 0;
	float: left;
	width: 883px;
}
.oneColFixCtrHdr #submainContent p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.oneColFixCtrHdr #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	clear: both;
	text-align: center;
	font-size: 70%;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 7px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.footer1 {
	background: #2f1809;
	color: #666652;
}
.footer2, .footer2 a, .footer2 a:visited {
	background: #666652;
	color: #2f1809;
}
.move 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden; 
} 
.highlight {
	color: #FFFF00;
}
#clientsheader h1, #pricequoteheader h1, #productsheader h1, #aboutusheader h1 {
	height: 56px;
	width: 279px;
	float: left;
	padding: 0;
	margin: 0;
}
#productsheader h1 {
	background: url(images/products-header.jpg);
}
#pricequoteheader h1 {
	background: url(images/pricequote-header.jpg);
}
#clientsheader h1 {
	background: url(images/clients-header.jpg);
}
#aboutusheader h1 {
	background: url(images/aboutus-header.jpg);
}
#productsheader {
	width: 883px;
	height: 56px;
}
#productsheader img {
	float: left;
}
#productsmain {
	padding: 0;
	text-align: left;
	font-size: 70%;
	position: relative;
	float: left;
	width: 882px;
}
#productsmain a, #productsmain a:visited {
	color: #333333;
	text-decoration: none;
}
#productsmain a:hover {
	color: #333333;
	text-decoration: underline;
}
#productdetailsmain {
	padding: 10px 0;
	text-align: left;
	font-size: 70%;
}
#prod1 {
	background: #fff;
	padding: 10px;
}
#productdetails {
	padding: 20px;
	float: left;
	width: 240px;
}
#pricequotemain {
	padding: 10px 20px;
	text-align: left;
	font-size: .75em;
}
#aboutusmain {
	padding: 10px 20px;
	text-align: left;
	font-size: .75em;
	line-height: 1.5em;
}
#clientsmain {
	padding: 10px 50px;
	text-align: center;
	font-size: .75em;
	line-height: 1.3em;
}
#clients1 {
	width: 250px;
	float: left;
}
#clients2 {
	width: 250px;
	float: left;
}
#clients3 {
	width: 250px;
	float: left;
}
#clients1, #clients2, #clients3 {
	padding-bottom: 1em;
}
#mensts {
	width: 883px;
}
#womens {
	width: 878px;
	padding-left: 5px;
	margin-bottom: 15px;
}
#menshoodies {
	margin-left: 110px;
	width: 750px;
}
#mensts, #menshoodies, #womens {
	overflow: auto;
	clear: both;
	padding-bottom: 0px;
}
#womens div, #mensts div, #menshoodies div {
	float: left;
}
#mensts p, #menshoodies p, #womens p {
	margin: 0;
	margin-top: .5em;
	padding: 0;
	text-align: center;
}
.smallshirts {
	text-align: center;
	width: 128px;
}
.shirts {
	text-align: center;
	width: 153px;
}
.oneColFixCtrHdr #productsmain p {
	margin: .5em 0;
	padding: 0;
}
#productdetails p {
	margin-bottom: 1em;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
italic {
	font-style: italic;
}