﻿/*
***************************************************************** 
Main Body
*****************************************************************
*/


BODY
{
	margin: auto;
	margin-top: 18px;
	text-align: center; 
	width: 965px;
	background-image: url(images/car-bkgrd.gif);
	background-repeat: repeat;
	font-family: arial;
}

h1
{
	text-align: center;
	font-family: verdana;
	color: 'black';
	font-size: 10pt;
	margin-top: 10px; 
}

h2
{
	text-align: center;
	font-family: verdana;
	font-size: 11pt;
	color: 'black';
	margin-top: 12px; 
}

h3
{
	text-align: center;
	font-family: verdana;
	font-size: 10pt;
	margin-top: 0;
	margin-bottom: 0;	
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
	color: 'black';
	margin-top: 12px; 
}

h4
{
	text-align: left;
	font-family: verdana;
	color: 'gray';
	font-size: 10pt;
	margin-top: 20px; 
	margin-bottom: 5px;
}


p
{
	text-align: left; 
	color: #111111;
	font-family: arial;
	font-size: 10pt; 
}


form
{
	margin-top: 0px;
	margin-bottom: 0px;
}

.button-submit
{
	color: white;
	background-color: #aa88cc;
	font-size: 8pt;
	height: 18px;
	border: 1px solid black;
	padding: 0px;
	margin: 5px;
	margin-left: 10px;
	
}

.error-red
{
	font-size: 8pt;
	color: red;
	font-weight: bold;
}

.input-error
{
	font-size: 8pt;
	color: red;
	font-weight: bold;
	text-align: center;	
	margin: 10px;
}

.input-error-block
{
	font-size: 10pt;
	color: white;
	background: red;
	font-weight: bold;
	text-align: center;	
	padding-top: 10px;
	padding-bottom: 10px;	
	width: 100%;
	margin: 10px;
}

/*
***************************************************************** 
Main Section Definitions.  These are used on all web pages.
*****************************************************************
*/


#wrapper
{
	width: 965px;
	padding: 0px;
	margin: 0px;
}


#header
{
	clear: both;
	padding-top: 0px;	
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;	
	margin: 0px;
	margin-bottom: 0px;
	text-align: center;
	width: 965px;
	font-family: arial;
}


#footer
{
	clear: both;
	padding-top: 4px;	
	padding-bottom: 1em;
	border-top: 1px solid #333;
	padding-left: 0px;
	padding-right: 0px;	
	float: bottom;
	text-align: center;
	height: 30px;
	width: 965px;
	font-family: arial;
}


#content
{
	height:	auto;
	width: 965px;
	border-left: 1px solid black;
	border-right: 1px solid black;	
	padding: 0px;
	background: #ffffff;
}
* html #content { width: 965px; }


#menu
{
}

{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 10pt;
}

#menu a:active
{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 10pt;
}

#menu a:visited
{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 10pt;
}

#menu a:link
{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 10pt;
}

#menu a:hover
{
	text-decoration: none;
	color: red;
	font-weight: bold;
	font-size: 10pt;
}

.MenuCell
{
	border-left: 5px solid white;
	border-right: 5px solid white;
	border-top: 5px solid white;
	border-bottom: 5px solid white;
	background: black;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 3px;	
	padding-bottom: 3px;		
	text-align: center;
	font-size: 8pt;
	color: black;
}

.MenuBorder
{
	border-left: 0px solid black;
	padding-left: 10px;
	padding-right: 10px;	
	padding-top: 3px;	
	padding-bottom: 3px;		
	text-align: center;
}


#column-left
{
	width: 182px;
	height: auto;
	float: left;
	margin-left: 10px;
	padding-right: 5px; 
	background: white;
}


#column-right
{
	width: 182px;
	float: right;
	height: auto; 
	margin-right: 10px;
	padding-left: 5px;
	background: white;
}

#column-main
{
	padding-left: 5px;	
	padding-right: 5px; 
	background: white;
}


.left-side
{
	float: left;
	padding-left: 10px;
	font-size: 8pt;
	color: gray;
	text-align: left;
}

.right-side
{
	float: right;
	padding-right: 10px;
	font-size: 8pt;	
	color: gray;	
	text-align: right;
}


.ad-nobox
{
	vertical-align: top; 
	margin-top: 5px;
	
}

.ad-box
{
	border-left: 2px solid #337777;
	border-top: 2px solid #337777;
	border-right: 2px solid #337777;
	border-bottom: 2px solid #337777;			
	vertical-align: top; 
	margin-top: 5px;
	
}

.ad-box h1
{
	text-align: center;
	margin-top: 0;
	margin-bottom: 3px;
	background: #337777;
	font-size: 10pt;
	font-family: arial;
	color: white;
}

.ad-box p
{
	font-size: 8pt;
	font-family: arial;
	color: gray;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}


.login-box
{
	border-left: 2px solid #337777;
	border-top: 2px solid #337777;
	border-right: 2px solid #337777;
	border-bottom: 2px solid #337777;			
	vertical-align: top; 
	margin-top: 5px;
	width: 175px;
	text-align: left;
	font-size: 8pt;
	color: gray;
	
}

.login-box a
{
	text-decoration: none;
	font-size: 8pt;
	color: blue;
}

