/* 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;}
a{text-decoration:none;}
p a{text-decoration:underline;}
.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;}
.highlight {color:red;}

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;
}
a img.icon{
vertical-align:middle;
}

a.btn,a.btn:link,a.btn:active,a.btn:visited{
padding: .25em 1em;
border-top:1px solid #e1e1e1;
border-bottom:2px solid #d1d1d1;
border-left:1px solid #e1e1e1;
border-right:2px solid #d1d1d1;
background:#f1f1f1;
margin:.5em;
color:#000;
}
#pagecontainer{
width: 770px;
margin: 0 auto;
text-align: left;
position: relative;
}
	
/*-- 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;
background: url(img/headerGrad_tan.gif) repeat-x 0px -10px #d7d4cb;
position:relative;
border-bottom: 2px solid #bab6af;
width:100%;
}
#hartwell{
margin:1.2em 0 1em 15px;
padding:0;
float:left;
font-size:100%;
}
#hartwell img{
vertical-align:middle;
}
#navBar{
float:right;
position:absolute;
border: 1px solid #bab6af;
border-width:1px 0 0 1px;
background:#e2e6eb;
bottom:0;
right:0;
width: 616px;
}
#navBarLinks{
float:left;
text-align:right;
padding: 0 1.5em;
background: url(img/headerLinkRound.gif) no-repeat top left transparent;
margin-top: -1px;
margin-left: -1px;
}
#navBarLinks li{
display:inline;
}
#navBarLinks li a{
font-size: 1.2em;
font-weight:bold;
color:#0f325b;
}
#navBarLinks a:link, #navBarLinks a:visited{
display:block;
float:left;
padding: .75em 1em 1em;
}
#navBarLinks a:hover{
background: #c3ccd6;
}

#searchForm{
float:right;
position:relative;
text-align:right;
font-size: 1.2em;
margin-right:1em;
margin-top: .75em;
}
#searchForm label{
position:absolute;
left:-9999px;
top:-9999px;
}
#searchForm br{
display:none;
}
#searchForm #search{
width: 125px;
border-width: 1px;
border-style:solid;
border-color: #0f325b;
vertical-align:middle;
padding: .12em;
font-size: 1.2em;
}
#searchForm #submit{
vertical-align:middle;
}
#searchForm #advSearch{
display:block;
position:absolute;
top:-2em;
right: .2em;
font-size: .75em;
color:#0000cc;
}
#advSearch a{
color:#0000cc;
}
#memberNavLinks{
position:absolute;
top:2px;
right:1em;
font-size:1.1em;
}
#memberNavLinks li{
display:inline;
color: #0f325b;
}
#memberNavLinks a{
padding: 0 .5em;
border-left: 1px solid #c3ccd6;
color: #0f325b;
text-decoration:underline;

}
#memberNavLinks li:first-child a{
border:none;
padding-left: 0;
}

/* javascript enabled log in dialog */

#signInDialog{
clear:left;
background-color:#8899ae;
}
/* hack to serve safari a width to fix display error but exclude ie */
	div[id$="signInDialog"]:not([class="xxx"]) { width:100%; }
/* end hack */

#signInDialog.open, #signInDialog.opening, #signInDialog.closing{
border-bottom: 2px solid #bab6af;
}
#signInDialog.closed{
border:none;
}
#signInDialog .signInDialogContent{
padding-left:60px;
background: url(img/lock.gif) no-repeat 10px center transparent;
}
#signInDialog .hd{
padding: 10px 10px 0;
color:#fff;
}
#signInDialog .bd{
padding:0 10px 10px;
font-size:1.2em;
}
#signInDialog .hd p{
font-size: 1.5em;
font-weight:bold;
}
#signInDialog form label{
font-weight:bold;
color:#0f325b;
}
#signInDialog input, #signInDialog button, #signInDialog button img{
margin-right: .5em;
vertical-align:middle;
}
#signInDialog button, #signInDialog button img{
background:none;
border:none;
padding:0;
margin:0;
width:auto;
overflow:visible;
}
#signInDialog input.signInField{
width: 125px;
border-width: 1px;
border-style:solid;
border-color: #0f325b;
padding: .12em;
font-size: 1.2em;
}



/* content */

#content{
float: left;
padding: 10px;
font-size: 1.2em;
width: 750px;
}

#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: 153px;
padding: 10px 0 10px;
margin: -10px 0 0 -10px;
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
{
width: 100%;
float: left;
padding: 10px 0 10px;
border-top: 5px solid;
font-size: 1.2em;
background: #fff;
background-position:98% 95%;
}

#home #site_nav
{
border: 0;
padding-top: 0;
}
#site_nav .first
{
margin-left: 10px;
}
#site_nav dl
{
display: block;
border-left: 1px solid;
width: 149px;
float: left;
} 
#site_nav dl .headroom
{
margin-top: .65em;
}
#site_nav dt, #site_nav dd
{
padding: 0 .5em;
}
#site_nav dt
{
font-weight: bold;
line-height: 1em;
margin-left: -1px;
padding: 1px .5em .5em 0;
}
#site_nav dd.subcat
{
display: block;
float: left;
}
#site_nav dd ul
{
float: left;
}
#site_nav dd li
{
float: left;
margin-right: .5em;
font-weight: normal;
}
#site_nav dd em
{
display: block;
margin-top: 1em;
}
#site_nav a{
text-decoration:underline;
}
/* footer bar */

#footer
{
clear:both;
position:relative;
float: left;
width: 100%;
padding: 1em 0;
border: 1px solid;
border-width: 1px 0 1px;
border-top-color: #bab6af;
border-bottom-color: #999690;
background: #d7d4cb;
}
#vcard{
margin:0 1em;
}
a.tilton{
display:block;
position:absolute;
right:1em;
bottom: 3em;
}

#footer div.patriarch{
position:absolute;
right:1em;
bottom: 3em;
}
#footer div.patriarch a{
float:right;
margin:0 .25em;
}


#footer p#copywrite{
display:block;
position:absolute;
right:1em;
bottom:1em;
margin: 0;
}
#accolades{
clear:both;
text-align:center;
padding-top: 1em;
}
#accolades img{
margin: 0 1em;
}

/* ads etc */
.banner-ad{
margin-bottom:1.5em;
}