html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	background:#fff;
	margin:0px auto;
	font-family:"Arial","Helvetica",sans-serif;
	color:#333;
	font-size:12px;
	padding:0;
}

p {padding:15px 0 0 0; line-height:100%; margin-bottom:18px; font-size:12px;}

h1 {font-size:16px;
font-weight:normal;
line-height:17px;
color:#141414;
font-family:Arial, Helvetica, sans-serif;}

h2 {
font-size:18px;
font-weight:normal;
line-height:22px;
color:#272425;
font-family:Arial, Helvetica, sans-serif;
margin:0 25px 25px;
width: 560px;
}

#quote h2 {
font-size:18px;
font-weight:normal;
line-height:22px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
margin:0 25px 0 0;
width: 340px;
}


h3 {font-size:16px; font-family:Arial, Helvetica, sans-serif; padding:20px 0 10px 12px;}

h5 {font-size:11px; color:#999; font-weight:bold;}


.clear {clear:both;}

#container {width:800px; margin:0px auto;}
#top {width:800px; height:125px; position:relative;}
#left {float:left; width:527px; padding:12px 0 0 0;}
#right {float:left; width:273px; padding:20px 0 0 0; height:250px;}
#right p {padding:10px 15px 0 5px;}
#logo {position:absolute; top:17px; left:241px; width:319px; height:84px;}
#navbar {width:800px; height:83px; background:url(../img/nav-placeholder.jpg); position:relative;}
#nav {width:498px; height:61px; padding:0 0 0 156px;}
#nav ul {padding:0; margin:0;}
#nav ul li {list-style-position:inherit; list-style-type:none; padding:0; margin:0; float:left; height:61px;}
#nav ul li.menu {width:63px;}
#nav ul li.location {width:80px;}
#nav ul li.about {width:65px;}
#nav ul li.press {width:65px;}
#nav ul li.contact {width:77px;}

#order {position:absolute; top:1px; right:15px; width:80px; height:82px;}
#main {padding:10px 0 0 0; min-height:400px;
  height:auto !important;
  height:400px;
}
#main1 {padding:10px 0 0 0; min-height:250px;
  height:auto !important;
  height:250px;
}

#footer {width:100%; height:220px; margin:30px 0 0 0; background:#000 url(../img/footer-bg.jpg) repeat-x; clear: both;}
#footer_info {width:800px; margin:0px auto;}
#quote {float:left; width:337px; padding:15px 20px 0 13px; height:102px;}
#quote a {color:#fff;}
#mag_pic {width:85px; float:left; padding-left:18px; padding-top:12px;}
#social {float:left; width:310px; height:117px; position:relative;}
#follow {position:absolute; top:18px; left:14px;}
#friend {position:absolute; top:19px; left:175px;}

#bottom {position:relative; height:103px; overflow:hidden;}
#copyright {padding:22px 0 0 14px; font-size:11px; line-height:110%; color:#272425;}
#copyright a, #copyright a:hover {color:#272425; text-decoration:none;}
#credits {position:absolute; top:20px; right:0; width:166px; height:24px;}


/* about */
#col1 {width:255px; padding:0 18px 0 0; float:left;}
#col2 {width:255px; padding:0 17px 0 0; float:left;}
#col3 {width:255px; padding:0; float:left;}
#col1 p, #col2 p, #col3 p {padding:0 15px 15px 12px; font-size:11px;}


/* Press */
#press1 {float:left; width:368px; padding:0 20px 0 12px;}
#press2 {float:left; width:368px; padding:0 20px 0 12px;}
#press1 p, #press2 p {font-size:17px; line-height:120%;}
#press1 a, #press2 a {color:#000; text-decoration:underline;}



/* contact */
#contact_form {float:left; width:460px; padding:0 0 0 12px; font-size:16px;}
#contact_form p {font-size:16px; margin:0 0 6px 0;}
#contact_info {float:left; width:328px; font-size:16px;}
#contact_info p {font-size:16px; margin:0 0 6px 0;}
textarea {
border:1px solid #CCCCCC;
color:#666666;
font-size:1em;
height:100px;
overflow:auto;
padding:3px;
width:340px;
font-family:Arial, Helvetica, sans-serif;
}
input {
background:#fff;
border:1px solid #CCCCCC;
color:#666;
padding:3px;
width:250px;
}




#nav ul li.home a {display:block; width:58px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-home.gif) no-repeat;}
#nav ul li.home a:hover {background-position: 0 -61px;}
#nav ul li.home_on a {display:block; width:58px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-home.gif) no-repeat; background-position: 0 -122px;}

