html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a, a:hover { 
	color:#D66D00;
	text-decoration: none;
	}

body 
{
	background:#363636 url(images/bgstripe.png) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

/* HEADER */

#header-outer {
	background: transparent url(images/uthd2.jpg) no-repeat center top;
	width:960px;
	height:200px;
	margin:0px auto; 
	position:relative;
	z-index:12;
	}
/*global contact form */

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:368px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(images/Tmail.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:33px; width:150px;
	background:url(images/feedback_sml.png); 
	position:absolute; 
	left:368px; bottom:-31px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work 	*/
#contactForm textarea, #contactForm .input_boxes input{
	width:180px; 
	background:#6d6d6d url(images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px;
	max-width:180px; 
	max-height:115px;
	font-size:11px; 
	margin-top:3px;
	padding:2px 2px 0px;
	}
/* #contactForm input {background-position:0px -20px;} */
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	background:#e5e5e5; 
	color:#4d4d4d; 
	height:32px; width:124px; 
	float:left; 
	margin-top:197px;
	}
#contactForm .submit input
{
	font-weight:bold; 
	text-transform:uppercase;
	width:124px;
	height:32px;
	cursor:pointer;
	border:0; 
}    
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;text-align:left}
#contactForm .input_boxes {float:left; width:204px; font-weight:bold;}
.bottomlink {position:absolute; bottom:0;}

/* Header search box*/

#searchBox { 
float: right;
width: 190px; 
height: 26px; 
margin-bottom: 25px;
}

#ctl00_tbSearchBox
{ 
float:left;
color:#557630;
width:140px; 
height: 16px; 
margin: 4px 0 0 5px; 
font: 12px Arial, Verdana, sans-serif; 
}
#ctl00_btnSearchClick {
background:url("images/searchbtn.gif") no-repeat scroll left top transparent;
border:0 none;
cursor:pointer;
float:left;
height:20px;
margin:4px 0 0 6px;
padding:0;
width:32px;
}

/* Container */
.UTWrapper  {
	background-color:#fff;
	height:100%;
	margin:0 auto;
	min-height:500px;
	text-align:center;
	width:960px
}

/* Top Navigation */
.navBackground {
background: #a5a5a5 url(images/gradbar.gif);
height: 48px;
}

.navigationBanner  {
border-bottom:1px solid #000;
overflow:hidden; 
clear:both;
height:20px;
margin:0 auto;
text-align:center;
width:100%;
}

.navigationBanner #topNav  {
margin:0 auto;
text-align:center;
overflow:hidden; 
width:100%
}

.navigationBanner #topNav ul  {
display:block;
margin-top:2px;
width:100%;
text-align:center;
}

.navigationBanner #topNav li  {
display:inline;
color:#000;
font-size:12px;
font-weight:700;
list-style-type:none;
padding:0 3px;
}

.navigationBanner #topNav li a {
color:#000;
font-size:12px;
font-weight:700;
list-style-type:none;
text-decoration:none;
}

.navigationBanner #topNav li a:hover {
color:#fff;
font-size:12px;
font-weight:700;
list-style-type:none;
text-decoration:none;
}

.cartLoginBanner {
clear:left;
height:27px;
margin:0;
font-size:12px;
text-align:center;
width:960px;
border-bottom:1px solid #a5a5a5;
}

.cartLoginBanner #topCartDiv {
background-color:Transparent;
float:left;
padding:2px 0px 2px 10px;
text-align:left;
width:50%
}

#cartText {
padding:0;
text-decoration:none;
}

.cartLoginBanner #userTopDiv {
background-color:Transparent;
float:left;
height:25px;
padding:0;
text-align:right;
width:48%
}

.cartLoginBanner .topLoginText {
color:#000;
font-size:12px;
padding:5px 0 2px
}

/* Content */
.contentBody {
background: url(images/contentbg.gif) repeat-y;
font-family: Arial, Helvetica, sans-serif;
clear:left;
float:left;
height:100%;
margin:0 auto;
padding:0;
text-align:center;
width:960px
}

