/*
===================
Global
===================
*/
label {
	font-family:"Segoe UI", Arial, Sans-Serif;
	font-size:12px;
	color:#444;
	line-height:150%;
}
address {
	font-family:"Segoe UI", Arial, Sans-Serif;
	font-size:12px;
	color:#444;
	line-height:150%;
}
p {
	font-family:"Segoe UI", Arial, Sans-Serif;
	font-size:12px;
	color:#444;
	line-height:150%;
}
select {
	font-family:"Segoe UI", Arial, Sans-Serif;
	font-size:12px;
	color:#444;
	line-height:150%;
}
textarea {
	font-family:"Segoe UI", Arial, Sans-Serif;
	font-size:12px;
	color:#444;
	line-height:150%;
}
input {
	font-family:"Segoe UI", Arial, Sans-Serif;
	font-size:12px;
	color:#444;
	line-height:150%;
}
body {
	font-family:"Segoe UI", Arial, Sans-Serif;
	font-size:12px;
	color:#444;
	line-height:150%;
}
body {
	background:#49d;
}
h2 {
	font-size:22px !important;
	font-weight:normal;
	font-style:italic;
	font-family:"Segoe UI", Arial !important;
	color:#444 !important;
	line-height:100%;
	padding:10px 0 25px 0;
	text-align:center;
	background:url('Images/divider.gif') no-repeat center bottom;
}
h1 {
	font-size:22px !important;
	font-weight:normal;
	font-style:italic;
	font-family:"Segoe UI", Arial !important;
	color:#444 !important;
	line-height:100%;
	padding:10px 0 25px 0;
	text-align:center;
	background:url('Images/divider.gif') no-repeat center bottom;
}
h3 {
	font-size:18px;
	color:#49d;
	font-weight:bold;
	margin-bottom:1em;
}
h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:.15em;
	color:#49d;
}
small {
	font-size:.7em;
}
a {
	color:#444 !important;
	
}
p {
	font-family:"Segoe UI", Arial !important;
	color:#444 !important;
	line-height:150%;
}
address {
	margin-bottom:1em;
	font-style:normal;
}
p {
	margin-bottom:1em;
	font-style:normal;
}
ul.bullet {
	list-style:disc;
	padding-left:1.35em;
	margin-bottom:1em;
}
table {
	margin-bottom:1em;
}
em {
	font-style:italic;
}
.clear {
	clear:both;
	height:1px;
	line-height:0;
}
.left	{ float:left }
.right	{ float:right }

/*
===================
Page Layout
===================
*/
#header {
	padding-top:15px;
	background:#479ad3 url('Images/bg-header.gif') repeat-x 50% top;
}
#content {
	background:#fff url('Images/bg-content.gif') repeat-x 50% top;
	padding-top:30px;
}
#footer {
	background:#49d url('Images/bg-footer.gif') repeat-x 50% top;
	padding:55px 0 40px .7em;
	color:#fff;
	text-align:center;
}
.static {
	width:920px;
	margin:20px auto;
}
#leftPanel {
	float:left;
	width:550px;
}
#rightPanel {
	float:right;
	width:280px;
	padding-left:15px;
	border-left:1px dotted #ccc;
}

/*
===================
Navigation
===================
*/
#logo {
	display:block;
	margin:0 auto 15px auto;
	width:330px;
	height:65px;
	background:url('Images/cateringlogo.jpg') no-repeat center top;
	text-indent:-1500px;
	outline:none;
}
ul#nav {
	margin:auto;
	height:1.8em;
	width:864px;
	padding-left:1em;
}
ul#nav li {
	float:left;
	margin-right:1em;
}
ul#nav li a {
	float:left;
	width:95px;
	color:#fff !important;
	text-align:center;
	text-decoration:none;
	text-transform:lowercase;
	line-height:1.8em;
	background:#69b0e1 url('Images/bg-nav.gif') repeat-x 50% top;
	border-top:1px solid #96c8ea;
	margin-top:-1px;
}
.wedding ul#nav li.active a {
	color:#888 !important;
	background:#fafbfb url('Images/bg-nav-active.gif') repeat-x 50% bottom;
	border-top:2px solid #fff;
	margin-top:-2px;
}

ul#nav li.active a {
	color:#888 !important;
	background:#fafbfb url('Images/bg-nav-active.gif') repeat-x 50% bottom;
	border-top:2px solid #fff;
	margin-top:-2px;
}