#nav ul li.menu a {display:block; width:63px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-menu.gif) no-repeat;}
#nav ul li.menu a:hover {background-position: 0 -61px;}
#nav ul li.menu_on a {display:block; width:63px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-menu.gif) no-repeat; background-position: 0 -122px;}

#nav ul li.catering a {display:block; width:80px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-catering.gif) no-repeat;}
#nav ul li.catering a:hover {background-position: 0 -61px;}
#nav ul li.catering_on a {display:block; width:80px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-catering.gif) no-repeat; background-position: 0 -122px;}

#nav ul li.location a {display:block; width:80px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-location.gif) no-repeat;}
#nav ul li.location a:hover {background-position: 0 -61px;}
#nav ul li.location_on a {display:block; width:80px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-location.gif) no-repeat; background-position: 0 -122px;}

#nav ul li.about a {display:block; width:65px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-about.gif) no-repeat;}
#nav ul li.about a:hover {background-position: 0 -61px;}
#nav ul li.about_on a {display:block; width:65px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-about.gif) no-repeat; background-position: 0 -122px;}

#nav ul li.press a {display:block; width:65px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-press.gif) no-repeat;}
#nav ul li.press a:hover {background-position: 0 -61px;}
#nav ul li.press_on a {display:block; width:65px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-press.gif) no-repeat; background-position: 0 -122px;}

#nav ul li.contact a {display:block; width:77px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-contact.gif) no-repeat;}
#nav ul li.contact a:hover {background-position: 0 -61px;}
#nav ul li.contact_on a {display:block; width:77px; height:61px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/nav-contact.gif) no-repeat; background-position: 0 -122px;}

a.OrderBtn {display:block; width:80px; height:82px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/order.jpg) no-repeat;}
a.OrderBtn:hover {background-position: 0 -82px;}

a.tw {display:block; width:122px; height:56px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/twitter.gif) no-repeat;}
a.tw:hover {background-position: 0 -56px;}

a.fb {display:block; width:122px; height:53px; padding:0; float:left; text-decoration:none; outline:none; text-indent:-9999px; background: url(../img/facebook.gif) no-repeat;}
a.fb:hover {background-position: 0 -53px;}

/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}

