html, body { height: 100%; }
body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:.9em;
line-height:1.5em;
background:#000000;
margin:0;
padding:0;
text-align:center; /* this centers the whole page -- workaround for IE 5 -- we will uncenter text using text-align later */
color:#000000;
}
h1 { font-size:2em; }
h2 { font-size:1.5em; }
h3 { font-size:1.17em; }
h4 { font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.83em; }
a:link, a:visited, a:hover, a:active { color:#b5121b; text-decoration:underline; }
a:hover { color:#ff0000; text-decoration:none; }
#headerWrap, #navWrap, #mainBodyWrap, #footerWrap {
width:100%;
margin:0;
padding:0;
}
#header, #navBar, #mainBody, #footer {
width:990px;
margin:0 auto;
padding:0;
text-align:left; /* uncenter text */
}
#navBar {
padding-left:100px;
width:890px;
/*border:1px solid #0000ff;*/
}
#headerWrap {
background:#a60e14; 
}
#header {
background:#a60e14 url(../images/template/grasch-logo-bkgrd-red.gif) 157px -81px no-repeat; 
position:relative;
height:150px;
}
#header img#logo {
position:absolute;
top:10px;
left:10px;
}
#header img#tagline {
position:absolute;
bottom:0;
right:25px;
}
#navWrap {
background:#000000; 
}
#navBar {
background:#000000; 
/*border:1px solid #ff00ff;*/
}
#mainBodyWrap {
}
#mainBody {
background:#38683D;
margin:0 auto; 
}
#mainContent {
padding:0;
}
#multiColWrap {
/*border:1px solid #0000ff;*/
padding:0;
margin:0;
/* homepage background hack: this image makes it appear as though both columns have the same height on the homepage, while not really affecting any other pages */
background-color: #38683D;
background-image: url(../images/template/bkgrd-2col.gif);
background-repeat:no-repeat;
background-position: 0 20px;
}
#multiColWrap .col1 {
background:#f3edd9;
/*border:1px solid #00ff00;*/
width:700px;
float:right;
padding:0;
margin:20px 20px 20px 0;
}
#multiColWrap .col2 {
background:#f3edd9;
/*border:1px solid #ff00ff;*/
width:225px;
float:left;
padding:0;
margin:0 0 20px 20px;
height: 506px;
}
#aboveLeftNav {
/*border:1px dashed #f0f;*/
width:225px;
margin:20px 0 0 20px;
float:left;
/*height: 95px;*/
position: relative;
background: #F3EDD9;
font-size: 100%;
font-weight: bold;
border-bottom: 20px solid #38683D;
padding-bottom: 12px;
}
#aboveLeftNav a, #aboveLeftNav a:hover {
text-decoration: none;
color: #38683d;
}
#aboveLeftNav a:hover {
color: #cc0000;
text-decoration: underline;
}
img#specialsIcon {
position: absolute;
top: 0;
left: 0;
}

#aboveLeftNav .smIconWrap {
margin: 12px 0 0 12px;
padding: 0;
/*border: 1px dashed #0ff;*/
line-height: 1.1em;
clear: both;
}
#aboveLeftNav .smIconWrap img.smIcon {
float: left;
margin-right: 5px;
}
#aboveLeftNav .smIconWrap span {
/*border: 1px dashed #f00;*/
padding-top: 0px;
width: 180px;
display: block;
}

