@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

body {
	font: 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(images/body-bg.gif) repeat;
	margin: 0;
	padding: 0;
	color: #5b4c36;
	text-align: center;
	font-size: 8pt;
	font-family: tahoma;
}

img {
  border: 0;
}

.donair div#container-outer {
    background: url(images/grad-bg.gif) repeat-x;
}

div.box {
    position: relative;
}

div.box div.box-bottom {
    position: absolute;
    top: 110px;
    left: 20px;
    margin-top: 3px;
    width: 280px;
}

div.box a.box-readmore {
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.donair #container {
	width: 952px;
	background: #fff;
	margin: 0 auto; 
	text-align: left;
	position: relative;
	clear: both;
    z-index: 4;
}

.donair #mainContent {
	padding: 0 20px;
	position: relative;
	/*width: 952px;*/
	background: #fff;
	margin: 0 auto; 
	text-align: left;
	/*padding-bottom: 10px;*/ 
    z-index: 4;
}

div#header{
	background: url(images/header.gif) no-repeat;
	width: 952px;
	height: 143px;
    z-index: 5;
}


div#header-logo{
    position:relative;
	width: 200px;
	height: 100px;
	margin-left: 30px;
	padding-top: 12px;
}

div#global-nav{
	float: right;
	margin-right: -30px;
	margin-top: -90px;
	width: 223px;
	height: 9px;
}

ul#global-menu {
    list-style-type: none;
}

ul#global-menu li {
    display: inline;
    padding: 0;
    margin: 0;
    margin-right: 15px;
}

div#nav{
	position: absolute;
    top: 90px;
    right: 5px;
    text-align: right;
}

ul#primary-menu {
    list-style-type: none;
    z-index: 20;
    text-align: left;
}

ul#primary-menu li {
    padding: 0;
    margin: 0;
    margin-left: 1px;
    position: relative;
    float: left;
}

ul#primary-menu ul {
  background: #EDE6D1;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
  z-index: 20;
  width: 145px;
}

ul#primary-menu li:hover ul,
ul#primary-menu li.sfHover ul {
    top: 39px;
    z-index: 20;
}

ul#primary-menu ul li {
  border: 0;
  float: none;
  border-bottom: 1px solid #EABB85;
  padding: 3px;
}

ul#primary-menu ul li a {
  border-bottom: 0;
  padding: 3px;
  z-index: 20;
  color: #674E35;
}

ul#primary-menu ul a:hover {
  color: #000;
}

div#top-box{
	width: 952px;
	height: 267px;
    z-index: 4;
}

div#flash-holder{
	float: left;
	width: 619px;
	height: 267px;
	padding-left: 10px;
    z-index: 4;
}

div#recipe-form{
	float: right;
	background: url(images/recipe-form-new.gif) no-repeat;
	width: 305px;
	height: 266px;
	padding-right: 9px;
    z-index: 4;
}


div#main-content{
	float: left;
	text-align: left;
	width: 290px;
	color: #48484a;
	line-height: 130%;
	margin-top: 10px;
    overflow: auto;
    height: 138px;
	/*border: #0066FF dashed;*/
}

div#content-top{
	position: relative;
	background:url(images/content-top.gif) no-repeat;
	margin-left: 11px;
	width: 282px;
	height: 6px;
}

div#content-top-page{
	position: relative;
	background:url(images/content-top-page.gif) no-repeat;
	margin-left: 11px;
	width: 609px;
	height: 14px;
}

div#content{
	padding: 5px 5px 0px 5px;
	margin-left: 11px;
	/*border: #0066FF dashed;*/
}

div#content-page{
	padding: 5px 5px 0px 5px;
	width: 609px;
	margin-left: 11px;
    /*overflow: auto;*/
	/*border: #0066FF dashed;*/
}

div#content-repeat{
	position: relative;
  	background:url(images/content-repeat.gif) repeat-y;
	margin-left: 2px;
	
}

div#content-repeat-page{
	position: relative;
  	background:url(images/content-repeat-page.gif) repeat-y;
	margin-left: 2px;
	
}


