@charset "utf-8";
html, body { margin: 0; height: 100%; padding: 0px; font-family: Verdana, Geneva, sans-serif; }
#container { display: flex; flex-direction: column; height: 100%; background-color: #FFF; }
header { height: 120px; width: 100%; background-image: url(../images/logo_with_tagline.jpg); float: left; background-repeat: no-repeat; background-position: center center; cursor: pointer; }
main { flex: 1; overflow: auto; height: inherit; background-image: linear-gradient(to bottom,#ECECFF,#7C80BD); }
section { height: 100%; overflow: auto; width: 100%; }
footer { font-size: 9pt; width: 100%; height: 12px; margin: 0; padding: 0; padding-top: 4px; padding-bottom: 4px; text-align: center; float: left; color: #FFF; background: #7C80BD;}

a, input { outline: 0px; }
a { font-size: 12px; font-weight: normal; color: #7C80BD; }
label { font-size: 12px; font-weight: bold; color: #7C80BD; text-align: center; }
#Container { width: 100%; background-color: #FFF; }

.Masthead_Dropdown_Container { height: auto; width: 100%; margin-top: 20px; padding-bottom: 10px; float: left; text-align: center; }
.Masthead_Dropdown_Container select { height: 40px; width: auto; font-size: 15pt; text-align: center; }
.Masthead_Dropdown_Container option { font-size: 12pt; }
.Masthead_Dropdown_Container option:nth-child(even) { background-color: #CCFFFF; }
.Masthead_Dropdown_Container option:nth-child(odd) { background-color: #FFF; }
.Masthead_Dropdown_Container option:hover { background-color: #7C80BD; color: #FFF; }

#Content { float: left; width: inherit; padding-top: 10px; }
#Index_Menu_Container { width: max-content; height: auto; margin-left: auto; margin-right: auto; padding-bottom: 50px; }
.Index_Menu_Row_Container { width: max-content; height: auto; overflow: hidden; }
.Index_Menu_Row_Button_Container { width: 200px; height: auto; overflow: hidden; float: left; display: inline; }
#Menu_Header { font-size: 28px; color: #7C80BD; text-align: center; width: inherit; margin-bottom: 25px; }
.BC_Button,.DL_Button,.OL_Button,.HS_Button { width: 250px; height: 40px; background-image: url(../images/icon_sprite.png); background-position: center 0px; background-repeat: no-repeat; float: left; cursor: pointer; }
.DL_Button { background-position: center -41px;}
.OL_Button { background-position: center -143px;}
.HS_Button { background-position: center -82px;}
.BC_Label { width: 250px; height: 70px; font-size: 14pt; color: #7C80BD; text-decoration: none; font-weight: normal; margin-top: 5px; text-align: center; float: left; cursor: pointer; }
#Category_Header { font-size: 24px; color: #7C80BD; font-weight: bold; text-align: center; padding-top: 54px; padding-bottom: 25px; float: left; width: 998px; }
#Category_Notes { font-size: 10px; font-style: italic; font-weight: normal; color: #004E97; text-decoration: none; text-align: center; float: left; width: 898px; padding-bottom: 20px; }
#quantity_menu { margin-top: -5px; margin-left: -5px; }
/* #bc_front_image,#bc_back_image { height: 228px; width: 400px; display: block; margin-bottom: 15px; } Old version  - Landscape orientation */ 

/* Vertical Business Cards 07/2024 */
#BC_WYSIWYG_Container { width: max-content; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; gap: 6px; background-color: #FFF; padding: 10px; border-color: #7C80BD; border-width: 1px; border-style: solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); box-shadow: 2px 2px 15px #000; }
#Business_Card_Front_Flexed_Container,#Business_Card_Backs_Flexed_Container,#Business_Card_Form_Flexed_Container { width: max-content; height: max-content; overflow: hidden; float: left; display: inline-block; }
#Business_Card_Backs_Inner_Container { max-width: 450px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 6px 6px; }
.Business_Card_Front,.Business_Card_Back { width: 290px; height: 506px; background-image: url(../images/icon_sprite_business_cards.jpg); }
.Business_Card_Back { width: 143px; height: 250px; }
#bc_front1 { background-position: 0px 0px; }
#bc_front2 { background-position: -290px 0px; }
#bc_back1 { background-position: -580px 0px; } 		/* Mona Lisa */
#bc_back2 { background-position: -723px 0px; } 		/* Farmer and Wife */
#bc_back3 { background-position: -866px 0px; } 		/* Ballerina */
#bc_back4 { background-position: -580px -256px; } 	/* Girl With a Pearl Earring */
#bc_back5 { background-position: -723px -256px; } 	/* Sunflowers */
#bc_back6 { background-position: -866px -256px; } 	/* Mother and Daughter */

/* Menu at the top */
#Page_Menu_Container { font-size: 10pt; font-weight: normal; color: #FFF; background-color: #7C80BD; text-align: center; width: 100%; height: max-content; display: flex; flex-direction: row; gap: 10px; justify-content: center; border-bottom-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-top-style: solid; border-bottom-color: #7C80BD; border-top-color: #7C80BD; }
.Page_Menu_Button { width: max-content; height: inherit; font-size: 12pt; font-weight: normal; color: #FFF; padding: 6px; display: inline; cursor: pointer; }
.Page_Menu_Button:hover { background-color: #FFF; color: #7C80BD; }

/* Index.php Main Menu */
#Main_Menu_Container { width: 500px; height: max-content; overflow: hidden; max-height: max-content; min-height: 350px; margin-left: auto; margin-right: auto; padding-bottom: 20px; display: flex; flex-direction: row; flex-flow: row wrap; justify-content: center; align-content: center; }
.Main_Menu_Header { font-size: 24px; font-weight: normal; color: #7C80BD; height: 35px; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.Main_Menu_Tile_Container { width: 220px; height: max-content; overflow: hidden; max-height: max-content; min-height: 240px; margin-left: 12px; margin-right: 12px; margin-top: 15px; margin-bottom: 15px; background-color: #FFF; border-color: #7C80BD; border-width: 1px; border-style: solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); box-shadow: 2px 10px 15px #000; }
.Main_Menu_Tile_Header { font-size: 12pt; font-weight: normal; color: #FFF; background-color: #7C80BD; height: 22px; line-height: 22px; width: 100%; text-align: center; }
.Main_Menu_Icon { width: 180px; height: 200px; margin-left: auto; margin-right: auto; margin-top: 5px; cursor: pointer; background-image: url(../images/icon_sprite.png); background-repeat: no-repeat; }
#main_menu_bc { background-position: 0px 0px; }
#main_menu_dl { background-position: 0px -200px; }
#main_menu_ls { background-position: -180px 0px; }
#main_menu_hs { background-position: -180px -200px; }

.Page_Header {  font-size: 24px; font-weight: bold; color: #FFF; text-align: center; background-color: #7C80BD; width: 100%; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; }

.Dessert_Label_Container { width: max-content; height: auto; overflow: hidden; padding: 2px; margin-left: auto; margin-right: auto; }
.Dessert_Label_Form_Header_Container { font-size: 28px; color: #7C80BD; text-align: center; width: 100%; height: auto; overflow: hidden; }
.Dessert_Label_Image_Container { width: 400px; height: auto; overflow: hidden; margin-bottom: 10px; float: left; display: inline-block; box-shadow: 2px 2px 5px #000; background-color: #FFF; }
.Dessert_Label_Form_Container { width: 480px; height: auto; overflow: hidden; padding: 10px; margin-left: 20px; margin-bottom: 10px; float: left; background-color: #FFF; display: inline-block; border: 1px solid #000; box-shadow: 2px 2px 5px #000; }
.Dessert_Label_Form_Row_Container { width: 100%; height: auto; overflow: hidden; margin-top: 4px; }
.Dessert_Label_Weight_Header,.Dessert_Label_Weight_Data { width: max-content; height: auto; overflow: hidden; float: left; display: inline-block; margin-right: 5px; }
.Dessert_Label_Form_Actions_Container,.Form_Actions_Container {width: max-content; height: auto; overflow: hidden; text-align: center; margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.Dessert_Label_Form_Actions_Container { margin-top: 15px; margin-bottom: 4px; }
.Weight { width: 40px; margin-right: 4px; }
.Date { width: 80px; }
.Ingredient_Label { width: 470px; font-size: 12px; font-weight: normal; color: #7C80BD; background-color: #FFF; border: 1px solid #BBB; text-decoration: none; }
.Ingredients { width: 472px; height: 60px; margin-bottom: 10px; font-size: 12px; font-weight: normal; color: #7C80BD; background-color: #FFF; border: 1px solid #BBB; text-decoration: none; }

.Other_Label_Container { width: max-content; height: auto; overflow: hidden; padding: 2px; margin-left: auto; margin-right: auto; }
.Other_Label_Form_Header_Container { font-size: 18pt; color: #FFF; text-align: center; background-color: #7C80BD; width: 100%; height: auto; overflow: hidden; padding-bottom: 6px; }
.Other_Label_Image_Container { width: 400px; height: auto; overflow: hidden; margin-top: 20px; margin-bottom: 10px; margin-left: auto; margin-right: auto; box-shadow: 2px 2px 5px #000; }
.Other_Label_Form_Container { width: 480px; height: auto; overflow: hidden; margin-left: 20px; margin-bottom: 10px; float: left; display: inline-block; border: 1px solid #000; box-shadow: 2px 2px 5px #000; background-color: #FFF; }
.Other_Label_Form_Row_Container { width: 100%; height: auto; overflow: hidden; margin-top: 4px; }
.Other_Label_Weight_Header,.Other_Label_Weight_Data { width: max-content; height: auto; overflow: hidden; float: left; display: inline-block; margin-right: 5px; }
.Other_Label_Form_Actions_Container,.Form_Actions_Container { width: max-content; height: auto; overflow: hidden; text-align: center; margin-top: 0px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.Other_Label_Form_Actions_Container { margin-top: 15px; margin-bottom: 4px; }

#hours_sign_form { border: 1px solid #7C80BD; box-shadow: 2px 2px 5px #000; background-color: #FFF }
#hs_front_image { box-shadow: 2px 2px 5px #000; }

/* SHOPPING CART */
#Shopping_Cart { border-top-width: 1px; border-top-style: solid; border-top-color: #000; }
.Shopping_Cart_Border { border: 1px solid #093C61; margin-bottom: 20px; }
.Shopping_Cart_Field_Header { font-size: 14pt; color: #093C61; padding-left: 10px; }
.Shopping_Cart_Field_Text,.Shopping_Cart_Field_Text_Error,.Shopping_Cart_Field_Error,.Shopping_Cart_Field_Asterisk,.Shopping_Cart_Dropdown { font-size: 14pt; color: #093C61; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; }
.Shopping_Cart_Field_Text { background-color: #FFF; }
.Shopping_Cart_Field_Text_Error,.Shopping_Cart_Field_Error { background-color: #FCF; }
.Shopping_Cart_Column_Header { font-size: 12px; font-weight: normal; color: #FFF; text-align: center; letter-spacing: 1.5pt; height: 14px; padding-top: 6px; padding-left: 10px; padding-right: 10px; background-image: linear-gradient(#000,#444); text-transform: uppercase; }
.Shopping_Cart_Cell,.Shopping_Cart_Actions_Cell { font-size: 10pt; font-weight: normal; color: #000; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #333; border-left-color: #333; height: 20px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; text-transform: uppercase; }
.Shopping_Cart_Actions_Cell { border-right-width: 1px; border-right-style: solid; border-right-color: #000; }
.Shopping_Cart_Delete { background-image: url(../images/icon_sprite.png); background-repeat: repeat-none; background-position: -360px 0px; width: 15px; height: 15px; cursor: pointer; }
.Shopping_Cart_Quantity { width: 65px; }
.Shopping_Cart_Cell_Total { font-size: 12px; font-weight: normal; color: #000; text-align: right; }
#Shopping_Cart tr:nth-child(even) { background-color: #FFF; }
#Shopping_Cart tr:nth-child(odd) { background-color: #CCF; }
#Shopping_Cart tr:last-child { background-color: transparent; }			/* Totals and buttons */
.Required_Fields { font-size: 7pt; font-weight: normal; }
#Shopping_Cart_Icon { position: absolute; top: 75px; right: 15px; width: 44px; height: 39px; background-image: url(../images/icon_sprite.png); background-position: -360px -15px; cursor: pointer; }
#Shopping_Cart_Checkout { box-shadow: 2px 10px 15px #000; }

#Form_Container { float: left; width: 760px; margin-left: 74px; }
#Form_Center { float: left; width: 760px; margin-left: 74px; text-align: center; padding-bottom: 250px; }
#Form_Header { font-size: 16pt; color: #FFF; background-color: #7C80BD; }
#PDF_Preview_BC { height: 490px; width: 820px; margin-right: auto; margin-left: auto; margin-bottom: 20px; box-shadow: 5px 5px 9px #000; }
#PDF_Preview_DL { height: 520px; width: 820px; margin-right: auto; margin-left: auto; margin-bottom: 10px; box-shadow: 5px 5px 9px #000; }
#PDF_Preview_HS { height: 600px; width: 560px; margin-right: auto; margin-left: auto; margin-bottom: 10px; box-shadow: 5px 5px 9px #000; }
#Footer { 	height: 57px; width: 1000px; background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: left top; float: left; }
.Card_Quantity { font-size: 12px; font-weight: normal; color: #7C80BD; }
.Error_Message { font-size: 14px; font-weight: bold; color: #FFF; background-color: #900; }
.Form_Header { font-size: 12px; font-weight: bold; color: #7C80BD; text-decoration: none; }
.Form_Header_Invalid { font-size: 12px; font-weight: bold; color: #FFF; background-color: #900; }
.Form_Notes_Italic { font-size: 10px; font-style: italic; font-weight: normal; color: #004E97; text-decoration: none; }
.Form_Text { font-size: 12px; font-weight: normal; color: #7C80BD; background-color: #FFF; border: 1px solid #BBB; text-decoration: none; /* height: 16px; */}
.Form_Text_Invalid { /* font-size: 12px; */ font-weight: normal; color: #7C80BD; text-decoration: none; background-color: #FCC; border: 1px solid #900; /* height: 16px; */}
.Reqd_Field { font-size: 9px; font-weight: normal; color: #7C80BD; text-decoration: none; }
.Form_Text_Info { font-size: 12px; font-weight: normal; color: #7C80BD; text-decoration: none; }
.Form_Select { font-size: 12px; font-weight: normal; color: #7C80BD; text-decoration: none; border: 1px solid #BBB; background-color: #FFF; height: 20px; }
.Form_Select_Invalid { font-size: 12px; font-weight: normal; color: #7C80BD; text-decoration: none; border: 1px solid #900; background-color: #FCC; height: 20px; }
.Image_Frame { border: 1px solid #000; }
.Links { font-size: 14px; font-weight: normal; color: #7C80BD; text-decoration: underline; }
#Thanks_For_Order { font-size: 24px; color: #7C80BD; font-weight: bold; text-align: center; padding-top: 30px; padding-bottom: 60px; }
#Return_To_Home { text-align: center; padding-bottom: 15px; }
.Portal_Menu_Header,.Portal_Menu_Header a { font-size: 14px; font-weight: bold; color: #7C80BD; text-decoration: none; }
.Portal_Section_Header { font-size: 16px; font-weight: bold; color: #000; text-decoration: none; }
#ob_areacode,#ob_exchange,#phone_ac,#phone_ex,#areacode,#exchange,#cell_areacode,#cell_exchange,#fax_areacode,#fax_exchange,#pgr_areacode,#pgr_exchange,#hm_areacode,#hm_exchange { width: 32px; }
#ob_last4,#phone_nm,#last4,#cell_last4,#fax_last4,#pgr_last4,#hm_last4 { width: 38px; }
iframe { padding-bottom: 20px; }
#Footer_Copyright { font-size: 9pt; width: 100%; height: 12px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; float: left; color: #FFF; background: #7C80BD; }

/* PDF Link Page */
#Past_Orders_Lookup tr:nth-child(even) { background: #CCC; }
#Past_Orders_Lookup tr:nth-child(odd) { background: #FFF; }
.Past_Orders_Lookup_Header { font-size: 14px; font-weight: bold; background-color: #0068B1; color: #FFF; }
.Past_Orders_Lookup_Cell { border-top-width: 1px; border-top-style: solid; border-top-color: #0068B1; }

/************************************************************************************************************************************************************************************************************************************************
 Messaging
*************************************************************************************************************************************************************************************************************************************************/
#error_container { position: absolute; width: 450px; top: 23%; left: 50%; margin-left: -225px; margin-right: auto; display: flex; flex-direction: column; height: 22%; background-color: #FFF; border: 1px solid #900; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 6000; }
.error_header { width: inherit; height: auto;  float: left; font-size: 14pt; text-align: center; background-color: #900; color: #FFF; padding-top: 8px; padding-bottom: 8px; overflow: hidden; font-weight: normal;}
.error_message_container { flex: 1; overflow: auto; }
.error_message { height: 100%; overflow: auto; width: 100%; font-size: 14pt; color: #900; text-align: center; display: flex; justify-content: center; align-items: center; }
.wildflower_error_button_container { font-size: 9pt; width: 100%; height: 26px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; float: left; color: #FFF; }
.wildflower_error_button { font-size: 12pt; width: max-content; margin-left: auto; margin-right: auto; height: 23px; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; background-color: #900; color: #FFF; border-radius: 5px; cursor: pointer; border: 1px outset #000; box-shadow: 1px 1px 3px #000; overflow: hidden;}

#alert_container { position: absolute; width: 450px; top: 23%; left: 50%; margin-left: -225px; margin-right: auto; display: flex; flex-direction: column; height: 22%; background-color: #FFF; border: 1px solid #900; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 6000; }
.alert_header { width: inherit; height: auto;  float: left; font-size: 14pt; text-align: center; background-color: #900; color: #FFF; padding-top: 8px; padding-bottom: 8px; overflow: hidden; font-weight: normal;}
.alert_message_container { flex: 1; overflow: auto; }
.alert_message { height: 100%; overflow: auto; width: 100%; font-size: 14pt; color: #900; text-align: center; display: flex; justify-content: center; align-items: center; }
.wildflower_alert_button_container { font-size: 9pt; width: 100%; height: 26px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; float: left; color: #FFF; }
.wildflower_alert_button { font-size: 12pt; width: max-content; margin-left: auto; margin-right: auto; height: 23px; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; background-color: #900; color: #FFF; border-radius: 5px; cursor: pointer; border: 1px outset #000; box-shadow: 1px 1px 3px #000; overflow: hidden;}

#confirm_container { position: absolute; width: 450px; top: 23%; left: 50%; margin-left: -225px; margin-right: auto; padding-bottom: 10px; display: flex; flex-direction: column; height: 18%; background-color: #FFF; border: 1px solid #900; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 6000; }
.confirm_header { width: inherit; height: auto; float: left; font-size: 14pt; text-align: center; background-color: #900; color: #FFF; padding-top: 6px; padding-bottom: 12px; overflow: hidden; font-weight: normal;}
.confirm_question { height: 100%; overflow: auto; width: 100%; font-size: 14pt; color: #900; text-align: center; display: flex; justify-content: center; align-items: center; }
.confirm_actions_container { font-size: 9pt; width: 100%; height: 26px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; text-align: center; margin-left: auto; margin-right: auto; color: #FFF; }
.confirm_actions { font-size: 12pt; width: max-content; margin-left: 5px; margin-right: 5px; height: 23px; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; background-color: #900; color: #FFF; border-radius: 5px; border: 1px outset #000; box-shadow: 1px 1px 3px #000; display: inline; overflow: hidden; cursor: pointer; }

#modal_shade,#modal_shade_85 { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 4990; background-color: #000; opacity: .65; }
#modal_shade_85 { opacity: .85; }