
/* Global Styles */
body {
    padding: 0px;
    margin: 0px; 
    background: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
}

img {
    border: 0px;
}

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

select {
    border-color:#838283 #D6D3CE #D6D3CE #838283;
    border-style:solid;
    border-width:1px;
    font-size: 14px;
}

select.large_font_select {
    font-size: 16px;
}

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

div {
    padding: 0px;
    margin: 0px;
    display: block;
    text-align: left;
}

.right {
    float: right;
}

.left {
    float: left;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

#spacer {
    width: 100%;
    display: block;
    float: left;
    height: 5px;
}

#calendar {
    z-index: 1;
}

#errors {
    border: 1px solid #D6D3CE;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    background-color: #FFD5CF;
    margin-bottom: 5px;
    width: 468px;
    float: left;
    display: block; 
}

#errors_wide {
    border: 1px solid #D6D3CE;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    background-color: #FFD5CF;
    margin-bottom: 5px;
    display: block;
    width: 900px;
}

#messages {
    border: 1px solid #D6D3CE;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    background-color: #D1EFD2;
    margin-bottom: 5px;
    width: 468px;
    float: left;
    display: block;
}

#buttons {
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
}

input.error {
   background-color: #FFD5CF; 
}

select.error {
   background-color: #FFD5CF; 
}

/* Header Styles */
#header {
    width: 980px;
    height: 190px;
    margin: 5px auto;
	overflow: hidden;
}

#header img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

#header #header_img {
    float: left;
    width: 50%;
}

#header #header_content {
    width: 50%;
    float: left;
    overflow: hidden;
}

/* Navigation */
#navigation {
    color: #575757;
    background: #FFE56A;
    font-weight: bold;
    font-size: 92.85%;
    margin: 0;
    padding: 0;
    height: 40px;
    min-width: 1135px;
    line-height: 40px;
    list-style: none;
    text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

#navigation li {
    display: inline;
    margin: 0 1.5em;
}

#navigation a:link, #navigation a:visited {
    text-decoration: none;
    color: #575757;
}

#navigation a:hover, #navigation a:active, #navigation .active a:link, #navigation .active a:visited {
    text-decoration: underline;
}

/* Body Styles */
#body {
    width: 980px;
    min-height: 500px;
    margin: 5px auto;
    font-size: 13px;
}

#link {
    float: right;
    display: block;
}

#body_left_column {
   width:250px;
   margin:0 auto;
   padding:0 0 32px 0;
   float: left;
}

#body_left_column_blank {
    width: 193px;
    float: left;
    display: block;
}

#body_center_column_wide {
    width:537px;
    margin:0 auto;
    padding:0 0 32px 0;
    float: left;
}

#body_center_column {
   width:480px;
   margin:0 auto;
   padding:0 0 32px 0;
   float: left;
}

#body_center_column #column_header {
    font-size: 16px;
    font-weight: bold;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 480px;
}

#body_center_column #column_header_large, #body_center_column_wide #column_header_large {
    font-size: 18px;
    font-weight: bold;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 480px;
}

#body_center_column input[type="text"], #body_center_column input[type="password"] {
    border-color:#838283 #D6D3CE #D6D3CE #838283;
    border-style:solid;
    border-width:1px;
}

#body_center_column #action_heading {
    width: 480px;
    display: block;
    float: left;
}

#body_center_column #action_heading span{
    margin-top: 3px;
    display: block;
    font-size: 16px;
    font-weight: bold;
}

#body_center_column #action_heading img{
    display: block;
    float: left;
    margin: 0px 7px 0px 0px;
}

#body_right_column {
   width:250px;
   margin:0 auto;
   padding:0 0 32px 0;
   float: left;
}

#main_left_column {
    float: left;
    display: block;
    width: 731px;
}

#main_left_column #rds_info {
    display: block;
    float: left;
    margin-top: 8px;
    width: 735px;
    min-height: 100px;
}

#main_right_column {
    float: left;
    display: block;
    width: 249px;
}

/* Footer Styles */
#footer {
  width: 100%;
  clear: both;
  margin: 0 auto;
  height: 100px;
  color: #FFFFFF;
  background: #575757;
  border-top: 2px solid #010100;
  border-bottom: 1px solid #010100;
  padding: 1.4em 0;
  overflow: hidden;
  vertical-align: baseline;
}

#footer #site_map a{
    font-size: 12px;
    font-weight: bold;
    color: #FFE042;
}

#footer #bigtreesolutions {
    font-size: 12px;
}

#footer #bigtreesolutions a {
    color: #FFE042;
}

#footer div{
    width: 815px;
    margin: 0 auto;
    text-align: center;    
}

