/*barsprogram.com CSS*/
html{
overflow-y: -moz-scrollbars-vertical;/*shows right scroll all the time to avoid screen jumping on smoke out*/
overflow-y: scroll; 
}
html.noscroll{/*this class is applied when I popup a layer window (iframe) and dont' want them scrolling*/
position: fixed; 
overflow-y: scroll;
width: 100%;
}
.lightGrayBox{
background:#eeeeee;
border:1px solid #dddddd;
}
.bodyThird{
width:33%;
float:left;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
.bodyThirdLast{
width:34%;
float:left;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
.bodyTwoThirds{
width:66%;
float:left;
margin:0 !important;
padding:0 !important;
}
.bodyHalf{
width:50%;
float:left;
margin: 0 !important;
padding:0 !important;
border:0 !important;
}
.bodyHalfEvenOnMobile{/*not overridden on mobile*/
width:50%;
float:left;
margin: 0 !important;
padding:0 !important;
border:0 !important;
}
.bodyFourth{
width:25%;
float:left;
margin: 0 !important;
padding: 0 !important;
border:0 !important;
}
.bodyFifth{
width:20%;
float:left;
margin: 0 !important;
padding: 0 !important;
border:0 !important;
}
.bodyThreeFourths{
width:75%;
float:left;
margin: 0 !important;
padding: 0 !important;
border:0 !important;
}
.bodyQuarter{
width:25%;
float:left;
margin: 0 !important;
padding: 0 !important;
border:0 !important;
}
.bodyPad{
padding:20px;
}
.bodyPadSmall{
padding:10px;
}
.bodyPadTiny{
padding:5px;
}
/*displays only on mobile version*/
.mobileOnly{
display:none;
}
iframe.iframeSize{
width:100%;
height:300px;
overflow:hidden;
margin:0; 
border:0;
padding:0;
}
iframe.videoSize{/*for admin25.cfm YouTubeVideos*/
overflow:hidden;
margin:0; 
border:0;
padding:0;
}
div#popOverSmokeDiv{/*in cartPageTemplate, for Request A Quote Only items (where the iframe gets loaded on [Request a Quote] sitemanager_product_getAQuote.js sets left top height width*/
display:none;
position:absolute;
top:0px;
left:0px;
width:600px;
height:420px;
z-index:2100;/*must be higher than loader-smoke below*/
}
img#loader-smoke{
position:absolute;
display:none;
top:0;
left:0;
width:100%;
height:900%; 
border:0; 
z-index:2000;
opacity:0.7;
filter:alpha(opacity=70);/*For IE8 and earlier*/
}
div#loader-wheel{
position:absolute; 
display:none;
top:190px; 
left:0;
z-index:2001;
width:38px;
height:38px;
padding:8px;
background:white;
-moz-border-raduis:6px;
border-radius:6px;
/*3px border color is in theme css*/
}
div#loader-wheel img{
width:38px;
height:38px;
border:0;
}
#cartSpace{
font-family:arial,helvetica,sans-serif;
font-size:15px;
color: #000000;   
font-weight:normal;
}
/*Editor-selectable rules for page body*/
.boldTxt{font-weight:bold;}
.VLgHeadiTxt{
font-weight:bold; 
font-size:24px; 
}
.LgrHeadiTxt{
font-weight:bold; 
font-size:21px; 
}
.LgHeadiTxt{
font-weight:bold; 
font-size:18px;    
}
.MdHeadiTxt{
font-weight:bold; 
font-size:17px;   
}
.SmHeadiTxt{
font-weight:bold; 
font-size:16px;  
}
.NormTxt{
font-size:15px;
}
.SmTxt{
font-size:14px;
line-height:17px;  
}
.TinyTxt{
font-size:13px;
line-height:16px;  
}
H1{/*Used for Page Title - font size is Page Body Font Size + 6 pixels*/
font-weight:bold;   
font-size:21px; 
font-family:arial,helvetica,sans-serif;  
margin-top:0px;
margin-bottom:15px;
padding-top:15px;/*do with padding, not top margin, so it does not put space above the h1 tag on the site*/
text-align:center; 
}
#spaceBelowH1{
display:none;
}
H2{/*Font size is Page Body Font Size + 3 pixels*/
font-weight:bold; 
font-size:18px; 
font-family:arial,helvetica,sans-serif;
margin-top:0px;
margin-bottom:10px;
}
H3{/*Font size is Page Body Font Size + 2 pixels*/
font-weight:bold; 
font-size:17px; 
font-family:arial,helvetica,sans-serif;  
margin-top:0px;
margin-bottom:10px;
}
UL,OL{
margin:5px 0 5px 0;
}
IMG{border:0}
/*Template Section DIVS*/
#SiteBackgroundDiv{/*BODY Background Area*/
margin:0;
padding:0;
width: 100%;
height: 100%;
background:#ffffff; 
font-size:13px; 
font-family:arial,helvetica,sans-serif;   
}
#SiteVeryTopDiv{/*above the main template - used for a Div of Printer Friendly Page and Log out Buttons at the very, very top*/
margin-top:1px;
margin-bottom:1px;
margin-left:auto;
margin-right:auto;/*center it*/
width:1024px;/*same width as main template*/
}
#SiteBodyDiv{/*main template area*/
margin-top:5px;
margin-left:auto;margin-right:auto;/*~SiteBodyDiv_ElemPlacement~*//*leave this exact, this centers it. If not centered, then  this is removed*/
width:1024px;/*this is within the main template*/
border:0px SOLID #000066;  
}
#SiteBodyDiv table#sbdMain{
width:100%; 
}
#SiteBodyDiv table#sbdMain tr td.first{
vertical-align:top;  
}
#footerCredits{
margin-left:auto;margin-right:auto;/*~SiteBodyDiv_ElemPlacement~*//*leave this exact, this centers it. If not centered, then  this is removed*/
width:1024px;/*this is within the main template*/
margin-top:20px;
text-align:left;
white-space:nowrap; 
margin-bottom:30px;
}
#footerCredits div a img{border:0;}
#footerCredits div a{
font-size:13px;
font-weight:bold;
text-decoration:underline;
color:#808080;
}
/*header Top css*/
#HeaderTopDiv{
position:relative; 
padding:0px; 
margin:0px;
display:NONE;
font-family:arial,helvetica,sans-serif;
font-size:13px; 
background:#006699; 
color: #ffffff;
border-bottom: 0px;
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;  
}
#HeaderTopDiv a, 
#HeaderTopDiv a:link, 
#HeaderTopDiv a:visited, 
#HeaderTopDiv a:active{
color: #ffffff; 
text-decoration:underline;
font-weight:normal;
text-rendering: optimizeLegibility;
}
#HeaderTopDiv  a:hover{
color: #ffffff; 
text-decoration:underline;
font-weight:normal;
text-rendering: optimizeLegibility;
}
/*header Design css*/
#HeaderDesignDiv{
position:relative;/*important for SiteTemplate.cfm*/
padding:0px; 
margin:0px;
display:table-cell;
font-family:arial,helvetica,sans-serif; 
font-size:15px;
background:#ffffff;  
color: #000000; 
border-bottom: 0px;/*the top menu border-top or page body border-top on the table covers this*/
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff;
}
#HeaderDesignDiv TABLE TD, #HeaderDesignDiv P,  #HeaderDesignDiv DIV{
font-family:arial,helvetica,sans-serif; 
color: #000000; 
font-weight:normal;
font-size:15px;
}
#HeaderDesignDiv a, 
#HeaderDesignDiv a:link, 
#HeaderDesignDiv a:visited, 
#HeaderDesignDiv a:active{
color: #46A147; 
text-decoration:underline;
font-weight:normal;
text-rendering: optimizeLegibility;
}
#HeaderDesignDiv a:hover{
color: #404040;
text-decoration:underline;
font-weight:normal;
text-rendering: optimizeLegibility;
}
TABLE.tableLayoutFixed{
table-layout:fixed;/*<!--- table-layout:fixed: The horizontal layout only depends on the table's width and the width of the columns, not the contents of the cells --->*/
}
/*page body*/
#PageBodyDiv{
position:relative;/*important for SiteTemplate.cfm*/
width:1024px; 
overflow-x: hidden;/*so they can't push it out too wide*/
min-height:400px;/*3-schools says: The min-height property is supported in all major browsers. BUT IT DOES NOT WORK IN CHROME, NO BIGGIE HERE*/
vertical-align:top;
background:#ffffff;  
font-family:arial,helvetica,sans-serif;
font-size:15px;
color: #000000;   
font-weight:normal;
border-top:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-left:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-right:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-bottom:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
}
#PageBodyDiv P, 
#PageBodyDiv DIV, 
#PageBodyDiv LI, 
PageBodyDiv TABLE TD{
font-size:15px;
font-family:arial,helvetica,sans-serif; 
color: #000000; 
font-weight:normal;
text-rendering: optimizeLegibility;
}
#PageBodyDiv a, 
#PageBodyDiv a:link, 
#PageBodyDiv a:visited, 
#PageBodyDiv a:active{
color: #000000; 
text-decoration:underline; 
font-weight:normal;
text-rendering: optimizeLegibility;
}
#PageBodyDiv a:hover{
color: #000000; 
text-decoration:underline; 
font-weight:normal;
}
/*top menu*/
#TopMenuDiv{
position:relative;/*important for SiteTemplate.cfm*/
display:NONE; 
height:27px;  
overflow:hidden;
vertical-align:middle;/*3-schools says: The vertical-align property is supported in all major browsers., but it also really only works on display:table-cell or a real table cell*/
 
