/* Hartwell Classic Apparel 					*/
/* Master Style Sheet 							*/
/* version 1.0 11.21.05							*/
/* written by Jason Padgett						*/
/* last edited by:								*/



/* Universal Style Rules ---------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
/*h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}*/
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a,button{outline: none;}

.clearall{clear:both;}
.clearL{clear: left;}
.clearR{clear: right;}
.l-float{float: left;}
.r-float{float: right;}
.align_right{text-align: right;}
.price{font-weight: bold;}
.sale{color: red;}
.strike{text-decoration: line-through;}
.remove{display: none;}
.hide{visibility: hidden;}
.replace{position: relative;top: -999px;left: -999px;}
.message, .message a:link, .message a:active, .message a:visited, .message a:hover, .message a:focus
{margin: 0; padding: 0;}
.decimal {text-align: right;}
.note 	{font-size: .9em; font-style: italic;}

a:link img, a:active img, a:visited img, a:hover img, a:focus img {	border: none;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {border: none; text-decoration: none;}
h2 {letter-spacing: -1px; margin: .5em 0;}
h3, h4 {margin: .5em 0 0;}

ul.list, ol.list {margin-bottom: 1em; line-height: 1.25em; margin-left: 1em;}
ul.list li{list-style: outside disc; padding: 0 .25em;}
ol.list {margin-left: 1.5em;}
ol.list li{list-style: outside decimal; padding: 0 .25em; }


body{
text-align: center; 
font: 62.5%/1.6 'lucida grande', 'trebuchet ms', arial, verdana, sans-serif;
}

#pagecontainer{
width: 770px;
margin: 0 auto;
text-align: left;
position: relative;
}
	
 #content div p {margin: .5em 0;} 

/*-- Table Elements ----------*/

table{
text-align: left;
font-size: 100%;
}
th, .rowTH{
border: 1px solid;
padding: 0 .25em;
font-weight: bold;
}
td{
border: 1px solid;
vertical-align:top;
padding: .1em .25em;
}
caption{
text-align: left;
font-weight: bold;
font-size: 1.2em;
line-height: 1.25em;
}


/*-- Form Elements ----------*/

	/* log-in form for restricted pages */
	
	
	#members_only h3
		{
		margin-bottom: 1em;
		}
		
	#members_only label
		{
		display: block;
		float: left;
		clear: left;
		width: 10em;
		padding: .1em .25em;
		margin-bottom: .25em;
		text-align: right;
		}
		
	#members_only input, #members_only select, #members_only textarea
		{
		margin: 0 .5em .25em .5em;
		}
	
	#members_only .field
		{
		width: 20em;
		}
	
	#members_only .buttongroup
		{
		margin-top: 1em;
		}

/* Specific Style Rules ---------------------------------------------------------------- */


