﻿

/* HOME */

#divNewsContent
{
	width: 95%;
	padding: 0px 0px 0px 10px;
	
}

/* Middle and Right columns for three column layout */
#divMiddleColumn
{
	width: 400px;
	float: left;
	margin-right: -10px; /* needed for IE */
}

#divMiddleColumn #divMiddleContainer
{
	margin-right: 0px; 
}

#divRightColumn
{
	margin: 0px 26px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	top: 270px;
	width: 220px;
}

#divNewsText
{
	padding: 4px;
	margin: 0px 0px 24px 0px;
}

.NewsHeadline
{
	display: block;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

.NewsText
{
	text-align: justify;
}

#divSplashPhoto
{
	margin: 0px;
	text-align: center;
}


#divMenuPreview
{
	position: relative;
	margin: 0px;
	width: 100%;
	text-align: center;
}

#divMenuPreview .Title
{
	margin: 0px 0px 6px 0px;
	font-weight: bold;
}

#divMenuPreview .Description
{
	font-style: italic;	
}

#divMenuPreview ul
{
	margin: 0px;
	padding: 6px 0px 0px 0px;
	list-style-type: none;
}

#divMenuPreview li
{
	padding: 12px 0px 0px 0px;
	margin: 0px 0px 14px 0px;
}

#divMoreInfoLink
{
	width: 100%;
	text-align: center;
	padding: 20px 0px 0px 0px;
}

#divMoreInfoLink a
{
	color: #FFE0B3;
	font-weight: bold;
}

/* informational pages */
#divAboutUs,
#divBiography,
#divEventPlanning,
#divStaffing,
#divRentals,
#divBarService,
#divDecorations,
#divTenting,
#divGuests,
#divEntertainment,
#divPhotography,
#divGifts,
#divLocations,
#divFAQ,
#divBlog, 
#divDesign,
#divCookingClasses,
#divFoundation,
#divEnvironment,
#divClients,
#divTestimonials,
#divCafe
{
	width: 85%;
}

#divAboutUs .Title,
#divBiography .Title,
#divDesign .Title,
#divEventPlanning .Title,
#divStaffing .Title,
#divRentals .Title,
#divBarService .Title,
#divDecorations .Title,
#divTenting .Title,
#divEntertainment .Title,
#divPhotography .Title,
#divGifts .Title,
#divFoundation .Title,
#divEnvironment .Title,
#divClients .Title,
#divCafe .Title
{
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 6px 0px;
}

#divGuests .Title
{
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

#divKids
{
	width: 80%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 0px 20px;
	float: left;

}

#divKids .List
{
	margin: 14px 0px 0px 0px;
	text-align: right;
	font-weight: normal;	
}

#divKids .KidsLogo
{
	margin: 0px 0px 16px 0px;	
}

#KidsPhoto img
{
	margin: 14px 0px 200px 20px;
}

#divFoundation ul,
#divClients ul
{
	margin: 0px auto 20px auto;
	padding: 0px;
	text-align: center;
	list-style-type: none;	
}
#divFoundation ul li,
#divClients ul li
{
	margin: 0px;
	padding: 1px;	
	font-style: italic;
}


#divLocations .Title
{
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 6px 0px;
}

#divLocations .Country .TextPhoto
{
	float: left;	
	margin: 0px 14px 0px 0px;
}

#divTestimonials .Testimonial
{
	margin: 0px 0px 60px 0px;	
}


/* store design */
#divDesign .Image
{
	text-align: center;
}

#divDesign .Image img
{
	border: solid 1px #FFFFFF;
}

/* mailing list */
#divMailingList
{
	width: 40%;	
	background-color: #FDF6EA;
	color: #384C33;
	padding: 6px;
	border: solid 1px #384C33;
	margin-left: 20%;
}

#divMailingList #divMailingListTitle
{
	width: 100%;
	height: 14px;
	color: #FFFFFF;
	text-align: center;
	background-color: #DCA858;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	padding: 4px 0px 4px 0px;
	margin-bottom: 12px;
}

#divMailingList #divMailingListText
{
	padding: 0px 4px 0px 4px;
}

#divMailingList #divMailingListText a
{
	color: #384C33;
	text-decoration: underline;
}

#divMailingList #divMailingListText div
{
	margin-bottom: 12px;
}


/* privacy */
#divPrivacy
{	
	width: 70%;
	padding-left: 4%;
}

/* customer assistance */
#divCustomerAssistance
{
	width: 70%;
	padding-left: 4%;
}

/* store hours and location */
#divStoreHours
{
	width: 70%;
	padding-left: 4%;
}


/* register */

#divRegister
{
	margin: 0px auto 0px auto;
	width: 70%;	
	background-color: #FDF6EA;
	color: #384C33;
	border: solid 6px #FDF6EA;
}

#divRegisterTitle
{
	width: 100%;
	height: 14px;
	color: #FFFFFF;
	background-color: #DCA858;
	font-weight: bold;
	font-size: 12px;
	text-transform: capitalize;
	padding: 4px 0px 4px 0px;
}

#divRegisterTitleText
{
	position: absolute;
	padding: 0px 4px 0px 4px;
}


#divRegisterStep
{
	float: right;
	padding: 0px 4px 0px 4px;
}


#RegisterText
{
	padding: 10px 6px 0px 6px;	
}

div.RegisterHeaderText
{
	font-weight: bold;	
	padding: 12px 0px 12px 12px;
}

.CreateAccount
{
	margin-top: 16px;	
}

#divRegisterForm div
{
	padding: 0px 6px 10px 6px;
}

#divRegisterForm span
{
	padding: 0px 6px 0px 6px;
}

.RegisterErrorText
{
	font-size: 13px;
	color: #D70707;
	font-weight: bold;
}

.RegistrationComplete
{
	margin-top: 16px;
	padding-top: 16px;	
}

.RegistrationComplete a
{
	color: Maroon;
}

/* login page */

#divUserLogin
{
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

#divRegisterLink
{
	background-color: #FDF6EA;
	color: #384C33;
	border: solid 6px #FDF6EA;
	margin-top: 32px;
	width: 226px;
	height: 80px;
	
}

#divRegisterLinkTitle
{
	width: 100%;
	height: 18px;
	color: #FFFFFF;
	background-color: #DCA858;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 4px 0px 4px 0px;
}

#divRegisterLinkText
{
	padding: 14px 0px 0px 0px;
	text-align: center;	
}

#divRegisterLinkText a
{
	color: #384C33;
}




/* menus */
#divMenus
{
	width: 90%;
	text-align: center;	
}

#divMenus ul, 
#divMenus li
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#divMenus li
{
	padding-top: 4px;
}


#divMenus .MenuGroupName, 
#divMenus .MenuGroupName a
{
	font-weight: bold;
	font-size: 16px;
	color: #FFDAB3;
}

#divMenus .MenuGroupName
{
	margin: 0px 0px 10px 0px;
	display: block;
}

#divMenus .MenuListName, 
#divMenus .MenuListName a
{
	font-weight: bold;
	font-size: 14px;
	color: #FFDAB3;
}

#divMenus .MenuListName
{
	margin: 18px 0px 0px 0px;
	display: block;
}

#divMenus .MenuCategoryName,
#divMenus .MenuCategoryName a
{
	font-weight: bold;
	font-size: 12px;
	color: #FFDAB3;
}

#divMenus .MenuCategoryName
{
	margin: 8px 0px 0px 0px;
	display: block;
}


#divMenus .MenuGroupDescription, 
#divMenus .MenuListDescription, 
#divMenus .MenuCategoryDescription
{
	display: block;	
	font-style: italic;
	margin-top: 4px;
}

#divMenus .MenuItemDescription
{
	display: block;	
	font-style: italic;
	margin-bottom: 4px;
}

.MenuItemImage
{
	border: solid 1px #FFFFFF;	
}	

a.MenuItemLink:link,
a.MenuItemLink:active,
a.MenuItemLink:visited,
a.MenuItemLink:hover
{	
	margin: 12px;
	display: block;
}

a.MenuItemLink:hover
{	
	background-image: url(images/main_background_dark.jpg);
	background-repeat: repeat;
}

#divMenus .MenuItems li
{	
	margin: 0px 0px 2px 0px;
}

#divMenus .MenuItems li .ShoppingCart
{	
	position: absolute;
	padding-left: 4px;
}

#divMenus .ItemWrapper
{
	margin-bottom: 10px;
}

#divMenus .MenuItemName
{
	font-weight: bold;
}


#divMenuInfo
{
	margin: 0px 14px 0px 14px;
	padding: 8px;	
	border: dashed 1px #AAAAAA;
}

#divMenuInfo .Pickup
{
	text-transform: uppercase;
	font-style: italic;	
}

#divMenuInfo div
{
	text-align: center;
	color: #AAAAAA;
	margin-bottom: 18px;	
}

#divMenuInfo div.Header
{
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 4px;
}

#divMenuInfo .Disabled
{
	color: #FFFFFF;
	font-weight: bold;	
}


/* menu notices */
#divMenus .MenuNotice
{
	margin: 12px 0px 12px 0px;
	font-size: 12px;
	font-weight: bold;
	padding: 12px 16% 12px 16%;
	border: dashed 1px #D3D6D3;	
}

#divMenus .PanelMenuInfoHoverLink
{
	position: absolute;
	float: left;
	width: 140px;
	text-align: left;
}

#divMenus .PanelMenuInfoHoverLink span
{
	position: absolute;
	margin: 0px 0px 0px 0px;
}


/* menu item detail popup */
#divMenus .MenuItemDetailClose
{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 10px;
	width: 100%;
}

#divMenus .MenuItemDetailClose a
{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 10px;
	color: #1A66E0;
	text-decoration: underline;
}

#divMenus .MenuItemDetailClose a:hover
{
	color: #103C84;
}


#divMenus .MenuItemDetailName
{
	font-size: 14px;
	font-weight: bold;
	margin: 18px 0px 8px 0px;
}

#divMenus .MenuItemDetailImage 
{
	margin-bottom: 8px;
}

#divMenus div.MenuItemDetailDescription
{
	width: 70%;
	margin: 0px auto 0px auto;
}



/* add item panel */
#divMenus .AddMenuItemPanel
{	
	overflow: hidden;
	margin: 12px;
	color: #596455;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#divMenus .AddMenuItemPanel a
{	
	text-decoration: underline;
	color: #596455;
}

#divMenus .QuantityBackground
{
	background-color: #F8EACA;
	border: double 6px #1E2A1A;
	padding: 8px;
}

#divMenus .AddMenuItemPanel .QuantityHeader
{
	text-align: left;
	padding-bottom: 6px;
}

#divMenus .AddMenuItemPanel .QuantityHeader span.ItemName
{
	font-weight: bold;	
}

#divMenus .AddMenuItemPanel .SelectQuantity input
{
	width: 60px;	
	vertical-align: middle;
	margin-bottom: 12px;
	text-align: right;
}

#divMenus .AddMenuItemPanel .MenuAddItemDisclaimer
{
	margin-top: 12px;
	font-style: italic;
}

#divMenus .AddMenuItemPanel .MenuAddItemDisclaimer span
{
	text-transform: uppercase;
	font-weight: bold;
}



/* FAQ */
#FAQText
{
	background-image: url(images/FAQ_text.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 360px;
	margin: 0px auto 0px auto;
	display:  none;
}

#FAQText span
{
	display: none;
}

ul.FAQGroup 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
ul.FAQGroup li
{
	
}

ul.FAQGroup li span
{
	display: block;
	width: 100%;
	font-size: 13px;
	text-transform: capitalize;
	text-align: left;
	padding: 10px 0px 2px 0px;
}


ul.FAQItem
{
	padding: 0px 0px 0px 14px;
	margin: 0px;
}

ul.FAQItem li
{
	display: block;
	list-style-type: none;
	width: 100%;
}

#SelectFAQ hr
{
	width: 80%;
	margin: 30px auto 18px auto;
}


#SelectFAQ ul.FAQItem li a
{
	font-weight: bold;
}

#ViewFAQ .GroupName,
#SelectFAQ .GroupName
{
	display: block;
	margin: 0px 0px 8px 0px;	
}

#ViewFAQ ul.FAQItem li .Question
{
	font-weight: bold;
	padding: 0px 0px 2px 0px;
}

#ViewFAQ ul.FAQItem li .Answer
{
	font-style: italic;
	padding: 0px 0px 14px 0px;
}



/* shopping cart */
#divShoppingCart .CartPanel
{
	border: dashed 0px #384C33;	
	padding: 12px;
	margin-bottom: 20px;
}

#divShoppingCart .LabelSpecialOrderTitle
{
	font-size: 14px;
	font-weight:  bold;
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 8px;
}

#divShoppingCart
{
	width: 90%;
}

#divShoppingCart .MainTableHeader td
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #DCA858;	
}
#divShoppingCart .MainTableHeader td,
#divShoppingCart .MainTable td,
#divShoppingCart .MainTableFooter td
{
	padding: 4px;
}

#divShoppingCart .Name
{
	width: 36%;
	vertical-align: top;
	text-align: left;
}

#divShoppingCart .Quantity
{
	width: 14%;
	vertical-align: top;
	text-align: left;
}

#divShoppingCart .Quantity input
{
	width: 30px;
	text-align: left;
}

#divShoppingCart .UnitPrice
{
	width: 20%;
	vertical-align: top;
	text-align: left;
}

#divShoppingCart .Price
{
	width: 10%;
	vertical-align: top;
	text-align: left;
}

#divShoppingCart .CommandButtons
{
	width: 18%;
	word-spacing: 6px;
	vertical-align: top;
	text-align: right;
}


#divSelectPickupDate
{
	border: solid 1px #384C33;
	margin-top: 30px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

#divSelectPickupDate .Header
{
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #DCA858;
	padding: 6px;
}

#divSelectPickupDate #divPickupDate,
#divSelectPickupDate #divPickupTime
{
	background-color: #FDF6EA;
	color: #384C33;
	padding: 8px 4px 8px 6px;
}

#divSelectPickupDate input,
#divSelectPickupDate select
{
	margin-left: 20px;
	width: 50%;
}

#divSubmitOrderButton
{
	width: 100%;
	text-align: center;
}

#divSubmitOrderButton a
{
	font-size:  12px;
	
}

#divSubmitOrderButton .Attention
{
	text-transform: uppercase;
	font-weight: bold;
}



/* user profile */
#divUserProfile
{
	width: 560px;
}

#divUserProfile .ProfileDetailsView
{
	font-size: 12px;
	color: #384C33;
}

#divUserProfile .ProfileDetailsView .Label
{
	width: 180px;
	color: #384C33;
}

#divUserProfile .ProfileDetailsView .Value
{
	width: 40px;
	color: #384C33;
}

#divUserProfile .ProfileDetailsView input
{
	margin-top: 12px;	
}

#divUserProfile .LastLogin
{
	color: #AAAAAA;	
	margin-bottom: 12px;
}

#divUserProfile .ProfileButtons
{
	margin-top: 14px;	
}

#divUserProfile .PreferencesHeader
{
	padding: 0px 0px 12px 4px;	
}

#divUserProfile #divUserInfoColumn1
{
	width: 220px;	
}

#divUserProfile #divUserInfoColumn2
{
	width: 190px;	
}

#divUserProfile #divUserInfoColumn1 span,
#divUserProfile #divUserInfoColumn2 span
{
	display: block;
	padding-bottom: 4px;
}

#divUserProfile #divUserInfoColumn1 div,
#divUserProfile #divUserInfoColumn2 div
{
	padding-bottom: 14px;	
}

#divUserProfile #divUserInfoColumn1 input,
#divUserProfile #divUserInfoColumn2 input
{
	width: 100%;	
}

#divUserProfile .ChangePassword .Title
{
	font-weight: bold;	
}

#divUserProfile .ChangePassword
{
	background-color: #F2DEC0;
	font-weight: normal;
	padding: 6px 12px 0px 6px;
	margin-right: 0px;
}

#divUserProfile .OrderHistoryTable
{
	font-size: 9px;	
}

#divUserProfile .AspNet-GridView table
{
	width: 100%;
}

#divUserProfile .AspNet-GridView 
{
	border: solid 2px #F2DEC0;	
}

#divUserProfile .AspNet-GridView table thead tr
{
    background-color: #F2DEC0;
    height: 20px;
}

#divUserProfile .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background-color: #FFFFFF;
}

#divUserProfile .OrderHistoryTable .OrderNumber
{
	width: 16%;	
	text-align: left;
}
#divUserProfile .OrderHistoryTable .StatusName
{
	width: 16%;	
	text-align: left;
}
#divUserProfile .OrderHistoryTable .DateOrdered
{
	width: 16%;	
	text-align: left;
}
#divUserProfile .OrderHistoryTable .PickupDate
{
	width: 16%;	
	text-align: left;
}

#divUserProfile .OrderHistoryTable .PickupTime
{
	width: 20%;	
	text-align: left;
}
#divUserProfile .OrderHistoryTable .ViewOrder
{
	width: 16%;	
	text-align: left;
}

#divUserProfile .OrderHistoryTable .ViewOrder a
{
	color: #384C33;
}


/* unsubscribe page */
#Unsubscribe div
{
	margin-left: 26px;	
}

div.Unsubscribe
{
	margin-top: 16px;
}


/* user request form */
#divRequestForm #Header
{
	margin: 0px 0px 20px 6%;
	width: 490px;
}

#divRequestForm .textbox
{
	width: 180px;	
}

#divRequestForm .Phone .textbox
{
	width: 30px;	
}

#divRequestForm #UserInfo,
#divRequestForm #RequestInfo
{
	width: 80%;
	padding: 10px 20px 10px 10px;
	color: #384C33;
}

#divRequestForm #Button
{
	margin: 20px 0px 0px 200px;
}

#divRequestForm span,
#divRequestForm #RequestInfo span
{
	display: block;
	margin: 0px 0px 4px 0px;	
}

#divRequestForm div.Control
{
	margin: 0px 0px 12px 0px;	
}


#divRequestForm #UserInfo
{
	background-color: #FDF6EA;
	border-top: solid 1px #384C33;
	border-right: solid 1px #384C33;
	border-left: solid 1px #384C33;
}

#divRequestForm #RequestInfo
{
	background-color: #F2DEC0;
	border-bottom: solid 1px #384C33;
	border-right: solid 1px #384C33;
	border-left: solid 1px #384C33;
}


/* press page */
#divPress ul li img
{
	margin: 10px 10px 30px 10px;
	border: solid 1px #000000;	
}

#divPress ul.vertical
{
	list-style-type: none;
	margin: 0px auto 0px auto;
	padding: 0px;	
	width: 90%;
}

#divPress ul.vertical li
{
	margin: 0px;
	padding: 0px;
	display: inline;	
}

#divPress ul.horizontal li
{
	margin: 0px;
	padding: 0px;	
	text-align: center;
}

#divPress ul.horizontal
{
	list-style-type: none;
	margin: 0px auto 0px auto;
	padding: 0px;	
	width: 80%;
}


/* cooking classes */
#divCookingClasses
{

}

#divCookingClasses #divDescription div
{
	margin: 0px 0px 12px 0px;	
}

#divCookingClasses #divClassList
{
	margin: 30px 0px 0px 0px;
}

#divCookingClasses .ClassInfo
{
	margin: 0px 0px 30px 0px;
}

#divCookingClasses #divClassList span
{
	display: block;	
}

#divCookingClasses .Date
{
	font-weight: bold;	
	margin: 0px 0px 8px 0px;
}

#divCookingClasses .Title
{
	font-style: italic;
	margin: 0px 0px 14px 0px;
}




/* blog */
#divBlog .BlogEntry
{
	margin: 0px 0px 30px 0px;	
}

#divBlog .Title
{
	display: block;
	background-color: #DCA858;
	border: solid 0px #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 4px 3px 4px;
}

#divBlog .Posted
{
	display: block;
	text-align: right;
	margin: 2px 0px 8px 0px;
	font-style: italic;
}

#divBlog .Username
{
	text-transform: capitalize;
}

#divBlog .Message
{
	margin: 0px 0px 0px 0px;
	display: block;
}

#divBlog .ViewAllEntries
{
	width: 100%;
	text-align: right;	
}