/*-----------------------------------------------------------------------
[AUTHOR]
Developed by:Darren Jones
[SITE]
URL:http://www.niceandspicy.com
Version:1.0
Company:Integer Computers (integeruk.com)
-------------------------------------------------------------------------
-------------------------------------------------------------------------
[ 1. Generics]
*/
body{margin:0;padding:0;font-family:'Arial',Helvetica,Sans-serif;font-size:10pt;color:#666;overflow-x:hidden;overflow-y:auto; padding: 0;}
a:link,:visited,:active{text-decoration:none;color:#666;}
img{border:none;margin:0;padding:0;}
/*-----------------------------------------------------------------------
[ 2. Welcome Page]
*/
.welcome_page{width:1024px;height:558px;display:block;margin-top:2px;background-image:url("../images/welcome.png");background-repeat:no-repeat;overflow:hidden;}
#enter{height:198px;width:185px;display:block;float:left;margin:133px 0 0 343px;}
#order_online{height:198px;width:185px;display:block;float:left;margin:-198px 0 0 543px;}
/*-----------------------------------------------------------------------
[ 3. Footer]
*/
.footer{width:833px;margin-left:auto;margin-right:auto;margin-top:-15px;display:block;font-size:9pt;color:#666;list-style:none;}
#footer_left{margin-right:170px;float:left;}
.footer li{display:inline;margin-left:4px;}
/*-----------------------------------------------------------------------
[ 4. Container]
*/
.container{width:835px;margin-top:0px; margin-left: auto; margin-right: auto;display: block;}
.main{width:826px;margin-left:auto;margin-right:auto;margin:-11px 0 0 3px;display:block;}
.main_left{width:347px;float:left; margin-left: 1px;}
.main_right{width:450px;height:410px;margin-left:347px;padding:10px 10px 0 20px;background-image:url(../images/bg_right.jpg);margin-top:40px;}
#header{margin-bottom:-4px; margin-top: -4px;}
/*-----------------------------------------------------------------------
[5. Navigation]
*/
#Nabout{margin-left:4px;margin-right:0px;float:left;}
#Nonline_menu{margin-right:0px;float:left;}
#Norder_online{margin-right:0px;float:left;}
#Ndelivery_service{margin-right:0px;float:left;}
#Nstore_locator{margin-top:0;float:left;}
#Ncontact{margin-top:0;float:left;}
/*-----------------------------------------------------------------------
[6. Misc]
*/
.text p{width:450px;margin-right:5px;line-height:14px;float:right;}
.text{background:url(../images/bg_right.jpg);}
#spacer{width:835px;margin-left:auto;margin-right:auto;margin-top:-5px;}
#baseline{margin-left:4px;margin-top:-10px;height:9px; width: 826px;}
/*-----------------------------------------------------------------------
[7. Order Online]
*/
.ordon_main{width:783px;margin-left:auto;margin-right:auto;margin:0px 0 -5px 4px;display:block;border-left:1px solid;border-right:1px solid;border-color:#B8B8B8;padding:30px 20px 20px 20px;float:left; height: 320px;}
.courses{width:140px;float:left;}
.courses td{background-image:url(../images/button.jpg);width:141px;height:29px;text-align:center;font-weight:bold;color:#222;font-size:0.9em;}
.courses td:hover{background-image:url(../images/green_button.jpg);background-repeat:no-repeat;width:141px;height:29px;color:#FFF;}
.courses a{color:inherit;}
.courses td a{width:134px;height:22px;display:block;padding-top:7px;}
.submenu {width: 300px;float: center;}
.submenu td{background-image: url(../images/button.jpg);	width: 141px;height: 29px;text-align: center;font-weight: bold;color: #222;font-size: 0.7em;}
.submenu td:hover{background-image: url(../images/green_button.jpg);	background-repeat: no-repeat;	width: 141px;	height: 29px;	color: #FFF;}
.submenu a {color: inherit;}
.submenu td a {width: 134px; height: 25px; display: block; padding-top: 7px;}
.desc{height:30px;display:block;}
.ordon_right{float:left;width:606px;margin-left:20px;}
.ordon_right table{float:left;width:330px;}
#add{display: none;}
#options {margin: -15px 0 0 180px;float: left;}
#active{background-image:url(../images/green_button.jpg);background-repeat:no-repeat;width:141px;height:29px;color:#FFF;}
#active a{color:inherit;}
/*-----------------------------------------------------------------------
[8. Hot'O'Meter]
*/
#hotometer p{font-size:0.8em;margin-top:2px;}
#hotometer h2{font-size:1.1em;color:#111;margin-top:2px;}
#mild{background-image:url(../images/order_online/mild.jpg);background-repeat:no-repeat;width:320px;height:72px;padding:2px 8px 0 80px;}
#mild h1{font-size:1em;margin:-28px 0 0 160px;text-align:right;color:#74AF19;}
#medium{background-image:url(../images/order_online/medium.jpg);background-repeat:no-repeat;width:320px;height:72px;padding:2px 8px 0 80px;}
#medium h1{font-size:1em;margin:-28px 0 0 160px;text-align:right;color:#E67300;}
#hot{background-image:url(../images/order_online/hot.jpg);background-repeat:no-repeat;width:320px;height:72px;padding:2px 8px 0 80px;}
#hot h1{font-size:1em;margin:-28px 0 0 160px;text-align:right;color:#E70008;}
#blank{background-image:url(../images/order_online/blank.jpg);background-repeat:no-repeat;width:320px;height:72px;padding:2px 8px 0 80px;}
#blank h1{font-size:1em;margin:-28px 0 0 160px;text-align:right;color:#E70008;}
/*-----------------------------------------------------------------------
[9. Current Order]
*/
.current_order{float:right;width:246px;vertical-align:top;}
#items{width:246px;border-left:7px solid;border-right:7px solid;border-color:#D3E7AA;margin-top:-3px;font-size:0.8em;color:#222;}
#total td{padding-left:32px;}
#total_td{background-image:url(../images/order_online/total_td.jpg);background-repeat:no-repeat;}
#items :hover{color:#222;}
#total{background-color:#D3E7AA;width:246px;margin-top:-3px;color:#77b218;font-weight:bold;font-size:1.1em;}
#total :hover{color:#77B218;}
#cost{color:#76a020;font-weight:bold;}
#coursetitle{font-size:2.4em;text-transform:uppercase;font-family:Times;margin:-48px 0px 0 10px;float:right;color:#62A10C; width: 580px;}
.completeorder td{font-size:0.9em;}
.completeorder h3{color:#111;}
input{width:120px;}
#scroll{height:400px;overflow-y:scroll;overflow-x:hidden;padding-bottom:5px;}
#cardstable{background-image:url(../images/order_online/cardsbg.jpg);background-repeat:no-repeat;padding-left:5px;}

#mealdeals {display: inline;}
#mealdeals li {background-image: url(../images/order_online/mealdeal.jpg); width: 168px; height: 125px; list-style: none; float: left; margin-right: 33px; margin-bottom: 20px;}
#mealdeals li a {height: 60px; width: 148px; display: block; font-family: Times; color: #FFF; font-size: 1.5em; line-height: 24px; padding-top: 65px; text-align: center; padding-left: 10px; padding-right: 10px;}
#mealdeal{float:left;}
#mdtop{background-image:url(../images/top.jpg);height:40px;width:325px;background-repeat:no-repeat;display:block;float:left;}
#mdtitle{background-image:url(../images/middle.jpg);margin-top:-2px;width:315px;color:#FFF;padding:0px 5px 0 5px;font-size:1.5em;text-align:center;float:left;}
#mdmid{background-image:url(../images/middle.jpg);width:315px;color:#FFF;padding:10px 5px 0 5px;float:left;}
#mdbtm{background-image:url(../images/bottom.jpg);height:33px;width:325px;background-repeat:no-repeat;display:block;float:left;}	

#ad{float:right;margin-top:-582px;margin-right:50px;}
#ad2{float:right;margin-left:540px;position:fixed;top:3px;}

.main_left a {display: block; background-color: #EEE; margin-bottom: 5px; width: 90%; padding: 5px 10px;}
.main_left a:hover {background-color: #CCC; color: #FFF;}

.btnsmall{cursor:pointer;width:30px;height:15px; padding: 3px 8px; background: #aaa; border: 1px solid #444; color: #fff; float: left;}