/** Notices and Errors **/
div.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	background:#000000;
	padding: 5px;
}
div.error-message {
	clear: both;
	color: #fff;
	font-weight: bold;
	background: #c73e14;
	width:258px;
	margin-bottom:10px;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

/** Tables **/
table {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ?';
}
th a.desc:after {
	content: ' ?';
}
table tr td {
	background: #fff;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
table tr:nth-child(2n) td {
	background: #f5f5f5;
}
table .altrow td {
	background: #f5f5f5;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
table td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}

/** Forms **/

form .input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 110%;
	margin-bottom:3px;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	width: auto;
}
form .submit input[type=submit] {
	background:#62af56;
	background: -webkit-gradient(linear, left top, left bottom, from(#a8ea9c), to(#62af56));
	background-image: -moz-linear-gradient(top, #a8ea9c, #62af56);
	border-color: #2d6324;
	color: #000;
	text-shadow: #8cee7c 0px 1px 0px;
}
form .submit input[type=submit]:hover {
	background:#4ca83d;
	background: -webkit-gradient(linear, left top, left bottom, from(#85e573), to(#4ca83d));
	background-image: -moz-linear-gradient(top, #85e573, #4ca83d);
}
/**************Add By Ashok For New Button*********************/
#button_customize {
	background: url(img/customize.jpg) no-repeat 0px 0px;
	height: 64px;
	width: 405px;
	border:none;
	margin-top:10px;
	float:right;
	margin-bottom:20px;
}

#button_indexBack {
	background: url(img/back_button.jpg) no-repeat 0px 0px;
	text-align: left;
	text-indent: -999em;
	display: block;
	height: 64px;
	width: 377px;
	/*float: left;*/
	clear:both;
	display:block;
	margin-left:11px;
}

#button_review {
	background: url(img/review.jpg) no-repeat 0px 0px;
	height: 87px;
	width: 415px;
	border:none;
	margin-top:10px;
	float:right;
	margin-bottom:20px;
}
#button_place_order {
	background: url(img/place_order.jpg) no-repeat 0px 0px;
	height: 79px;
	width: 452px;
	border:none;
	margin-top:10px;
	float:right;
	margin-bottom:20px;
}

#button_reviewBack {
	background: url(img/clip_image003.gif) no-repeat 0px 0px;
	text-align: left;
	text-indent: -999em;
	display: block;
	height: 64px;
	width: 300px;
	/*float: left;*/
	clear:both;
	display:block;
	margin-left:11px;
}
/***********************************************************************/
/* menu */

.product_items_list .product_item{ clear: left; min-height: 135px; width:800px; padding: 15px 0; border-top: 1px dotted #dadada;}
.product_items_list_checkout .product_item{ clear: left; min-height: 65px; width:800px; padding: 15px 0; border-top: 1px dotted #dadada;}
.product_items_list .product_item .productImg {float: left; width: 270px; height: 118px;}
.product_items_list_checkout .product_item .productImg {float: left; width: 120px; /*height: 52px;*/}
.product_items_list .product_item .productImg img{}
.product_items_list .product_item .productDetails { float: left; width: 200px; margin: 0 35px;}
.product_items_list_checkout .product_item .productDetails { float: left; width: 200px; margin: 0 35px 0 55px}
.product_items_list .product_item .productDetails h2, .product_items_list_checkout .product_item .productDetails h2{ color:#000000; float:left; font-size:18px; width:  190px;margin:0;}
.product_items_list .product_item .productDetails h3, .product_items_list_checkout .product_item .productDetails h3{ color:#7a7a7a; font-size:11px; width:  190px;margin:0; padding: 0;}
.product_items_list .product_item .productDetails p{ clear: left; font-size: 10px; font-weight: bold; padding:5px 0;}

.product_items_list_checkout .product_item .productOptions{float:left; width:390px;}
.product_items_list_checkout .product_item .productOptions span{ display: block; font-size: 10px; font-weight: normal; padding:5px 0; }
.product_items_list_checkout .product_item .productOptions span ul{display: inline;  list-style-type: none;}
.product_items_list_checkout .product_item .productOptions span ul li{ display: inline; font-size: 10px; font-weight: normal; padding:5px 5px;}
.product_items_list .product_item .productOrderName { float: left; width: 258px; margin-top:25px;}
.product_items_list .product_item .productOrderName label{  font-size: 11px; width: 165px; float: left;}
.product_items_list .product_item .productOrderName input{  width:70px; float: left;}
.product_items_list .product_item .productQty { float: left; width: 250px; margin-top: 35px;}
.product_items_list .product_item .productQty p{ clear: left; font-size: 10px; font-style: italic; width: 225px; padding-top: 12px;}
.product_items_list .product_item .productQty label{float: left;}
.product_items_list .product_item .productQty input{ width: 45px; float: left; margin-left: 10px;}
.product_items_list .customizer { width: 800px;  float: left; /*display: none;border-top: 2px dotted #ccc;*/ font-size: 11px; padding-bottom: 10px;}
.product_items_list .customizer h3{ color: #000; text-transform: uppercase; font-size: 11px; font-weight: bold; text-align: left; margin-left: -8px;}
.product_items_list .customizer .chooseSize{ min-height: 150px; width: 220px; float: left; border-right: 1px solid #ccc; margin-right: 30px; }
.product_items_list .customizer .choosePeppers{min-height: 150px; width: 220px; float: left; border-right: 1px solid #ccc; margin-right: 30px; }
.product_items_list .customizer .chooseOptions{min-height: 150px; width: 270px; float: left; } 
.product_items_list .customizer .chooseMeats{min-height: 150px; width: 340px; float: left; border-right: 1px solid #ccc;  margin-right: 30px; } 
.product_items_list .customizer .chooseCheeses{min-height: 150px; width: 200px; float: left; margin-right: 30px; } 
.product_items_list .customizer .chooseSalad{border: none;} 
.product_items_list .customizer  div.options div.checkbox { float: left; margin-left: 15px; width: 120px;}
.product_items_list .customizer  div.meats div.checkbox { float: left; margin-left: 15px; width: 155px;}
.product_items_list .customizer  span.save {width: 100%; text-align: center; clear:both; display: block; margin-top: 10px;float: left;}
.product_items_list .customizer  .customizerDone { float: left; margin-left: 15px;  border: 1px solid #ccc; padding: 10px; color: #9a9797;}


/* login element */

div.loginBlock { display: none; float: left; margin: 0 25px 25px;}
div.loginBlock div.left { float: left; }
div.loginBlock div.left div{ float: left; margin: 0 25px 0 0;}
div.loginBlock div.left div.login_button{margin: 18px 0 0 0;}
div.loginBlock div.right  {float:left; clear: left; width: 800px;margin: 8px 0 0 0;}
div.loginBlock div.right ul {list-style-type: none; }
div.loginBlock div.right ul li{display: inline;margin: 0 15px 0 0;}