@charset "utf-8";
/* CSS Document */

.clearer {
clear: both;
height: 1px;
display: block;
}

body {
margin: 0;
padding: 0;
font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
background: url(images/bckgrd.jpg) repeat top left;
}

a { 
color: #cc0000;
text-decoration: none;
}

img {
	border: none;
}

a:hover {
text-decoration: underline;
}

#header {
background: url(images/header-bg.gif) repeat-x;
height: 159px;
}

#header h1 {
display: block;
width: 1024px;
background: url(images/header.png) no-repeat;
height: 159px;
padding: 0;
margin: 0 auto;
}

#header h1 a {
width: 264px;
height: 159px;
display: block;
background: transparent;
margin: 0 0 0 141px;
}

#header h1 a span {
display: none;
}

#topwrapper {
width: 880px;
margin: 0 auto;
}

#top-nav {
float: left;
width: 96px;
padding: 11px 10px 20px 10px;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
background: #FFFFFF url(images/top-nav-shadow.png) no-repeat bottom;
margin: 0 10px 0 0;
}

#top-nav ul {
font-size: 14px;
font-weight: bold;
background: #f5f5f5;
list-style: none;
padding: 2px 7px;
margin: 0;
}

#top-nav ul li {
padding: 3px 0;
border-bottom: 1px dotted #ccc;
}

#top-nav ul li.last {
border-bottom: none;
}

#top-banner {
float: left;
width: 730px;
height: 275px;
padding: 11px 10px 20px 10px;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
background: #FFFFFF url(images/top-banner-shadow.png) no-repeat bottom;
}

#top-banner p {
width: 730px;
height: 275px;
padding: 0;
margin: 0;
background: url(images/top-banner.jpg) no-repeat center #fff;
}

#top-banner p span {
display: none;
}

.top-banner-shadow {
width: 752px;
height: 9px;
background: url(images/top-banner-shadow.png) no-repeat;
}

#main-wrapper {
width: 880px;
margin: 10px auto;
}

#main-slider-nav-wrapper {
display: block;
float: left;
width: 118px;
margin: 0 10px 0 0;
}

#main-slider-nav {
width: 96px;
padding: 11px 10px 20px 10px;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
background: #FFFFFF url(images/top-nav-shadow.png) no-repeat bottom;
}

#main-slider-nav ul {
font-size: 14px;
font-weight: bold;
background: #f5f5f5;
list-style: none;
padding: 2px 7px;
margin: 0;
}

#main-slider-nav ul li {
padding: 3px 0;
border-bottom: 1px dotted #ccc;
}

#main-slider-nav ul li.last {
border-bottom: none;
}

#main-content {
width: 481px;
float: left;
margin: 0 8px 0 0;
}

#main-content h2 {
font-size: 22px;
padding: 0;
margin: 0 0 10px 0;
color: #cc0000;
font-weight: normal;
}

#main-content h3 {
font-size: 24px;
padding: 0;
margin: 0 10px -10px 10px;
text-transform: uppercase;
}

#main-content h4 {
font-weight: normal;
font-size: 20px;
padding: 0;
margin: 10px 10px 5px 10px;
color: #666;
}

#main-content p {
font-size: 18px;
line-height: 22px;
margin: 0 10px 15px 10px;
padding: 0;
}

#main-content #content-text {
font-size: 18px;
line-height: 22px;
margin: 0;
padding: 0;
color: #666;
}
#main-content #content-text p {
font-size: 18px;
line-height: 22px;
margin: 10px 0 20px 0;
padding: 0;
}
#main-content #content-text span.newstitl {
font-size: 20px;
line-height: 22px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
#main-content #content-text span.newsdate {
font-size: 14px;
line-height: 15px;
margin: 0px;
padding: 0px;
}
.main-content-block {
width: 459px;
padding: 11px 10px 20px 10px;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
background: #FFFFFF url(images/main-content-block-shadow.gif) no-repeat bottom;
margin-bottom: 20px;
}

.grey {
padding: 15px;
background: #f5f5f5;
}

#main-sidebar-wrapper {
width: 263px;
float: left;
}

#main-sidebar {
width: 263px;
}

#main-sidebar h2 {
font-size: 22px;
padding: 0;
margin: 0 0 10px 0;
color: #cc0000;
font-weight: normal;
}

#main-sidebar p {
font-size: 15px;
line-height: 18px;
margin: 0 0 15px 0;
padding: 0;
}

.main-sidebar-block {
width: 241px;
padding: 11px 10px 20px 10px;
border-left: 1px solid #efefef;
border-right: 1px solid #efefef;
background: #FFFFFF url(images/main-sidebar-block-shadow.png) no-repeat bottom;
}

#contact-wrapper {
width: 880px;
margin: 10px auto;
}

#contact-wrapper p {
color: #666;
font-size: 14px;
}

#contact-address {
float: left;
width: 180px;
margin: 0 0 0 150px;
}

#contact-tel-email {
padding-top: 17px;
float: left;
width: 240px;
}

#contact-rss {
padding-top: 17px;
float: left;
width: 140px;
margin: 0 0 0 120px;
}