#footer p{
    float: left;
    line-height: 0px;
    margin: 0px;
}

/* Rounded Container Styles */
div#roundedContainer {
    background: transparent;
    margin-bottom: 5px;
    width: 237px;
    display: block;
}

div#roundedContainerContent {
    border-style: solid;
    border-color: #575757;
    border: 0 solid #575757;
    border-width: 0pt 1px;
    display: block;
    float: left;
    width: 225px;
    padding: 5px;
}

div#roundedContainerContent #content select{
    width: 100%;
    font-size: 16px;
}

div#roundedContainerContent #content ul {
    display: block;
    float: left;
    padding: 0px;
    width: 223px;
    margin: 0px;
}

.xtop,.xbottom {
    display: block;
    background: transparent;
    font-size: 1px;
    float: left;
    width: 237px;
}

.xb1,.xb2,.xb3,.xb4 {
    display: block;
    overflow: hidden;
}

.xb2,.xb3,.xb4 {
    border-left: 1px solid #575757;
    border-right: 1px solid #575757;
}

.xb1,.xb2,.xb3 {
    height: 1px;
}

.xb1 {
    margin: 0 5px;
    background: #575757;
}

.xb2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.xb3 {
    margin: 0 2px;
}

.xb4 {
    height: 2px;
    margin: 0 1px;
}s

div#roundedContainer div#roundedContainerContent #content {
    font-family:Arial,Helvetica,sans-serif;   
}

div#roundedContainer div#roundedContainerContent #content #header{
    width: 220px;
    height: auto;
    float: left;
    display: block;
    margin-bottom: 4px;
    padding: 0px;
}

div#roundedContainer div#roundedContainerContent #content #small_header{
    width: 220px;
    height: auto;
    float: left;
    display: block;
    margin: 0px;
    padding: 0px;
}

div#roundedContainer div#roundedContainerContent #content #small_header span{  
    font-size: 16px;
    font-weight: bold;
    maring: 0px;
}

div#roundedContainer div#roundedContainerContent #content #header img{
    display: block;
    float: left;
    margin: 0px 7px 0px 0px;
}

div#roundedContainer div#roundedContainerContent #content #header span {
    margin-top: 3px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

div#roundedContainer div#roundedContainerContent #content ul li{
    display: block;
    font-size: 16px;
    padding:5px 5px;
}

div#roundedContainer div#roundedContainerContent #content ul li.last {
    border-bottom: 0px;
}

div#roundedContainer div#roundedContainerContent #content span{
    margin-top: 3px;
    display: block;
    font-size: 20px;
    font-weight: bold;
}

div#roundedContainer div#roundedContainerContent #content label{
    float: left;
    display: block;
    font-weight:bold;
    line-height:18px;
    margin:4px 0 0;
    width:182px;
}

div#roundedContainer div#roundedContainerContent #content input[type="text"], div#roundedContainer div#roundedContainerContent #content input[type="password"]{
    border-color:#838283 #D6D3CE #D6D3CE #838283;
    border-style:solid;
    border-width:1px;
    font-size:16px;
    height:21px;
    margin:4px 0 0px;
    width: 220px;
}

/* Button Styles */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button b {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active b {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*Conditional Login Styles*/
#remember_me {
    float: left;
    width: 222px;
    margin: 5px 0px 10px 0px;
}

#remember_me b {
    vertical-align: top;
}

#remember_me input {
    margin: 1px 5px 0px 0px;
}

/* Styles for the panels */
.delivery_area_panel {
    background-color: #575757;
}

.delivery_area_panel select {
    font-size: 16px;
}

.my_account_panel {
    background-color: #FFE56A;
}

.info_box {
    background-color: #575757;
}

.cart_panel {
    background-color: #FFE56A;
}

.rewards_panel {
    background-color: #575757;
}

.user_support_panel {
    background-color: #FFE56A;
}

.restaurants_menu_panel {
    background-color: #FFE56A;
}

.user_support_panel a {
    font-weight: bold;
}

.edit_order_panel {
    background-color: #FFE56A;
}

.edit_order_panel a {
    font-weight: bold;
}

/* body center styles */
#body_center_column #content_full {
    padding: 0px 0px 0px 0px;
    width: 481px;
    margin-bottom: 15px;
    display: block;
    float: left;    
}

#body_center_column #content_full #line {
    display: block;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    width: 438px;
}

#body_center_column #content_full #heading {
    font-size: 16px;
    font-weight: bold;
    background-color: #575757;
    border: 1px solid #FFE56A;
    padding: 5px;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 468px;
}

