/*
Dark Grey - #333333 (background)
Light Grey - #999999 (address text, nav text)
Other Grey - #7f7f7f (background for specials on bottom right) 
Black - #000000 (box behind nav) 
White - #ffffff (borders) 
Buff - #b99d65 (Selected nav, links, Bottom left box background)

FONTS:
Nav (unselected) - Tahoma, reg, 12px, extra letter space, Light Grey -#999999
Nav (selected) - Tahoma, reg, 12px, extra letter space, Buff - #b99d65 
Nav (hover) - Tahoma, reg, 12px, extra letter space, Buff - #b99d65 
Address details - Tahoma, reg, 12px, Light Grey - #999999 
Newsletter teaser text - Arial, bold, 10px, ALL CAPS, Dark Grey - #333333
Links - Arial, bold, 10px, ALL CAPS, Buff - #b99d65 
Titles - Georgia, reg, 18px, Dark Grey - #333333 
Web Specials/Teasers text - Georgia, reg, 14px, Dark Grey - #333333 
Main body text - Verdana, reg, 12px, Dark Grey - #333333 
Footer - Arial, reg, 11px, Light Grey - #999999


SPECIAL INSTRUCTIONS:
- White borders should be 4 px thick
- On sub pages main text area will have a white background for now

*/

* {
margin:0;
padding:0;}

body {
background-color:#333333;}

div {
float:left;}

p, td, ul.bullets {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;
padding-bottom:5px;} /* main body text font styling */

.title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:normal;
color:#333333;
line-height:30px;}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#333333;
line-height:28px;}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#333333;
line-height:26px;}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#333333;
line-height:24px;}

a {
text-decoration:none;}

a img {
border:none;}

ul {
list-style:none;}

ul.bullets {
list-style:disc;
list-style-position:inside;}

#main ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;
list-style:disc;
list-style-position:inside;
}

#main li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;
padding:5px;
}

ul.bullets li {
padding:5px;}

table td {
padding:5px;}


/*wraps around the page and centers it in the browser*/

#wrapper {
width:875px;
margin:20px auto 0 auto;
float:none;}


/*header*/

#header {
width:867px;
font-family:tahoma, sans-serif;
font-size:12px;
color:#999999;}

#header img {
float:left;
margin-left:0px;}

ul.contact {
float:right;
text-align:right;
margin-right:0px;}

.contact li {
padding:3px 0;}

.contact a {
font-family:tahoma, sans-serif;
font-size:12px;
color:#b99d65;
text-decoration:none;}

.contact a:hover {
color:#b99d65;
text-decoration:underline;}


/*two boxes in main content area*/

#top_container, #bottom_container {
width:867px;
border:4px solid #ffffff;}

#top_container {
margin-bottom:10px;
background-color:#000000;}


/*vertical navigation*/

#navigation {
width:256px;}

#navigation a {
font-family:tahoma, sans-serif;
font-size:12px;
letter-spacing:1px;
padding-left:5px;
color:#999999;}

#navigation a.navsel, #navigation a:hover {
color:#b99d65;}

#navigation a.navsel {
background:url(images/arrow.gif) center right no-repeat;
padding-right:12px;}

#top_level_nav {
width:193px;
margin:22px auto 0 auto;}

#top_level_nav li {
padding:5px 0 9px 0;
background:url(images/dotted_line.gif) bottom left no-repeat;}

#top_level_nav li.no_border {
background:none;
padding-bottom:0;}

#sub_nav li.bottom_border {
background:url(images/dotted_line.gif) bottom left no-repeat;
padding-bottom:12px;}

ul #sub_nav {
margin-top:2px;}

#sub_nav li {
padding:0 0 0 10px;
background:none;}


/*main area for rotating picture on home page and content on inside pages*/
#main {
padding:0 20px 0 25px;
width:566px;
min-height:438px;
height: auto !important;
height:438px;
background-color:#ffffff;}


#main a {
text-decoration:underline;}

/*main area for rotating picture on home page and content on inside pages*/
#mainhome {
width:611px;
min-height:436px;
height: auto !important;
height:436px;
background-color:#ffffff;}

#mainhome a {
text-decoration:underline;}

/*bottom area for newsletter and specials*/

/*bottom left*/

#newsletter {
width:256px;
height:136px;
background-color:#b99d65;
padding:25px 0;
text-align:center;}

.teaser {
width:228px;
text-align:left;
padding:10px 14px 0 14px;}

/*.teaser img {
float:left;
padding-right:8px;}

.teaser a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
color:#333333;}*/


/*bottom right*/

#specials {
width:611px;
background-color:#7f7f7f;}

#specials img {
float:left;
margin-right:40px;}

#specials p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#333333;
padding:20px 30px 0 0;}

#specials a {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
color:#b99d65;
line-height:30px;}

/*footer*/

#footer {
width:867px;
text-align:center;}

#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
letter-spacing:1px;
padding:5px 0;}

#footer a {
color:#999999;}


/* Contact form styles */

.button { border: 1px solid #333333; background-color: #B99D65; font-size: 12px; font-family: Verdana; 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-style: italic; font-family: Verdana; 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_serial { display: none; }
/*m10 - photogallery*/
#clearancegallery {
    margin-left: -10px;
    width: 600px;
}

#clearancegallery .tile {
    width: 120px;
    float: left;
    margin: 10px 10px 0 0;
}

#clearancegallery .tileimage {
    width: 120px;
    background: #ccc;
}

#clearancegallery p {
    font-size: 10px;
    padding: 3px;
}