* { padding: 0; margin: 0;}

    body {
        padding:0;
        margin:0;
        background-image:url(../images/Web_BG.gif);
        font-family: Arial, Helvetica, sans-serif;
    }

    #main_container { width: 960px; margin: 0 auto; text-align: center; }
    
    #container {

    }

    #header {
        height: 291px;
    }
    
    #header div { *margin-left: -480px; }
    
    #Step1 {
        width: 100%;
        height: 30px;
        background: url(../images/Step1Info_Bar_BG.gif) repeat-x center;
        text-align: left;
    }
    
    #Step1 img {
        
    }
    
    #footer {
        height: 130px;
        clear: both;
        text-align: left;
        background: url(../images/Footer_BG.gif)  repeat-x center;
        padding: 0;
    }

    #FoodMenu {
        width: 960px !important;
        width: 860px;
        height: 205px;
        margin: 0 auto;
        background-image:url(../images/MenuChoice_BG.gif);
    }

    #FoodTray {
        width: 480px;
        height: 560px;
        background-color: #CC0000;
        float: left;
    }

    #FoodTray_Draghere{
        padding: 20px 0 0 0;
        width: 480px;
        height: 115px;
        margin: 0 auto;
        text-align: center;
        font-family:Arial, Helvetica, sans-serif;
        color: #FFCC00;
        font-weight: bold;
    }

    #FoodTray_DropHere{
        padding: 35px 10px 10px 10px;
        width: 90%;
        height: 50px;
        margin: 0 auto;
        background-image:url(../images/Drophere_BG.gif);
        background-repeat:repeat-x;
    }

    #FoodTray_breakdownitems {
        text-align:left;
        width: 480px;
        height: 275px;
        text-align: left;
        margin: 0 auto;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #ffcc00;
    }

    #FoodTray_breakdownitems_inside{
        padding: 10px 10px 0px 10px;
        width: 90%;
        height: 265px;
        margin: 5px auto;
        overflow: auto;
    }

    .FoodTray_breakdownitems_inside_left{
        border-bottom: 1px solid #F41A1A;
        width: 86%;
        float: left;
    }

    .FoodTray_breakdownitems_inside_right{
        border-bottom: 1px solid #F41A1A;
        width: 10%;
        float: left;
        text-align: right;
        font-weight: bold;
    }

    #FoodTray_breakdownitems_total{
        padding: 10px 10px 0px 10px;
        width: 90%;
        height: 60px;
        margin: 0 auto;
    }

    .FoodTray_breakdownitems_total_left {
        width:85%;
        float:left;
        text-align:right;
    }

    .FoodTray_breakdownitems_total_right{
        width:15%;
        float:left;
        text-align:right;
    }

    .FoodTray_breakdownitems_total_left1 {
        width:85%;
        float:left;
        text-align:right;
        font-weight: bold;
    }

    .FoodTray_breakdownitems_total_right2 {
        width:15%;
        float:left;
        text-align:right;
        font-weight: bold;
    }

    #formbox {
        color: #fff;
        font-size: 11px;
        width: 460px;
        height: 435px;
        padding: 10px 20px 0px 0px;
    }

    #footerContent {
        width: 800px;
        height: 130px;
        float:left;
        margin:0 auto;
        padding: 0 0 0 0;
        font-size: 10px;
        font-family:Arial, Helvetica, sans-serif;
        color:#AF3415;
        }
    #footerLogo {
        width: 160px;
        height: 130px;
        float: right;
        margin: 0 auto;
        padding: 0 0 0 0;
        }

    img { border: 0;
    }

    input, select, textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        border: 1px solid #ccc;
    }

    input:focus, select:focus, textarea:focus {
        background: #FFFFCC;
    }

    input[type=checkbox], input[type=radio] {
        border: 0px;
    }

    #info_box {
        width: 480px;
        height: 560px;
        background-color: #CC0000;
        float: left;
        background-image:url(../images/DeliveryInfo_BG.gif);
    }

    #info_top{
        font-family:Arial, Helvetica, sans-serif;
        color:#FFFFFF;
        font-size:10px;
        width: 480px;
        height: 200px;
        }

    #MainMenu {
        padding: 0px;
        margin: 0px;
        width: 960px;
        text-align: center;
    }
    #MainMenu li {
        cursor:pointer;
        list-style-type: none;
        padding: 0 10px 0 0;
        margin: 0;
        display: inline;
    }

    #navs {
        text-align: center;
        margin: 0px;
        width: 960px;
    }

    #Step2 {
        width: 100%;
        height: 30px;
        text-align: left;
        background: url(../images/Step2Info_Bar_BG.gif) repeat-x center;
    }

    #Step3 {
        width: 100%;
        height: 30px;
        text-align: left;
        background:url(../images/Step2Info_Bar_BG.gif) repeat-x center;
    }

    #Step4 {
        width: 100%;
        height: 30px;
        text-align: left;
        background: url(../images/Step3Info_Bar_BG.gif) repeat-x center;
    }

    #scrollmenu	{
        width:100%;
        height: 170px;
        float:left;
        color:#FFFFFF;
        overflow: hidden;
    }

    #categoryLoader{
        background: url(../images/ajax-loader3.gif) no-repeat;
        position: relative;
        margin-left:380px;
        margin-top:50px;
        height: 118px;
        width: 168px;
        display: none;
    }

    #wrap {
        height:255px;
        width:850px;
        display:block;
        overflow:hidden;
        position:relative;

        top: 0 !important;
        top: -250px;
        left: 15px !important;
        left: 55px;
    }
    #carousel {
        left:0pt;
        margin:0pt;
        padding:0pt;
        position:absolute;
        top:0pt;
        width:10000px;
    }
    #carousel .item,
    #carousel li {
        height:185px;
        width:293px;
        margin:0;
        padding:0;
        float:left;
        display:inline;
    }

    #scrollmenu_buttonleft  {
        cursor:pointer;
        width: 40px;
        height:185px;
        text-align:right;
        padding-top: 70px;
        float: left;
    }