background:#000099;   
border-bottom: 0;/*the page body border on the table covers this*/
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff; 
font-family:verdana,arial,helvetica,sans-serif; 
font-size:13px; 
text-decoration:none;
font-weight:normal;
color: #ffffff;   
}
#TopMenuDiv #topMenuTable{/*aligns the menu left or right or auto middle*/
margin-left:auto; 
margin-right:auto; 
}
#TopMenuDiv #topMenuTable tr td{
vertical-align:middle;
height:27px; 
}
#TopMenuDiv #topMenuTable tr td SPAN{
margin-left:5px;
margin-right:5px;
font-family:verdana,arial,helvetica,sans-serif;
color: #ffffff; 
font-weight:normal; 
font-size:13px; 
text-decoration:none; 
text-rendering: optimizeLegibility;
}
#TopMenuDiv a, 
#TopMenuDiv a:link, 
#TopMenuDiv a:visited, 
#TopMenuDiv a:active{
color: #ffffff; 
text-decoration:underline;    
font-weight:normal;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
white-space:nowrap;
text-rendering: optimizeLegibility;
}
#TopMenuDiv a:hover{
color: #ffffff;  
text-decoration:underline;   
font-weight:normal;
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
text-rendering: optimizeLegibility;
}
#TopMenuDiv #topMenuTable tr td SPAN#overonly{
margin-left:0px;
margin-right:0px;
}
/*override anylink css top menu used if they have submenu drop-downs*/
.anylinkcss{
position: absolute;
left: 0;/*sets with js*/
top: 0;/*sets with js*/
visibility: hidden;
border: 1px solid #404040;
border-bottom-width: 0;
font-family:verdana,arial,helvetica,sans-serif; 
font-size:12px; 
font-weight:normal;  
line-height:normal;
padding:0;
z-index: 100;/*zIndex should be greater than that of shadow's below*/
width: 210px;/*default width for sub menu Div*/
-moz-box-shadow: 2px 2px 4px #404040;
-webkit-box-shadow: 2px 2px 4px #404040;
box-shadow: 2px 2px 4px #404040;
}
.selectedanchor{/*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background:#000077;/*different shade calculated from background color of main menu*/
background: transparent;/*interferes with TopMenuOver*/
}
.anylinkcss ul{
margin: 0;   
padding: 0;
list-style-type: none;
}
.anylinkSubMenuItem{/*this is the li block anylinkcss ul li{*/
width: 100%;
display: block; 
border-bottom: 1px solid #404040;
padding: 5px 0 5px 5px;
/*text-indent: 5px;*/
background:#000099;
cursor:pointer;
}
.anylinkSubMenuItem a{
text-decoration: none;
font-weight:normal;   
color: #ffffff; 
font-size:12px; 
line-height:normal;
}
.anylinkSubMenuItem:hover{
background:#000077;
color: #ffffff; 
}
.anylinkSubMenuItem:hover a{
color: #ffffff; 
}
/*######## class for shadow DIV #########*/
.anylinkshadow{/*CSS for shadow. Keep this as is*/
position: absolute;
left: 0;
top: 0;
z-index: 99;/*zIndex for shadow*/
background:#404040;
background:transparent;/*shadow does not always work well, so turn it off*/
visibility: hidden;
}
/*Do not prefix the following with #TopMenuDiv, it prevents certain elems from working when TopMenuOn or Over is added to them in JS*/
.TopMenuOn{/*This class is "added" to the w3scTopMenu td class (above) for what to do to the top menu td element that contains the URL of the page we are on*/
background:#000077;/*you can override this color in advanced CSS*/
}
.TopMenuOver{/*This class is "added" to the menu item in JS when mouse over and removed on mouseleave*/
background:#000077;/*you can override this color in advanced CSS*/
}
.TopMenuOver a{
color: #ffffff;  
text-decoration:underline;    
}
#TopMenuDiv .wid3{width:3px;}
/*#TopMenuDiv: setup mobile-responsive menu items*/
#topMenuMobile{
display:NONE;/*displays block when site responds to mobile size*/
width:100%;
padding:0;
margin:0;
overflow-x:hidden;
cursor:pointer; 
border-bottom:1px solid #ffffff;
}
#topMenuMobile div.pad{
padding: 15px 15px 15px 15px; 
}
#topMenuMobile div.pad div.mnu{/*"Menu" text*/
float:left;
min-height:37px; 
white-space:nowrap;
}
#topMenuMobile div.pad div.mnu span{
font-size:13px;  
font-weight:normal;
color: #ffffff;   
}
#topMenuMobile div.pad div.hbgr{/*holds the hamburger lines*/
float: right; 
width:40px;
min-height:37px; 
}
#topMenuMobile div.pad div.hbgr hr{/*these are the hamburger <hr /> lines*/
border:0;
background: #ffffff;   
height:3px;
padding:0;
margin:4px 0 4px 0; 
}
table#topMenuMobileItems{
display:none;
margin:0;  
}
table#topMenuMobileItems tr td{
vertical-align:top; 
padding:0;
}
table#topMenuMobileItems tr td div.pad{
padding:10px;  
}
table#topMenuMobileItems tr td div.pad ul{
margin: 7px 0 0 0;   
padding: 0;
list-style-type: none; 
}
.mobilew3scTopMenu{/*new: <li><div class="mobilew3scTopMenu"><a href="">mobile menu item</a></div></li>*/
display:block;
width:100%;
vertical-align:middle;
padding-top:9px;
padding-bottom:9px; 
text-indent: 0px;
}
table#topMenuMobileItems tr td div.pad ul li ul li div{
padding-left:10px; 
}
table#topMenuMobileItems tr td div.pad ul li ul li div a{
font-size:12px; 
}
table#topMenuMobileItems tr td div.pad ul li ul li ul li div{
padding-left:20px; 
}
table#topMenuMobileItems tr td div.pad ul li ul li ul li div a{
font-size:11px;
text-rendering: optimizeLegibility; 
}
#TopMenuDiv div#TopMenuMobileCallContact{
/*background COLOR IS IN THEME CSS'S*/
width:100%;
overflow:hidden;
display:none;
}
#TopMenuDiv div#TopMenuMobileCallContact div.callcontactcontainer{
padding: 0; 
margin: 0;
overflow:hidden;
cursor:pointer;
}
#TopMenuDiv div#TopMenuMobileCallContact div.callcontactsection{
text-align: center; 
padding:10px 0 10px 0; 
}
div#TopMenuMobileCallContact div.callcontactsection span,
div#TopMenuMobileCallContact div.callcontactsection span a{
/*font COLOR IS IN THEME CSS'S*/
/*font sizes are just below in classes*/
white-space:nowrap;
overflow:hidden;
font-weight:normal; 
text-rendering: optimizeLegibility;
}
.topMenuFontSize{
font-size:13px;  
}
.topMenuFontSizeMinus1{
font-size:12px;
}
.topMenuFontSizeMinus2{
font-size:11px; 
}
/*top menu with kristi's drop downs*/
.kristiTopSubDiv{
position: absolute;
left: 0; 
top: 0;  
z-index: 100;   
width:1024px;/*this is within the main template*/
padding:0px;  
display:none; 
overflow:hidden;
-moz-box-shadow: 3px 3px 6px #bbb;
-webkit-box-shadow: 3px 3px 6px #bbb;
box-shadow: 3px 3px 6px #bbb;
margin-bottom:6px;  
-moz-border-bottom-right-radius:8px;
border-bottom-right-radius:8px; 
-moz-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
background:#000077;/*you an override this color in advanced CSS  -  same as .TopMenuOver*/
}
table.kristiTopSubDivTable{/*inside kristiTopSubDiv div*/
margin:16px 5px 5px 20px;/*aligns table left on sub menu that stretches across entire screen*/
}
table.kristiTopSubDivTable tr td{
vertical-align:middle;
padding: 4px 0 11px 0; 
text-align:left;   
line-height:normal; 
font-family:verdana,arial,helvetica,sans-serif; 
font-size:13px; 
font-weight:normal;   
text-rendering: optimizeLegibility;
}
table.kristiTopSubDivTable tr td.spacer{/*table cell spacer between main menu items across*/
padding: 4px 15px 11px 15px; 
}
table.kristiTopSubDivTable tr td img.iconimg{/*all images with this class .iconimg get preloaded upon page load*/
border:0; 
margin-right:6px;
}
table.kristiTopSubDivTable tr td.link a:link{
line-height:normal;
text-decoration:underline;   
color: #ffffff;  
font-family:verdana,arial,helvetica,sans-serif; 
font-size:13px; 
font-weight:normal;    
text-rendering: optimizeLegibility;
}
table.kristiTopSubDivTable tr td.link a:hover{
line-height:normal;
text-decoration:underline; 
color: #ffffff;  
text-rendering: optimizeLegibility;
}
#photoAlbumMenu{
background:#EEEEEE;
padding:9px 5px 8px 5px;
}
#photoAlbumMenu span{
color: #000000; 
font-family:arial,helvetica,sans-serif; 
font-weight:normal;
font-size:17px;
text-decoration:none;
white-space:nowrap;
}
#photoAlbumMenu span a, #photoAlbumMenu span a:link, #photoAlbumMenu span a:visited, #photoAlbumMenu span a:active{
color: #000000; 
text-decoration:underline;/*ok to use top menu designation for this*/
font-family:arial,helvetica,sans-serif;  
font-size:17px;/*was too small at 13px*/
}
#photoAlbumMenu span a:hover{
color: #202020;  
text-decoration:underline;  
font-family:arial,helvetica,sans-serif;
font-size:17px;/*was too small at 13px*/
}
#photoAlbumTable{
border:1px solid #EEEEEE;
}
#divAlbumSpace{
overflow:hidden;
}
/*vertical menu css*/
#VerticalMenuDiv{
position:relative; 
padding:0px 0px 0px 0px;/*padding to be added in later using class.verticalBarSpacing below*/
margin:0px; 
width:150px;   
display:NONE;   
background:#336699;  
font-family:arial,helvetica,sans-serif;
font-size:13px; 
color: #ffffff;  
border-top:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-left:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-right:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-bottom:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
text-align:LEFT; 
text-decoration:none;
z-index:2;/*IMPORTANT FOR Vm 6*/
}
.verticalBarPadding{/*get wrapper adds this padding to vertical menu when getting real content -  we can't have padding when doing template alignments*/
padding:7px 5px 0px 5px;
}
/*vertical menu standard design style 5*/
#VerticalMenuDiv a.mainItem5:link, a.mainItem5:visited, a.mainItem5:active{
color: #ffffff;
text-decoration:underline;  
}
#VerticalMenuDiv a.mainItem5:hover{
color: #ffffff; 
text-decoration:underline;  
}
#VerticalMenuDiv a.subItem5:link, a.subItem5:visited, a.subItem5:active{
font-size:12px; 
color: #ffffff; 
text-decoration:underline;  
}
#VerticalMenuDiv a.subItem5:hover{
font-size:12px; 
color: #ffffff; 
text-decoration:underline;  
}
/*vertical menu Flyout design style 6*/
ul#W3NowVertMenuTree{
margin: 0 0 30px 0; 
padding:0;
list-style-type: none;
width:150px;
border-bottom: 1px solid #DDDDDD; 
}
ul#W3NowVertMenuTree li{
position: relative;
margin-bottom:2px;
}
/*Sub level menu items*/
ul#W3NowVertMenuTree li ul{
position: absolute;
width: 190px;/*sub menu flyout width*/
top: 0;
visibility: hidden;   
background-color:#336699;
z-index:999;
list-style-type: none;
}
/*Sub level menu links style 6*/
ul#W3NowVertMenuTree li a{
display: block;
overflow: auto;/*force hasLayout in IE7*/
color: #ffffff;
text-decoration: none; 
padding: 1px 5px 1px 0;
border: 1px solid #DDDDDD;
border-bottom: 0; 
}
ul#W3NowVertMenuTree li a:visited{
color: #ffffff;
}
ul#W3NowVertMenuTree li a:hover{
color: #ffffff;
}
ul#W3NowVertMenuTree li a.subfolderstyle{
background: url(https://www.w3now.com/admin/adminSite/templates/nextArrow.gif) no-repeat center right; 
}
/*for IE \*/
* html ul#W3NowVertMenuTree li{float: left; height: 1%;}
* html ul#W3NowVertMenuTree li a{height: 1%;}
/*End*/
/*end vertical menu Flyout design style 6*/ 
/*new page footer*/
#PageFooterDiv{
display:table-cell;
position:relative;/*important for SiteTemplate.cfm*/
background:#ffffff;  
font-family:arial,helvetica,sans-serif;
font-size:12px;
color: #000000;   
font-weight:normal; 
border-top:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-left:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-right:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
border-bottom:0px solid #ffffff;/*This is set to 0 for real Site.css, since it's on the table*/
}
#PageFooterDiv TABLE TD, #PageFooterDiv P,  #PageFooterDiv DIV{
color: #000000;
font-weight:normal; 
font-family:arial,helvetica,sans-serif;
font-size:12px;
}
#PageFooterDiv a, #PageFooterDiv a:link, #PageFooterDiv a:visited, #PageFooterDiv a:active{
color: #0000FF; 
font-weight:normal;
text-decoration:underline;  
}
#PageFooterDiv a:hover{
color: #800080; 
font-weight:normal;
text-decoration:underline;  
}
/*footer menu*/
#FooterMenuDiv{
display:NONE; 
position:relative;/*important for SiteTemplate.cfm*/
height:27px;
overflow:hidden;
vertical-align:middle;/*3-schools says: The vertical-align property is supported in all major browsers., but it also really only works on display:table-cell or a real table cell*/
text-align:CENTER;   
background:#000099;   
border-bottom: 0px;/*the page body border on the table covers this*/
border-top:0px solid #ffffff;
border-left:0px solid #ffffff;
border-right:0px solid #ffffff; 
font-family:verdana,arial,helvetica,sans-serif; 
font-size:13px; 
text-decoration:none;
font-weight:normal;
color: #ffffff; 
}
#FooterMenuDiv SPAN{
margin-left:5px;
margin-right:5px;
font-family:verdana,arial,helvetica,sans-serif;
color: #ffffff; 
font-size:13px; 
text-decoration:none;
font-weight:normal;
}
#FooterMenuDiv .wid3{width:3px;}
#FooterMenuDiv a, #FooterMenuDiv a:link, #FooterMenuDiv a:visited, #FooterMenuDiv a:active{
color: #ffffff; 
text-decoration:underline;  
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
white-space:nowrap;
}
#FooterMenuDiv a:hover{
color: #ffffff;  
text-decoration:underline;  
font-family:verdana,arial,helvetica,sans-serif;
font-size:13px;
}
div#FooterMenu999{/*important to use DIV here because there are others on span*/
text-align:right;
margin:5px 10px 0 0;
}
/*for events*/
table.event_signup_pageBodyTable{margin:0 auto 0 auto;}
table.event_info_pageBodyTable{margin:0 auto 0 auto;}
#event_info_image{
float:left;
margin-right:15px;
margin-bottom:5px;
border:0;
}
#event_info_title_dates{
}
#event_info_title_dates span{
font-weight:bold;
}
#event_info_title_spotstext{
text-align:center;
}
#event_info_signup_button_block{
float:left;
width:200px;
margin:0 10px 20px 10px;
}
#event_info_description_spacer{
height:10px;
}
#event_info_doc1_pdf_icon{
float:left;
}
#event_info_doc1_link{
text-align:left;
}
#event_info_doc2_pdf_icon{
float:left;
}
#event_info_doc2_link{
text-align:left;
}
.EventName{/*same as .W3ShoppingCart_ProductName in other template for sign-up-and-pay events*/
margin-top:10px;
margin-bottom:10px;
font-family:arial,helvetica,sans-serif; 
font-weight:bold; 
font-size:17px;
color:000000;  
}
.PagePhotoLeft{
float:left;margin-right:10px;margin-bottom:5px
}
.PagePhotoRight{
float:right;margin-left:10px;margin-bottom:5px
}
div.eventGoogleMap{/*div for iframe events map*/
width:425px;
float:right;
}
iframe.eventGoogleMap{
width:425px;
height:350px;
}
#event_info_location_title span{
font-weight:bold;
}
#event_info_contact_title span{
font-weight:bold;
}
#event_info_contact_title span{
font-weight:bold;
}
#event_info_externalLink_title span{
font-weight:bold;
}
#Aunder a, #Aunder a:link, #Aunder a:visited, #Aunder a:active{text-decoration:underline;}
#Aunder a:hover{text-decoration:none;} 
/*for event calendar pages*/
table#calendar{
border-collapse:collapse;
width:100%;
background:#ffffff;
}
table#calendar th{
font-weight:bold;
background:#EBE7CE;
padding:4px;
}
TABLE#calendar tr:first-child td{
border-top:1px solid #cccccc;
}
TABLE#calendar tr td{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:4px;
}
TABLE#calendar tr td:first-child{
border-left:1px solid #cccccc; 
}
TABLE#calendar tr td:last-child{
border-right:1px solid #cccccc; 
}
TABLE#calendar tr:last-child td{
border-bottom:1px solid #cccccc;
}
table#calendar .bigCalendar{
font-size:20px;
font-weight:bold;
} 
.calendarTiny12{
font-weight:normal;
font-size:12px;
font-family:arial,helvetica,sans-serif !important;
}
.signupButtonCalendar{
text-align:center; 
color: #ffffff;
font-weight:bold; 
border-radius:10px;
-moz border-radius:10px;
padding:3px;
margin:5px 5px 5px 5px;
border:4px solid #FF0000;/*red*/
background-color:#D9252A;  
cursor:pointer;  
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888; 
}
.signupButtonCalendar span{
color: #ffffff;
font-weight:bold; 
}
.moreinfoButtonCalendar{
text-align:center; 
color: #ffffff;
font-weight:bold; 
border-radius:10px;
-moz border-radius:10px;
padding:3px;
margin:5px 5px 5px 5px;
border:4px solid #045E04;/*darker green*/
background-color:#008000;/*green*/
cursor:pointer;  
-moz-box-shadow: 3px 3px 4px #888888;
-webkit-box-shadow: 3px 3px 4px #888888;
box-shadow: 3px 3px 4px #888888; 
}
.moreinfoButtonCalendar span{
color: #ffffff;
font-weight:bold; 
}
.noGoButtonCalendar{
text-align:center; 
color: #ffffff;
font-weight:bold; 
border-radius:10px;
-moz border-radius:10px;
padding:3px;
margin:5px 5px 5px 5px;
border:4px solid #404040;
background-color:#808080;   
}
.noGoButtonCalendar span{
color: #ffffff;
font-weight:bold; 
} 
.title_h2{
font-size:13px;
} 
/*standard styles*/
.bold{font-weight:bold;}
.red{color:red;}
.blue{color:blue;}
.clear{clear:both;}
.clearLeft{clear:left;}
.nobr{white-space:nowrap;}
.underline{text-decoration:underline;}
.tdTop{vertical-align:top;}
.tdBottom{vertical-align:bottom;}
.tdMiddle{vertical-align:middle;}
.msg{
border: 1px dashed blue;
background-color:#FFFF80;
color:blue;
margin-left:auto;
margin-right:auto;
width:70%; 
margin-top:5px;
margin-bottom:5px; 
padding:5px; 
border-radius:5px;
-moz border-radius:5px;
font-weight:bold;
text-align:left; 
}
.err{
border: 2px dashed red;
background-color:#FFFF80;
margin-left:auto;
margin-right:auto;
width:70%;  
margin-top:5px;
margin-bottom:5px;
font-weight:bold;
padding:5px; 
border-radius:5px;
-moz border-radius:5px; 
color:red;
text-align:left;
}
.minorMsg{
border: 1px dashed green;
background-color:#FFFFC0;
margin-left:auto;
margin-right:auto;
width:70%; 
margin-top:5px;
margin-bottom:5px;
padding:3px; 
border-radius:3px;
-moz border-radius:3px; 
font-weight:bold;
color:blue;
text-align:left;
font-size:12px;
}
.msgBlack{
background-color:#eeeeee;
border:1px solid #dddddd;
padding:3px;
text-align:center;
color:black;
margin-left:auto;
margi-right:auto;
}
.bodyImg{
border:0;
}
.img-circle{
border-radius: 50%;
}
.shadow{
box-shadow: -7px -5px 10px #000000;
}
.roundedCorners{
border-radius:10px;
-moz border-radius:10px;
}
#container{
width:100%; 
display:block;
overflow:auto; 
}
.overYvisible{
overflow-y:visible
}
.blockLeft{
float:left;
}
.blockRight{
float:right;
}
.textCenter{
text-align:center;
}
.textRight{
text-align:right;
}
.textLeft{
text-align:left;
}
.textUpper{
text-transform:uppercase;
}
.textLower{
text-transform:lowercase;
}
.textJustify{
text-align:justify;
}
.blockCenter{
margin-left:auto;
margin-right:auto; 
/*need to add a width*/
}
.hand{cursor:pointer;}
.nodisp{display:none;}
.relative{position:relative;}
.dashed{
border-top:1px dashed #cccccc;
padding-top:15px;
}
.tableDiv{
display:table;
}
.tableCellDiv{
display:table-cell;
vertical-align:middle;
}
img#smokeScreen{
position:absolute;
display:none;
z-index:500; 
top:0px;
left:0px;
width:1px;/*sets to screen width in js*/
height:1px;/*sets to screen width in js*/
/*image is already opaque but need more*/
opacity:0.6;
filter:alpha(opacity=60);/*For IE8 and earlier*/
} 
TABLE{border-collapse:collapse;}
P{margin:0px;}
FORM{margin:0px;}
FIELDSET LEGEND{
font-size:16px;/*same as h3*/
} 
div#pageLoginForm{
display:table;
margin:0 auto 60px auto;
width:40%;
}
div#pageLoginForm div:first-child{
display:table-cell;
}
div#pageLoginForm div:first-child div{
margin:10px;
}
div#pageLoginForm div.title{
font-weight:bold;
margin:10px 10px 5px 10px;
}
div#pageLoginForm div.field{
margin:5px 10px 10px 10px;
}
div#pageLoginForm div.submit{
text-align:right;
} 
div#pageLoginForm INPUT[type="text"],/*inside field*/
div#pageLoginForm INPUT[type="password"]{
width:100%;
padding:5px;
font-size:larger;
}
div#pageLoginForm INPUT[type="submit"]{/*overridden in themes, this is gray here until overridden in themes*/
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;
} 
#printerFriendlyBackButton{
float:left;
margin:1px 0px 1px 8px;
padding:2px; 
width:120px; 
overflow:hidden; 
background:#eeeeee;   
cursor:pointer; 
border:1px solid #888888; 
border-radius:8px;
-moz border-radius:8px; 
-moz-box-shadow: 2px 2px 2px #888888;
-webkit-box-shadow: 2px 2px 2px #888888;
box-shadow: 2px 2px 2px #888888; 
}
#printerFriendlyPrintButton{
float:right;
margin:1px 0px 1px 8px;
padding:2px; 
width:120px; 
overflow:hidden;  
cursor:pointer;  
border-radius:8px;
-moz border-radius:8px;  
}
#printerFriendlyPrintButton SPAN, #printerFriendlyBackButton SPAN{
white-space:nowrap;
font-family:arial,helvetica,sans-serif;
color:black;
font-size:13px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
} 
#membershipLogoutButton{
float:right;
margin:10px 20px 10px 8px;
padding:4px;  
padding:4px 8px 4px 8px;
overflow:hidden; 
cursor:pointer; 
border-radius:8px;
-moz border-radius:8px;  
text-align:center;
}
#membershipLogoutButton SPAN{
white-space:nowrap;
font-family:arial,helvetica,sans-serif; 
font-size:12px;
font-weight:bold;
margin-left:auto;
margin-right:auto;
} 
#cartViewAllButton{
text-align:center;
cursor:pointer;
margin:15px 0 15px 30px;
width:130px;
overflow:hidden; 
}
#cartViewAllButton a{
display:block;
border-radius:8px;
-moz border-radius:8px;  
font-size:15px;
font-family:arial,helvetica,sans-serif;  
color: #202020 !important;
font-weight:bold;
text-decoration:none !important;  
border:1px solid #dddddd;
background: #eeeeee;
padding:8px;
} 
#upcomingEventsButton{
float:right;
margin:10px 5px 0px 0px;
padding:4px;  
overflow:hidden; 
cursor:pointer; 
border-radius:8px;
-moz border-radius:8px;
text-align:center; 
}
#upcomingEventsButton a SPAN{
white-space:nowrap;
font-family:arial,helvetica,sans-serif; 
font-size:12px;
font-weight:bold;  
}
table#calendarListTable{
margin-left:auto;
margin-right:auto;
}
table#calendarListTable tr td{
vertical-align:top; 
padding:20px 0 20px 0;
text-align:left;
}
table#calendarListTable tr:first-child td{
padding:0 0 20px 0; 
}
table#calendarListTable tr td div{
margin:0 0 6px 0;
text-align:left;
}
table#calendarListTable tr td div.dash{
margin:1px 0 1px 0;
border-bottom:1px dashed #cccccc;
} 
table#calendarListTable tr td img{
margin-top:3px;
}
/*
table#calendarListTable tr td div span{
font-size:13px;
line-height:16px; 
}
*/
#divErrMsg{/*in inc_Err_Msg.cfm there for addingajax_basic.js to use*/
display:none;
}