#aboveMainText {
/*border:1px dashed #f0f;*/
margin:0;
padding:0;
}
#mainTextCol {
margin:20px 20px;
}
#footerWrap {
background:#000000; 
}
#footer {
background:#000000;
text-align:center;
}
#footer p {
color:#555555;
font-size:.75em;
line-height:1.5em;
margin:0; 
padding:10px 0; 
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#555555; text-decoration:none; }
#footer a:hover { color:#dddddd; text-decoration:underline; }
.noGap {
height:0;
font-size:1px;
line-height:0px;
}
/* pickup from version 1 template */
#hpCalloutsWrap {
margin:12px 0 10px 0;
padding:0;
/*border:1px solid #00cc00;*/
}
#hpCalloutsWrap .item1, #hpCalloutsWrap .item2, #hpCalloutsWrap .item3 {
padding:12px;
float:left;
width:190px;
height:85px;
border:1px solid #ddcc9d;
-moz-border-radius:7px;
-webkit-border-radius:7px;
background: #f3edd9 url(../images/template/box-bkgrd1.jpg) top left repeat-x;
}
#hpCalloutsWrap .item1 { 
margin-right:12px;
}
#hpCalloutsWrap .item2 {
margin-right:12px;
}
#hpCalloutsWrap .item3 {
margin-right: 0;
padding-right: 0;
}
#hpCalloutsWrap .item3 {
margin-right:0;
}
#hpCalloutsWrap a:link, #hpCalloutsWrap a:visited, #hpCalloutsWrap a:hover, #hpCalloutsWrap a:active {
text-decoration:none;
}
#hpCalloutsWrap a:hover {
text-decoration:underline;
}
/* ConstantContact Signup Forms */
#ccSignupContainer {
width:150px;
/*background-color:#F3EDD9;*/
/*border:1px dashed #f0f;*/
width:190px;
}
form#ccoptin, #ccSignupContainer p.ccTitle, #ccSignupContainer p.ccDescr {
margin:0;
padding:0;
line-height:1.3em;
color:#B5121B;
}
#ccSignupContainer p.ccTitle {
font-size:1em; 
line-height:1.2em;
font-weight:bold; 
color:#B5121B;
}
#ccSignupContainer p.ccDescr {
font-size:.8em;
color:#000000;
font-weight:bold;
}
form#ccoptin input {
display:block;
}
form#ccoptin input.submit {
margin-top:5px;
}
form#ccoptin input#ea {
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,sans-serif; 
font-size:12px; 
border:1px solid #999999;
padding:4px;
width:75%;
}





