﻿body 
{
	margin:0px 0px;
	padding:0;
	text-align:center;
	font-family: tahoma, Times, serif;
	font-size:12px;
}

a
{
	color:#236a93;
	text-decoration:underline
}

div#wholepage {
    width: 770px;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    background-image: url(../images/shadowMiddle.gif);
    background-repeat: repeat-y;
}

div#wholepageadmin {
    width: 1000px;
    margin: 0px auto;
    text-align: left;
    padding: 0px;
    background-image: url(../images/shadowMiddleadmin.gif);
    background-repeat: repeat-y;
}

#mainContent {
	margin:0 7px 0 7px;
	padding:0;
}


div#header
{
	margin: 0px 0px;
	padding: 0px;
	height: 155px; /*175px;*/
}

div#header li
{

}

div#banner {
    height: 155px;
    /*background-image: url(../Images/Wilbert-Funeral-Services-Online-Ordering-2.gif);*/
    background-image: url(../Images/WebPage_Banner_Curves_756x155_v2.png);
    /*background-color: #236a93;*/
    background-color: #256498;
    background-repeat: no-repeat;
}


#nav
{
	text-align:center;
	/* Add by HTH 10/11/2010 */
	/* Fix Menu issue */
	/*position:absolute;*/
	position:relative;
	float:left;
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	top: 128px;
	padding-top: 0px;
	left: 10px;/*235px;*/
}

#nav ul
{
	font:11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style:none; /* Add by HTH 10/11/2010 */
	font-weight: bold;
	text-decoration:none;
	margin:0px 0px 0px 10px;
	padding:0;
	/*float:left;*/
}

#nav ul li
{
	/*display:inline;*/
	display:block; /* Add by HTH 10/11/2010 */
	background:url(../images/navInactiveMiddle.gif) repeat-x left top;
	text-align: center;
	padding:0;
	margin-left: 0;
	margin-top: 0; /*-28px;*/
	float:left;
	
}

#nav li#logout
{
	margin-left:30px;
}

#nav ul li a
{
	background:url(../images/navInactiveLeftCap.gif) no-repeat left top;
	display:block;  /* Add by HTH 10/11/2010 */
	float:left;
	margin:0;
	padding-left:7px;
	text-decoration:none;
	color:Black;
}

#nav ul li.menuButton
{
	background:url(../images/navInactiveLeftCap.gif) no-repeat left top;
	float:left;
	margin:0;
	padding-left:7px;
	text-decoration:none;
	color:Black;
}
/*
.menuButton:hover {
	text-decoration:underline;
}
*/

.menuLogout
{
	background:url(../images/navInactiveLeftCap.gif) no-repeat left top;
	float:left;
	margin:0;
	padding-left:7px;
	text-decoration:none;
	color:Black;
	margin-left: 30px;
}

#nav ul li a span
{
	background:url(../images/navInactiveRightCap.gif) no-repeat right top;	
	display:block;
	padding: 4px 13px 10px 5px;
}

#nav ul li a:hover {
	text-decoration:underline;
}

/*
#nav 
{
	margin:0;
	padding:0;
}

#nav ul
{
	margin:0;
	margin-left: 250px;
	padding:0;
	font:11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style-type: none;	
	text-decoration:none;
}

#nav li 
{
	display:inline;
	background-image:url(../images/navInactiveMiddle.gif);
	background-repeat:repeat-x;
	text-align: center;
	padding:0;
	float:left;
	margin-top:-32px;
	height:31px;
}	

#nav a 
{
	background-image:url(../images/navInactiveLeftCap.gif);
	background-repeat:no-repeat;
	
}

#nav a span
{	
	/*
	background-image:url(../images/navInactiveRightCap.gif);
	background-repeat: no-repeat;
	display:block;
}

#nav a span
{
	float: none;
}

#nav ul li.inactive {
}
#nav ul li.active {
}

#nav ul li a {
	position:relative;
	top:10px;
	color:#000000;
	margin:0;
	padding:10px 10px 10px 10px;
	text-decoration:none;
}
#nav ul li a:hover {
	text-decoration:underline;
}

#nav ul li.active a {
	color:#ffffff;
}
*/

div#headerDivider {
    height: 25px;
    background-image: url(../Images/tinyline.gif);
}
div#headerDividerTop {
    height: 25px;
    background-image: url(../Images/tinyline.gif);
}