/*
===================
Footer
===================
*/
#footer ul {
	height:1.5em;
	text-align:center;
	margin-bottom:2.5em;
}
#footer li {
	display:inline;
	border-right:1px solid #fff;
	margin-right:12px;
	padding-right:12px;
}
#footer li.last {
	border:none;
	padding:0;
	margin:0;
}
#footer a {
	color:#fff !important;
	font-weight:normal;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer small {
	font-size:10px;
}

/*
===================
Home Page
===================
*/
#introHome {
	width:864px;
	margin:auto;
}
#bullets {
	height:1.5em;
	font-size:13px;
	text-align:center;
	border-bottom:1px solid #ddd;
	margin:1em 0 2em 0;
}
#bullets li {
	display:inline;
	margin-right:1em;
}
#bullets li.first {
	color:#49d;
	font-weight:bold;
}
#buttons {
	float:left;
	width:420px;
}
#buttons li {
	margin-bottom:20px;
}
#buttons a img {
	display:block;
	height:100px;
}
#buttons a {
	display:block;
	height:100px;
}
#hero {
	width:420px;
	float:right;
	position:relative;
}
#hero img {
	display:block;
	margin-bottom:3px;
}
#hero p {
	text-align:center;
	letter-spacing:1px;
	color:#777;
	text-transform:lowercase;
}
#hero .overlay {
	opacity:.4;
	filter:alpha(opacity=40);
	background:#fff;
	position:absolute;
	float:none;
	z-index:1;
}
#hero .bottom {
	width:420px;
	height:16px;
	top:0;
	left:0;
}
#hero .top {
	width:420px;
	height:16px;
	top:0;
	left:0;
}
#hero .bottom {
	top:324px;
}
#hero .right {
	width:16px;
	height:308px;
	top:16px;
	left:0;
}
#hero .left {
	width:16px;
	height:308px;
	top:16px;
	left:0;
}
#hero .right {
	left:404px;
}
#introText {
	clear:both;
	width:864px;
	margin:auto;
}
#introText p {
	float:left;
	width:260px;
	margin:30px 0 0 13px;
	border-left:1px dotted #bbb;
	padding-left:13px;
}
#introText p.first {
	margin-left:0;
	border:0;
	padding:0;
}

/*
===================
Paging
===================
*/
.pagingContainer {
	clear:left;
	padding:.2em .6em;
	background:#eee;
	height:1.5em;
}
.pagerText {
	float:left;
}
.pager {
	float:right;
}
div.pager * {
	margin-left:8px;
}

/*
===================
Menu Categories
===================
*/
#menu {
	width:920px;
	margin:auto;
	padding:30px 0 0 40px;
}
#menu li {
	float:left;
	width:460px;
	margin-bottom:20px;
}
#menu a {
	display:block;
	position:relative;
	padding:12px 12px 0 120px;
	height:104px;
	text-decoration:none;
	margin-right:28px;
	outline:none;
	border:1px solid #fff;
}
#menu a:hover {
	background:#eee url('Images/bg-category.gif') repeat-x;
	border-color:#e7e7e7;
}
#menu strong {
	display:block;
	font-size:22px;
	color:#444;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
	line-height:110%;
	margin:-.2em 0 .2em 0;
}
#menu span {
	display:block;
	font-weight:normal;
	color:#444;
	text-decoration:none;
	line-height:140%;
}
#menu img {
	position:absolute;
	top:8px;
	left:8px;
}

/*
===================
Menu Items
===================
*/
#menuDetail {
	width:920px;
	margin:auto;
}
#menuDetail li.topLevel {
	float:left;
	width:323px;
	height:116px;
	margin-bottom:10px;
	position:relative;
	padding:10px 25px 0 112px;
	border-bottom:1px solid #ddd;
}
#menuDetail h3 {
	display:block;
	font-size:16px;
	text-decoration:none;
	margin-bottom:0;
}
#menuDetail h3 a {
	color:#49d;
	text-decoration:none;
}
#menuDetail h3 a:hover {
	text-decoration:underline;
}
#menuDetail p {
	margin:3px 0;
}
p.add {
	float:left;
	margin-top:3px;
}
em.price {
	font-weight:bold;
	font-style:normal;
	color:#49d;
	margin-right:6px;
}
p.price span {
	font-weight:bold;
	font-style:normal;
	color:#49d;
	margin-right:6px;
}
p.add em {
	font-weight:bold;
	font-style:normal;
	color:#49d;
	margin-right:6px;
}
p.price em {
	color:#444;
	font-weight:normal;
	font-style:italic;
	margin-left:5px;
}
p.add em.min {
	color:#444;
	font-weight:normal;
	font-style:italic;
	margin-left:5px;
}
p.price em {
	margin:0;
}
input.itemQty {
	width:20px;
	line-height:120%;
}
#menuDetail img {
	display:block;
	position:absolute;
	top:8px;
	left:0;
	background:#ddd url('Images/bg-thumb.gif') no-repeat;
	width:100px;
	height:100px;
}
#menuDetail ul.choices {
	position:absolute;
	display:none;
	background:#eee;
	padding:8px;
	border:1px solid #ccc;
	z-index:1;
}

