body { 
	margin: 0;
	padding: 0;
	background: url(../images/body-bg.jpg) repeat-x;
	text-align: center;

}

a.skip	{display: none;}
a img {border: none;}
img.logo {
	float: left;
}


/* =TYPOGRAPHY-----------------------------------------*/	

body, input, select {
color: #000;
line-height: 28px;
font: 12px Arial;
}

h1 {
	margin: 0;
	padding: 0;
	font: bold 18px arial;
 	color: #990000;
 	text-transform: uppercase;
}

h2, .header {
	margin: 0;
	padding: 0;
	font: bold 12px arial;
	color: #990000;
	text-transform: uppercase;
	}

h3, .subheader	{
	margin: 0;
	padding: 0;
	font: bold 12px arial;
	color: #000000;
	line-height: 28px;
	text-transform: none;
	}
	
h4 	{
	margin: 0;
	padding: 0;
	font: bold 12px arial;
	color: #663300;
	line-height: 28px;
	}

a	{
	font: 12px arial;
	color: #990000; 
	text-decoration: underline;
	line-height: 28px;
	}
	
a:hover	{
	font: 12px arial;
	color: #990000;
	text-decoration: underline;
	line-height: 28px;
	}

/* =CONTAINER DIVS-----------------------------------------*/	
#container {
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
	width: 950px;	
	background: #edf1f3;
	padding: 0;
}

div#banner {
	position: relative;
	width: 950px;
	height: 201px;
	padding: 0 0 0;
	background: url(../images/banner.jpg) top no-repeat;
}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
}

div#banner h1 a {
    text-indent: -9999px;
    position: absolute;
    display: block;
    width: 280px;
    height: 125px;
    top: 10px;
    left: 10px;
    text-decoration: none;
}

div#title	{
	height: 54px;
	width: 948px;
	background-color: #fef5e0;
	}

/* =NAVIGATION-----------------------------------------*/	
	
div#navBar {
    height: 30px;
    width: 950px;
    position: absolute;
    top: 0px;
    left: 92px;
    }

ul#nav {
	width: 950px;
	padding: 0;
	margin: 10px;
	list-style-type: none;
	text-align: center;
	float: left;
	}
	
ul#nav li {
	clear: all;
	margin: 0 12px;
	padding: 0;
	display: inline;
	text-align: center;
 	}
 	
ul#nav a {
	text-align: center;
	display: inline;
	line-height: 14px;
	padding: 0;
	margin: 0;
	font: 12px arial;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}

ul#nav a.on, ul#nav a:hover	{
	color: #996633;
		} 
	
ul#nav ul {
	display: inline;
	width: 600px;
	text-align: center;
	position: absolute;
	top: 44px;
	left: 140px;
	list-style-type: none;
	padding: 0;
	margin: 0;
		}

ul#nav li ul li	{
	margin: 0 9px;
	clear: all;
	display: inline;
	background: none;
	padding: 0;
	}

ul#nav li ul li a	{
    color: #000;
	font: 12px arial;
	background: none;
	padding: 0;
	display: inline;
	line-height: 14px;
	text-transform: none;
	text-align: left;
}

ul#nav li ul li a:hover, ul#nav li ul li a.on { color: #996633;}
	

div#dtt {
	text-align: center;
	margin: 10px 0 20px 0;
	background: url(../images/dtt.jpg) no-repeat center;
	width: 145;
	height: 32;
}

/* =SHOPPING MENU -----------------------------------------*/	
div#enav {
    width: 948px;
    margin: 1px auto 30px auto;
}

ul#eNav {
    list-style-type: none;
	font: arial 11px;
	color: #ffffcc;
	text-align: right;
	padding: 0 0 0px 0;
	margin: 0;
}

ul#eNav li {
    display: inline;
    margin: 0;
    padding: 3px 9px 3px 9px;
    background: #996633;
}

ul#eNav a {
	color: #ffffcc;
	font: 11px arial;
	font-weight: none;
	text-decoration: none;
	line-height: 14px;
	text-transform: uppercase;
}

ul#eNav a:hover,
ul#eNav a.on {
	color: #ffffcc;
}


/* =EDITABLE BODY -----------------------------------------*/	
div#header {
	height: 96px;
	width: 948px;
	background: url(../images/header.jpg) top no-repeat;
}

div#mainPageArea {
	display: inline;
	background: none;
	margin: 25px 0px 0 18px;
	padding: 0 0 0 0; 
	width: 600px;
	float: left;
	}

div#specialsArea		{	
	float: right;
	display: inline;
	width: 305px;
	margin: 25px 10px 15px 0;
	}
	
div#specialArea a {
	color: #604a31;
	font-weight: bold;
	text-transform: uppercase;
}
	
div#cmsContentArea {
	margin: 0;
	width: 600px;
	float: left;
	display: inline;
}

div#kicker1 {
    background: none;
    width: 234px;
    margin: 0 0 10px 0;
    float: left; 
}

div#signup {
	float: left;
	background: url(../images/mailing.jpg) no-repeat;
	width: 304px;
	height: 73px;
	display: inline;
	margin: 0 0 0;
}

form#signform {
	display: inline;
	float: left;
	width: 200px;
	height: 20px; 
	margin: 48px 0 0 96px; 
	padding: 0;
}

form#signform .button {display: inline; margin: 0; }
form#signform .text {display: inline; margin: 0 2px 0 0; float: left;}

div#dtt {
	text-align: center;
	margin: 20px 0 20px 0;
	background: url(../images/dtt.gif) no-repeat center;
	width: 145;
	height: 32;
}

/* =HOMEPAGE-----------------------------------------*/	

body.home #banner h1 {
    display: none;
    }

body.home #banner {
	position: relative;
	width: 950px;
	height: 323px;
	padding: 0;
	background: url(../images/home_banner.jpg) top no-repeat;
}

/*body.home div#navBar {
    height: 30px;
    width: 950px;
    position: absolute;
    top: 317px;
    left: 10px;
    }
*/
body.home ul#nav li.home a {color: #996633;} 

body.home div#mainPageArea {
	display: inline;
	background: none;
	margin: 0;
	padding: 0 0 0 0; 
	width: 627px;
	float: left;
	}
	
body.home div#cmsContentArea {
	margin: 0;
	width: 627px;
	float: left;
	display: inline;
}
	
home.cleaner {
      clear:both;
      height:0px;
      margin: -8px 0 0 0; 
	  padding: 0px;
      border:none;
      visibility: hidden;
      }

hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; 
	  padding:0;
      border:none;
      visibility: hidden;
      }

/* =FOOTER DIV-----------------------------------------*/	

div#footer
	{
	text-align: left;
	width: 950px;
	padding: 0 0 10px 0;
	margin: 0 auto 0 auto;
	clear: both;
	color: #000;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	position: relative;
	text-transform: uppercase;
	background: url(../images/footertop.jpg) top no-repeat;
	}
	
div#footer a {
    color: #996633;
	padding: 0 5px;
	font: 10px arial bold;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	}
	
div#footer p {margin: 0; padding: 12px 0 0 0;}
div#footer p.legal {float: left; padding: 12px 0px 0 0;}
div#footer p.rss {float: right; padding: 12px 0 0 0px;}
div#footer p.footlinks {text-align: center;}


.button	{
		background-color: #996633;
		color: #ffffcc;
		border: none;
		font: 11px arial;
		text-transform: uppercase;
		line-height: 28px;
		cursor: hand;
		cursor: pointer;
}

/* generic overrides */

div.processBar {
	width: 100%;
}