.specialsItem {
margin-bottom:1px;
color:#990000;
}
.specialsDescr {
margin-top:1px;
}
.featItem {
width:500px;
margin-bottom:20px;
}
p.featItemDescr {
font-size:.8em;
line-height:18px;
}
.deptListingSmall {
font-size:.8em;
line-height:18px;
}
#deptListWrapper {
/*border:1px solid #00cc00;*/
width:645px;
margin:0;
padding:0;
}
#deptListWrapper .deptItem {
/*border:1px solid #cc0000;*/
text-align:center;
width:148px;
height:170px;
float:left;
}
#deptListWrapper img {
margin:0 auto;
border:1px solid #aa7777;
}
#deptListWrapper p {
text-align:center;
line-height:1.1em;
margin:2px 0 0 0;
}
.emphPhoneNumber {
font-size:18px;
}
#slideshowContainer {
width:600px;
height:400px;
border:1px solid #990000;
}
#rwForm {
margin:0 0;
padding:10px 10px;
border:1px solid #bbbbbb;
width:600px;
}
.reqd {
color:#990000;
}
.successMsg {
color:#006600;
}
div.menuWrapper {
margin:1em 0;
}
p.menuName {
margin:0;
font-weight:bold;
font-size:16px;
}
p.menuDescr {
margin:0;
color:#553333;
font-style:italic;
}
.pageHeading {
margin-bottom:1px;
}
.pageSubHeading {
margin-top:1px;
}
#sideBarFlashWrapper {
width:350px;
height:263px;
float:right;
margin-left:8px;
}
#mapWrapper {
/*border:1px solid #ff00ff;*/
}
#mapWrapper .colMap {
width:400px;
float:left;
/*border:1px solid #00ff00;*/
}
#mapWrapper .colText {
width:230px;
float:right;
/*border:1px solid #00ff00;*/
}
/* end pickup */
/* ******************** full product gallery ******************** */
.singleRow {
margin:5px 0 5px 0;
padding:0;
/*border:1px solid #00cc00;*/
}
div.product {
margin:0 15px 0 0;
padding:10px 0;
float:left;
width:150px;
height:270px;
text-align:center;
border-bottom:2px dotted #615f57;
}
#singleRow a:link, #singleRow a:visited, #singleRow a:hover, #singleRow a:active {
text-decoration:none;
}
#singleRow a:hover {
text-decoration:underline;
}
p.productTitle {
font-size:12px;
line-height:14px;
margin:.25em 0;
font-weight:bold; 
color:#000000;
text-align:center;
}
p.productPrice {
font-size:10px;
line-height:12px;
margin:.25em 0;
color:#660000;
font-weight:normal;
text-align:center;
}
/* ******************** drop down menus ******************** */
/* source:http://htmldog.com/articles/suckerfish/dropdowns/ */
ul#nav {
position:relative;
z-index:200;
width:780px;
}
ul#nav, ul#nav ul {
padding:0;
margin:0;
list-style:none;
text-transform:uppercase;
}
ul#nav ul {
margin:0;
}
ul#nav a {
display:block;
width:121px; /* sets a default width */
height:24px;
text-align:center;
padding:10px 0 0 0;
color:#ffffff;
background:#000000;
text-decoration:none;
/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:12px;
}
ul#nav a:hover {
color:#ffffff;
background:#a60e14;
}
/* one level down */
ul#nav ul a {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:24px; /* be generous with line-height -- keeps vertical pull-down items well-spaced, works in conjunction with padding. */
text-align:left;
font-weight:bold;
background-color:#000000;
}
ul#nav ul a:hover {
background:#660000; 
color:#ffffff;
}
ul#nav li {
float:left;
width:121px; /* sets a default width */
}
ul#nav li ul {
position:absolute;
left:-999em;
border:1px solid #ff0000;
width:210px;  /* = (width of 'ul#nav .m1') + (padding of 'ul#nav a.m1') */
opacity:0.90; /* for all modern standards-compliant browsers */
text-transform:none;
letter-spacing:0px;
filter:alpha(opacity=90); /* for ie */
-moz-opacity:0.90; /* optional:for old versions of netscape navigator only */
-khtml-opacity:0.90; /* optional:for safari 1.x only */
}
ul#nav li:hover ul {
left:auto;
}
ul#nav li:hover ul, #nav li.sfhover ul {
left:auto;
}
/* set custom widths on top-level buttons */
ul#nav .btn0 { width:71px; }
ul#nav .btn1 { width:118px; }
ul#nav .btn2 { width:131px; }
/* set widths and padding for first-level pulldown block */
ul#nav .m1, ul#nav .drop2 { 
width:195px; 
}
ul#nav a.m1, ul#nav a.drop2 { 
padding:3px 0 3px 15px; /* helps keep pull-down items away from block edges */
}
ul#nav .drop2 {
width:155px;
}
/* ******************** end drop down menus ******************** */
ul#leftNav, ul#leftNav li {
width:225px;
margin:0;
padding:0;
list-style-type:none;
line-height:0px;
}
ul#leftNav {
height:483px;
background:#f3edd9 url(../images/template/leftnav_bkgrd.gif) bottom left no-repeat;
}
ul#leftNav li {
height:34px;
}
/* misc. */
.fltrt { 
float:right;
margin-left:8px;
}
.fltlft { 
float:left;
margin-right:8px;
}
.clearFloat, .clearfloat { 
clear:both;
height:0;
font-size:1px;
line-height:0px;
}
#header, #navBar, #mainBody, #footer, #headerWrap, #navWrap, #mainBodyWrap, #footerWrap, #header img#logo, #header img#tagline {
/*border:1px solid #0000ff;*//* <-- uncomment for debugging */
}
span.notaBene {
color:#a60e14;
}
h3.notaBene {
border:1px solid #38683D;
padding:.5em 1em;
background:#ffffff;
}
.smallType {
font-size:.75em;
line-height:1.25em;
}
span.highlight {
background:#ffff99;
padding:0 .25em;
}
/* easy slider */
#topSpecialsWrap {
position:relative;
/*border:1px dashed #f0f;*/
width:700px;
}
#topSpecialsWrap #slider {
background:#f01004 url(../images/template/specials_box_bkgrd.jpg) top left repeat-x;
height:141px;
}
#topSpecialsWrap a.more {
display:block;
background:#000000;
text-align:center;
color:#ffffff;
font-size:12px;
text-decoration:none;
padding: .25em 0;
text-transform: uppercase;
}
#topSpecialsWrap a.more:hover {
background:#660000;
color:#ffffff;
}