/* header & primary navigation */ 


	#header
		{
		float: left;
		width:770px;
		margin: 0;
		padding: 0;
		border: 1px solid;
		border-width: 1px 0;
		font: bold 13px/1em 'lucida grande', 'trebuchet ms', arial, verdana, sans-serif;
		}
	
	#header h1
		{ 
		margin: 10px 10px;
		float: left;
		}

	#primary_nav
		{
		float: right;
		margin-right: 10px;
		}
	.construction #primary_nav
	{
	display: none;
	}	


	/* styles that actually hide and show menus (javascript menu) */
	
	#primary_nav li.on ul {display: block;}
	#primary_nav li.off ul {display: none;}
	
	#log_bar.on #loginform {display:block;}
	#log_bar.off #loginform { display: none;} 
	
	a#reset.off {display: none;}
	a#reset.on {display: none;}
	
	/* end hide and show styles */


	/* menu headers/buttons */
	
	
	#primary_nav li
		{
		float: left;
		border: 1px solid ;
		border-width: 0 0 0 1px;
		}
	
	
	#primary_nav li a:link, #primary_nav li a:active, #primary_nav li a:visited
		{
		display: block;
		padding: 43px 1em 10px;
		text-decoration: none;
		border: 1px solid ;
		border-width: 0 1px;
		}
	
	
	/* sub menus */
	
	#search ul, #cat_nav ul, #brand_nav ul
		{
		width: 750px;
		position: absolute;
		left: 0;
		top: 69px;
		padding: 0 10px 0;
		line-height: 30px;
		}
		
	#primary_nav li ul li
		{
		border: 1px solid;
		border-width: 0 0 0 1px;
		}
	
	#primary_nav li ul a:link, #primary_nav li ul a:active, #primary_nav li ul a:visited
		{
		width: auto;
		padding: 0 .7em;
		font-size: 11px;
		text-decoration: none;
		border: 1px solid;
		border-width: 0 1px;
		}
	


	/* search bar layout */
	
	#primary_nav #search ul li
		{
		border: none;
		}
	
 	#search ul p
		{
		float: left;
		}
	
	#search form
		{
		float: left;
		margin: 0; 
		padding: 0;
		}

	#search label
		{
		font-size: 8px;
		}
	
	
	#search label span
		{
		display: none;
		}
	
	#search input.textfield
		{
		margin: 0 0 0 1em;
		padding: 1px 2px;
		border: 0;
		width: 250px;
		}
		
	#search input
		{
		vertical-align: middle;
		}



	/* log in bar layout */
	
	#log_bar
		{
		float: left;
		clear: both;
		width: 100%;
		border: 1px solid;
		border-width: 2px 0 1px 0;
		}
		
	#log_bar p
		{
		float: left;
		margin: 0 10px;
		padding: 0;
		line-height: 30px;
		}
	
	.construction #log_bar p
		{
		visibility: hidden;
		}	
	
	#log_bar p a
		{
		}
	
	#loginform
		{
		float: right;
		margin: 0 10px 0; 
		padding: 0;
		line-height: 29px;
		}
	
	
	#loginform input
		{
		vertical-align: middle;
		}

	
	#loginform br
		{
		display:none;
		}
	
	#loginform label
		{
		font-size: 8px;
		}
	#loginform label span
		{
		position: absolute;
		left: -9990px;
		}
		
	#loginform input
		{
		vertical-align: middle;
		}
		
	#loginform input.textfield
		{
		margin: 0;
		padding: .1em .2em;
		border: 0;
		width: 150px;
		}
	
	
	/* member options after log-in */
	
	#log_bar ul
		{
		margin: 0;
		padding: 0 5px;
		position: absolute;
		top: 15px;
		left: 250px;
		font-size: 8px;
		border-left: 1px solid;
		}

	#log_bar ul li
		{
		line-height: 1.4em;
		}
		
	#log_bar ul a
		{
		font-weight: normal;
		}
	
	
		
/* content */

#content{
float: left;
padding: 10px;
font-size: 1.2em;
width: 750px;
}
#home #content{
padding-bottom: 0;
}
#content h1{
font-size: 2em;
}
#content h2{
font-size:1.75em;
}
#content h3{
font-size:1.5em;
}

/* left navigation (general style only - see specific style sheet for section style) */

	#left-nav
		{
		float: left;
		width: 144px;
		padding: 10px 0;
		margin: -10px 0 0;
		border-bottom: 2px solid;
		line-height: 1.2em;
		}
	
	
	#left-nav h2, div#left-nav p
		{
		margin: 0 10px;
		}
	
	#left-nav h2
		{
		font-size: 1.15em;
		margin-bottom: .1em;
		}
		
	div#left-nav p
		{
		font-size: .95em;
		margin-bottom: 10px;
		}
	


/* sitemap links at bottom of page */


	#site_nav 
		{
		float: left;
		width: 100%;
		padding: 5px 0 5px;
		border-top: 2px solid;
		font-size: 1.2em;
		}
	.construction 	#site_nav 
		{
		display: none;
		}		
		
	#site_nav ul
		{
		text-align:center;
		}
		
	#site_nav li
		{
		display:inline;		
		padding:0 1.45em;		
		}
		
/* footer bar */



#footer
	{
	clear:both;
	float: left;
	width: 100%;
	text-align: right;
	padding: .25em 0;
	font-size: .75em;
	border: 1px solid;
	border-width: 1px 0 2px;
	}
	
#footer a
	{
	display: block;
	height: 19px;
	width: 39px;
	float: left;
	text-decoration: none;
	margin-left: 10px;
	padding: 0;
	line-height: 1em;
	}

#footer p
	{
	margin: 0 10px 0 0;
	}
	
	
/* flash detection messages */

#flashmessage
	{
	display: block;
	padding: 5px 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid;
	border-top: 1px solid;
	font-size: 8px;
	font-weight: bold;
	}

/* upload message with animation graphic */
/* positioning declared on specific page stylesheets */

#loading
	{
	width: 514px;
	padding: 20px;
	background: #fff;
	border: 2px solid #000;
	overflow: auto;
	}
	
#loading.show
	{
	display: block;
	}
	
#loading.hide
	{
	display:none;
	}
	
#loading img
	{
	float: left;
	border: 0;
	margin-right: 10px;
	}
#loading p
	{
	margin: 0;
	padding: 0;
	float:left;
	line-height: 1;
	}
#loading p span
	{
	font-weight: bold;
	font-size: 110%;
	}