div#logout
{

}

#content {
	margin-left:126;
	padding:20px 20px 50px 26px;
	min-height:200px;
}

.content_body
{
	margin-top: -45px;
}

.content_body2
{
	margin-top: -20px;
}

#content h1,h2 
{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#236a93;
}

#content h1 {
	font-size:20px;
}
#content h2 {
	
	margin:0;
	color: #036;
	padding:0;
	font-weight: normal;
	font-size:30px;
}
#content p
{
	
}

#footer {
    clear: BOTH;
    position: relative;
    width: 756px;
    height: 35px;
    font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image: url(../images/littlefooter.gif);
    background-repeat: repeat-y;
}

#footeradmin {
    clear: BOTH;
    position: relative;
    width: 986px;
    height: 35px;
    font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image: url(../images/littlefooter.gif);
    background-repeat: repeat-y;
}

div#footer ul {
    padding: 0;
    margin-top: 12px;
    list-style-type: none;
    text-align: center;
}

div#footer li {
    color: White;
    font-weight: bold;
    display: inline; /*spreading the items horizontally*/
    margin-right: 1em;
}

div#footer ul li a {
    color: White;
}
div#footeradmin ul {
    padding: 0;
    margin-top: 12px;
    list-style-type: none;
    text-align: center;
}

div#footeradmin li {
    color: White;
    font-weight: bold;
    display: inline; /*spreading the items horizontally*/
    margin-right: 1em;
}

div#footeradmin ul li a {
    color: White;
}
/*
#footer #links {
	position:absolute;
	top:12px;
	left:142px;
	color:White;
}
#footer #links a {
	color:White;
	margin-right:10px;
}
*/
.separator
{
	background-color:#a9d0ed;  /*#d9cef3;*/
	font-weight:bold;
	font-size:14px;
}

tr.colheading
{
	background-color:gray;
	font-weight:bold;
	color:White;
	text-align:center;
	padding:0;
}

/*
tr.summary
{
	font-size:medium;
}
*/

td.label
{
	background-color:#a9d0ed;
}

td.columnHeading
{
	
	font-weight:bold;
}

td.total
{
	font-size:large;
}

#shadowWrapper {
	position:relative;
	margin:0 auto 0 auto;
	padding:0;
	width:770px;
	background-image:url(../images/shadowMiddle.gif);
	background-repeat:repeat-y;
}
#shadowBottom {
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:770px;
	background-image:url(../images/shadowBottom.gif);
	background-repeat:no-repeat;
	height:15px;
}

.sectionHeader
{
	margin-top: -25px;
}

.orderInfo
{
	color:Navy;
	font-weight:bold;
	font-size: 95%;
}

.orderProcess
{
	font:Tahoma, Verdana, Geneva;
	font-weight:bold;
	color:Navy;
	text-decoration:underline;
}

.OrderReview
{
	font-size:12px;
	font-family:Tahoma, Verdana, Geneva;
}

.number
{
	text-align:right;
}

.orderProcessBodyFont
{
	font-size:0.8em;
}

#orderStat
{
	text-align:right;
}

#orderStat ul
{
	list-style:none;
}

#orderStat li
{
	position: relative;
}

.orderStatOrderNum
{
	text-align:left;
}

#orderStat li li
{
	position:relative;
}

.textMoney
{
	text-align:right;
}

.grid
{
	font-size:14px;
}

/*
.readonly_textbox
{
	font-family:"Times New Roman", Times, serif;	
}
*/

/*
.cellFont
{
	font-size:11px;
}
*/

