/*
colors:
Blue - #0159aa
Red - #98100d
Grey 1 - #58534e
Grey 2 - #6e6e6e
Grey 3 - #ededed
Yellow - # fded66

H1:
font-family: arial;
font-size: 20px;
font-weight: bold;
color: #0159aa;

H2:
font-family: arial;
font-size: 19px;
font-weight: bold;
color: #98100d;

H3:
font-family: arial;
font-size: 15px;
font-weight: normal;
color: #98100d;

Main body text
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #58534e;

Main Navigation
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #ffffff;

Main Navigation – Drop down
Main Navigation
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #ffffff;

Main Navigation – Drop down - visited
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #fded66;

Banner – title H1
font-family: arial;
font-size: 19px;
font-weight: bold;
color: #98100d;

Banner – text
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #ffffff;

Read more [+]
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #98100d;

Three Teasers – title H2
font-family: arial;
font-size: 15px;
font-weight: normal;
color: #98100d;

Three Teasers – text
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #58534e;

Three Teasers – Background color on rollover
color: #ededed;

Our locations – title H1
font-family: arial;
font-size: 15px;
font-weight: normal;
color: #98100d;

Our locations – Branch title
font-family: arial;
font-size: 13px;
font-weight: bold;
color: #0159aa;

Our locations – Branch text
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #58534e;

Directions
font-family: arial;
font-size: 11px;
font-weight: normal;
Text-decoration: underline;
color: #98100d;

Navigation Bottom (unselected)
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #6e6e6e;

Navigation Bottom (selected)
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #98100d;

Copyright
font-family: arial;
font-size: 10px;
font-weight: normal;
color: #6e6e6e;
*/


* {
margin:0;
padding:0;} /* Sets all margins and padding to zero across all browsers since IE handles differently.  Then they can be set for each element. */


/*--------- site-wide font styles ----------*/
body {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#58534e;}

a img {
border:none;}

a {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#98100d;
text-decoration:none;}

#main a:hover {
text-decoration:underline;}

h1 {
font-family:Arial;
font-size:20px;
font-weight:bold;
color:#0159aa;} /* title */

#welcome h1 {
margin-bottom:10px;
padding-bottom:2px;
background:url(images/main_text_hr.jpg) bottom center repeat-x;}

#welcome h1 span {
font-size:12px;
line-height:100%;
color:#58534e;}

#main h1 {
margin-bottom:10px;
padding-bottom:2px;
width:75%;
background:url(images/main_text_hr.jpg) bottom center repeat-x;}

h2 {
font-family:Arial;
font-size:19px;
font-weight:bold;
color:#98100d;} /* sub title */

h3 {
font-family:Arial;
font-size:15px;
font-weight:normal;
color:#0159aa;}

h4 {
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#58534e;}

p {
margin-bottom:10px;
line-height:130%;} /* body text font */

p.rdmr {
float:right;}

p.rdmr a {
font-family:Arial;
font-size:11px;
font-weight:normal;
color:#98100d;}

p.rdmr a:hover {
text-decoration:underline;}

#nav a {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
background:url(images/nav_top_spacer.gif) left center no-repeat;}

#nav .first a {
background:none;}

#nav a:hover, #nav a.navsel {
border-bottom:6px solid #98100d;}


/*------------ top horizontal navigation ---------------*/
#nav {
width:947px;
height:46px;
float:left;
padding-left:15px;}

#nav ul {
list-style:none;
float:left;}

#nav ul li {
float:left;}

#nav a {
float:left;
height:16px;
display:block;
padding:12px 10px 12px 10px;}

/*#nav a.sub_hover_nav{
height:16px;
}*/


#logo p {
font-family:Arial;
font-size:16px;
font-weight:bold;
color:#5e5e5e;}

/* banner with rotating images */
#banner_text h1 {
font-family:arial;
font-size:19px;
font-weight:bold;
color:#98100d;
background:url(images/banner_hr.jpg) bottom center repeat-x;
padding-bottom:5px;
margin-bottom:5px;}