#body_center_column #content {
    padding: 0px 0px 0px 5px;
    width: 448px;
    display: block;
    float: left;    
}

#body_center_column #content #split {
    display: block;
    float: left;
    padding-right: 5px;
    width: 219px;
}

#body_center_column #content #triple {
    display: block;
    float: left;
    padding-right: 5px;
    width: 140px;
    height: 55px;
}

#body_center_column #content #float {
    display: block;
    float: left;
    padding-right: 5px;
    height: 55px;
}

#body_center_column #content #full {
    display: block;
    float: left;
    width: 448px;
    height: 55px;
}

#body_center_column #content #full.short { 
    height: 25px;
}

#body_center_column #content #full textarea {
    border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid; 
    width: 440px;
}

#body_center_column #content input[type="text"], #body_center_column #content input[type="password"] {
    height:21px; 
    font-size:16px;
    margin:5px 0px 10px 0px;
    border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid;
}

#body_center_column #content select {
    height:25px; 
    font-size:16px;
    margin:5px 0px 10px 0px;
    border-bottom:#D6D3CE 1px solid; 
    border-right:#D6D3CE 1px solid;
    border-top:#838283  1px solid;
    border-left:#838283 1px solid; 
}

#body_center_column #content .green {
    background-color: #D1EFD2;
}

#body_center_column #content label {
    display:block;
    font:bold 16px/18px Arial, Helvetica, sans-serif;
    margin:5px 0 0 0;
    color:#4F4F4F;
}

#body_center_column #content label.not_bold {
    font-weight: normal;
}

#body_center_column #content p.text {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 450px;
    display: block;
    float: left;
}

/* Delivery Info Styles */
#delivery_hours {
    padding: 0px;
    display: block;
    float: left;
    color:#000000;
    text-align: center;
}

#delivery_hours #hours {
    margin-right: 5px;
    display: block;
    float: left;
    padding: 8px 8px 20px 8px;
    width: 120px;
    height: 50px;
    border: 1px solid #FFFFFF;
}

#delivery_hours #hours.selected {
    border: 1px solid #575757;
    background-color: #D1EFD2;
}

#delivery_hours #hours label{
    font-weight: bold;
}

/* Cart Panel Styles */
#cart_panel #content {
    width: 225px;
    display: block;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
}

#cart_panel #content #item {
    float: left;
    display: block;
    padding: 0px 0px 3px 5px;
    width: 220px;
}

#cart_panel #content #item #item_name {
    display: block;
    float: left;
    width: 175px;
}

#cart_panel #content #item #item_price {
    display: block;
    float: right;
    width: 42px;
    padding-right: 3px;
    text-align: right;
}

#cart_panel #content #total {
    float: left;
    display: block;
    padding: 0px 0px 3px 5px;
    width: 220px;
}

#cart_panel #content #button {
    display: block;
    float: left;
    width: 225px;
    margin-top: 5px;
    text-align: right;
}

#cart_panel #content #total #total_name {
    display: block;
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 10px;
}

#cart_panel #content #total #total_price {
    display: block;
    float: right;
    width: 50px;
    padding-right: 3px;
    text-align: right;
}

#cart_panel .top_border {
    border-top: 1px solid #838283;
}

#cart_panel #content #order_info {
	float: left;
	display: block;
	width: 100%;
	border-top: 1px solid #575757;
	margin-top: 5px;
	padding-top: 5px;
}

/* Restaurant styles */
#restaurant_line_header {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #575757;
}

#restaurant_line_odd, #restaurant_line_even, #restaurant_line_closed_odd, #restaurant_line_closed_even {
    border-left: 1px solid #575757;
    border-right: 1px solid #575757;
    border-bottom: 1px solid #575757;  
    width: 468px;
}

#restaurant_line_odd {
    float: left;
    display: block;
    padding: 5px;
    background-color: #FFE042;
}

#restaurant_line_even {
    float: left;
    display: block;
    padding: 5px;
    background-color: #FFE56A;
}

#restaurant_line_odd img, #restaurant_line_even img {
    border: 1px solid #D6D3CE;
    height: 85px;
    width: 85px; 
    display: block;
    float: left;
    margin-right: 7px;
}

#restaurant_line_odd #name a, #restaurant_line_even #name a {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}

#restaurant_line_odd #name a:hover, #restaurant_line_even #name a:hover {
    color: #575757;
}

#restaurant_line_closed_odd {
    float: left;
    display: block;
    padding: 5px;
    background-color: #FFCACA}

#restaurant_line_closed_even {
    float: left;
    display: block;
    padding: 5px;
    background-color: #FFBABA;
}

#restaurant_info {
    width: 315px;
    float: left;
    display: block;
}