/* Left Navigation */
.contentBody .outerLeftHandDiv {
float:left;
height:100%
}

.contentBody .leftHandContent {
clear:both;
float:left;
text-align:center;
width:190px;
height:100%
}

.contentBody .leftHandContent #catalogDiv {
clear:left;
float:left;
font-family: Arial, Helvetica, sans-serif;
margin:10px 0 0 5px;
text-align:center;
width:185px;
min-height:500px;
height:100%;
}

.contentBody .leftHandContent #catalogDiv .snipe { /* The section that hangs out past the #Nav div */
	background: transparent url(images/snipe.png) no-repeat;
	width: 15px;
	height: 37px;
	float: left;
	margin-top:10px;
	margin-left: -15px; /* Pushes the snipe outside of the #Nav div */
}

.contentBody .leftHandContent #catalogDiv .topdept {
background: transparent url(images/topdept.jpg) no-repeat;
width: 160px;
height: 27px;
background-color: #F60;
margin-left: -5px; 
margin-top:10px;
}

.contentBody .leftHandContent #catalogDiv .snipe2 { /* The section that hangs out past the #Nav div */
	background: transparent url('images/snipe.png') no-repeat;
	width: 15px;
	height: 37px;
	float: left;
	margin-left: -15px; /* Pushes the snipe outside of the #Nav div */
}
.contentBody .leftHandContent #catalogDiv .dept {
background: transparent url(images/dept.jpg) no-repeat;
width: 160px;
height: 27px;
background-color: #F60;
margin-left: -5px; 
}

.contentBody .leftHandContent #catalogDiv ul {
margin:5px 10px 30px 10px;
text-align:left
}

.contentBody .leftHandContent #catalogDiv li {
border: 1px dashed #fff; 
border-width: 0 0 1px 0;
line-height:20px;
list-style-type:none
}

.contentBody .leftHandContent #catalogDiv li a {
color:#fff;
font-size:12px;
font-weight:700;
}

.contentBody .leftHandContent #catalogDiv li a:hover {
 color: #000; 
}

/* Main Content */
.contentBody .mainContentArea {
	background-color:#fff;
	float:right;
	height:100%;
	margin:0;
	padding:10px 0;
	min-height:500px;
	text-align:center;
	width:770px
}

.contentBody .mainContentArea #topAdSpace {
	background: transparent url(images/smallad.jpg) no-repeat center top;
	float:left;
	height:50px;
	margin-left:0;
	text-align:center;
	width:700px
}

.contentBody .mainContentArea #largeAdSpace {
	background: transparent url(images/largead.jpg) no-repeat center top;
	float:left;
	height:300px;
	margin-top:10px;
	text-align:center;
	width:700px
}

.contentBody .mainContentArea #catalogSpace {
	float:left;
	height:350px;
	margin:20px 0 0 -10px;
	text-align:center;
	width:700px
}

/* FOOTER */
#footer{
position:relative;
margin:0 auto;
clear:both;
background:#666  url(images/footer-repeat.png) repeat-x top;
width:960px;
border:none
}

#footer .content{
position:relative;
margin:0 auto;
width:960px;
color:#eee;
line-height:20px;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
height:90px
}

#footer .content a{
color:#eee;
border-bottom:1px solid #aaa;
padding-bottom:1px
}

#footer .content a:hover{
border-bottom:1px solid #eee;
padding-bottom:1px
}

#footer .footer_l{
position:absolute;
top:15px;
left:15px
}

#footer .footer_r{
position:absolute;
top:15px;
right:15px;
text-align:right
}
	
#tcsFooterWrapper{
	width: 960px;
	height:20px;
	margin: 0 auto;
	clear:left;
	font-size: 1.1em;
	text-align: center;
	}

/* IMAGE STYLES */
.bw-border {
	border: 1px solid #999999;
	padding: 4px;
	}