/*
    #scrollmenu_buttonleft	{
        background:url(../images/button/button_left.gif) no-repeat center;
        width: 40px;
        height:185px;
        text-align:right;
        padding-top:30px;
        float: left;
    }
  */
    #scrollmenu_buttonright	{
        cursor: pointer;
        width: 40px;
        height:185px;
        text-align:left;
        padding-top: 70px;
        float: left;
        position:relative;
        top:-255px !important;
        left:920px !important;

        top: -500px;
    }

    #scrollmenu_order1  {
        width:293px;
        height: 185px;
        float:left;
    }

    #scrollmenu_order2  {
        width:293px;
        height:185px;
        float:left;
    }
    #scrollmenu_order3  {
        width:293px;
        height: 185px;
        float:left;
    }

    #spacer_breakdownitems {
        border-bottom: 1px solid #CC0000;
        width: 5%;
        float: left;

    }


    #shadowbox_sys_msg {
        color: red;
        padding: 15px;
    }

    #ImDone {
        cursor:pointer;
    }




    .tool-tip {
        color: #9FD4FF;
        width: 139px;
        z-index: 13000;
    }

    .tip {
        padding:5px;
        color: #9FD4FF;
        background: url(http://8mcdo.localhost/images/bubble.png) repeat scroll left center;
    }

    .tip-top {
        font-weight: bold;
        font-size: 11px;
        margin: 0;
        color: #9FD4FF;
        padding: 8px 8px 4px;
        background: url('http://8mcdo.localhost/images/bubble.png') top left;
    }

    .tip-bottom {
        font-size: 11px;
        padding: 4px 8px 8px;
        background: url('http://8mcdo.localhost/images/bubble.png') bottom right;
    }

    .custom-tip {
        color: #000;
        width: 130px;
        z-index: 13000;
    }

    .custom-title {
        font-weight: bold;
        font-size: 11px;
        margin: 0;
        color: #3E4F14;
        padding: 8px 8px 4px;
        background: #C3DF7D;
        border-bottom: 1px solid #B5CF74;
    }

    .custom-text {
        font-size: 11px;
        padding: 4px 8px 8px;
        background: #CFDFA7;
    }

    .food-tray-loader {
		background: url(../images/ajax-loader4.gif) no-repeat;
		width: 32px;
		height: 32px;
    }

    .itemDeleteButton {
        cursor:pointer;
        background:transparent url(../images/action_delete.gif) no-repeat scroll 0%;
        float:left;
        height:16px;
        position:relative;
        width:4%;
    }

    .itemDeleteButtonLoader {
        background:transparent url(../images/ajax-loader5.gif) no-repeat scroll 0%;
        float:left;
        height:16px;
        position:relative;
        width:4%;
    }
    
    .imgButton {
        cursor:pointer;
    }

a.linkbottom:link {
	font-size: 10px;
	font-weight: normal;
	color:#AF3415;
	text-decoration: none;
}

a.linkbottom:hover {
	font-size: 10px;
	font-weight: normal;
	color:#AF3415;
	text-decoration: none;
}

a.linkbottom:active {
	font-size: 10px;
	font-weight: normal;
	color:#AF3415;
	text-decoration: none;
}

a.linkbottom:visited {
	font-size: 10px;
	font-weight: normal;
	color:#AF3415;
	text-decoration: none;
}

a.linkbody:link {
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}

a.linkbody:hover {
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}

a.linkbody:active {
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}

a.linkbody:visited {
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
}

.imageLoadFirst {
    display: none;
}

.miniLoader {
    background: url(../images/ajax-loader5.gif) transparent no-repeat scroll 0;
    background-position: top left;
}