@charset "utf-8";

@font-face { font-family: 'FONT_ProximaNovaRegular'; src: url('../fonts/ProximaNovaRegular.eot'); src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'),url('../fonts/ProximaNovaRegular.woff2') format('woff2'), url('../fonts/ProximaNovaRegular.woff') format('woff'), url('../fonts/ProximaNovaRegular.ttf') format('truetype'), url('../fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg'); }
@font-face { font-family: 'FONT_ProximaNovaBold'; src: url('../fonts/ProximaNovaBold.eot'); src: url('../fonts/ProximaNovaBold.eot') format('embedded-opentype'),url('../fonts/ProximaNovaBold.woff2') format('woff2'), url('../fonts/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg'); }

/* COLORS:
	Light Green: #CADB2F
	Dark Blue: #1C2655
*/
html, body { margin: 0; height: 100%; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; background-color: #FFF; }
body { display: flex; flex-direction: column; }
main { flex: 1; overflow: auto; height: inherit; background-color: #DDD; }
section { height: 100%; overflow: auto; }
footer { font-family: 'FONT_ProximaNovaRegular'; font-size: 9pt; color: #FFF; background-color: #1C2655; text-align: center; padding-top: 6px; padding-bottom: 4px; }

a { color: #000; }
ul { margin-left: 50px; }
li { margin-bottom: 8px; }
a, input { outline: 0px; }
input[type=checkbox] { vertical-align: middle; position: relative; }
input[type=radio] {	vertical-align: middle; position: relative; bottom: 2px; }
select { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; height: 32px; font-weight: normal; color: #000; text-decoration: none; text-align: left; }

#masthead { height: 180px; display: flex; flex-direction: row; justify-content: space-between; }
.sprite_mainmenu, .Menu_Button { background-image: url(../images/sprite_main_menu.jpg); }
#masthead_left { width: 160px; height: 140px; background-position: 0px 0px; }
#masthead_center { width: 300px; height: 180px;  background-position: -160px 0px; }
#masthead_right { width: 140px; height: 160px; background-position: -460px 0px; }

.Page_Breadcrumb_Header,.Page_Header,.Page_Breadcrumb_Header a { width: 100%; height: max-content; min-height: 30px; font-family: 'FONT_ProximaNovaBold'; font-size: 16pt; color: #FFF; background-color: #1C2655; text-align: center; text-decoration: none; border-top: solid 4px #CADB2F; border-bottom: solid 4px #CADB2F; padding-top: 6px; }
.Page_Breadcrumb_Header a:hover { text-decoration: underline; }

/* MAIN MENU */
#Main_Menu { width: 80%; min-width: max-content; height: max-content; min-height: 75%; overflow: hidden; padding: 8px; padding-top: 30px; margin-top: 20px; margin-left: auto; margin-right: auto; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 2px 2px 10px #000; }
.Main_Menu_Container { width: max-content; height: max-content; margin-left: auto; margin-right: auto; margin-bottom: 25px; }
.Main_Menu_Inner_Container { width: 100%; height: 100%; float: left; }
.Main_Menu_Container_Labels { width: 100%; height: 25px; float: left; margin-bottom: 25px; }

.Menu_Button { width: 300px; height: 220px; margin-top: 10px; margin-left: 10px; margin-right: 10px; float: left; display: inline; cursor: pointer; border-style: solid; border-width: 1px; border-color: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 2px 2px 10px #000; }
#Menu_Button_BC { background-position: -600px 0px; }
#Menu_Button_Env { background-position: -300px -220px; }
#Menu_Button_NC { background-position: -600px -220px; }
#Menu_Button_PC { background-position: 0px -440px; }
#Menu_Button_TYC { background-position: 0px -220px; }
#Menu_Button_DON { background-position: -301px -440px; }
.Menu_Button_Placeholder { width: 300px; height: 220px; margin-left: 10px; margin-right: 10px; border: 1px solid #FFF; background-color: #FFF; float: left; display: inline; }
.Menu_Button_Label { width: 300px; height: inherit; font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: normal; color: #000; text-align: center; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; float: left; display: inline; cursor: pointer; }

.Return_to_Main_Menu_Button_Container { width: 100%; display: flex; flex-direction: row; justify-content: center; padding-top: 6px; padding-bottom: 6px; float: left; background-color: #DDD; }

#Content_Container,#Content_Container_Shopping_Cart,#Content_Container_Confirmation { width: 90%; height: auto; min-height: 80%; min-width: 860px; padding: 8px; margin-top: 10px; display: flex; flex-direction: row; justify-content: center; margin-left: auto; margin-right: auto; color: #000; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 2px 2px 10px #000; }
#Content_Container_Shopping_Cart { padding-bottom: 25px; }
#Content_Container_Confirmation { flex-direction: column; align-content: space-between; /* column-gap: 90px;*/ }

#Index_Buttons_Container { width: 736px; height: 234px; float: left; }

/* Product Box */
#Product_Library_Container { width: auto; min-width: 90%; height: auto; overflow: hidden; margin-left: auto; margin-right: auto; padding-top: 10px; display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; }
.Product_Box_Container,.Product_Box_Container_Search_Results { width: 200px; height: max-content; overflow: hidden; min-height: 320px; margin-left: 12px; margin-right: 12px; margin-bottom: 30px; padding-bottom: 10px; background-color: #FFF; border-color: #000; 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; float: left; display: inline; }
.Product_Box_Container_Search_Results { min-height: 330px; }
.Product_Image_Container { width: 180px; height: 200px; margin-left: auto; margin-right: auto; margin-bottom: 40px; }
.Product_Image_Container { margin-bottom: 40px; }
.Product_Image_Container img { cursor: pointer; }
.Product_Image_Frame { margin-top: 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; behavior:url("border-radius.htc"); border-color: #BBB; border-width: 1px; border-style: solid; float: left; margin-bottom: 10px; }
.Product_Box_Field_Header, .Field_Header_Bold { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; text-align: left; }
.Product_Box_Field_Text { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: normal; color: #000; text-decoration: none; text-align: left; border: 1px solid #999; }
.Product_Box_Field_Info { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: normal; color: #000; text-decoration: none; }
.Product_Box_Field_Error { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: normal; color: #000; text-decoration: none; text-align: left; border: 1px solid #900; background-color: #FCF; }
.Product_Box_Instructions { font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-weight: normal; color: #000; text-align: left; padding-top: 4px; clear: both; }
.Product_Box_Detail { font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-style: italic; font-weight: normal; color: #000; text-decoration: none; text-align: left; text-transform: capitalize; }
.Product_Box_Quantity_Select { width: 120px; font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; color: #000; text-decoration: none; margin-bottom: 4px;  }
.Product_Box_Links { font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-weight: normal; text-transform: capitalize; color: #000; text-decoration: underline; }
.Product_Box_Link_Disabled { font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-weight: normal; text-transform: capitalize; color: #999; text-decoration: underline; }
.Psuedo_Link { border:0; background-color:transparent; font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-weight: normal; text-transform: capitalize; color: #000; text-decoration: underline; cursor: pointer; }
.Product_Box_Email_Links { font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-weight: normal; color: #000; text-decoration: underline; }
.Product_Header { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; text-align: center; }
.Product_Details_Container { width: 200px; height: max-content; overflow: hidden; float: left; display: inline; }
.Product_Details_Container div a { font-family: 'FONT_ProximaNovaRegular'; font-weight: normal; font-size: 7pt; }
.Product_Details_Row_Container { width: 200px; height: max-content; min-height: 22px; overflow: hidden; display: flex; flex-direction: row; justify-content: center; }
.Product_Details_Header,.Product_Details_Text,.Product_Details_Text_Price,.Product_Details_Description,.Product_Details_Text_Quantity,.Product_Details_Text_Custom_Text { font-family: 'FONT_ProximaNovaRegular'; font-weight: normal; font-size: 8pt; float: left; display: inline; }
.Product_Details_Header { width: 90px; }
.Product_Details_Itemname { font-family: 'FONT_ProximaNovaBold'; font-weight: normal; font-size: 8pt; width: calc(100% - 20px); min-height: 30px; height: max-content; padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 5px; float: left; background-image: linear-gradient(#000,#444); color: #FFF; text-align: center; letter-spacing: 1.5pt; text-transform: uppercase }
.Product_Details_Text { font-weight: normal; height: auto; }
.Product_Details_Text_Quantity { font-weight: normal; margin-bottom: 6px; width: 40px; }
.Product_Details_Text_Price { font-weight: bold; font-size: 9pt; }
.Product_Details_Description { font-weight: normal; font-size: 8pt; margin-top: 10px; }
.Product_Details_Text_Custom_Text { width: 150px; }
.Product_Details_Text a { font-size: 8pt; }
.Group_Select,.Group_Select_Long { margin-bottom: 6px; max-width: 170px; }
.Group_Select_Long { max-width: 270px; }
.Sub_Group_Select,.Master_Group_Select { margin-bottom: 4px; max-width: 170px; }
.Product_Custom_Text { width: 190px; }
.Product_Details_Row_Container input[type=checkbox] { margin-top: -10px; }			
.Image_Frame { border: 1px solid #000; margin-bottom: 5px; }

#Copyright { font-family: 'FONT_ProximaNovaRegular'; font-size: 8px; font-weight: bold; color: #999; text-decoration: none; text-align: center; width: 772px; height: 50px; float: left; }
.Copyright_Link { font-family: 'FONT_ProximaNovaRegular'; font-size: 8px; font-weight: bold; color: #999; text-align: center; text-decoration: underline; }

.Large_Image_Container { position: absolute; top: 30px; left: 50%; transform: translate(-50%, 0px); width: 840px; height: auto; background-color: #FFF; margin-left: auto; margin-right: auto; z-index: 5000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
.Large_Image_Header { width: inherit; height: auto; min-height: 30px; padding-top: 2px; padding-bottom: 2px; font-family: 'FONT_ProximaNovaBold'; font-weight: normal; font-size: 14pt; text-align: center; background-color: #777; color: #FFF; }
.Large_Image_Actions { width: inherit; height: 23px; margin-top: 6px; background-color: #FFF; text-align: center; }
.Large_Image_Frame { width: max-content; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 20px; overflow: hidden; border: 1px solid #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 2px 2px 15px #000; } /* overflow: hidden; forces the border-radius to clip the inner div Large_image */
.Large_Image_Frame img { margin-bottom: -4px; } 	/* This fixed the gap on the bottom inside the image frame. */
#Large_Image { -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } /* radius: 8px 8px 0 0; helps with the corner clipping for this div */
#Return_to_Previous_Page_Container { width: 880px; height: auto; overflow: hidden; margin-bottom: 10px; float: left; }
.Proof_Accuracy_Message { font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-style: italic; font-weight: normal; color: #900; text-decoration: none; text-align: center; }

/* CUSTOM */
.Custom_Text_Entry { font-family: 'FONT_ProximaNovaRegular'; font-weight: normal; font-size: 12pt; height: 30px; margin-right: 5px; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; float: left; color: #000; text-align: left; }
.Product_Box_Container_Custom { width: 880px; height: auto; overflow: hidden; margin-left: auto; margin-right: auto; background-color: #FFF; border: #000 1px solid; margin-bottom: 30px; -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; }
.Product_Details_Itemname_Small_Custom { font-family: 'FONT_ProximaNovaRegular'; font-weight: bold; font-size: 12pt; width: calc(100% - 20px); height: 30px; padding-left: 10px; padding-right: 10px; padding-top: 6px; padding-bottom: 5px; margin-bottom: 20px; float: left; background-image: linear-gradient(#000,#444); color: #FFF; text-align: center; letter-spacing: 1.5pt; text-transform: uppercase }
.Product_Image_Container_Custom { width: max-content; height: 100%; margin-left: auto; margin-right: auto; }
.WYSIWYG_Business_Card { width: 400px; height: 229px; min-width: 400px; min-height: 229px; background-image: url(../wysiwyg_images/product_business_cards_general_m.jpg); background-repeat: repeat-none; margin-left: auto; margin-right: auto; display: block; border: 1px solid #000; background-color: blue; }

/* ICONS */
.Icon_PDF,.Icon_PDF_Shopping_Cart,.Icon_PDF_Review,.Icon_Shopping_Cart,.Icon_Delete,.Icon_Edit,.Icon_Approved,.Icon_Declined { background-image: url(../images/sprite_icons.png); background-repeat: repeat-none; cursor: pointer; }
.Icon_PDF,.Icon_PDF_Shopping_Cart,.Icon_PDF_Review { width: 23px; height: 30px; background-position: -76px 0px; }
.Icon_Shopping_Cart { position: absolute; right: 25px; top: 187px; width: 31px; height: 30px; background-position: -45px 0px; cursor: pointer; }
.Icon_Search { width: 15px; height: 14px; background-position: 0px 0px; }
.Icon_Edit { width: 15px; height: 14px; background-position: -15px 0px; }
.Icon_Delete { width: 15px; height: 15px; background-position: -30px 0px; }
.Icon_Approved { width: 30px; height: 30px; background-position: -99px 0px; }
.Icon_Declined { width: 30px; height: 30px; background-position: -129px 0px; }

/* 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_Text_Error { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: normal; color: #000; background-color: #FCF; border: 1px solid #900; }
.Shopping_Cart_Field_Header { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; } 

.Shopping_Cart_Field_Text { font-family: 'FONT_ProximaNovaRegular'; font-weight: normal; font-size: 12pt; height: 30px; margin-right: 5px; padding-left: 2px; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; float: left; color: #000; text-align: left; }

.Shopping_Cart_Column_Header { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; 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_Cell_Missing_Info,.Shopping_Cart_Actions_Cell { font-family: 'FONT_ProximaNovaRegular'; 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_Cell_Missing_Info { background-color: #FCF; }
.Shopping_Cart_Actions_Cell { border-right-width: 1px; border-right-style: solid; border-right-color: #000; }
.Shopping_Cart_Actions_Container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 8px; }
.Shopping_Cart_Quantity { width: 40px; font-family: 'FONT_ProximaNovaBold'; text-align: center; }
.Shopping_Cart_Quantity_Select { width: 90px; font-family: 'FONT_ProximaNovaBold'; }
.Shopping_Cart_Cell_Total { font-family: 'FONT_ProximaNovaRegular'; font-size: 12px; font-weight: normal; color: #000; text-align: right; }
#Shopping_Cart tr:nth-child(even) { background-color: #FFF; }				/* Zebra off */
#Shopping_Cart tr:nth-child(odd) { background-color: #F8D3BE; }			/* Zebra on */
#Shopping_Cart tr:last-child { background-color: transparent; }			/* Totals and buttons */
.Shopping_Cart_Empty { font-family: 'FONT_ProximaNovaBold'; font-size: 14pt; font-weight: normal; color: #000; height: 20px; padding-top: 10px; padding-bottom: 300px; text-transform: uppercase; }
.Required_Fields { font-family: 'FONT_ProximaNovaRegular'; font-size: 7pt; font-weight: normal; }

#Orders_Menu_Container,#Order_Detail_Container { min-width: 700px; border-top-width: 1px; border-top-style: solid; border-top-color: #000; }
.Orders_Menu_Column_Header { font-family: 'FONT_ProximaNovaRegular'; 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; }
.Orders_Menu_Cell,.Orders_Menu_Cell_Right,.Orders_Menu_Cell_Center,.Orders_Menu_Cell_Border_Right { font-family: 'FONT_ProximaNovaRegular'; font-size: 10pt; font-weight: normal; color: #000; text-align: left; 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; }
.Orders_Menu_Cell_Right { text-align: right; }
.Orders_Menu_Cell_Border_Right { border-right-width: 1px; border-right-style: solid; border-right-color: #000; text-align: right; }
.Orders_Menu_Cell_Center { text-align: center; }
#Orders_Menu_Container tr:nth-child(even),#Order_Detail_Container tr:nth-child(even) { background-color: #FFF; }			/* Zebra off */
#Orders_Menu_Container tr:nth-child(odd),#Order_Detail_Container tr:nth-child(odd) { background-color: #CCF; }				/* Zebra on */
#Order_Detail_Container tr:last-child { background-color:  #FFF; }				/* Totals */
.order_review_grid { border: 1px solid #000; }
.Order_Review_Missing_Info { background-color: #FCF; }						/* See order_review.php */

#General_Information_Container,#Shipping_Information_Container { min-width: 800px; border-style: solid; border-width: 1px; border-color: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 2px 2px 10px #000; }

.Order_Complete_Container { font-family: 'FONT_ProximaNovaRegular'; font-size: 10pt; font-weight: normal; color: #000; width: 80%; text-align: left; padding: 8px; margin-bottom: 30px; margin-left: auto; margin-right: auto; border-style: solid; border-width: 1px; border-color: #000; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; box-shadow: 2px 2px 10px #000; }

.Error_Form_Field { background-color: #FCF; border: 1px solid #900; font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: normal; color: #000; }
.Error_Message { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: bold; color: #FFF; background-color: #900; text-align: center; }
.Error_Message_Large { font-family: 'FONT_ProximaNovaRegular'; font-size: 16px; font-weight: bold; color: #FFF; background-color: #900; text-align: center; text-transform: uppercase; }

.Form_Header { font-family: FONT_ProximaNovaBold; font-size: 12pt; font-weight: normal; color: #000; }
.Form_Header_Bold { font-family: FONT_ProximaNovaBold; font-size: 16pt; font-weight: bold; color: #000; }
.Form_Header_Invalid { font-family: FONT_ProximaNovaBold; font-size: 12pt; font-weight: bold; color: #FFF; background-color: #900; }
.Form_Row_Field { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: normal; color: #000; background-color: #FFF; border: 1px solid #CCC; }
.Form_Field_Error { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: normal; color: #000; background-color: #FCF; border: 1px solid #900; }
.Form_Field_Header { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: bold; color: #000; text-decoration: none; } 
.Form_Field_Text { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: normal; color: #000; }

.Instructions,.Notes,.Reqd_Field { font-family: 'FONT_ProximaNovaRegular'; font-size: 10px; font-weight: normal; color: #000; font-style: italic; text-transform: capitalize; text-decoration: none; }

.Invalid_Data { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: bold; color: #FFF; background-color: #900; text-align: center; }

.Error_Message_Container { padding: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D31043; width: auto; height: auto; }

.Confirmation_Box { border: 1px solid #000; width: max-content; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; margin-bottom: 40px; }
.Confirmation_Text,.Confirmation_Number,.Confirmation_Header { font-family: 'FONT_ProximaNovaRegular'; font-size: 14pt; font-weight: normal; color: #000; width: 100%; text-align: center; margin-bottom: 40px; }
.Confirmation_Number,.Confirmation_Header { font-size: 16pt; font-weight: bold; margin-bottom: 40px; }
.Confirmation_Number { font-size: 16pt; font-weight: bold; margin-top: 10px; margin-bottom: 10px; }

.Order_Review_Container { width: max-content; height: max-content; overflow: hidden; margin-left: auto; margin-right: auto; display: flex; flex-direction: row; background-color: yellow; }
.Order_Review_Box { border: 1px solid #000; width: max-content; height: auto; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; margin-bottom: 10px; flex: 1; }
.Order_Review_Text,.Order_Review_Header { font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: normal; color: #000; text-align: center; margin-bottom: 20px; }
.Order_Review_Header { font-size: 14pt; font-weight: bold; margin-top: 20px; }

#Page_Not_Found_Container { width: max-content; height: max-content; overflow: hidden; margin-top: 50px; margin-left: auto; margin-right: auto; }
#Page_Not_Found { width: 528px; height: 310px; margin-left: auto; margin-right: auto; margin-top: 50px; background-image: url(../images/page_not_found.png); background-repeat: repeat-none; }
.Page_Not_Found_Instructions { font-family: 'FONT_Poppins_iBold'; font-size: 18pt; font-weight: normal; color: #000; width: 80%; text-align: center; padding: 8px; margin-top: 30px; margin-bottom: 20px; margin-left: auto; margin-right: auto; }

#image_preview_window { position: fixed; top: 50px; width: 800px; height: max-content; max-height: 750px; left: 50%; margin-left: -400px; border: 2px solid #000; z-index: 30000; background-color: #FFF; padding: 20px; overflow: auto; }

/* TABLES */
#Grid,.Grid { border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #000; border-right-color: #000; margin-bottom: 10px; }
.Grid_Header, .Grid_Header_Filters { font-family: 'FONT_ProximaNovaRegular'; font-size: 11pt; font-weight: bold; color: #FFF; text-align: center; height: 20px; padding-top: 2px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #333; border-left-color: #333; border-top-width: 1px; border-top-style: solid; border-top-color: #333; padding-left: 10px; padding-right: 10px; background-color: #000; cursor: pointer; }
.Grid_Header_Filters { cursor: default; }
.Grid_Right_Border { border-right-width: 1px; border-right-style: solid; border-right-color: #333; }
.Grid_Cell,.Grid_Cell_Search,.Grid_Cell_Right_Justify,.Grid_Cell_Center_Justify,.Grid_Cell_Disabled,.Grid_Cell_Declined { font-family: 'FONT_ProximaNovaRegular'; font-size: 10pt; font-weight: normal; 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: 3px; padding-left: 4px; }
.Grid_Cell_Right_Justify { text-align: right; }
.Grid_Cell_Center_Justify { text-align: center; }
.Grid_Cell_Disabled { background-color: #999; color: #CCC; }
.Grid_Cell_Declined { background-color: #AAA; color: #DDD; cursor: default; }
.Grid_Cell_Bold { font-family: 'FONT_ProximaNovaRegular'; font-size: 10pt; font-weight: bold; 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: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; text-transform: uppercase; }
.Grid_Column_Header { font-family: 'FONT_ProximaNovaRegular'; font-size: 11pt; font-weight: normal; color: #FFF; text-align: center; letter-spacing: 1.5pt; height: 26px; padding-top: 2px; padding-left: 10px; padding-right: 10px; background-image: linear-gradient(#000,#444); text-transform: uppercase }
.Grid_Column_Header_Warning { font-family: 'FONT_ProximaNovaRegular'; font-size: 11pt; font-weight: bold; color: #FFF; text-align: center; letter-spacing: 1.5pt; height: 26px; padding-top: 2px; padding-left: 10px; padding-right: 10px;  background-color: #900; text-transform: uppercase; }

/* Messaging and Controls */
#wv_alert_container, .wv_alert_container, #wv_please_wait_container,#wv_error_container { font-family: "FONT_ProximaNovaRegular"; font-size: 18pt; position: fixed; top: 50%; margin-top: -95px; left: 50%; margin-left: -225px; width: 450px; min-height: 100px; height: auto; max-height: 350px; overflow-y: auto; color: #000; background-color: #E3DCEB; text-align: center; vertical-align: middle; padding-top: 20px; padding-bottom: 20px; border: 1px solid #FFF; border-radius: 5px; box-shadow: 2px 2px 5px #000; z-index: 5000; }
.wv_alert_actions { font-family: "FONT_ProximaNovaRegular"; font-size: 12pt; background-color: #000; color: #FFF; width: 75px; height: 23px; padding-top: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; cursor: pointer; border: 1px outset #000; box-shadow: 1px 1px 3px #000; }
.wv_alert_header,.wv_error_header { font-family: "FONT_ProximaNovaRegular"; font-size: 16pt; text-align: center; text-transform: uppercase; color: #FFF; padding-top: 8px; padding-bottom: 8px; width: inherit; height: auto; overflow: hidden; background-color: #053D6F; font-weight: bold; }
.wv_alert_message { font-family: "FONT_ProximaNovaRegular"; font-size: 14pt; text-align: center; overflow-wrap: break-word; color: #053D6F; padding-top: 8px; padding-bottom: 8px; width: inherit; height: auto; overflow: hidden; background-color: #FFF; }
#wv_error_container { color: #900; background-color: #E3DCEB; }
.wv_error_header { background-color: #900; color: #FFF; }
.wv_error_actions { font-family: "FONT_ProximaNovaRegular"; font-size: 12pt; background-color: #900; color: #FFF; width: 75px; height: 23px; padding-top: 2px; border-radius: 5px; margin-left: auto; margin-right: auto; cursor: pointer; border: 1px outset #900; box-shadow: 1px 1px 3px #000; }

#wv_confirm_container { position: absolute; top: 25%; left: 50%; margin-left: -200px; width: 400px; max-width: 400px; height: auto; overflow: hidden; max-height: 350px; z-index: 5000; border: 1px outset #FFF; box-shadow: 1px 1px 10px #053D6F; background-color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
.wv_confirm_header { font-family: "FONT_ProximaNovaRegular"; font-size: 16pt; text-align: center; text-transform: uppercase; color: #FFF; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #053D6F; font-weight: bold; }
.wv_confirm_question { font-family: "FONT_ProximaNovaRegular"; font-size: 14pt; text-align: center; color: #053D6F; padding: 8px; width: inherit; height: auto; overflow: hidden; background-color: #FFF; }
.wv_confirm_button_container { width: inherit; height: auto; overflow: hidden; text-align: center; padding: 8px; background-color: #FFF; }
.wv_confirm_actions,.wv_confirm_archive { font-family: "FONT_ProximaNovaRegular"; font-size: 12pt; color: #FFF; width: auto; height: auto; overflow: hidden; background-color: #053D6F; padding-top: 2px; padding-left: 10px; padding-right: 10px; border-radius: 5px; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; float: left; display: inline; cursor: pointer; border: 1px outset #053D6F; box-shadow: 1px 1px 3px #053D6F; }
#wv_confirm_actions_container { width: max-content; height: 25px; margin-left: auto; margin-right: auto; margin-bottom: 5px; }

#wv_please_wait_container { display: none; } 
.spinner { position: relative; left: 50%; margin-left: -14px; height: 28px; width: 28px; animation: rotate 0.8s infinite linear; border: 8px solid #000; border-right-color: transparent; border-radius: 50%; }
@keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

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

.Numeric_3_Digit, .Alpha_Numeric_3_Digit, .Phone_AC, .Phone_EX { width: 26px; }
.Numeric_4_Digit, .Alpha_Numeric_4_Digit, .Phone_NM, .Quantity_Width,.Quantity_Width_Disabled { width: 32px; }
.Numeric_5_Digit, .Alpha_Numeric_5_Digit { width: 40px; }
.Numeric_6_Digit, .Alpha_Numeric_6_Digit { width: 48px; }
.Numeric_7_Digit, .Alpha_Numeric_7_Digit { width: 53px; }
.Numeric_10_Digit, .Alpha_Numeric_10_Digit { width: 100px; }
.Alpha_Numeric_250px { width: 250px; }
.Checkout_Comments_Field { width: 540px; height: 80px; font-family: 'FONT_ProximaNovaRegular'; font-size: 12pt; font-weight: normal; color: #000; background-color: #FFF; border: 1px solid #CCC; border: 1px solid #000; }
.Phone_AC, .Phone_EX { margin-right: 6px; }
.Quantity_Width { border: 1px solid #000; padding-left: 2px; padding-right: 2px; }
.Quantity_Width_Disabled { color: #999; background-color: #CCC; -moz-user-select: none; -ms-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; border: 1px solid #888; padding-left: 2px; padding-right: 2px; }

.screenshot{ cursor: pointer; }

/* Pdf Preview - see westminster.js proof_pdf_in_window for usage */
/* The preview windows have a style for each product type and dimension. This allows for a nice preview window that fits the product. */
iframe { padding-bottom: 20px; }

/* Displaying PDFs - Size will be added by jQuery based on the settings in the wysiwyg_main table */
#custom_generic_preview_window { position: absolute; top: 50px; background-color: #FFF; border: thin solid #000; visibility: visible; z-index: 6000; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; box-shadow: 2px 2px 15px #000; }

iframe, object { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; }
#close_preview_window { text-align: center; margin-top: 4px; margin-bottom: 4px; }