#banner_text h1 a {
color:#98100d;
font-size:19px;
font-weight:bold;}

#banner_text p {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: #ffffff;}

/* sidebar hours and contact on home page only */
#sidebar_home {
text-align:right;
font-family:arial;
font-size:12px;
font-weight:normal;
color:#58534e;}

#sidebar_home h1 {
font-family:arial;
font-size:15px;
font-weight:normal;
color:#98100d;
float:right;
/*background:url(images/arrow.png) left center no-repeat;*/
padding-left:20px;
margin-bottom:10px;
width:165px;}

#sidebar_home p {
margin-bottom:25px;}

#sidebar_home p span.branch {
font-family:arial;
font-size:13px;
font-weight:bold;
color: #0159aa;}

#sidebar_home p span.hours {
font-weight:bold;}

#sidebar_home p a {
color:#98100d;
text-decoration:underline;}


/* teasers on home page only */
#teasers h2 a {
font-family:Arial;
font-size:15px;
font-weight:normal;
color:#98100d;
margin:10px 0 5px 10px;
background:url(images/arrow.png) left center no-repeat;
padding-left:20px;
height:15px;}

#teasers p {
font-family:arial;
font-size:12px;
font-weight:normal;
color:#58534e;
margin-left:10px;}


/* subnav in sidebar on all interior pages */
#subnav h1 {
width:266px;
font-family:arial;
font-size:19px;
font-weight:normal;
color:#ffffff;
line-height:26px;
height:26px;
background:url(images/additional_links.gif) top center no-repeat;
padding-left:40px;
margin-bottom:10px;}

#subnav a {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#313131;
text-decoration:none;
padding-left:13px;}

ul.subnav a:hover, ul.subnav a.navsel {
background:url(images/arrow_red.png) left center no-repeat;}


ul.sub_subnav a:hover, ul.sub_subnav a.navsel {
background:url(images/arrow_blue.png) left center no-repeat;}


/* locations */
#locations {
font-family:arial;
font-size:12px;
font-weight:normal;
color:#58534e;}

#locations h1 {
width:266px;
font-family:arial;
font-size:19px;
font-weight:normal;
color:#ffffff;
line-height:26px;
height:26px;
background:url(images/contact_us.gif) top center no-repeat;
padding-left:40px;
margin-bottom:10px;}

#locations p {
margin-bottom:25px;
padding-left:20px;}

#locations p span.branch {
font-family:arial;
font-size:13px;
font-weight:bold;
color: #0159aa;}

#locations p span.hours {
font-weight:bold;}

#locations p a {
color:#98100d;
text-decoration:underline;}


/* footer */
#footer p {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#6e6e6e;
padding-top:12px;
line-height:100%;
text-align:center;}

#footer a {
font-size:12px;
color:#6e6e6e;
text-decoration:none;}

#footer a:hover, #footer a.navsel {
color:#98100d;}

#footer p.copyright {
font-size:10px;
padding-top:0;}



/*------------- layout styles -------------*/
html {
min-height: 100%;
margin-bottom: 1px;} /* Always makes vertical scrollbar (kills annoying page shift in Firefox) */

.clear {
clear:both;}

body {
behavior:url(csshover3.htc);
background:url(images/body_bg.jpg) top center repeat-x;}

#wrapper {
width:962px;
margin:0 auto;} 

#header {
width:962px;
height:146px;
float:left;
background:url(images/banner_top.jpg) bottom center no-repeat;}

#logo {
width:480px;
float:left;}

#logo img {
float:left;
margin:20px 0 0 20px;}

#logo p {
float:left;
margin:30px 0 0 30px;}

#facebook {
width:65px;
float:left;
margin:10px 0 0 200px;}

#contact_info {
width:381px;
float:right;}


/*------------ banner with rotating image ---------------*/
#banner {
width:962px;
height:232px;
float:left;
background:url(images/banner_middle.jpg) top center no-repeat;}

