@import url(nav.css);

* {
	margin: 0;
	padding: 0;
}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight:normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
img {display:block;}
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body, html { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height:15px;
	font-weight: bold;
	color:#67655b;
	background:#e5e0c9 url(../images/ecl_bk_body2.jpg) center 115px repeat;
	height: 100%;
}


/* BASIC LAYOUT */

#head_wrap {background:url(../images/ecl_bk_header.jpg) center 0 repeat-x; margin:0; padding:0;}
#head_wrap .header {width:960px; height:116px; background:url(../images/ecl_bk_topnav.jpg) 0 0 no-repeat; overflow:hidden; margin:0 auto; padding:0;}

#body_wrap {min-height:100%; background:url(../images/ecl_bk_rule_vert.gif) center 0 repeat-y; margin:0; padding:0;}

* html #body_wrap {
height:100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

#content_wrap {width:960px; margin:0 auto; padding:0;}

#col_side {float:left; width:287px; padding:0 0 0 1px;}

#site_logo {display:block; width:287px; height:150px; background:url(../images/ecl_bk_logo.jpg) 1px 0 no-repeat; padding:0 0 20px 0; margin:0;}
#site_logo img {display: none; margin:0 0 0 15px;}


#col_grid {float:left; width:672px; padding:0; margin:0;}



/* FLOAT CLEARS */
#body_wrap:after, #head_wrap:after, #content_wrap:after, #content_wrap .content:after, #footer_wrap:after, 
.grid1colA:after, .grid2colA:after, .grid2colB:after, .grid2colC:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}




/* PAGE CONTENT LAYOUT GRIDS - SEE ALSO PAGES */
.column {float:left;}


/* BASIC STYLES */
.error {font-weight: bold; color: #cc0000; text-transform:capitalize;}
.clearit {clear: both; height: 0; line-height: 0; font-size: 0;}
img {border:0;}

/* Heads */
h1 {font-weight:bold; font-size:16px; padding:0 0 5px 0; color:#6b7d10;}
h2 {font-weight:bold; font-size:12px; color:#6b7d10;}
h3 {font-weight:bold; font-size:12px; color:#6b7d10;}/* pictformat sub link text */
h4 {font-weight:bold;}/* tabs and accordian */
h5 {font-weight:normal;}/* pictformat sub link text */
h6 {}/* nav heads */
em {color:#c43c81;}


/* Links */
a.linkA:link, a.linkA:visited, a.linkA:hover, a.linkA:active, a.linkA:focus,
.pagenav li a:link, .pagenav li a:visited, .pagenav li a:hover, .pagenav li a:active, .pagenav li a:focus, 
td a:link, td a:visited, td a:hover, td a:active, td a:focus,
.pnav a:link, .pnav a:visited, .pnav a:hover, .pnav a:active, .pnav a:focus,
#pr_stores a:link, #pr_stores a:visited, #pr_stores a:hover, #pr_stores a:active, #pr_stores a:focus
{border-bottom:none; }

a {text-decoration: none;}
a img {border-bottom:none; border-bottom-width:0;}

a:link, a:visited {color:#6b7d10; border-bottom: 1px solid #6b7d10;}
a:hover, a:active, a:focus {color:#6b7d10; border-bottom:0;}

	
/* FOOTER */
#footer_wrap {
	position: relative;
	width:650px;
	height:38px;
	clear:both;
	font-size:10px;
	line-height:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}		


/* Footer Nav */
#footer_wrap ul.pagenav li, #footer_wrap ul.pagenav li a {float:left; white-space:nowrap;}
#footer_wrap ul.pagenav li a {padding:0 5px; border-left:1px solid #6b7d10; }
#footer_wrap ul.pagenav {padding: 7px 0 7px 0;}
#footer_wrap ul.pagenav li.firstBLOC {padding:0 5px 0 0; color:#67655b;}
#footer_wrap .pagenav li img {float:left; padding:1px 4px 0 0; }

#footer_wrap a:link, #footer_wrap a:visited {color:#67655b;}
#footer_wrap a:hover, #footer_wrap a:active, #footer_wrap a:focus {color:#948a6d;}


/* PAGEINATION */
#headcontent {position:relative;}
#pagenavwrap {float:right; width:545px; height:24px; overflow:hidden; padding:6px 0 0 0;}
/* Delete Express For Drop to work */
body.express #pagenavwrap, body.myfit #pagenavwrap {float:none; width:715px;}

#pagenavwrap ul.pagenav {width:600px; padding:0 10px;}

.pagenav li, .pagenav li a {display:inline; padding:0; margin:0;}

.pagenav li.titleBLOC {font-size:14px; font-weight:bold;}
.pagenav li.titleBLOC, .pagenav li.firstBLOC a {border-left:none; padding:0 1px 0 0;}

.pagenav li a {padding:0 1px 0 4px; border-left:1px solid #6b7d10;}

.pagenav li.current a:link {font-weight:bold; color:#6b7d10;}




/* FORMS */
input {padding:2px 0 2px 2px;}
input, textarea, select {font-size:10px; color:#67655b; background-color: #fff; border:1px solid #67655b;}
input.specformB {font-size:11px; padding:0; background-color:transparent; border:none;}
label {line-height:12px;}
form em {font-size:9px; font-weight: normal; font-style: normal; padding-left:2px;}


#form_wrapper {padding: 5px 0;}

form.formformatA input.buttonform, form.formformatB input.buttonform, input.buttonform 
{width:auto; padding:5px 5px 0 0; border:none; background-color:transparent;}

#findstore form.formformatA input.buttonform 
{padding:0 5px 0 0; margin:0;}
#findstore form.formformatA .lastBLOC 
{padding:0 0 1px 0; margin:0;}


form em {font-size:9px; font-weight: normal; font-style: normal; color: #c31230; padding-left:2px;}


/* Forms Page */	
form.formformatA fieldset { padding:0 0 5px 0;}
form.formformatA fieldset fieldset { padding:0;}
form.formformatA label {
	display: block;
	font-weight:bold;
	padding: 0 0 1px 0;
}

form.formformatA fieldset ol {margin: 0; padding: 0;}
form.formformatA fieldset li {
	display: block;
	line-height:1;
  	padding:4px 0 4px 0;
  	margin: 0;
}

form.formformatA input {width:140px;}
form.formformatA textarea {width:220px; height:100px; vertical-align:baseline;}
form.formformatA input#R_Birth_Year {width:50px;}

form.formformatA fieldset fieldset ol li, 
form.formformatB fieldset ol li {
	display: block;
	clear:both;
	text-align:left;
  	padding:2px 0 3px 0;
  	margin: 0;
}
form.formformatA fieldset fieldset ol li input, form.formformatB fieldset ol li input {width:auto; margin:0; padding:0;}
form.formformatA fieldset fieldset ol li p, form.formformatB fieldset ol li p {width:18px; float:left; margin:0 2px 0 0; padding:0;}
form.formformatA fieldset fieldset ol li label, form.formformatB fieldset ol li label {width:280px; float:left; clear:none; padding:1px 0 0 0; margin:0; line-height:14px;}