#footer {
border-top: 6px solid #333333;
background: url(images/footer-bg.gif) bottom center no-repeat #001E38;
height: 159px;
margin-top: 30px;
}
/*---------------- form elements -----------------*/
form {
	margin: 0;
	padding: 0;
}
input, select {
	font-size: 13px;
}
.textit input {
	font-size: 20px;
	line-height: 29px;
	height: 29px;
	border: solid 1px #e1e1e1;
	width: 130px;
}
.textit2 input {
	font-size: 20px;
	line-height: 29px;
	height: 29px;
	border: solid 1px #e1e1e1;
	width: 200px;
	margin: 2px 0 5px 0;
}
.textit3 input {
	font-size: 20px;
	line-height: 29px;
	height: 29px;
	border: solid 1px #e1e1e1;
	width: 230px;
}
.textit3 textarea {
	font-size: 14px;
	line-height: 16px;
	height: 100px;
	border: solid 1px #e1e1e1;
	width: 300px;
}
.textit4 {
	float: left;
	width: 233px;
}
.textit4 input {
	font-size: 20px;
	line-height: 29px;
	height: 29px;
	border: solid 1px #e1e1e1;
	width: 230px;
}
.textit5 {
	float: right;
	width: 180px;
	padding-top: 15px;
}
label {
	cursor: pointer;
	font-size: 15px;
}
.rightalign {
	text-align: right;
}
.greytext {
	color: #666666;
}
.greytext2 {
	color: #666666;
	font-size: 11px;
}
#main-content p.normal {
	font-size: 18px;
	line-height: 22px;
	margin: 0 10px 15px 0px;
	padding: 0;
	color: #666666;
}
.missing input, .missing textarea, .missing select {
	background-color: #FDEFC4;
}
/*-------------- menu content --------------*/
div.insidemenu {
	padding-left: 10px;
}
div.formitm {
	float: left;
	width: 50%;
	display:table-cell;
	vertical-align: top;
}
div.formitm2 {
	vertical-align: top;
	margin-bottom: 5px;
}
div.formitmleft {
	float: left;
	width: 27px;
	vertical-align: top;
}
div.formitmright {
	float: left;
	width: 170px;
	vertical-align: top;
}
div.formitmcenter {
	float: left;
	width: 300px;
	vertical-align: top;
}
div.formitmright2 {
	float: left;
	width: 80px;
	vertical-align: top;
	text-align: right;
}
#toppings {
	 display: none;
	 border: 1px solid #CCCCCC;
	 background-color: #FFFFFF;
	 position: absolute;
	 left: 100px;
	 top: 100px;
	 padding: 20px;
}
/*-------------- menu ordering --------------*/
#order_response {
	font-size: 14px;
	overflow: hidden;
}
#order_response.ajax-loading {
	padding: 20px 0;
	background: url(images/spinner.gif) no-repeat center;
}
div.item_order {
	padding-bottom: 10px;
}
div.pointers {
	width: 11px;
	height: 24px;
	margin: 0;
	padding: 0;
	float: left;
}
div.pointers div.settop {
	margin: 0;
	padding: 0;
	border: none;
	width: 11px;
	height: 12px;
	cursor: pointer;
	background: url(images/plus_off.gif) no-repeat top left;
}
div.pointers div.settophover {
	margin: 0;
	padding: 0;
	border: none;
	width: 11px;
	height: 12px;
	cursor: pointer;
	background: url(images/plus_on.gif) no-repeat top left;
}
div.pointers div.setbottom {
	margin: 0;
	padding: 0;
	border: none;
	width: 11px;
	height: 12px;
	cursor: pointer;
	background: url(images/minus_off.gif) no-repeat bottom left;
}
div.pointers div.setbottomhover {
	margin: 0;
	padding: 0;
	border: none;
	width: 11px;
	height: 12px;
	cursor: pointer;
	background: url(images/minus_on.gif) no-repeat bottom left;
}
div.qnt {
	width: 17px;
	height: 24px;
	margin: 0;
	padding: 0;
	float: left;
	color: #ff3333;
	text-align: center;
	font-size: 15px;
}
div.desc_order {
	width: 130px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	font-size: 14px;
}
div.desc_order2 {
	width: 80px;
	margin: 0;
	padding: 0 0 0 58px;
	float: left;
	text-align: left;
	font-size: 14px;
}
div.desc_order3 {
	width: 28px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	font-size: 14px;
}
div.desc_order4 {
	width: 320px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	font-size: 14px;
}
div.desc_order5 {
	width: 35px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	font-size: 14px;
}
div.desc_order6 {
	width: 80px;
	margin: 0;
	padding: 0 0 0 275px;
	float: left;
	text-align: left;
	font-size: 14px;
}
div.price_order {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	font-size: 15px;
}
div.noorder {
	text-align: left;
	padding: 10px 0 20px 0;
	font-size: 16px;
}
div.grey_999999 {
	color: #999999;
}
.feedback {
	 color: #cc0000;
}
.sucess {
	padding: 10px;
	text-align: center;
	border: solid 1px #0000FF;
	color: #0000FF;
	font-weight: bold;
	background-color: #C4C4FF;
	font-size: 12px;
}
.error {
	padding: 10px;
	text-align: center;
	border: solid 1px #FF0000;
	color: #FF0000;
	font-weight: bold;
	background-color: #FFCACA;
	font-size: 12px;
}