.login-box h1
{
	text-align: center;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0px;
	background: #337777;
	font-size: 10pt;
	font-family: arial;
	color: white;
	float: left;
}

.login-box-text
{
	font-size: 8pt;
	color: gray;
	text-align: left;
	margin-left: 10px;	
}

.login-box-field
{
	font-size: 8pt;
	text-align: left;
	margin-left: 10px;	
	margin-top: 10px;
}



.restaurant
{
	float: left;
	width: 900px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 7px;
	margin-right: 7px;
	border-bottom: thin solid black;
}

.restaurant-logo
{
	float: left;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	width: 150px;
	height: 75px; 
}
* html .restaurant-logo { width: 150px; }

.restaurant-info
{
	float: left;
	width: 150px;
	height: 75px; 
}

.restaurant-info h1
{
	font-size: 12pt;
	color: blue;
	text-align: left;
	font-family: arial;
	margin-bottom: 1px;
	margin-top: 1px;

}

.restaurant-info p
{
	margin-top: 1px;
	padding-top: 1px;
	text-align: left;	
	font-size: 8pt;
	color: #333333;
	font-family: arial;
}


.restaurant-notes
{
	float: left;
	width: 350px;
	font-size: 10pt;
	color: #333333;
	font-family: arial;
	height: 75px; 
}
.restaurant-notes h1
{
	font-size: 10pt;
	color: black;
	text-align: center;
	font-family: arial;
	margin-bottom: 1px;
	margin-top: 1px;
}

.restaurant-notes p
{
	margin-top: 1px;
	padding-top: 1px;
	text-align: left;	
	font-size: 8pt;
	color: #333333;
	font-family: arial;
}


.restaurant-hours
{
	float: left;
	width: 150px;
	height: 75px; 
}

.restaurant-hours h1
{
	font-size: 10pt;
	color: black;
	text-align: center;
	font-family: arial;
	margin-bottom: 1px;
	margin-top: 1px;
}

.restaurant-hours p
{
	margin-top: 1px;
	padding-top: 1px;
	text-align: left;	
	font-size: 8pt;
	color: #333333;
	font-family: arial;
}

.restaurant-buttons
{
	float: right;
	font-size: 10pt;
	color: gray;
	font-family: arial;
	width: 100px;
	height: 75px; 
}

.restaurant a
{
	float: right;
	font-size: 8pt;
	color: blue;
	text-decoration: none;
	font-family: arial;
}

.restaurant-section
{
	float: left;
	width: 924px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: thin solid black;
	font-size: 12pt;
	background: #e1e1e1;
	border-top: 1px solid black;
	border-left: 3px solid black;
	border-right: 3px solid black;
	border-bottom: 3px solid black;			
}
* html .restaurant-section { width:965px; }

.restaurant-section h1
{
	margin-top: 1px;
	padding-top: 1px;
	font-size: 12pt;
	color: black;
	text-align: center;	
	margin-bottom: 1px;
	margin-top: 1px;
}

.restaurant-section p
{
	margin-top: 1px;
	padding-top: 1px;
	font-size: 10pt;
	color: black;
	text-align: center;
}

.restaurant-filter
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 14px;
	margin-right: 10px;
	border-left: 2px solid red;
	border-right: 2px solid red;	
	border-top: 2px solid red;	
	border-bottom: 2px solid red;			
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	width: 900px;
	font-size: 10pt;
	font-family: arial;
	color: black;
	height: 25px;
	background: #ffe3e3;


}

.dropdown
{
	font-size: 8pt;
	width: 140px;
	background: white;
	border-color: black;
}

.formclass
{
	height: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;			
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;			
}

.blue-link
{
	border-left: none;
	text-decoration: none;
	font-size: 8pt;
	font-family: arial;
	color: blue;
}

#orderpage-leftside
{
	float: left;
	width: 188px;
	height: auto;
	padding-left: 10px;
	text-align: left;
	border-left: 1px solid black;	
	border-right: 2px solid black;
	background: white;
}
* html #orderpage-leftside { width: 200px; }

#orderpage-menu
{
	float: left;
	text-align: left;
	width: 558px;
	background: white;
}

#orderpage-menu a:visited
{
	text-decoration: none;
}

#orderpage-menu a:active
{
	text-decoration: none;
}

#orderpage-shoppingcart
{
	float: right;
	width: 183px;
	text-align: left;
	height: auto;
	border-left: 2px solid black;
	border-right: 1px solid black;	
	background: white;
	padding-left: 5px;
	padding-right: 10px;
}
* html #orderpage-shoppingcart {width: 200px; }

.orderpage-menu-group
{
	float: left;
	width: 100%;
	margin-top: 0px;
	border-top: 1px solid #b1b1b1;
	border-bottom: 1px solid #b1b1b1;	
	background: #e1e1ff;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
}


.orderpage-menu-group h1
{
	font-size: 10pt;
	color:black;
	text-align: center;	
	margin-top: 2px;	
	margin-bottom: 2px;
}

.orderpage-menu-group p
{
	margin-top: 1px;
	font-size: 8pt;
	text-align: center;
}

