/* site theme gray */ 
#printerFriendlyPrintButton{ 
background:#dddddd;   
border:1px solid #bbbbbb;  
-moz-box-shadow: 2px 2px 2px #888888;
-webkit-box-shadow: 2px 2px 2px #888888;
box-shadow: 2px 2px 2px #888888; 
}
#printerFriendlyPrintButton SPAN{  
color:#000000;
}#membershipLogoutButton{  
background:#dddddd;   
border:1px solid #bbbbbb;  
-moz-box-shadow: 2px 2px 2px #888888;
-webkit-box-shadow: 2px 2px 2px #888888;
box-shadow: 2px 2px 2px #888888; 
}
#membershipLogoutButton SPAN{  
color:#000000;
}
a.smCategoryButton{  
background:#dddddd;   
border:1px solid #bbbbbb;  
color:#000000;  
-moz-box-shadow: 2px 2px 2px #888888;
-webkit-box-shadow: 2px 2px 2px #888888;
box-shadow: 2px 2px 2px #888888;  
}
a.smCategoryOn{ /* changes button color only, keep same as above */
background:#858585;/* darker gray */   
border:1px solid #808080;  
color:#ffffff !important;
}
/* commercial real estate  */ 
a.crButton{  
background:#dddddd;   
border:1px solid #bbbbbb;  
color:#000000;  
}
a.crButton:hover{ /* changes button background color only, keep same as above */
background:#cccccc; /* darker gray */  
}
a.crBorderButton{
border:1px solid #888888;
}
a.crBorderButton:hover{
border:1px solid #808080; /* darker gray */
}
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; /* varies by theme */
}
table.crBreakdown tr th{ 
border-top:2px solid #dddddd !important;  /* varies by theme */ 
}
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  */
#upcomingEventsButton{  
background:#eeeeee;    
border:1px solid #888888;  
-moz-box-shadow: 2px 2px 2px #888888;
-webkit-box-shadow: 2px 2px 2px #888888;
box-shadow: 2px 2px 2px #888888; 
}
#upcomingEventsButton SPAN{  
color:#000000;
}
#eventInfoBox{ 
border:1px solid #dddddd;
background:#eeeeee;
}
div#pageLoginForm INPUT[type="submit"]{ 
background:#eeeeee;    
border:1px solid #888888;  
-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;
}
#cartSpace{
background:#f7f7f7;    
border:2px solid #888888;   
}
#cartSpace h1{ 
 /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%); 
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%); 
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%); 
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CCCCCC)); 
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%); 
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%); 
font-weight:bold;
text-align:left; 
color:#000000;
border-bottom:2px solid #888888;
}
div#loader-wheel{ /* loader on loader-smoke on smokeEmOut */
border:3px solid #cccccc;
}
img.shopCartPhoto{ 
border:1px solid #cccccc; /* darker than cart background */
}
img.shopCartPhotoBlank{ /* spacer */ 
border:1px solid #f7f7f7; /* same as cart background */
}
INPUT#CartButton{ /* one of the main submit buttons at the bottom */
background:#cccccc;
color:#000000;
border:2px solid #aaaaaa; 
cursor:pointer;
} 
.cartRowBorderTop{
border-top:1px solid #eeeeee;
}
.cartDividerRow{
background-color:#CCCCCC;
} 
table#CartPromoCodeTable{
background-color:#f7f7f7;
border:1px solid #DDDDDD;
}
table#CartPromoCodeTable tr td{
color:#000000 !important;
} 
table#shippingPreferenceTableOuter{ 
border:1px solid #dddddd; 
}
table#shippingPreferenceTableOuter tr td{
background-color:#f7f7f7;
}
table#shippingPreferenceTableOuter tr:first-child{
background-color:#EEEEEE;
}
table#shippingPreferenceTableOuter tr:first-child td{ 
border-bottom:2px solid #DDDDDD; 
}
#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{ /* 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%, #888888 100%);
/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #EEEEEE 0%, #888888 100%);
/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #EEEEEE 0%, #888888 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #EEEEEE), color-stop(1, #888888));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #EEEEEE 0%, #888888 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #EEEEEE 0%, #888888 100%);
}
div#TopMenuMobileCallContact div.callcontactsection{ 
border-right: 1px solid #888888; 
}
div#TopMenuMobileCallContact div.callcontactsection span,
div#TopMenuMobileCallContact div.callcontactsection span a{
color:#000000;
}
#W3ShoppingCart_cpContainer .quickinfo-body{  
background-color:#f7f7f7;  
}
span.arrow-down{ /* blue theme */
/* https://css-tricks.com/snippets/css/css-triangle/ */ 
border-top: 17.32px solid #cccccc;/* gray theme */  /* equalateral triangle: top = ( (border left + border height) *.866 ) */ 
opacity: 0.9;
}
span.arrow-up{ 
/* https://css-tricks.com/snippets/css/css-triangle/ */ 
border-bottom: 17.32px solid #cccccc;/* gray theme */  /* equalateral triangle: bottom= ( (border left + border height) *.866 ) */
opacity: 0.9;
}
/* ripple sm checkboxes */
/* no change from normal */ 