/*
===================
Category Menu
===================
*/
.categoryList {
	margin-top:-15px;
	padding-bottom:20px;
	text-align:center;
}
.categoryList li {
	display:inline;
}
.categoryList a {
	color:#888 !important;
	text-decoration:none;
	font-weight:normal;
	margin-right:1.2em;
}
.categoryList a:hover {
	border-bottom:4px solid #ddd;
}
.categoryList li.active a {
	border-bottom:4px solid #e13;
}

/*
========================
Validation
========================
*/
.validation-container {
	background:#cfe687;
	padding:10px;
	line-height:120%;
	margin-bottom:20px;
}
.validation-container h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:.2em;
	color:#000;
}
.validation-container ul {
	margin:0;
	color:#000;
}

/*
========================
Contact Page
========================
*/
address {
	float:left;
	width:14em;
	font-size:13px;
}
address span {
	display:block;
	line-height:130%;
}
ul.contact span {
	float:left;
	text-align:center;
	width:1.4em;
	margin-right:.4em;
	font-weight:bold;
	color:#fff;
	background:#49d;
}
ul.contact li {
	font-size:13px;
	float:none;
	width:auto;
	margin:0 0 .5em 0;
	line-height:120%;
}
p.formIntro {
	margin:0 20px 1.5em 20px;
}
div.contact {
	/* background:#e2e2e2 url(/Images/sample-van.gif) bottom right no-repeat; */
}

/*
========================
About us
========================
*/
#introPics {
	height:100px;
}
#introPics li {
	float:left;
	margin-right:10px;
}
#testimonials li {
	margin-bottom:1.5em;
}

========================
Tables
========================
*/
table.gridview {
	width:100%;
	background:#fff;
	margin-bottom:.8em;
}
table.gridview td {
    padding:6px 0 6px 8px;
    text-align:left;
    border-bottom:1px solid #ddd;
    vertical-align:middle;
}
table.gridview th {
    padding:6px 0 6px 8px;
    text-align:left;
    border-bottom:1px solid #ddd;
    vertical-align:middle;
}
table.gridview th {
	color:#fff;
	background:#e13;
	font-weight:bold;
	text-transform:lowercase;
	letter-spacing:1px;
	padding:4px 0 4px 8px;
}
table.gridview .productName {
	font-size:14px;
}
table.gridview .money {
	text-align:right;
	padding-right:15px;
}
table.gridview a {
	font-weight:bold;
	margin-right:1em;
	color:#49d !important;
}
table.gridview img {
	display:block;
}
table.gridview input.text {
	width:25px;
	text-align:center;
}
table.gridview tr.freight td {
	padding-top:20px;
}
table.gridview tr.total td {
	text-align:right;
	padding-right:15px;
}
table.gridview tr.total input {
	border:none;
	cursor:default;
	text-align:right;
	padding:0;
	color:#444;
	width:80px;
	background:#fff;
}
table.gridview tr.total div {
	text-align:right;
}
table.gridview tr.grand input {
	font-size:16px;
	font-weight:bold;
	background:#eee;
}
table.gridview tr.grand td {
	background:#eee;
	font-weight:bold;
}
table.gridview ul.bullet {
	font-size:11px;
	margin-bottom:.5em;
	padding:0;
	list-style:none;
}
table.gridview dl {
	padding-left:10px;
	border-left:5px solid #ddd;
	margin:6px 0 0 20px;
}
table.gridview dt {
	font-size:12px;
	font-weight:bold;
	color:#49d;
	line-height:100%;
}
table.cart {
	border:1px solid #ddd;
}