.orderDetailTable td
{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.cell
{
	padding:0 0 0 0;
	font-size:11px;
}

.dataEntryTextBox
{
	font-size: 12px;
}

.gridColumnHeader
{
	font-size:14px;
	font-weight:bold;
}

.modalBackground {
	background-color:Gray;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.fieldLabel
{
	font-size: 11px;
    /*text-decoration:underline;*/
	font-family:Tahoma, Verdana, Geneva;
	/*font-weight:bold;*/
	width: 200px;
}

.fieldData
{
	font-size: 11px;
	font-family:Tahoma, Verdana, Geneva;
}

.fieldLabelRequired
{
	font-size: 11px;
    /*text-decoration:underline;*/
	font-family:Tahoma, Verdana, Geneva;
	/*font-weight:bold;*/
	width: 200px;
}

.fieldDataRequired
{
	background-color:#F4F888;
	font-size: 11px;
	font-family:Tahoma, Verdana, Geneva;
}

.fieldDataNumber
{
	font-size: 11px;
	font-family:Tahoma, Verdana, Geneva;
	text-align:right;
}

.validator
{
	font-size:12px;
}

.wizardNavButton
{
	font-size:12px;
}

.processStep
{
	font-size: 12px;
	font-family:Tahoma, Verdana, Geneva;
}

.radioPosition
{
	font-size: 12px;
	font-family:Tahoma, Verdana, Geneva;
	margin-top:-5px;
}

.gridHeader
{
	font-size: 16px;
	font-family:Tahoma, Verdana, Geneva;
}

#cemeterySearch
{
	z-index: 100%;
}

.FAQQuestion
{
	margin-left: 5px;
	font-weight:bold;
	font-size:14px;
	color:#042979;
	font-family:Tahoma;
}

.FAQAnswer
{
	margin-left: 30px;
	font-size:12px;
	padding:1px 1px 1px 1px;
	font-family:Tahoma;
}

.HomePageText
{
	font-family:Tahoma, Verdana, Geneva;
	font-size:11px;
	color:#757575
}

.gridview th {
    border: 1px solid black;
    padding: 2px;
}

.gridview td {
    padding: 2px;
    border: 1px solid black;
}

.AdminFormLabel {
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
}

.AdminFormField {
    font-family: Tahoma, Verdana, Arial;
    font-size: 12px;
    font-weight: normal;
    COLOR: #000000;
    Background-Color: #EAE7F1;
    border: 1px solid #999;
    padding-left: 4px;
    width: 300px;
}

.adminlinkbutton {
    background-color: #069;
    border-radius: 2px;
    border: 1px solid #84bbf3;
    display: inline-block;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .adminlinkbutton:hover {
        background-color: Gray;
    }

    .adminlinkbutton:active {
        position: relative;
        top: 1px;
    }

.gridviewlinkbutton {
    background-color: #f5f5f5;
    color: Black;
    border-radius: 2px;
    border: 1px solid #84bbf3;
    display: inline-block;
    font-family: Arial;
    font-size: 11px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .gridviewlinkbutton:hover {
        background-color: #d3d3d3;
    }

    .gridviewlinkbutton:active {
        position: relative;
        top: 1px;
    }

.admincheckboxlistheading {
    display: block;
    font-size: 14px;
    font-family: Helvetica, Verdana, Arial;
    font-weight: bold;
    color: #000;
    padding-bottom: 4px;
    padding-top: 20px;
}

.admincheckbox INPUT {
    margin-right: 4px;
}

.admincheckboxlisttable td {
    vertical-align: top;
    width: 15%;
    font-size: 11px;
}

.GridPager a, .GridPager span {
    display: block;
    height: 15px;
    width: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.GridPager a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
}

.GridPager span {
    background-color: #A1DCF2;
    color: #000;
    border: 1px solid #3AC0F2;
}

.ProductFloatRight {
    float: right;
    margin-left: 50px;
}

.checkbox INPUT {
    margin-right: 5px;
}

.ajaxmodalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.ajaxmodalPopup {
    background-color: #FFFFFF;
    width: 300px;
    border: 3px solid White;
    padding: 0;
}

.ajaxmodalPopup .header {
    background-color: #507CD1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

.ajaxmodalPopup .body {
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.login-error {
	color: red;
}

.order-review-cancel-button-container {
	display: flex;
	justify-content: start;
	align-items: center;
}

	.order-review-cancel-button-container span {
		color: #717171;
		margin-left: 0.3rem;
	}

.order-review-cancel-button {
	margin-right: 0.3rem;
}

.order-review-cancelled-label {
	color: red;
	font-weight: 600;
}

.order-review-item-price {
	text-align: right;
}

.order-review-item-original-price {	
	font-style: italic;
	color: darkgray;
	text-decoration: line-through;
}

.order-review-item-price-container {
	display: flex;
	justify-content: end;
}

.order-review-item-price-input {
	text-align: right;
	max-width: 70px;
}

.order-review-item-price-label,
.order-review-item-price-input {
	margin-left: 1rem;
}