#restaurant_info div {
    margin: 0px;
    padding: 0px;
}

#restaurant_delivery {
    float: left;
    display: block;
}

#restaurant_line_closed_odd img, #restaurant_line_closed_even img {
    border: 1px solid #D6D3CE;
    width: 85px;
    height: 85px;
    display: block;
    float: left;
    margin-right: 7px; 
}

#restaurant_line_closed_odd #name, #restaurant_line_closed_even #name {
    font-size: 16px;
    font-weight: bold; 
}

a.estore_link {
    width: 235px;
    display: block;
    float: right;
    font-size: 14px;
    margin: 0px 0 5px 11px;
    text-align: center;
    border: 1px solid #575757;
    background-color: #FFE56A;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
}

a.estore_link:hover {
    background-color: #FFE042;
}

/* Fieldset Styles */
#body_center_column fieldset { 
    border: 1px solid #575757;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    display: block;
    float: left;
    width: 460px;
}

#body_center_column fieldset select {
    font-size: 16px;
}

#body_center_column fieldset legend {
  padding: 0.2em 0.5em;
  border: 1px solid #575757;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 16px;
  text-align: left;
}

#body_center_column fieldset legend b {
    vertical-align: middle;
}

#body_center_column fieldset legend img{
    vertical-align: middle;
    margin-right: 5px;
}

/* delivery time styles */
#select_delivery_time div {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
}

#select_delivery_time input {
	font-size: 16px;
}

#delivery_time_options input {
    width: 171px;
    margin-left: 3px;
}

#delivery_time_options select {
    width: 203px;
}

#select_delivery_time #delivery_date {
    margin-left: 20px;
}

#select_delivery_time #delivery_date img {
    vertical-align: top;
}

/*menu item styles*/
#menu_item {
    background-color: #FFE56A;
    border: 1px solid #575757;
}

#item_info #item_options #option label{
    color: #000000;
    background-color: #FFE042;
    border: 1px solid #575757;
}

/*menu headings styles */
.menu_headings {
    background-color: #FFE56A;
}
 
ul.menu_headings li a{
    color: #000000;
    width: 100%;
    display: block;
    font-size: 14px;  
}

ul.menu_headings li{
    border-bottom: 1px solid #000000;  
}

ul.menu_headings li.last {
    border: 0px;
}

ul.menu_headings li.selected {
    background-color: #575757;
}

ul.menu_headings li:hover {
    background-color: #575757;
    cursor: pointer;
}

/* my account styles */
.my_account_panel_list {
    background-color: #FFE56A;
}

ul.my_account_panel_list li a{
    color: #000000;
    width: 100%;
    display: block;
    font-size: 14px;  
}

ul.my_account_panel_list li{
    border-bottom: 1px solid #000000;  
}

ul.my_account_panel_list li.last {
    border: 0px;
}

ul.my_account_panel_list li.selected {
    background-color: #575757;
}

ul.my_account_panel_list li:hover {
    background-color: #575757;
    cursor: pointer;
}

/* cart styles */
#cart #restaurant #restaurant_heading {
    background-color: #FFE56A;
    border: 1px solid #575757;
}

#cart #totals #total.with_background {
    background-color: #FFBABA;
    border: 1px solid #575757;
}

#cart_panel #content #total.with_background {
    background-color: #FFBABA;
    border:1px solid #575757;
}

#cart #green_delivery {
    background-color: #AFFEA7;
    border: 1px solid #575757;
}

#cart #coupon_codes {
    background-color: #FFE56A;
    border: 1px solid #575757;
}

#cart #restaurant #restaurant_heading a {
    color: #FF4242;
}

#cart #restaurant #restaurant_heading a:hover {
    color: #575757;
}

#cart #restaurant #item #item_name a{
    color: #FF4242;
}

/* quick tip */
a.quick_tip {
	border: 1px solid #000000;
	background-color: #575757;
	color: #000000;
}

a.quick_tip:hover {
	background-color: #FFE042;
}

/* View Restaurants menu page */
tr.menu_heading td, tr.restaurant_hours_heading td {
    background-color: #575757;
    border-bottom: 1px solid #000000;
}

/* View Restaurants page */
#restaurant_box {
    border: 1px solid #575757;
}

#restaurant_box:hover {
    border: 1px solid #FFE042;
}

/* Delivery Address */
#delivery_address #name {
    background-color: #575757;
    border: 1px solid #FFE56A; 
}

/*Order Credit Card */
#credit_card #name {
    background-color: #575757;
    border: 1px solid #FFE56A; 
}

/* hidden captcha */
.captcha_comments {
    display: none;
}