.orderpage-menu-item
{
	float: left;
	width: 250px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
* html .orderpage-menu-item { width: 265px; }

.orderpage-menu-item p
{
	font-family: arial;
}

.orderpage-menu-item-price
{
	float: right;
	padding-top: 3px;	
	margin-top: 0px;
	margin-bottom: 0px;		
	text-align: right;
	width: 50px;
	margin-right: 5px;	
	font-size: 10pt;
	font-weight: bold;
	color: black;
}

.orderpage-menu-item-name
{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-top: 3px;
	font-size: 10pt;
	font-weight: bold;
	color: blue;
}

.orderpage-menu-item-name a
{
	text-decoration: none;
	color: blue;
}

.orderpage-menu-item-name a:hover
{
	color: red;
}

.orderpage-menu-item-detail
{
	width: 100%;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
}


.orderpage-menu-title
{
	float: left;
	width: 500px;
	margin-top: 5px;
}

.orderpage-menu-title a
{
	color: blue;
}

.orderpage-menu-title-logo
{
	float: left;
	width: 200px;
	padding-left: 10px;
}

.orderpage-menu-title-name
{
	float: right;
	padding-right: 10px;
}

.orderpage-menu-title-name h1
{
	font-size: 10pt;
	margin-top: 2px;
	margin-bottom: 2px;
	color: black;
}

.orderpage-menu-title-name p
{
	font-size: 8pt;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #333333;
	text-align: center;
}

#navigation a
{
color: blue;
background: url(images/tab.gif) left top no-repeat ;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px;
padding-bottom: 0px;
text-decoration: none;
padding-left: 10px
}

#navigation a span
{
padding-right: 10px
}

#navigation a span
{
display: block;
float: left
}

#navigation a
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a span
{
float: none
}
#navigation a
{
float: none
}
/* End hide */

#navigation a:hover
{
color: red;
padding-left: 10px
}

#navigation a:hover span
{
background: white;
padding-right: 10px
}

#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navigation li
{
list-style: none;
float: left;
margin: 0;
} 

.cart-lineitem
{
	padding-top: 2px;
	width: 75%;
	font-size: 8pt;
	font-weight: normal;
	font-family: arial;
	color: black;
	float: left;
	text-align: left;
}

.cart-restaurant
{
	padding-top: 10px;
	width: 100%;
	font-size: 8pt;
	font-weight: normal;
	font-family: arial;
	color: red;
	float: left;
	text-align: center;
	border-bottom: 1px solid gray;
}

.cart-totalitem
{
	width: 75%;
	font-size: 8pt;
	font-weight: normal;
	font-family: arial;
	color: black;
	float: left;
	text-align: right;
	padding-right: 5px;
	padding-top: 2px;
}

.cart-price
{
	float: right;
	width: 20%;
	text-align: right;
	font-family: arial;	
	font-size: 8pt;
	font-weight: normal;
	color: black;
	padding-top: 2px;
}

.cart-detail
{
	float: left;
	width: 100%;
	text-align: left;
	font-size: 8pt;
	font-family: arial;
	color: gray;	
	padding-left: 10px;
	padding-right: 20px;
	
}

.cart-header
{
	float: left;
	width: 60%;
	text-align: left;
	font-size: 10pt;
	font-family: verdana;
	font-weight: bold;
	color: blue;	
	padding-top: 8px;
}

.cart-checkout
{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 8pt;
	font-family: arial;
	font-weight: bold;
	margin-top: 8px;	
	padding-top: 1px;
	padding-top: 1px;
	padding-left: 4px;
	padding-right: 4px;			
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;			
	background: #ff5c5c;
	height: 15px;
	color: blue;
}

.cart-subheader
{
	float: left;
	text-align: center;
	width: 100%;	
	font-size: 8pt;
	font-family: arial;
	color: black;	
}

.cart-center
{
	float: left;
	text-align: center;
	width: 100%;	
	font-size: 8pt;
	font-family: arial;
	color: gray;	
}

#timeline
{
	height: 85px;
	width: 963px;
	background: #eeeeee;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	margin-top: 0px;
	margin-bottom: 0px;
}
* html #timeline { width: 965px; }

#timeline a:visited
{
	font-family: arial;
	font-size: 8pt;
	color: blue;
	text-decoration: none;
}

#timeline a:link
{
	font-family: arial;
	font-size: 8pt;
	color: blue;
	text-decoration: none;
}

#timeline a:active
{
	font-family: arial;
	font-size: 8pt;
	color: blue;
	text-decoration: none;
}

#timeline a:hover
{
	font-family: arial;
	font-size: 8pt;
	color: red;
	text-decoration: none;
}

.timeline-right
{
	float: right;
	text-align: right;
	margin-right: 8px;
	margin-top: 5px;
}

.timeline-element-off
{
	width: 125px;
	height: 50px;
	float: left;
	background: url(images/Timeline_Off.gif) left top no-repeat ;
}

.timeline-element-off h1
{
	font-size: 10px;
	font-family: arial;
	color: gray;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}

.timeline-element-off p
{
	font-size: 10px;
	font-family: arial;
	color-black;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;	
}

.timeline-element-on
{
	width: 125px;
	height: 50px;
	float: left;
	background: url(images/Timeline_On.gif) left top no-repeat ;
}

.timeline-element-on h1
{
	font-size: 10px;
	font-family: arial;
	color: gray;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}

.timeline-element-on p
{
	font-size: 10px;
	font-family: arial;
	color-black;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;	
}

.timeline-element-place
{
	width: 125px;
	height: 50px;
	float: left;
	background: url(images/Timeline_Place.gif) left top no-repeat ;
}

.timeline-element-place h1
{
	font-size: 10px;
	font-family: arial;
	color: gray;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}

.timeline-element-place p
{
	font-size: 10px;
	font-family: arial;
	color-black;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: center;	
}

#orderlists
{
	float: left;
	width: 700px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 100px #dddddd solid;
	border-right: 100px #dddddd solid;
}
* html #orderlists { width: 965px; }

#orderlists a
{
	color: blue;
	font-family: arial;
	font-size: 8pt;
}


#ordertype
{
	float: left;
	width: 730px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 100px #dddddd solid;
	border-right: 100px #dddddd solid;
	background: white;
}
* html #ordertype { width: 965px; }

#ordertype a
{
	text-decoration: none;
	color: blue;
	font-family: arial;
	font-size: 10pt;
	width: 100px;	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;			
	text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;		
	background: #ffaaaa;
		
}

#ordertype a:hover
{
	color: red;
}

.ordertype-button
{
	float: left;
	height: 75px;
	width: 150px;
	text-align: right;
	font-family: arial;	
	padding-right: 10px;
	margin-top: 10px;
	padding-top: 5px;
	
}

.ordertype-text
{
	width: 475px;
	height: 75px;	
	margin-top: 10px;
	padding-top: 5px;	
	float: left;
	font-size: 10pt;
	font-family: arial;	
	text-align: left;
	color: gray;
	
}

.ordertype-title
{
	width: 100%;
	text-align: left;
	font-size: 10pt;
	font-family: arial;	
	float: left;
	color: gray;
}

.ordertype-title h1
{
	font-size: 10pt;
	text-align: left;
	font-family: arial;
	color: black;
}

.orderdatetime
{
	text-align: left;
	margin-left: 75px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 10pt;
	color: black;
	font-family: arial;
	height: 400px;
}

.orderdatetime-dropdown
{
	width: 250px;
	font-size: 8pt;
}

.register
{
	font-size: 8pt;
	color: gray;
	margin: 5px;
	text-align: left;
}

.register td
{
	font-size: 8pt;
	color: gray;
	margin: 5px;
	text-align: left;	
}

.register-left
{
	width: 450px;
	float: left;
	padding: 0;
	margin: 0;
}

.register select
{
	font-size: 8pt;
	color: gray;
	margin: 0;
	text-align: left;	
	width: 230px;
}

.register-button
{
	border: 1px solid black;
}

#register-screen
{
	float: left;
	width: 930px;
	border: 1px solid black;
	background: white;
	padding-left: 15px;
	padding-right: 15px;
}
* html #register-screen { width: 965px; }

.LeftPadding10
{
	padding-left: 10px;
}

.account-header
{
	float: left;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 10pt;
	color: red;
	text-align: left;
}

.account-info
{
	float: left;
	border-bottom: 0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-size: 8pt;
	text-align: left;
}

.account-text
{
	color: gray;
	vertical-align: top;
}

.account-data
{
	color: black;
	font-weight: bold;
	vertical-align: top;	
}

.account-address
{
	float: left;
	font-size: 8pt;
	color: black;
	margin-right: 75px;
	text-align: left;
	height: 75px;
}

.account-address h1
{
	font-size: 10pt;
	color: black;
	font-weight: bold;
	margin: 0px;
	text-align: left;	
}

.account-contact-title
{
	font-size: 8pt;
	color: gray;
	text-align: left;
}

.account-contact-title-right
{
	font-size: 8pt;
	color: gray;
	text-align: right;
}

.account-contact-left
{
	font-size: 8pt;
	color: black;
	text-align: left;
}

.account-contact-right
{
	font-size: 8pt;
	color: black;
	text-align: right;
}

.account-contact-table
{
	width: 100%;
}

.tabledata
{
	font-size: 8pt;
	width: 100%;
	cellpadding: 0px;
	callspacing: 5px;
	color: black;
}

.invitation-lists
{
	width: 600px;
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	font-size: 8pt;
	color: gray;
	text-align: left;
}

.invitation-lists p
{
	font-size: 8pt;
	color: gray;
	font-weight: bold;
	margin-left: 50px;
	margin-top: 3px;
}

.invitation-lists-title
{
	font-size: 10pt;
	color: black;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.invitation-lists-title a
{
	border: 0;
	font-size: 8pt;
	color: blue;
}

.simple-link
{
	border: 0;
	font-size: 8pt;
	color: blue;
	font-weight: normal;
}

.group-section
{
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 10pt;
	color: black;
	text-align: left;
}

.group-section h1
{
	font-size: 10pt;
	color: black;
	text-align: left;
	font-family: arial;
	margin-bottom: 1px;
	margin-top: 1px;
	border-bottom: 1px solid black;
}

.group-section p
{
	font-size: 8pt;
	color: gray;
	text-align: left;
	font-family: arial;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 20px;
}

#grouptype
{
	float: left;
	width: 700px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 100px #dddddd solid;
	border-right: 100px #dddddd solid;
	background: white;	
}
* html #grouptype { width: 100%; }

#grouptype a
{
	color: blue;
	float: right;
}

#grouptype a:hover
{
	color: red;
}

#payment
{
	width: 763px;
	height: auto;
	float: right;
	border: 1px solid black;
	border-left: none;
	border-bottom: 0;
}
* html #payment {width: 759px;}

.payment-table
{
	font-size: 8pt;
	width: 100%;
	cellpadding: 0px;
	callspacing: 5px;
	color: black;
}

.payment-data
{
	color: black;
	font-weight: bold;
	vertical-align: top;	
}

.payment-text
{
	color: gray;
	font-size: 8pt;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

.payment-section
{
	width: auto;
	border-bottom: 1px solid #bbbbbb;
	margin: 10px;
	padding-bottom: 10px; 
}
* html .payment-section {width: 100%;}

.payment-header
{
	background: #dddddd;
	height: 30px;
	color: black;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid black;
}

.payment-end
{
	height: 30px;
	color: black;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
}

.subheader
{
	font-size: 7pt;
	color: gray;
}

.subheader-left
{
	font-size: 7pt;
	color: gray;
	text-align: left;
}


#checkout
{
	width: 763px;
	float: right;
	border: 1px solid black;
	border-left: 0;
	height: auto;
	border-bottom: 0;
	margin-right: 0px;
}
* html #checkout {width: 759px;}

.checkout-cart
{
	padding-left: 10px;
	padding-right: 10px;
	width: 440px;
	float: right;
}

.checkout-cart-center
{
	float: left;
	text-align: center;
	width: 100%;	
	font-size: 8pt;
	font-family: arial;
	padding-top: 5px;
	padding-bottom: 5px;
	color: gray;	
}

.checkout-header
{
	background: #dddddd;
	height: 30px;
	color: black;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid black;
}

.checkout-warning
{
	background: red;
	height: 30px;
	color: white;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid black;
}

.checkout-tip
{
	width: 200px;
	margin: 10px;
	font-size: 8pt;
	border: 1px solid #ff0000;
	padding: 0;
	padding-bottom: 10px;	
	float: left;
	color: gray;	
}

.checkout-tip h1
{
	margin: 0px;
	margin-bottom: 5px;	
	font-size: 9pt;
	padding: 2px;	
	background: #ee6666;
}

.checkout-coupon
{
	width: 200px;
	margin: 10px;
	font-size: 8pt;	
	border: 1px solid #00ff00;
	padding: 0;
	padding-bottom: 10px;
	float: left;
	color: gray;	
}

.checkout-coupon h1
{
	margin: 0;
	margin-bottom: 5px;
	font-size: 9pt;
	padding: 2px;		
	background: #66ee66;	
}

.checkout-instructions
{
	width: 200px;
	margin: 10px;
	font-size: 8pt;	
	border: 1px solid #0000ff;
	padding: 0;
	padding-bottom: 10px;
	float: left;
	color: gray;
}

.checkout-instructions h1
{
	margin: 0;
	margin-bottom: 5px;	
	font-size: 9pt;
	padding: 2px;		
	background: #9999dd;	
}


.checkout-totalitem
{
	width: 75%;
	font-size: 8pt;
	font-weight: normal;
	font-family: arial;
	color: gray;
	float: left;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
}

.checkout-price
{
	float: right;
	width: 20%;
	text-align: right;
	font-family: arial;	
	font-size: 8pt;
	font-weight: normal;
	color: gray;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	
}

.checkout-section
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.checkout-now
{
	padding-left: 10px;
	padding-right: 10px;
	background: #ff5555;
	color: blue;
	font-weight: normal;
	font-size: 10pt;
	float: left;
	text-decoration: none;
	border: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}

.checkout-button
{
	padding-left: 10px;
	padding-right: 10px;
	background: white;
	color: blue;
	font-weight: normal;
	font-size: 10pt;
	float: left;
	text-decoration: none;
	border: 1px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}

.input-button
{
	border: 1px gray solid;
	background: #dddddd;
	color: black;
	font-size: 8pt;
	text-decoration: none;
}

.input-button-red
{
	border: 1px gray solid;
	background: #ff5555;
	font-size: 12pt;
	color: black;
	font-size: 8pt;
	text-decoration: none;	
}

.input-box
{
	border: 1px gray solid;
	background: white;
	color: black;
	font-size: 8pt;
}

.blue-link
{
	text-decoration: none;
	color: blue;
	font-size: 10pt;
}


#tickler
{
	float: left;
	width: 175px;
	font-size: 8pt;
}

#tickler a
{
	color: blue;
	text-decoration: none;
}

#tickler a:hover
{
	color: red;
}

.tickler-image
{
	width: 100px;
	text-align: center;
}

.tickler-item
{
	color: blue;
	width: 72%;
	text-decoration: none;
	float: left;
}

.tickler-price
{
	color: blue;
	width: 20%;
	float: right;
	text-align: right;
	text-decoration: none;
}

.tickler-description
{
	color: gray
}

#tickler h1
{
	color: red;
	font-size: 10pt;
	text-align: left;
	margin-bottom: 0px;
}

#tickler h2
{
	color: black;
	font-size: 9pt;
	text-align: left;
	border-bottom: 1px solid gray;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 10px;
}

.spotlight
{
	height: 225px;
	width: 210px;
	padding: 20px;
	font-size: 8pt;
	color: black;
	text-align: left;
	float: left;
	vertical-align: bottom;
}

.spotlight a
{
	text-decoration: none;
	color: blue;
}

.spotlight a:hover
{
	color: red;
}

.spotlight-image
{
	height: 125px;
	text-align: center;
	vertical-align: bottom;	
}

.spotlight-item
{
	color: blue;
	width: 68%;
	text-decoration: none;
	float: left;
}

.spotlight-price
{
	color: blue;
	width: 25%;
	float: right;
	text-align: right;
	text-decoration: none;
}

.spotlight-description
{
	color: gray
}

#spotlight-page
{
	height: 600px;
	padding: 10px;
}

.spotlight-header
{
	width: 100%;
	font-size: 12pt;
	color: black;
	font-weight: bold;
	padding: 10px;
	border: 1px solid black;
	background: #cccccc;
}

.spotlight-header-text
{
	float: left;
	color: #cc0000;
}

.spotlight-header a
{
	text-decoration: none;
	float: right;
	color: blue;
}

.spotlight-header a:hover
{
	color: red;
}

.item
{
	width: 700px;
	height: auto;
	font-size: 8pt;
	float: left;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 100px solid #dddddd;
	border-right: 100px solid #dddddd;
	background: white;
}
* html .item { width: 965px; }

.item h1
{
	font-size: 12pt;
	text-align: center;
	text-weight: bold;
	padding: 0;
	margin-bottom: 0;
	color: black;
}

.item p
{
	padding-bottom: 10px;
	margin: 0;
	padding-top: 2px; 
	border-bottom: 1px solid gray;
	text-align: center;
	color: gray;
}

.item-section
{
	width: 60%;
	float: left;
	border-bottom: 1px solid gray;
	padding-top: 10px;
	padding-bottom: 10px;
}

.item-final
{
	width: 60%;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}


.item-option-choice
{
	width: 45%;
	float: right;
}

.item-option-title
{
	float: left;
	width: 45%;
	color: gray;
	font-weight: bold;
	font-size: 7pt;
}

.item-option-title h1
{
	font-size: 8pt;
	margin: 0;
	padding: 0;
	color: black;
	text-align: left;
	font-family: arial;
	
}

.item-picture
{
	width: 30%;
	float: right;
	padding-top: 10px;
}

.item-picture img
{
	width: 200px;
}

.building
{
	height: 200px;
	width: 200px;
	float: left;
	padding: 10px;
}

.building img
{
	height: 125px;
}

.building h1
{
	padding: 0;
	margin: 0;
	color: black;
	font-size: 8pt;
}

.building p
{
	margin: 0;
	color: gray;
	font-size: 8pt;
	text-align: center;
}

.building a
{
	text-decoration: none;
	color: blue;
}

.building a:hover
{
	color: red;
}

.building-times
{
	height: 100%;
}

.building-times h1
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 12pt;
}

.building-times-info
{
	border-bottom: 1px solid black;
	color: gray;
	text-align: center;
	font-size: 8pt;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
}

.fullsection
{
	width: 100%;
	float: left;
	padding: 10px;
}

.leftsection
{
	float: left;
	width: 40%;
}

.leftsectionboxed
{
	float: left;
	width: 40%;
	border: 1px solid black;
	padding: 10 px;
}

.info
{
	font-family: arial;
	font-size: 8pt;
	color: gray;
	margin: 5px;
	margin-bottom: 10px;
	padding: 0;
}

.info p
{
	font-size: 8pt;
	color: gray;
	margin: 5px;
	margin-bottom: 10px;
	padding: 0;
}

.info h1
{
	font-size: 10pt;
	color: black;
	margin: 0px;
	padding: 10px;
}

.info img
{
	width: 175px;
	float: left;
	margin-bottom: 5px;
}


.focuspage
{
	width: 730px;
	height: auto;
	font-size: 8pt;
	float: left;
	text-align: left;
	padding-left: 0;
	border-left: 100px solid #dddddd;
	border-right: 100px solid #dddddd;
	background: white;
}
* html .focuspage { width: 965px; }

.focuspagecenter
{
	width: 730px;
	height: auto;
	font-size: 8pt;
	float: left;
	text-align: center;
	padding-left: 0;
	border-left: 100px solid #dddddd;
	border-right: 100px solid #dddddd;
	background: white;
}
* html .focuspagecenter { width: 965px; }

.focuspagecenter p
{
	text-align: center;
}

.inside-section
{
	height: 100%;
	width: 100%;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
}


.inside-section-info
{
	font-family: arial;
}

.inside-section-info p
{
	font-size: 8pt;
	color: gray;
	margin: 5px;
	margin-bottom: 10px;
	text-align: left;
	padding: 0;
}

.inside-section-info h1
{
	font-size: 10pt;
	color: black;
	margin: 0px;
	padding: 10px;
}

.inside-section-info img
{
	width: 175px;
	float: left;
	margin: 5px;
}

.inside-section table
{
	font-size: 8pt;
	cellpadding: 0px;
	callspacing: 5px;
	color: black;
}

.address
{
	width: 530;
	height: auto;
	margin: 0;
	border-left: 200px solid #dddddd;
	border-right: 200px solid #dddddd;	
	border-bottom: 200px solid #dddddd;		
}
* html .address { width: 100%; }

.address p
{
	margin: 10px;
	font-size: 8pt;
	color: black;
}

.address a
{
	font-size: 8pt;
	color: blue;
}

.address-entry
{
	width: 100%;
	border: 1px solid black;
	text-align: left;
}

.datafield
{
	font-size: 7pt;
	color: gray;
	float: left;
	margin-right: 10px;
	text-align: left;
}

.dataline
{
	margin: 10px;
	width: 100%;
	height: 30px;
	clear: both;
}

.datasection
{
	margin: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid gray;
	clear: both;
}

.datasection h2
{
	font-size: 10pt;
	color: gray;
	margin: 0;
	padding: 0;
}

.datasection h3
{
	font-size: 8pt;
	color: gray;
	margin: 0;	
	padding: 0;
}


.faq
{
	font-size: 8pt;
	float: left;
}

.faq h1
{
	font-size: 8pt;
	color: black;
	margin: 0;
	padding-left: 0;
	padding-bottom: 0;
	text-align: left;
}

.faq p
{
	font-size: 8pt;
	color: gray;
	margin-top: 0;
	padding-left: 20px;
	padding-top: 5px;
	text-align: left;	

}

.prize
{
	float: left;
	text-align: left;
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.prize-name
{
	width: 45%;
	font-size: 10pt;
	text-align: left;	
	color: black;
	float: left;
}

.prize-price
{
	width: 25%;
	font-size: 10pt;
	text-align: right;	
	color: black;
	float: right;
}

.prize-price a
{
	text-decoration: none;
	color: blue;
	font-size: 8pt;
}

.prize-price a:hover
{
	text-decoration: none;
	color: red;
	font-size: 8pt;
}


.prize-detail
{
	width: 60%;
	font-size: 8pt;
	color: gray;
	float: left;
	font-size: 8pt;
	color: gray;
	padding-top: 15px;
}

.prize-picture
{
	float: left;
	height: 100px;
}

.prize-header
{
	background: #dddddd;
	height: 30px;
	color: red;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border: 1px solid black;
	margin-top: 5px;
}

.hotel-area
{
	float: left;
	width: 924px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: thin solid black;
	font-size: 12pt;
	background: #e1e1e1;
	border-top: 3px solid black;
	border-left: 3px solid black;
	border-right: 3px solid black;
	border-bottom: 3px solid black;			
}
* html .hotel-area { width:965px; }


.hotel
{
	height: 200px;
	width: 200px;
	float: left;
	margin: 10px;
	margin-top: 0px;
}

.hotel h1
{
	color: blue
	margin: 2px;
	padding: 0;
}

.hotel a
{
	font-size: 10pt;
	color: blue;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.hotel a:hover
{
	color: red;
}

.hotel p
{
	font-size: 8pt;
	margin: 0;
	padding: 0;
	color: gray;
	text-align: center;
}

#summary
{
	width: 530px;
	float: left;
	border-left: 200px solid #dddddd;
	border-right: 200px solid #dddddd;	
	height: auto;
	border-bottom: 0;
}
* html #summary {width: 100% }

#summary h2
{
	font-size: 8pt;
	font-wight: normal;
	font-style: italic;
	color: black;
}

.summary-cart
{
	padding-left: 10px;
	padding-right: 10px;
	width: 500px;
	float: left;
}

.summary-cart-center
{
	float: left;
	text-align: center;
	width: 100%;	
	font-size: 8pt;
	font-family: arial;
	padding-top: 5px;
	padding-bottom: 5px;
	color: gray;	
}

.summary-box
{
	width: 300px;
	margin: auto;
	border: 1px solid gray;
	padding: 0px;
}

.summary-box h1
{
	font-size: 10pt;
	color: black;
	text-align: center;
	margin: 0;
	padding: 5px;
}

.summary-box p
{
	font-size: 8pt;
	color: black;
	margin-top: 0;
	padding: 5px;
	text-align: center;
}

.summary-info
{
	font-family: arial;
	width: 50%;
	float: left;
}

.summary-info p
{
	font-size: 8pt;
	color: gray;
	margin: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.summary-info h1
{
	font-size: 10pt;
	text-align: left;
	color: black;
	margin: 0px;
	padding: 10px;
}

#summary a
{
	font-size: 8pt;
	color: blue;
}




.pharm
{
	font-size: 10pt;
	color: gray;
	text-align: left;
}

.pharm-left
{
	float: left;
}

.pharm-right
{
	float: right;
}

.pharm p
{
	font-size: 10pt;
	color: gray;
}

.giftcert
{
	float: left;
	width: 100%;
	background: #dddddd;
	border-left: 1px solid black;
	border-right: 1px solid black;	
}

.giftcert-section
{
	background: white;
	width: 600px;
	border: 1px solid black;
	margin-top: 15px;
	margin-bottom: 15px;	
	margin-left: auto;
	margin-right: auto;	
}

.giftcert a
{
	font-size: 8pt;
	color: blue;
}

/*
***************************************************************** 
PF8_OrderAddress.asp Styles
*****************************************************************
*/

#ordertype-address
{
	float: left;
	width: 730px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 100px #dddddd solid;
	border-right: 100px #dddddd solid;
	background: white;
}
* html #ordertype-address { width: 965px; }


#ordertype-address p
{
	font-size: 8pt;
}


#ordertype-address a
{
	text-decoration: none;
	color: blue;
	font-family: arial;
	font-size: 10pt;
	width: 100%;	
	border-top: 1px solid gray;
	text-align: left;
	
}

#ordertype-address a:hover
{
	color: red;
}

.ordertype-address-header
{
	width: 100%;
	float: left;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 10pt;
	color: red;
	text-align: left;
}


.ChooseAddress-Header
{
	float: left;
	border-bottom: 1px solid black;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 10pt;
	color: red;
	text-align: left;
}

.ChooseAddress-Address
{
	float: left;
	font-size: 8pt;
	color: black;
	margin-right: 75px;
	text-align: left;
	height: 100px;
	width: 225px;
}

.ChooseAddress-Address h1
{
	font-size: 10pt;
	color: black;
	font-weight: bold;
	margin: 0px;
	text-align: left;	
	width: 100%;
}




.group
{
	font-family: arial;
	font-size: 8pt;
	color: gray;
	margin: 5px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
}

.group p
{
	font-size: 8pt;
	color: gray;
	margin: 5px;
	margin-bottom: 10px;
	padding: 10px;
}

.group h1
{
	font-size: 10pt;
	color: black;
	margin: 0px;
	padding: 10px;
}

.group img
{
	float: left;
	margin-bottom: 5px;
	margin: 10px;
}

.medical-search
{
	clear: both;
	background: #dddddd;
	height: 30px;
	color: black;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	border: 1px solid black;
	margin-bottom: 10px;
}


#ordertype-medical
{
	float: left;
	width: 700px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 100px #dddddd solid;
	border-right: 100px #dddddd solid;
	background: white;
}
* html #ordertype-medical { width: 100%; }

.medical
{
	float: left;
	font-size: 8pt;
	color: black;
	text-align: left;
	width: 100%;
	border-bottom: 1px solid black;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.medical a
{
	float: right;
	text-decoration: none;
	color: black;
	font-size: 10pt;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
	background: #dddddd;
}

.medical-facility
{
	width: 30%;
	float: left;
}


.medical-facility h1
{
	font-size: 8pt;
	color: black;
	font-weight: bold;
	margin: 0px;
	text-align: left;	
	width: 100%;
}

.medical-facility p
{
	float: left;
	font-size: 8pt;
	color: black;
	margin-right: 75px;
	text-align: left;
	width: 225px;
}


#invitation-list
{
	width: 729px;
	height: auto;
	float: right;
	border: 1px solid black;
	border-left: none;
	border-bottom: 0;
}
* html #invitation-list {width: 723px;}


.tab-on
{
	font-weight: bold;
	font-size: 10pt;
}

.tab-off
{
	font-weight: normal;
	font-size: 10pt;
}

.group-edit-table
{
	font-size: 8pt;
	font-weight: normal;
	color: black;
}

.group-edit-header
{
	font-weight: bold;
}

#group-edit
{
	float: left;
	width: 700px;
	height: 600px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 100px #dddddd solid;
	border-right: 100px #dddddd solid;
	background: white;
}
* html #group-edit { width: 100%; }

#group-edit a
{
	color: blue;
}

#group-edit a:hover
{
	color: red;
}

.HomePageBox
{
	width: 150px;
	height: 155px;
	padding: 5px;
	text-align: center;
}

.HomePageBox p
{
	text-align: center;
	font-size: 8pt;
	color: gray;
	margin: 0px;
	padding: 0px;
}

.HomePageBox h1
{
	margin: 0px;
	font-size: 6pt;
	margin-top: 2px;
	padding: 0px;
	text-decoration: none;
	color: blue;
	
}

.CateringBox
{
	width: 270px;
	float: left;
	margin-right: 40px;
}

.CateringBox p
{
	font-size: 8pt;
}

.TopPageBox
{
	float: left;
	width: 100px;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 0px;
	margin-lweft: 0px;
	margin-top: 0px;
	text-align: center;
}

.TopPageBox p
{
	text-align: center;
	font-size: 8pt;
	color: gray;
	margin: 0px;
	padding: 0px;
}

.TopPageBox h1
{
	margin: 0px;
	font-size: 6pt;
	margin-top: 2px;
	padding: 0px;
	text-decoration: none;
	color: blue;
	
}

#midbanner
{
	width: 965px;
	height: 50px;
	padding-top: 15px;
	padding-bottom: 5px;
}

#midbanner h1
{
	font-size: 18pt;
	text-align: right;
	padding-right: 15px;
}

.midbox
{
	float: left;
	width: 85px;
}

.midbox a
{
	font-size: 8pt;
	text-decoration: none;
}

.midbox h1
{
	font-size: 8pt;
	text-decoration: none;
}

.midbox img
{
	border: 0;

}