#banner_text {
width:323px;
float:left;
padding:30px;}

#banner_image {
width:579px;
float:left;}


/*----------- teasers area ----------------*/
#teasers {
width:729px;
float:left;
margin-bottom:25px;}

#teasers img {
border:8px solid #ffffff;}

#teaser1, #teaser2, #teaser3 {
width:223px;
height:219px;
float:left;
padding:10px;}

#teaser1:hover, #teaser2:hover, #teaser3:hover {
background-color:#ededed;}


/*------------ main body area ---------------*/
#content_holder_home {
width:962px;
float:left;
background:url(images/banner_bottom_map.jpg) top center no-repeat;}

#content_holder {
width:962px;
float:left;
background:url(images/banner_bottom.jpg) top center no-repeat;}

#main {
width:626px;
float:left;
text-align:left;
padding:25px 30px 20px 0;
margin:30px 0 20px 0;} /* main content area */

#main img.left {
float:left;
padding:3px 8px 5px 0;}

#main img.right {
float:left;
padding:3px 0 5px 8px;}

#main ul, #main ol {
margin:10px 0 10px 20px;} 

#main ol li {
margin-bottom:5px;}

#welcome {
width:500px;
float:left;
padding:25px 0 0 18px;
margin-bottom:5px;}


/*------------ sidebar -------------------*/
#sidebar_home {
width:185px;
float:right;
margin:60px 15px 20px 0;}

#sidebar {
width:306px;
float:left;
text-align:left;
padding:20px 0 0 0;
margin:30px 0 20px 0;}


/* subnav */
#subnav {
width:306px;
float:left;
margin-bottom:30px;}

#subnav ul {
list-style:none;}

#subnav li {
padding-left:0;
margin-bottom:3px;}

ul.subnav {
margin-left:10px;}


ul.sub_subnav {
margin-left:20px;}


/*locations*/
#locations {
width:306px;
float:left;
margin-bottom:30px;}

/*------------ product pages --------------*/
.products p {
line-height:135%;
padding:0;
margin:0;}

.products {
background-color:#ffffff;
margin-bottom:15px;}

.products td {
padding:8px;
vertical-align:top;}

.products img {
border:1px solid #cccccc;}

tr.odd {
background-color:#ffffff;}

tr.even {
background-color:#fafafa;}



/*------------ footer ---------------*/
#footer_wrapper {
width:100%;
height:53px;
clear:both;
background-color:#d0d0d0;
border-top:1px solid #bcc9d2;}

#footer {
width:962px;
height:53px;
margin:0 auto;}


/*------------ big fresh signature/logo (if not included in #footer) ---------------*/
#big_fresh {
width:901px;
margin:0 auto 15px auto;
text-align:center;}

#big_fresh a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
letter-spacing:1px;
color:#333333;
text-decoration:none;}

#big_fresh span {
color:#fe8a16;}

#big_fresh a:hover span {
text-decoration:underline;}

#big_fresh span.bullet {
color:#999999;}
/*------------------- IE png fix ------------------*/
img, div, a, input, td { 
behavior: url(iepngfix.htc);}


/*------------ contact form ---------------*/

.button { border: 1px solid #333333; font-size: 12px; font-family: Verdana; background-color: #B99D65; height:18px; color:#FFFFFF; }
.textbox { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; }
.textboxreqd { border: 1px solid #333333; font-size: 12px; font-family: Verdana; font-style: italic; width: 250px; background-color: #FFF4DF; }
.dropdown { border: 1px solid #333333; font-size: 12px; font-family: Verdana; }
.large_text { border: 1px solid #333333; font-size: 12px; font-family: Verdana; width: 250px; height: 70px; }

form td {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:12px;} /* font styling for contact field headings */

.label {
text-align:right;
padding:5px;}

.submit {
padding:5px 0;}

/* spam decoys */
.form_serial { 
display: none; }