#emptyDiv1, #emptyDiv2, #emptyDiv3, #emptyDiv4, 
#bottomEmptyDiv1, #bottomEmptyDiv2, #bottomEmptyDiv3, #bottomEmptyDiv4{/*for use in causing special effects*/
display:none;
}
img.nextArrow{
width:10px;
height:12px;
vertical-align:middle;
border:0;
margin-left:2px;
margin-bottom:1px;
}
img.backArrow{
width:10px;
height:12px;
vertical-align:middle;
border:0;
margin-right:2px;
margin-bottom:1px;
}
img.arrowLightBlue{
width:12px;
height:12px;
vertical-align:middle;
border:0; 
margin:0;
}
img.arrowLightBlue.onleft{
margin-right:2px; 
}
img.arrowLightBlue.onright{
margin-left:2px; 
}
img.galleryThumbPhoto{
border:0px;
cursor:pointer;
margin-left:auto;
margin-right:auto;
}
/*for sitemap page*/
table.sitemapElemOut{
margin:18px 0 12px 10px;
}
table.sitemapElemOut tr td{
vertical-align:top;
padding:0;
}
table.sitemapElemOut tr td.sitemapEventPic{
width:80px; 
padding-right:4px; 
}
div.sitemapElemOutsub{
margin:3px 0 12px 15px;
}
div.sitemapSubElem{
margin:1px 0 0 3px;
}
table#sitemapTable{
margin-left:auto;
margin-right:auto;
margin-top:10px; 
}
table#sitemaptable tr td{
padding:10px 10px 10px 15px;
vertical-align:top;
text-align:left;
border-left:1px solid #cccccc;
}
table#sitemaptable tr td:first-child{
border-left:0px;
}
table#sitemaptable tr td:nth-child(3){
width:33%; 
}
table#sitemaptable tr td div.topic{
font-weight:bold;
margin-bottom:3px 0 3px 0;
}
table#sitemaptable tr td div.topic span{
font-weight:bold;
}
table#sitemaptable tr td div.indent{
margin-left:10px;
}
/*sitemap columns changed to the following from sitemaptable for mobile responsiveness: 4/16/2015*/
table#sitemapTable{
margin-left:auto;
margin-right:auto;
}
table#sitemapTable tr td{
vertical-align:top;
padding:0;
}
td.sitemapColumn1{/*used if there is only one column on the site map*/
width:50%; 
}
td.sitemapColumn2{/*used for both columns,  if there are exactly two columns on the site map*/
width:50%;
border-right:1px solid #dddddd;
}
td.sitemapColumn2:last-child{
border-right:0;
}
td.sitemapColumn3{/*used for all 3 columns,  if there are exactly three columns on the site map*/
width:33%;
border-right:1px solid #dddddd;
}
td.sitemapColumn3:last-child{
border-right:0;
}
.sitemapColumnPadding{/*inside of each column div to add padding*/
padding:10px 10px 10px 15px;
}
TABLE.tableCellBorder{}
TABLE.tableCellBorder tr:first-child td{
border-top:1px solid #dddddd;
}
TABLE.tableCellBorder tr td{
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
TABLE.tableCellBorder tr td:first-child{
border-left:1px solid #dddddd; 
}
TABLE.tableCellBorder tr td:last-child{
border-right:1px solid #dddddd; 
}
TABLE.tableCellBorder tr:last-child td{
border-bottom:1px solid #dddddd;
}
#eventInfoBox{
cursor:pointer;
text-align:center;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
margin:15px 0 15px 30px;
width:130px;
border:1px solid #dddddd;
background:#eeeeee;
padding:8px;
}
#eventInfoBox a:link,
#eventInfoBox a:active,
#eventInfoBox a:visited{
color: #202020 !important;
text-decoration:none;
}
#eventInfoBox a:hover{
color: #000000 !important;
text-decoration:none;
}
#SiteVeryTopDiv .BackToFirstLoginPageLink{
float:right;
margin-right:25px;
margin-top:20px;
}
/*Membership Login Page*/
#pagetype_membership #FormMsgDiv, 
#pagetype_membership #FormErrDiv{
display:none;
}
#pagetype_membership #divLogin{
margin:0 auto 0 auto; 
width: 50%;
border:0;
padding:0;
}
#loginTableWrapper{
margin-bottom: 30px;
}
#loginTableDiv{
margin-bottom:10px;  
border-radius:15px;
-moz-border-raduis:15px;
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;
}
table#loginFormTable{
font-size:25px;
font-family:arial,helvetica,sans-serif;
margin:0 auto 0 auto;
}
table#loginFormTable tr td{
padding:10px;
}
table#loginFormTable tr td input.loginButton{
font-size:20px;
font-family:arial,helvetica,sans-serif;
}
table#loginFormTable tr td input.formfield{
width:91%;
padding:5px;
overflow:none;  
font-size:25px;
font-family:arial,helvetica,sans-serif;
/*
border-radius:8px;
-moz-border-raduis:8px;
*/
}
table#loginFormTable tr td.keepmeloggedin{
font-size:18px;
font-family:arial,helvetica,sans-serif;
}
table#loginFormTable tr td.needtojoin{
font-size:18px;
}
/*css arrows (one in each theme color and gray here*/
span.arrow-down{/*gray here*/
/*https://css-tricks.com/snippets/css/css-triangle/*/
display:inline-block;
margin-top:10px;
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent; 
border-top: 17.32px solid #cccccc;/*gray standard theme*//*equalateral triangle: top = ( (border left + border height) *.866 )*/
opacity: 0.9;
}
span.arrow-up{
/*https://css-tricks.com/snippets/css/css-triangle/*/
width: 0; 
height: 0; 
border-left: 10px solid transparent;
border-right: 10px solid transparent; 
border-bottom: 17.32px solid #888888;/*gray theme*//*equalateral triangle: bottom= ( (border left + border height) *.866 )*/
opacity: 0.9;
}
div.small-arrow-right{
display:inline-block;
width: 0; 
height: 0; 
border-top: 7px solid transparent;
border-bottom: 7px solid transparent; 
border-left: 7px solid #888888;/*gray theme*/
}
div.small-arrow-left{
display:inline-block;
width: 0; 
height: 0; 
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;  
border-right: 7px solid #888888;/*gray theme*/
}
div.small-arrow-right.white{
border-left: 7px solid #FFFFFF !important;
}
div.small-arrow-left.white{
border-right: 7px solid #FFFFFF !important;
}
/*FOR SERVICE MENU PAGES  AND NEW G GALLERY PAGES (THEY USE THE SAME STYLES)*/
#pagetype_servicemenu #tableMainContent{
min-height:600px;
}
#smCompleteMenu{
margin-bottom:30px;
}
H2.servicemenu{/*Font size is Page Body Font Size + 3 pixels*/
font-weight:bold; 
font-size:18px; 
font-family:arial,helvetica,sans-serif;
margin-top:20px;
margin-bottom:15px;
text-align:center;
}
H2.gallery{/*Font size is Page Body Font Size + 3 pixels*/
font-weight:bold; 
font-size:18px; 
font-family:arial,helvetica,sans-serif;
margin-top:15px;
margin-bottom:10px;
text-align:center;
}
H2.mobilegallery{
font-weight:bold; 
font-size:18px; 
font-family:arial,helvetica,sans-serif;
margin-top:5px;
margin-bottom:1px;
text-align:center;
}
.smCategoryButtonContainer{
padding:9px;
border:1px solid #dddddd;
background:#f7f7f7; 
}
a.smCategoryButton{
/*colors change per theme*/
display:inline-block; 
min-width:146px; 
padding:4px;
margin:8px 15px 8px 15px; 
box-shadow: 1px 1px 1px #999999;
-moz-box-shadow: 1px 1px 1px #999999;
-webkit-box-shadow: 1px 1px 1px #999999;
text-align:center;
font-size:16px !important;
font-family:Arial, Helvetica, sans-serif !important;
line-height:normal !important;
border-radius:6px;
-moz-border-radius:6px;
text-decoration:none !important;
cursor:pointer;
}
a.smCategoryOn{
/*colors for category buttons change per theme*/
}
p.sm-back-top{
text-align:center;
width:100%;/*so it also acts like container to break the floating*/
display:block;
padding:15px 10px 15px 10px !important; 
}
span.sm-back-top{/*js adds click function link to this, so it acts like a link*/
cursor:pointer; 
color: #000000; 
text-decoration:underline; 
font-weight:normal;
font-size: 12px !important;
font-family:arial,helvetica,sans-serif !important;
line-height: normal !important;
}
/*for bx slider on service menu page*/
.smBxSliderBox{
display:none; 
}
#pagetype_servicemenu .bx-wrapper .bx-viewport,
#pagetype_gallery .bx-wrapper .bx-viewport{/*text color inside the bx sliders (which I have made transparent in jquery.bxslider.css, itself) )*/
color: #000000;   
}
.sm-item-box{
display:block; 
position:relative;
overflow: hidden; 
padding:10px;
border:1px solid #dddddd !important;
border-radius:10px;
-moz-border-radius:10px;   
}
p.sm-swipe-words{
text-align:center;
padding:0;
margin:0;
}
span.sm-swipe{
font-size: 12px !important;
font-family:arial,helvetica,sans-serif !important;
line-height: normal;
}
.sm-item-box .sm-fade-p{
display:none;/*js displays on menu items when needed*/
position: absolute; 
bottom: 0; 
left: 0;
width: 100%;  
margin: 0;  
height:0px;/*js makes it 50 when needed*/
cursor:pointer;  
text-align:right;/*the arrow is inside this, in a span*/
background-image: -webkit-linear-gradient(bottom, #ffffff, transparent);/*Chrome 10-25, iOS 5+, Safari 5.1+*/
background-image: linear-gradient(to top, #ffffff, transparent);/*Chrome 26, Firefox 16+, IE 10+, Opera*/
background-position:right bottom;/*put arrow on right bottom - does not work on chrome*/
}
#smPagePhotoHeight, #smNumberAcross, .smNumberSlidesInCat{/*tells util.js some information only*/
display:none;
}
.smImgContainer{
overflow:hidden;
}
#pagetype_servicemenu .sm-item-box img{
width:100%;
height:auto;
border:0;
}
.sm-item-box p, .sm-item-box td{
font-size:13px;
font-family:arial,helvetica,sans-serif; 
color: #000000; 
font-weight: normal;
line-height:normal;
}
.sm-item-box .menuItemName{
font-weight:bold;
font-size:larger;
}
.sm-item-box .topmargin{
margin-top:10px;
}
.sm-item-box .topmarginbig{
margin-top:16px;
}
/*the following table items are deprecated as of Feb 3, 2019, but older sites might still use them so leave it until all can be republished*/
.sm-item-box p.menuItemPriceDescAndPrice{
display:table;
width:100%;
margin-bottom:3px;
}
.sm-item-box p.menuItemPriceDescAndPrice:last-child{
margin-bottom:0px;
}
.sm-item-box span.menuItemPriceDesc{
display:table-cell;
width:63%; 
padding:0;
margin:0;
}
.sm-item-box span.space{
display:table-cell;
width:2%;
padding:0;
margin:0;
}
.sm-item-box span.menuItemPrice{
display:table-cell;
width:35%; 
padding:0;
margin:0;
text-align:right;
}
/*the following replaces all of mentItemPriceDescAndPrice stuff above, with an actual table: Feb 3, 2019*/
table.smPriceTable{
width:100%;
margin:14px 0 0 0; 
}
table.smPriceTable tr td{padding:4px 0 0 0;}
table.smPriceTable tr td:nth-child(1){width:63%;}
table.smPriceTable tr td:nth-child(2){width:2%;}
table.smPriceTable tr td:nth-child(3){width:35%; text-align:right;}
.smCategoryOverflowHeight{
width:100%; 
display:none;
height:0;/*set by JS*/
}
#pagetype_gallery p.sm-wordbox{
font-size:13px !important;
font-family:arial,helvetica,sans-serif !important;
text-align:center;
line-height:normal;
}
/*END SERVICE MENU*/
/*COMMERCIAL REAL ESTATE PAGE*/
table.commercialListing{
margin:0 auto 0 auto;
}
div.crAllListings{
text-align:left;
}
div.crAllListings.last{/*the one at the bottom of the page is always centered*/
text-align:center;
}
.crListingPhotos{
display:table;
width:auto;
margin-left:0;/*align block left*/
margin-right:auto;
}
a.crButton, a.crBorderButton{/*colors change per theme*/
display:inline-block;/*overridden below for a.crBorderButton to BLOCK*/
padding:3px 6px 3px 6px;
margin:10px 0px 10px 0px;  
text-align:center;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
border-radius:8px;
-moz-border-radius:8px;
text-decoration:none !important;
overflow-y:hidden; 
}
a.crBorderButton{
display:block;
text-align:left;
font-size:16px;
white-space:normal;
margin:8px 8px 8px 8px; 
}
img.crPropertyImage{
margin-bottom:0;
}
img.crPropertyImageOne{
margin:0;
width:100%;
max-width:340px;/*overridden on each individual pic*/
height:auto;
}
div.crPhotoDiv{
margin-top:15px;
}
div.crPhotoDiv:first-child{
margin-top:0;
}
div#crMorePhotosContainer{/*used by JS for showing more photos on mobile*/
display:none;
}
#crMorePhotosButton, 
#crLessVideosButton{/*used for showing more photos on mobile*/
width:158px;
overflow-x:visible; 
margin:8px auto 0 auto;
padding:0; 
}
#crMorePhotosButton a, 
#crLessVideosButton a{
color:white;
font-family:arial,helvetica,sans-serif !important;
font-size:15px !important;
}
span.arrow-down.cr{
margin-left:3px;
margin-bottom:-1px; 
margin-top:-10px;
border-top: 10px solid #FFFFFF;/*change it from blue theme to white*/
opacity: 1;
}
span.arrow-up.cr{
margin-right:3px;
margin-top:-1px;
margin-bottom:-10px;
border-bottom: 10px solid #FFFFFF;/*change it from blue theme to white*/
opacity: 1;
}
table.crListingTable{
margin:0 auto 0 auto;
}
table.crListingTable tr td{
vertical-align:top;
padding:0;
}
table.crListingTable tr td.crListingDash{
border-top:1px dashed #dddddd;/*color varies by theme (except on mobile)*/
padding:20px 0 0 0;  
font-size:3px;
}
table.crListingTable tr:first-child td.crListingDash{
border-top:0;
}
table.crInquiryTable{
table-layout: fixed;
}
table.crInquiryTable tr td{
padding:10px; 
background:#eeeeee;/*varies by theme*/
border:1px solid #dddddd;/*varies by theme*/
}
table.crRightAlignTable{
margin-left:auto;  
margin-right:0; 
/*aligns right*/
}
.crListingsPageBottomNav{
text-align:center;
padding:10px;
border-radius:10px;
moz-border-radius:10px;
background:#eeeeee;
border:1px solid #dddddd;
}
.crListingsPageBottomNav span{
margin:0 30px 0 30px; 
}
h2.crListingPropertyName{
text-align:left; 
margin:0 0 6px 0;
}
h2.crListingPropertyName.center{/*on inquiry form title*/
text-align:center !important;
border-bottom:1px dashed #dddddd;
padding:0 0 5px 0;
margin-bottom:3px;
}
h2.crListingPropertyName.crMainPropertyTitle{
margin-top:-1px;
}
.crPropertyAddress{
text-align:left;
padding-bottom:10px; 
}
.crPropertyAddress.many{
}
.crPropertyPriceEtc{
}
.crPropertyPriceEtc table{
margin-left:0;/*align left*/
margin-right:auto;
}
.crPropertyPriceEtc table tr td{
vertical-align:top;
padding:5px 5px 5px 5px !important;
text-align:left;
/*font-size:14px;  same as SmTxt*/
line-height: normal;
}
.crPropertyPriceEtc table tr td:nth-child(2){
white-space:nowrap;
text-align:right;
}
table.crExpense{
border:1px solid #dddddd;/*varies by theme*/
margin-left:auto;  
margin-right:0;/*aligns right*/
}
table.crExpense tr:nth-child(even){
background:#eeeeee;/*varies by theme*/
color:black;
}
table.crExpense tr td{
line-height: normal;
text-align:right;
vertical-align:top;
padding:5px 5px 5px 5px !important; 
}
table.crExpense tr th{
text-align:center;
font-weight:bold;
vertical-align:bottom;
padding:5px 5px 5px 5px !important; 
}
table.crExpense tr td:nth-child(1){
text-align:left;
}
table.crExpense tr td:nth-child(2){
text-align:right;
}
table.crExpense tr:last-child td p{
font-weight:bold !important;
}
table.crBreakdown{
border:1px solid #dddddd;/*varies by theme*/
margin-top:15px;
margin-left:0;/*aligns table left*/
margin-right:auto;
}
table.crBreakdown tr td{
line-height: normal;
text-align:right;
vertical-align:top;
padding:5px 5px 5px 5px !important; 
}
table.crBreakdown tr.color{
background:#eeeeee;/*varies by theme*/
}
table.crBreakdown tr th{
text-align:center;
font-weight:bold;
vertical-align:bottom; 
padding:5px 5px 5px 5px !important;
}
.crAdditionalSpace{
margin-top:15px;
}
.crInquireAndMap{
margin-top:15px;
}
.crBrochureSpace{
margin-top:15px;
padding:5px;
background:#eeeeee;/*varies by theme*/
border:1px solid #dddddd;/*varies by theme*/
}
.crBrochureSpace a, .crBrochureSpace a:link{
font-weight:bold;
white-space:nowrap;
text-decoration:none;
}
.crBrochureSpace a:hover{
text-decoration:underline;
}
#commercial-real-estate-page .pdfIcon{
width:30px;height:30px;vertical-align:middle;border:0;margin-right:5px;
}
div.small-arrow-right.cr{
margin-bottom:-1px;margin-left:6px;
}
div.small-arrow-left.cr{
margin-bottom:-1px;margin-right:6px;
}
/*END COMMERCIAL REAL ESTATE PAGE*/
/*BLOG WIDGETS*/
/*for:<iframe id="w3scBlogWidget#snip.SnippetStyle#" class="iframeBlogWidgetClass#snip.SnippetStyle#" src="#Request.ownerLocalSiteURL#/templateFiles/#snip.snippetID#.htm" frameborder="0" marginheight="0" marginwidth="0" scrolling="No" ></iframe>*/
.iframeBlogWidgetClass1{
border:1px solid #dddddd;
width: 250px;
height: 300px;
}
/*END BLOG WIDGETS*/
/*VERTICAL SPACE*/
.space5{margin-top:5px;}
.space10{margin-top:10px;}
.space15{margin-top:15px;}
.space20{margin-top:20px;}
.space25{margin-top:25px;}
.space30{margin-top:30px;}
.space35{margin-top:35px;}
.space40{margin-top:40px;}
.space45{margin-top:45px;}
.space50{margin-top:50px;}
/*good article on ways to make a DIV shrink to fit and use margin:0 auto 0 auto
http://www.456bereastreet.com/archive/201303/how_to_shrinkwrap_and_center_elements_horizontally/
1) display inline-block with parent element text-align:center;
2) display:table with margin:0 auto 0 auto , and inside the table element are div (or whatever elem) display table-cell*/