/*cowboyenterprisesllc.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:Open Sans,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:Open Sans,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:Open Sans,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:Open Sans,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:18px;
background:#412412;  
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:18px;
}
#HeaderDesignDiv a, 
#HeaderDesignDiv a:link, 
#HeaderDesignDiv a:visited, 
#HeaderDesignDiv a:active{
color: #000000; 
text-decoration:none;
font-weight:normal;
text-rendering: optimizeLegibility;
}
#HeaderDesignDiv a:hover{
color: #000000;
text-decoration:none;
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:#e4e0d8;  
font-family:Open Sans,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:Open Sans,sans-serif; 
color: #000000; 
font-weight:normal;
text-rendering: optimizeLegibility;
}
#PageBodyDiv a, 
#PageBodyDiv a:link, 
#PageBodyDiv a:visited, 
#PageBodyDiv a:active{
color: #786356; 
text-decoration:none; 
font-weight:normal;
text-rendering: optimizeLegibility;
}
#PageBodyDiv a:hover{
color: #412412; 
text-decoration:none; 
font-weight:normal;
}
/*top menu*/
#TopMenuDiv{
position:relative;/*important for SiteTemplate.cfm*/
display:table-cell; 
height:45px;  
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:#412412;   
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:Oswald,sans-serif; 
font-size:18px; 
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:45px; 
}
#TopMenuDiv #topMenuTable tr td SPAN{
margin-left:5px;
margin-right:5px;
font-family:Oswald,sans-serif;
color: #ffffff; 
font-weight:normal; 
font-size:18px; 
text-decoration:none; 
text-rendering: optimizeLegibility;
}
#TopMenuDiv a, 
#TopMenuDiv a:link, 
#TopMenuDiv a:visited, 
#TopMenuDiv a:active{
color: #ffffff; 
text-decoration:none;    
font-weight:normal;
font-family:Oswald,sans-serif;
font-size:18px;
white-space:nowrap;
text-rendering: optimizeLegibility;
}
#TopMenuDiv a:hover{
color: #c8c0af;  
text-decoration:none;   
font-weight:normal;
font-family:Oswald,sans-serif;
font-size:18px;
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:Oswald,sans-serif; 
font-size:17px; 
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:#412430;/*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:#412412;
cursor:pointer;
}
.anylinkSubMenuItem a{
text-decoration: none;
font-weight:normal;   
color: #ffffff; 
font-size:17px; 
line-height:normal;
}
.anylinkSubMenuItem:hover{
background:#412430;
color: #c8c0af; 
}
.anylinkSubMenuItem:hover a{
color: #c8c0af; 
}
/*######## 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:#412430;/*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:#412430;/*you can override this color in advanced CSS*/
}
.TopMenuOver a{
color: #c8c0af;  
text-decoration:none;    
}
#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:18px;  
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:17px; 
}
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:16px;
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:18px;  
}
.topMenuFontSizeMinus1{
font-size:17px;
}
.topMenuFontSizeMinus2{
font-size:16px; 
}
/*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:#412430;/*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:Oswald,sans-serif; 
font-size:18px; 
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:none;   
color: #ffffff;  
font-family:Oswald,sans-serif; 
font-size:18px; 
font-weight:normal;    
text-rendering: optimizeLegibility;
}
table.kristiTopSubDivTable tr td.link a:hover{
line-height:normal;
text-decoration:none; 
color: #c8c0af;  
text-rendering: optimizeLegibility;
}
#photoAlbumMenu{
background:#412412;
padding:9px 5px 8px 5px;
}
#photoAlbumMenu span{
color: #ffffff; 
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: #ffffff; 
text-decoration:none;/*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: #c8c0af;  
text-decoration:none;  
font-family:arial,helvetica,sans-serif;
font-size:17px;/*was too small at 13px*/
}
#photoAlbumTable{
border:1px solid #412412;
}
#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:200px;   
display:NONE;   
background:#c8c1af;  
font-family:Arvo,sans-serif;
font-size:18px; 
color: #000000;  
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: #000000;
text-decoration:none;  
}
#VerticalMenuDiv a.mainItem5:hover{
color: #ffffff; 
text-decoration:none;  
}
#VerticalMenuDiv a.subItem5:link, a.subItem5:visited, a.subItem5:active{
font-size:17px; 
color: #000000; 
text-decoration:none;  
}
#VerticalMenuDiv a.subItem5:hover{
font-size:17px; 
color: #ffffff; 
text-decoration:none;  
}
/*vertical menu Flyout design style 6*/
ul#W3NowVertMenuTree{
margin: 0 0 30px 0; 
padding:0;
list-style-type: none;
width:200px;
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:#c8c1af;
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: #000000;
text-decoration: none; 
padding: 1px 5px 1px 0;
border: 1px solid #DDDDDD;
border-bottom: 0; 
}
ul#W3NowVertMenuTree li a:visited{
color: #000000;
}
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:#d8d3c7;  
font-family:Open Sans,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*/
}
#PageFooterDiv TABLE TD, #PageFooterDiv P,  #PageFooterDiv DIV{
color: #000000;
font-weight:normal; 
font-family:Open Sans,sans-serif;
font-size:15px;
}
#PageFooterDiv a, #PageFooterDiv a:link, #PageFooterDiv a:visited, #PageFooterDiv a:active{
color: #000000; 
font-weight:normal;
text-decoration:none;  
}
#PageFooterDiv a:hover{
color: #ffffff; 
font-weight:normal;
text-decoration:none;  
}
/*footer menu*/
#FooterMenuDiv{
display:table-cell; 
position:relative;/*important for SiteTemplate.cfm*/
height:35px;
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:#412412;   
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:Oswald,sans-serif; 
font-size:15px; 
text-decoration:none;
font-weight:normal;
color: #ffffff; 
}
#FooterMenuDiv SPAN{
margin-left:5px;
margin-right:5px;
font-family:Oswald,sans-serif;
color: #ffffff; 
font-size:15px; 
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:none;  
font-family:Oswald,sans-serif;
font-size:15px;
white-space:nowrap;
}
#FooterMenuDiv a:hover{
color: #c8c0af;  
text-decoration:none;  
font-family:Oswald,sans-serif;
font-size:15px;
}
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:Open Sans,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:Open Sans,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:Open Sans,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:Open Sans,sans-serif;
margin-top:15px;
margin-bottom:10px;
text-align:center;
}
H2.mobilegallery{
font-weight:bold; 
font-size:18px; 
font-family:Open Sans,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: #786356; 
text-decoration:none; 
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:Open Sans,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*//*Shopping Cart Styles - for when website user has added something to the shopping cart*/
/*THIS OVERRIDES THINGS IN SITE.CSS WHICH ARE FOR THE SHOPPING CART ONLY AND FOR DISPLAYING PRODUCTS
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*/ 
TEXTAREA{resize:vertical;}
.W3ShoppingCart_myCartButtonImage{width:65px; height:54px; border:0; }
.W3ShoppingCart_product_table_out{margin: 0 auto 0 auto; }
.W3ShoppingCart_CatPage_Title{
margin-top: 0;
margin-bottom:10px;
font-family: Open Sans,sans-serif; 
font-size: 18px; 
font-weight: bold; 
/*color: #000000;*/
}
.W3ShoppingCart_CatPage_Text{
margin-bottom:3px;
font-family: Open Sans,sans-serif; 
font-size:15px;  
text-align:left;
/*color: #000000;*/
}
.W3ShoppingCart_Product_Form{
margin: 0;
}
.W3ShoppingCart_Product_Info_Area_Background{
/*background-color:white*/
}
.W3ShoppingCart_ProductName{
margin-bottom:3px;	
font-weight: bold; 
font-size:17px;	
}
.cartPrice{
font-weight: bold; 
font-size:17px;	
}
a.W3ShoppingCart_ProductName:link,  a.W3ShoppingCart_ProductName:visited, a.W3ShoppingCart_ProductName:active{
color: #786356; 
text-decoration:none;	
}
a.W3ShoppingCart_ProductName:hover{
color: #412412; 
text-decoration:none;	
}
.bold{font-weight:bold;}
.red{color:red;}
.W3ShoppingCart_ItemNumber_Text{
margin-bottom:10px;
font-family: Open Sans,sans-serif; 
font-size: 14px; 
font-weight: bold;
color:#000000;  
}
.W3ShoppingCart_Description_Text{
margin-bottom:3px;
font-family: Open Sans,sans-serif; 
font-size:15px; 
color:#000000;  
}
ul.W3ShoppingCart_bulletsNoPad{
padding-left:1.2em;
}
.W3ShoppingCart_Description_Text p{margin-top: 0;margin-bottom:0px}
.W3ShoppingCart_Description_Text ul{margin-top:10px;margin-bottom:10px}
.W3ShoppingCart_Description_Text ol{margin-top:10px;margin-bottom:10px}
.W3ShoppingCart_Price_Text{
margin-bottom:3px;
white-space: nowrap; 
font-family: Open Sans,sans-serif; 
font-size:16px; 
font-weight: bold;
color:#000000;  
}
.W3ShoppingCart_Option_Block{
margin:15px 0 15px 0;
}
.W3ShoppingCart_Selection_Block{
margin-bottom:3px;
}
.W3ShoppingCart_Option_Text{
font-family: Open Sans,sans-serif; 
font-size:15px; 
font-weight: bold;
/*color: #000000;*/
}
.W3ShoppingCart_Option_NoteText{
font-family: Open Sans,sans-serif; 
font-size: 13px;
font-weight: normal;
/*color: #000000;*/
}
.W3ShoppingCart_Option_NoteText span{
font-family: Open Sans,sans-serif; 
font-size: 13px;
font-weight: normal;
/*color: #000000;*/
}
.W3ShoppingCart_Option_Block LABEL{
font-family: Open Sans,sans-serif; 
font-size:15px; 
font-weight: bold;
/*color: #000000;*/
}
/*leave form elements arial*/
.W3ShoppingCart_Product_Form INPUT{
font-family:arial,helvetica,sans-serif; 
font-size:15px; 
color: #000000;
}
.W3ShoppingCart_Product_Form TEXTAREA{
font-family:arial,helvetica,sans-serif; 
font-size:15px;   
color: #000000; 
}
.W3ShoppingCart_Product_Form SELECT{
font-family:arial,helvetica,sans-serif; 
font-size:15px;   
color: #000000;
}
.W3ShoppingCart_Photo_Area_Background{
margin-right:5px; 
white-space:nowrap;
/*background-color:white*/
}
TABLE.W3ShoppingCart_Photo_Table{
border:0;
}
TABLE.W3ShoppingCart_Photo_Table tr td{
border-top: 0 solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
border-left: 0px solid #cccccc; 
}
TABLE.W3ShoppingCart_Photo_Table tr:first-child td{
border-top: 1px solid #cccccc; 
}
TABLE.W3ShoppingCart_Photo_Table tr td:first-child{
border-left: 1px solid #cccccc; 
}
DIV.W3ShoppingCart_recurring{max-width:400px;font-weight:normal;}
UL.W3ShoppingCart_recurring{margin-top:2px;margin-bottom:4px;}
UL.W3ShoppingCart_recurring LI{display:block;margin-bottom:8px;line-height:1.2 important;font-weight:normal;font-size:13px;font-family:arial,helvetica,sans-serif;}
UL.W3ShoppingCart_recurring LI A{line-height:1.2 important;font-weight:normal;font-size:13px;font-family:arial,helvetica,sans-serif;}
.W3ShoppingCart_ThumbPhoto_border{
margin:2px;
border: 1px solid #888888; 
}
.W3ShoppingCart_LargePhoto_border{
margin:2px;
/*border: 1px solid #888888;*/
}
.W3ShoppingCart_ClickPhotoToEnlarge_Text{
font-size:10px;
font-family:arial,helvetica,sans-serif;
text-align:center;
color:#c0c0c0;
}
.W3ShoppingCart_Add_to_Cart_Button_Text{
margin: 3px 0 3px 0;  
font-size:13px !important; 
font-family:verdana,tahoma,arial,helvetica,sans-serif;	
overflow:hidden;
font-weight:bold;
text-transform:uppercase;
/*width:120px; cuts off whatever owner entered*/
height:28px;
cursor:pointer;
overflow:hidden;
border-radius:2px;
-moz-border-radius:2px;
/*orange Add to Cart button (later: override in the color styles)*/
color:#FFFFFF !important; 
border:1px solid #F47614;
background-image: -ms-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: -moz-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: -o-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FBB75E), color-stop(1, #F47614));
background-image: -webkit-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: linear-gradient(to bottom, #FBB75E 0%, #F47614 100%); 
}
.W3ShoppingCart_navGroupTable{margin-left:auto;margin-right:auto; }
.W3ShoppingCart_Next_Back_Links{/*also used for "details" button on catList*/
width:75px; 
overflow:hidden;
padding:3px;
background:#F3F3EF;
border:1px solid #716F64; 
border-radius: 5px;
-moz border-radius:5px; 
font-family:arial,helvetica,sans-serif;
font-size: 13px;
color: #000000 !important;
font-weight: bold !important;
text-decoration: none !important; 
white-space:nowrap;
text-align:center; 
cursor:pointer;
}
.W3ShoppingCart_Next_Back_Links span{/*span for &raquo; increased size*/
font-size: 18px;
}
.W3ShoppingCart_ProdDetailsLink{
margin:10px 0px 0px 0px;
}
.W3ShoppingCart_catListTable{}
.W3ShoppingCart_catListTable tr td{
padding:15px 0px 20px 0;	
border-bottom:1px solid #dddddd;
vertical-align:top; 
}
.W3ShoppingCart_catListTable tr td.photo{/*override for the photo cell td*/
padding:15px 12px 20px 0;	 
}
.W3ShoppingCart_catListTable tr td div.catListTableDiv{
display:block; 
/*changes to display:table;margin-left:auto; margin-right:auto for mobile devices*/
} 
.W3ShoppingCart_selPhoto{
margin:1px;
border:1px solid #888888;
text-align:center; 
background-color:#F3F3EF; 
color: #000000;
font-family:arial,helvetica,sans-serif; 
font-size:10px; 
line-height:13px;
}
.W3ShoppingCart_qtyInputBox{
width:35px;
font-family:arial,helvetica,sans-serif; 
}
#W3ShoppingCart_prodFormContainer{
overflow:visible;
width:100%;
}
#W3ShoppingCart_prodFormContainer fieldset{
margin:20px 0 0 0;
}
#W3ShoppingCart_prodFormContainer fieldset legend{
font-size:16px;
}
.W3ShoppingCart_SectionFieldSet{
margin:0px 0px 25px 0px;
padding: 5px 10px 5px 10px;
-moz-border-radius:10px;
border-radius:10px;
border:1px solid #cccccc;
}
.W3ShoppingCart_SectionTitle{
text-align:left;
font-weight:bold;
font-size:16px;
}
img#W3ShoppingCart_tinyLogoB{
border: 0;  
margin-left:auto;
margin-right:auto;
width:140px;
}
hr.W3ShoppingCart_prodSepHr{
clear:both;
height:2px;
border-width:0;
color:#cccccc;
background-color:#cccccc;
width:99%; 
}
.w3scclear{clear:both;} 
div.W3ShoppingCart_NoPhoto{
width:100%;
padding-top:80px;
text-align:center; 
background:#eeeeee !important;
}
div.W3ShoppingCart_NoPhoto span{
color:#808080 !important;
text-decoration:none !important;
font-size:12px !important;
font-family:arial,helvetica,sans-serif !important;
text-transform:uppercase;
}
/*STYLES For   productDisplayTemplate_photoList.cfm  (photos across format)*/
/*currently this option is only offered for site manager sites, but it should be able to work (with catDivs, not actual pagination bar, on external shopping carts, needs to be tested tho*/
#W3ShoppingCart_cpContainer{/*overall container for all products in cat*/
width:100%;
overflow:hidden;
}
#W3ShoppingCart_cpContainer .cpProductBox{
position:relative;
background:white;
float:left;
width:199px;
margin:0 7px 20px 7px;
padding:0; 
overflow:visible;/*needed for quick info popover box*/
border-bottom:1px solid #bbbbbb;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpPhotoBox{
width:195px;
height:195px; /*height will probably be overridden in products.cfm*/
overflow:hidden;
border:1px solid #dddddd;
margin:0;
text-align:center; /*center the photo in the middle*/
}
#W3ShoppingCart_cpContainer .cpProductBox .cpPhotoBox img{
width:195px;
height:auto;
border:0;
margin:0; 
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductNameBox{
height:45px;
overflow:hidden;
margin:0;
padding:0; 
} 
#W3ShoppingCart_cpContainer .quickinfo-body{
cursor:pointer;
position:absolute;
top:5px;
left:0;
z-index:1000;
display:none; 
-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);
box-shadow:0 6px 12px rgba(0,0,0,.175); 
width:195px; 
overflow:hidden;
margin:0;
padding:4px 4px 0 0;
border-radius:4px;
border:1px solid #aab2bd;
background-color:#E6F0F8; 
}
#W3ShoppingCart_cpContainer .cpProductBox .quickinfo-body .quickinfotitle span{
margin-left:8px;
font-weight:bold;
font-size:13px;
color:#808080;
font-family:arial,helvetica,sans-serif; 
line-height:normal;
}
#W3ShoppingCart_cpContainer .cpProductBox .quickinfo-body ul{padding-left: 1.4em; margin-top:0; margin-bottom:10px; }
#W3ShoppingCart_cpContainer .cpProductBox .quickinfo-body ul li{
font-size:14px;
color:#808080;
font-family:arial,helvetica,sans-serif; 
line-height:normal;
margin-bottom:4px;
}
/*
#W3ShoppingCart_cpContainer .cpProductBox .quickinfo-body .closebox{
width:95%;text-align:right;padding:0;margin:2px 0; 
font-size:15px;
color:#c00000;
text-decoration:none !important;line-height:normal;
cursor:pointer;
}*/
#W3ShoppingCart_cpContainer .cpProductBox .cpProductNameBox span{
font-size:15px;
font-family:arial,helvetica,sans-serif !important;
color:#404040 !important;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductNameBox span a{
font-size:15px;
font-family:arial,helvetica,sans-serif !important;
color:#404040 !important;
text-decoration:none !important;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductPriceBox{
height:45px;
overflow:hidden;
margin:0;
padding:0; 
width:100%;
overflow:hidden;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductPriceBox .normprice{
display:block;
margin:0;
padding:0;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductPriceBox .normpriceRequestQuote{
display:block;
margin:0;
padding:0;
cursor:pointer;
text-align:center;
text-transform:uppercase;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductPriceBox .origprice{
float:right;
text-align:right;
margin:0;
padding:0;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductPriceBox .pricetext span{
font-size:14px; font-weight:bold; color:#680303;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductPriceBox  .price span{
font-size:19px; font-weight:bold; color:#680303;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductAddToCartBox {
height:30px;  
background:#f7f7f7; 
overflow:hidden;
padding:11px 5px 11px 5px;
margin:0; 
white-space:nowrap;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductAddToCartBox .qty{
float:left;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductAddToCartBox .qty LABEL{	 /*Qty text*/
font-size:14px;
color:#404040;
margin-right:3px;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductAddToCartBox .qty INPUT{
font-size:13px;
color:#505050;
width:28px;
height:22px; 
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductAddToCartBox .button{
float:right;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductAddToCartBox .button INPUT{
color:#ffffff; 
border:1px solid #F47614;
font-size:12px; 
font-family:verdana,tahoma,arial,helvetica,sans-serif;	
overflow:hidden;
font-weight:bold;
text-transform:uppercase;
width:120px;
height:26px;
cursor:pointer;
overflow:hidden;
/*orange Add to Cart button*/
background-image: -ms-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: -moz-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: -o-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FBB75E), color-stop(1, #F47614));
background-image: -webkit-linear-gradient(top, #FBB75E 0%, #F47614 100%);
background-image: linear-gradient(to bottom, #FBB75E 0%, #F47614 100%);
border-radius:2px;
-moz-border-radius:2px;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductItemBox{
height:47px; 
width:100%;
margin:0;
padding:0; 
width:195px; 
overflow:hidden;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductItemBox div.quickinfolink{
display:block;
margin-top:4px;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductItemBox div.quickinfolink span{
color:#808080;
font-size:13px; 
white-space:nowrap;
text-decoration:underline !important;
cursor:pointer;
text-align:left;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductItemBox div.itemnumber{
display:block;
margin-top:3px;
overflow:hidden;
}
#W3ShoppingCart_cpContainer .cpProductBox .cpProductItemBox div.itemnumber span{
color:#808080;
font-size:12px; 
white-space:nowrap; 
text-align:left;
}
/*product page bar for site manager only*/
.W3ShoppingCart_pageBar{
padding:8px 8px 8px 8px;
background:#f7f7f7;    
border:1px solid #dddddd; 
text-align:right;
font-size:15px;
font-family:arial,helvetica,sans-serif;
color:#404040;
margin-bottom:15px;
}
.W3ShoppingCart_pageBar:nth-child(2){/*the 2nd bar below the products listed*/
margin-top:15px;
margin-bottom: 0;
}
.W3ShoppingCart_pageBarStatsBlock{
display:inline-block; 
float:left;
margin-left:10px;
margin-right:10px;
}
.W3ShoppingCart_pageBarLinksBlock{
display:inline-block; 
}
.W3ShoppingCart_pageBarLinksBlock span{
white-space:nowrap;
margin-left:10px;
margin-right:10px; 
}
.W3ShoppingCart_pageBarLinksBlock span a{
text-decoration:underline;
}
.W3ShoppingCart_pageBarLinksBlock span.currpage{
font-weight:bold;
}
.W3ShoppingCart_pageBarLimitBlock{
display:inline-block;
float:left;
margin-left:18px; 
}
.W3ShoppingCart_pageBarLimitBlock form{
margin:0;
}
.W3ShoppingCart_pageBarLimitBlock form select{
font-size:15px;
font-family:arial,helvetica,sans-serif;
color:#404040;
}
/*END FOR productDisplayTemplate_photoList.cfm*/
/*FOR CART (mobile friendly) - 
THIS JUST OVERRIDES cart/shoppingCartFull.css - so we only need to specify the differences - mostly only the font sizes -  from now on.. (i used to put everything in here)*/ 
.header_for_cart table#PageBodyTable{
width:100%;
margin:0; 
border:0;
}
.header_for_cart table#PageBodyTable tr td{
vertical-align:top;  
padding:0;
border:0;
}
table#headerCartTable tr td div#cartDiv{/*main overall div inside headerCartTable in header*/ 
font-size: 15px;   
font-family: arial,helvetica,san-serif;
color:#000000;    
}
table#headerCartTable tr td div#cartDiv p,
table#headerCartTable tr td div#cartDiv td,
table#headerCartTable tr td div#cartDiv div, 
table#headerCartTable tr td div#cartDiv li,
table#headerCartTable tr td div#cartDiv span{
font-size: 15px; 
}
#CartBackgroundBlackFontStyles TEXTAREA, 
#CartBackgroundBlackFontStyles SELECT,
#CartBackgroundBlackFontStyles INPUT[type="text"],
#CartBackgroundBlackFontStyles INPUT[type="email"],
#CartBackgroundBlackFontStyles INPUT[type="password"],
#CartBackgroundBlackFontStyles INPUT[type="tel"]{
font-size: 15px; 
}
.CartBigText{/*3 sizes up*/
font-size: 18px; 
}
.CartSmall{
font-size: 14px;    
}
.CartSmallBold{
font-size: 14px;    
}
.CartSmallGray{
font-size: 14px;   
}
.CartTinyText{
font-size: 13px;  
}
.CartTinyTextGray{
font-size: 13px; 
/*I took away the gray and leave it as whatever color they have*/
}
INPUT#CartTinyText{
font-size: 13px; 
} 
.tinynote{
font-size: 13px;  
font-family:arial,helvetica,sans-serif !important;
}   
.CartRequiredStar{
font-size:16px;  
} 
.cartCompanyTitle{
font-size:21px;   
}
.CartSubHead{
font-size:17px;  
}
h2.CartSubHead{
font-size:17px;   
color: #000000 !important;
}
h3.CartSubHead{
font-size: 16px;
color: #000000 !important;   
} 
.cartItemTitle {
font-family: arial,helvetica,san-serif;
font-size: 18px;
color: #000000;  
text-decoration: none; 
font-weight:bold;  
}
.cartItemTitleInsideBundle {
font-family: arial,helvetica,san-serif;
font-size: 18px;
font-weight:bold; 
color:#404040; 
text-decoration: none; 
margin-left:5px;   
}
table#subscriptionTable{
max-width:500px;
margin:0 auto 0 auto;
}
table#subscriptionTable tr td.subscription-schedule{
text-align:left;
font-size: 14px; 
}
table#subscriptionTable tr td.subscription-schedule ul{
margin-top:0px;
margin-bottom:5px;
}
table#subscriptionTable tr td.subscription-schedule ul li{
text-align:left !important;
margin-bottom:10px;
line-height:1.1 !important;
} 
.CartBlockCenter{
margin-left:auto;
margin-right:auto;
}
.CartTextCenter{
text-align:center;
}
/*normal submit buttons for cart*/
INPUT#CartButton{
font-size:18px; 
}  
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;
}
.CartBigGreenLink{
font-size:19px;
}/*can be either an <input button or a link*/
a.CartBigGreenLink:link, 
a.CartBigGreenLink:active,
a.CartBigGreenLink:visited,
a.CartBigGreenLink:hover{
font-size:19px;
}
/*FOR PhotoSelectList products / payforms / events*/ 
.photoSelectListFieldContainer{
width:530px;
max-width:530px;  
}
.photoSelectListBigPhoto{
width:100%;
max-width:528px; 
text-align:center; /*center the photo inside if it's smaller width*/
border:1px solid #cccccc;
}
.photoSelectListBigPhoto img{
border:0;
width:100%;
max-width:528px; 
height:auto; 
}
.photoSelectListFieldBox{
height:150px;  /*max Thumb height is 125px so this should show one and a bit of another*/ 
overflow-y:auto;
overflow-x:hidden;
border:1px solid #aaaaaa; 
}
.photoSelectListSelection{
cursor:pointer;
width:100%; 
padding:0;
margin:0;
border:0;
overflow:hidden;
border-bottom:1px solid #dddddd;
background: #FFFFFF;
}
.photoSelectListSelectionPad{
padding:6px 4px 6px 4px; 
overflow:hidden;
}
.photoSelectListSelection span{
font-family:arial,helvetica,sans-serif; 
font-size:15px;   
color: #000000;
}
.photoSelectListSelection.on{
background: #FFFACD; /*light yellow*/
}
.photoSelectListPadLeft{
padding-left:6px;
}
/*END PhotoSelectList products / payforms / events*/
/*ripple checkboxes and radio buttons*/
.ripple-radio-checkbox{
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
position: relative; 
top:0;
right: 0;
bottom: 0;
left: 0;
height: 25px !important;
width: 25px !important;
transition: all 0.15s ease-out 0s;
background: #cbd1d8; /*light gray*/ 
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
margin-right: 0.5rem;
outline: none;
position: relative;
z-index: 2; /*when changing to absolute below, it covers the checkbox area and puts css graphics over the top orig: 1000*/
border:1px solid #07C9F3;
}
.ripple-radio-checkbox:hover{
background: #9faab7; /*darker gray*/
}
.ripple-radio-checkbox:checked{
background: #3DC0E1; /*light blue*/ 
}
.ripple-radio-checkbox:checked::before{
height: 25px !important;
width: 25px !important;
position: absolute;
content: 'â??'; /*utf-8 for checkmark*/
display: inline-block;
font-size: 20.66667px !important;
text-align: center;
line-height: 25px !important;
font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif !important;
}
.ripple-radio-checkbox:checked::after{
background: #3DC0E1;
content: '';
display: block;
position: relative;
z-index: 100;
}
.ripple-radio-checkbox.radio.topmargin{
top: 8px;  
}
.ripple-radio-checkbox.radio.topmargin2{/*use this one if there are 2 lines next to a radio*/
top: 15px;  
}
.ripple-radio-checkbox.checkbox.topmargin{
top: 13.33333px;  
}
.ripple-radio-checkbox.checkbox.topmargin2{/*use this one if there are 2 lines next to a checkbox*/
top: 21.33333px;  
}
.ripple-radio-checkbox.radio{
border-radius: 50%;
}
.ripple-radio-checkbox.radio::after{
border-radius: 50%;
}