/* site theme red */
#loginTableDiv { /* for membership login Admin18_membershipLoginPageTemplate */ 
	background:#f7f7f7;
	border:1px solid #dddddd; 
    -moz-box-shadow: 5px 5px 3px #aaaaaa;
    -webkit-box-shadow: 5px 5px 3px #aaaaaa;
    box-shadow: 5px 5px 3px #aaaaaa;	
}


div#TopMenuMobileCallContact div.callcontactsection { /* color of the bar on cell phone: [ Call Us   |   Contact Us ] */ 
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #EEEEEE 0%, #7F0400 100%);
/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #EEEEEE 0%, #7F0400 100%);
/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #EEEEEE 0%, #7F0400 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #EEEEEE), color-stop(1, #7F0400));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #EEEEEE 0%, #7F0400 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #EEEEEE 0%, #7F0400 100%);
}
div#TopMenuMobileCallContact div.callcontactsection { 
border-right: 1px solid #7F0400; 
}
div#TopMenuMobileCallContact div.callcontactsection span,
div#TopMenuMobileCallContact div.callcontactsection span a {
color:#FFFFFF;
}

#W3ShoppingCart_cpContainer .quickinfo-body {  
background-color:#FFEFEF 
}
 
.smCategoryButtonContainer { 
	background:#FFF9F9; /* very light background red */
	border:1px solid #B67878;  /* faded maroonish */ 
	/* override for now, we don't like the pink bg or the box */
	background:transparent;
	border:0;
}
a.smCategoryButton {  
	background:#7F0400;  /* dark red */
	color:#ffffff !important; 
	border:1px solid #700202;  /* dark maroon */ 
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888; 
} 
a.smCategoryButton:hover {  

}
a.smCategoryOn { /* changes button color only, keep same as above */
	background:#550300;   /* extremely dark red (almost black) */
	border:1px solid #7F0400; /* dark red */
	color:#ffffff !important;
}

#printerFriendlyPrintButton { 
	background:#7F0400;  /* dark red */
	border:1px solid #700202;  /* dark maroon */
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888; 
}
#printerFriendlyPrintButton SPAN {  
	color: #ffffff !important;
}
#membershipLogoutButton {  
	background:#7F0400;  /* dark red */
	border:1px solid #700202;  /* dark maroon */
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888; 
}
#membershipLogoutButton SPAN {  
	color: #ffffff !important;
} 

#cartViewAllButton a { 
background:#7F0400;  /* dark red */
border:1px solid #700202;  /* dark maroon */
color: #FFFFFF !important; 
}

#upcomingEventsButton {  
	background:#7F0400;  /* dark red */
	border:1px solid #700202;  /* dark maroon */
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888; 
}
#upcomingEventsButton SPAN {  
	color:#ffffff;
}


/* commercial real estate button */ 
a.crButton {  
	background:#7F0400;  /* dark red */
	color:#ffffff !important; 
	border:1px solid #700202;  /* dark maroon */  
} 
a.crButton:hover { /* changes button background color only, keep same as above */
	background:#550300;   /* extremely dark red (almost black) */
	border:1px solid #7F0400; /* dark red */
	color:#ffffff !important;
}
a.crBorderButton {
border:1px solid #700202;  /* dark maroon */ 
}
a.crBorderButton:hover {
border:1px solid #7F0400; /* dark red */
}
 
/* red theme is same as gray, otherwise backgrounds look pink */
table.crListingTable tr td.crListingDash { 
border-top:1px dashed #888888;
}
table.crExpense,
table.crBreakdown {   
	border:1px solid #dddddd; 
} 
table.crExpense tr:nth-child(even)  {  
	background:#eeeeee;
}
table.crExpense tr:nth-child(even) td  { 
color:black;
}
table.crBreakdown tr.color { 
background:#eeeeee !important; 
} 
table.crBreakdown tr th { 
border-top:2px solid #dddddd !important;   
}
table.crBreakdown tr:nth-child(1) th {  
border-top:0 !important;
}
.crBrochureSpace { 
background:#eeeeee;
border:1px solid #dddddd;
}
table.crInquiryTable tr td, 
h2.crListingPropertyName.mobile { 
	background:#eeeeee !important;  
	border:1px solid #dddddd !important;
}
/* end cr button */


div#pageLoginForm INPUT[type="submit"] { 
	background:#7F0400;  /* dark red */
	color:#ffffff !important; 
	border:1px solid #700202;  /* dark maroon */ 
	-moz-box-shadow: 2px 2px 2px #888888;
	-webkit-box-shadow: 2px 2px 2px #888888;
	box-shadow: 2px 2px 2px #888888;  
	padding:5px;
	font-size:larger;
}

span.arrow-down {  /* red theme */
/* https://css-tricks.com/snippets/css/css-triangle/ */ 
	border-top: 17.32px solid #7F0400;  /* equalateral triangle: top = ( (border left + border height) *.866 ) */	 
	opacity: 0.5;
}
span.arrow-up { /* red theme */
/* https://css-tricks.com/snippets/css/css-triangle/ */ 
	border-bottom: 17.32px solid #7F0400;   /* equalateral triangle: bottom= ( (border left + border height) *.866 ) */	
	opacity: 0.5;
}

/* ripple sm checkboxes */
.ripple-radio-checkbox-sm {
  border:1px solid #7F0400;  /* dark red */
  color: #ffffff !important; 
}
.ripple-radio-checkbox-sm:checked {
  background: #7F0400;  /* dark red */
}
.ripple-radio-checkbox-sm:checked::after { 
  background: #7F0400;  /* dark red */
 }