div#content-bottom{
	position: relative;
	background:url(images/content-top.gif) no-repeat;
	width: 282px;
	height: 6px;
	margin-left: 12px;
}

div#content-bottom-page{
	position: relative;
	background:url(images/content-bottom-page.gif) no-repeat;
	width: 609px;
	height: 14px;
	margin-left: 12px;
}

div#newsletter-form{
	float: left;
	background: url(images/newsletter-form-new.gif) no-repeat;
	position: relative;
	width: 310px;
	height: 144px;
	margin-left: 33px;
	margin-top: 10px
}

div#newsletter{
	width: 271px;
}

div#newsletter input.field-textfield {
    height: 13px;
    font-size: 11px;
    padding: 0;
    width: 190px;
    margin-left: 10px;
}

div#newsletter .field-submits input {
    position: relative;
    top: -3px;
}

div#weekly-feature{
	float: right;
	background: url(images/Mr_donair_simply_delicious.gif) no-repeat;
	width: 307px;
	height: 145px;
	padding-right: 8px; 
	margin-top: 11px;
}

div#weekly-text{
	float: left;
	padding-top: 110px;
	padding-left: 20px;
}

div#grill{
	float: left;
	position: relative;
	background: url(images/grill-it-up.gif) no-repeat;
	width: 308px;
	height: 190px;
	margin-top: 10px;
	margin-left: 9px;
}

div#grill-text-top{
	padding-top: 48px;
	padding-left: 21px;
}

div#grill-text-bottom{
	padding-top: 24px;
	padding-left: 21px;
}

div#fresh{
	float: left;
	background: url(images/fresh-sausage-bg.gif) no-repeat;
	position: relative;
	width: 309px;
	height: 190px;
	margin-top: 10px;
	margin-left: 5px;
}

div#fresh-text-top{
	padding-top: 64px;
	padding-left: 22px;
}

div#fresh-text-bottom{
	padding-top: 8px;
	padding-left: 22px;
}

div#ground-meats{
	float: right;
	background: url(images/anti-abb-bg.gif) no-repeat;
	width: 307px;
	height: 190px;
	position: relative;
	margin-top: 8px;
	padding-right: 9px;
}

div#ground-text-top{
	padding-top: 64px;
	padding-left: 21px;
}

div#ground-text-bottom{
	padding-top: 8px;
	padding-left: 21px;
}

div#pickle{
	float: left;
	background: url(images/pickled-bg.gif) no-repeat;
	position: relative;
	width: 308px;
	height: 190px;
	margin-top: 11px;
	margin-left: 9px;
}

div#pickle-text-top{
	padding-top: 48px;
	padding-left: 20px;
}

div#pickle-text-bottom{

	padding-top: 22px;
	padding-left: 20px;
}

div#deli{
	float: left;
	background: url(images/deli-meat-bg.gif) no-repeat;
	position: relative;
	width: 310px;
	height: 190px;
	margin-left: 5px;
	margin-top: 12px;
}

div#deli-text-top{
	padding-top: 61px;
	padding-left: 22px;
}

div#deli-text-bottom{
	padding-top: 11px;
	padding-left: 23px;
}

div#smoked-meat{
	float: right;
	background: url(images/smoked-meat-bg.gif) no-repeat;
	position: relative;
	width: 307px;
	height: 190px;
	margin-top: 11px;
	padding-right: 9px;
}

div#smoked-text-top{
	padding-top: 61px;
	padding-left: 20px;
}

div#smoked-text-bottom{
	padding-top: 12px;
	padding-left: 20px;
}

div#footer{
	background: url(images/footer.gif) no-repeat;
	width: 952px;
	height: 80px;
	clear: both;
    position: relative;
    top: 10px;
}

div#copyright{
	float: left;
	color: #000000;
	padding-top: 35px;
	padding-left: 30px;
}

div#threeton{
	float: right;
	color: #000000;
	padding-top: 35px;
	padding-right: 30px;
}

a {
	text-decoration: none;
}

a link{
	text-decoration: none;
	color: #5b4c36;
}

.field-submits {
    padding-top: 5px;
}
