html{overflow-y:-moz-scrollbars-vertical;overflow-y:scroll;}/*show right scroll all the time to avoid screen jumping on smoke out*/
html.noscroll{position:fixed;overflow-y:scroll;width:100%;}/*this class is applied when I popup a layer window (iframe) and dont' want them scrolling */
BODY#SiteBackgroundDiv{margin:0;padding:0;width:100%;height:100%;
font-size: 12px;
font-family: arial,helvetica,sans-serif;
background:#FFFFFF;
} 
/* Template Section DIVS 100% */
#SiteBodyDiv,
TABLE#sbdMain,
TABLE.tableLayoutFixed,
TABLE#pageBodyTable,TABLE#PageBodyTable,/*these really should be a .class but they're not so, we deal with it*/
TABLE.PageBodyTable{width:100% !important;margin:0;border:0;}
/*Template Sections for "make1024" */ 
.make1024,
TABLE#tableMainContent,
#smCompleteMenu{width:1024px;margin:0 auto 0 auto;} 
.bodyThird,.bodyThirdLast,.bodyTwoThirds,.bodyHalf,.bodyFourth,.bodyFifth.bodyThreeFourths{float:left;margin:0;padding:0;border:0;}
.bodyThird{width:33%;}
.bodyThirdLast{width:34%;}
.bodyTwoThirds{width:66%;}
.bodyHalf{width:50%;}
.bodyFourth{width:25%;}
.bodyFifth{width:20%;}
.bodyThreeFourths{width:75%;}
.bodyPad{padding:20px;}
.bodyPadSmall{padding:8px;}
.mobileOnly{display:none;} 
/*TINY MCE EDITOR & SITE CLASSES*/
.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;
line-height:1.5;
}
.normWeight{font-weight:normal !important;}   
.SmTxt{  
font-size: 14px;
line-height: 17px;
}   
.TinyTxt{ 
font-size: 13px;
line-height: 16px;
}
H1, 
H1.calendar{
font-weight:bold;
text-align:center;
font-size:32px;
font-family: 'Special Elite',sans-serif;
margin:0;
padding:30px 0 10px 0;
border-bottom:1px solid #dddddd;
line-height:normal !important;/*roughly 1.2 depending on browser*/
}
H2{
font-weight:bold;
text-align:center;
font-size:24px;
font-family: 'Special Elite',sans-serif;
color:#0069AC;
margin:20px 0 20px 0;
line-height:normal !important;/*roughly 1.2 depending on browser*/
}
H2.calendar{white-space:normal;}
H3{
font-weight:bold;
font-size:17px;/* 17 */
font-family: Lato,sans-serif;
margin-top:0;
margin-bottom:10px;
line-height:normal;/*roughly 1.2 depending on browser*/
}
H3.calendar{margin-bottom:0;color:black;}
UL,OL{margin:5px 0 0 0;}/*margin:5px 0 5px 0;*/
UL LI,  OL LI{margin-bottom:6px;}
IMG{border:0}
TABLE{border-collapse:collapse;} 
P, FORM{margin:0;}
FIELDSET LEGEND{font-size:16px;}

/*SITE TEMPLATE SECTIONS*/

/*SITE VERY TOP DIV*/
#SiteVeryTopDiv{display:none;}/*SiteVeryTopDiv always exists & used only for  membership Log out Buttons, so until we use memberships which isae does not use */ 

/*SITE BODY DIV*/
#SiteBodyDiv{padding:0;} 
TABLE#sbdMain TR TD{padding:0;}

/*TOP MENU*/
#TopMenuDiv{/*when site is 100% across, do not put color on here, put it on topMenuTable below*/  
display: table-cell;
overflow:hidden;
vertical-align:middle;

/*NO COLOR OR WIDTH HERE
background:#6F2341;*/ 
background:transparent;
border:0;
font-family: Lato,sans-serif;
font-size: 18px;
font-weight:normal;
color: #FFFFFF;
}
#TopMenuDiv #topMenuTable{
width:1024px;/*1024px is here, not on TopMenuDiv for isae*/
margin:0 auto 0 auto;
background:#6F2341;
} 
#TopMenuDiv #topMenuTable TR TD{
text-align:center;
padding:0;
vertical-align:middle !important;
height: 47px;
font-family: Lato,sans-serif;
font-size: 18px;
font-weight:normal;
color: #FFFFFF;
}
#TopMenuDiv #topMenuTable TR TD SPAN{  
margin-left:8px;
margin-right:8px;
font-family: Lato,sans-serif;
color: #FFFFFF;
font-weight:normal;
font-size: 18px;
text-decoration:none;
}
#TopMenuDiv #topMenuTable TR TD SPAN.wid3{margin-left:0;margin-right:0;}
#TopMenuDiv #topMenuTable TR TD SPAN#overonly{margin-left:0;margin-right:0;} 
#TopMenuDiv #topMenuTable TR TD SPAN A{
color: #FFFFFF;
text-decoration:none;
font-weight:normal;
font-family: Lato,sans-serif;
font-size: 18px;
white-space:nowrap;
}
#TopMenuDiv #topMenuTable TR TD SPAN A:hover{  
color: #FCED0A;
text-decoration:none;
font-weight:normal;
} 
/*HEADER TOP*/
#HeaderTopDiv{
position:relative;
padding:0;
margin:0;
display: NONE;
font-family: arial,helvetica,sans-serif;
font-size: 12px;
background:#FFFFFF;
color: #000000;
} 
#HeaderTopDiv A{ 
color: #0000FF;
text-decoration: underline;
font-weight:normal;
}   
#HeaderTopDiv A:hover{ 
color: #800080;
text-decoration: underline;
font-weight:normal;
}
/*HEADER DESIGN DIV*/
#HeaderDesignDiv{
padding:0;
margin:0;
display:table-cell;
font-family:arial,helvetica,sans-serif;
font-size:18px;
background: transparent;
color: #404040;
vertical-align:middle;
} 

.header-title-text {
	font-family:'Special Elite', sans-serif !important;
    font-size:22px;
    color:#ffffff !important;
}

#HeaderDesignDiv TABLE TD,
#HeaderDesignDiv P,
#HeaderDesignDiv DIV{ 
font-family:arial,helvetica,sans-serif;
color:#404040;
font-weight:normal;
font-size:18px;
}  
#HeaderDesignDiv A{ 
color:#202020;
text-decoration:none;
font-weight:normal;
}  
#HeaderDesignDiv A:hover{ 
color:#000000;
text-decoration:none;
font-weight:normal;
}
/*PAGE BODY DIV*/
#PageBodyDiv{ 
overflow-x:hidden;/* so they can't push it out too wide */
min-height:400px;
vertical-align:top;
background:#FFFFFF;
font-family:Lato,sans-serif;
font-size:15px;
color:#000000;
font-weight:normal;

}  
#PageBodyDiv P,
#PageBodyDiv DIV,
#PageBodyDiv TABLE TD{ /* this should cover the PageBodyTable */
font-family: Lato,sans-serif;
color: #000000;
font-weight:normal;
line-height:1.5;
}
#PageBodyDiv A{ 
color: #005C96;
text-decoration:underline;
font-weight:normal;
}
#PageBodyDiv A:hover{ 
color: #800080;
text-decoration:underline;
font-weight:normal;
}
/*cart space*/
#cartSpace{
font-family:Lato,sans-serif;
font-size:15px;
color:#000000;
font-weight:normal;
}
/*ANYLINKCSS DROPDOWN MENU (overrides)*/
.anylinkcss{
position: absolute;
left:0;/*set with js*/
top:0;/*set with js*/
z-index:2000;
visibility:hidden;
width:300px;/* default width for items li within*/  
border:1px solid #541E32;/*isae darker wine color on div.anylinkcss box */  
border-bottom-width:0;
font-family: Lato,sans-serif;
font-size:17px;
font-weight:normal;
line-height:normal;/*roughly 1.2 depending on browser*/
padding:0;
-moz-box-shadow: 2px 2px 4px #606060;
-webkit-box-shadow: 2px 2px 4px #606060;
box-shadow: 2px 2px 4px #606060;	 
}
#TopMenuDiv #topMenuTable TR TD:last-child .anylinks{width:205px !important;} /*override anylinks box 300px wide default on last td in the menu*/
.selectedanchor{background: transparent;}/*class that's added to the selected anchor link,interferes with TopMenuOver*/
.anylinkcss UL{
list-style-type: none;
margin:0;padding:0;
}
DIV.anylinkcss.pick-state{display:none !important;}
.anylinkcss UL LI.anylinkSubMenuItem{
margin:0;
background:#6F2341;/*wine color isae*/
border-bottom:1px solid #541E32;/*isae darker wine color */	
padding:5px 0 5px 0;
text-indent:6px;
cursor:pointer;
white-space:nowrap;
overflow:hidden;
}
.anylinkcss UL LI.anylinkSubMenuItem a{
text-decoration: none;
font-weight:normal;
color: #FFFFFF;
font-size:15px;
line-height:normal;/*roughly 1.2 depending on browser*/
} 
.anylinkcss UL LI:hover{
background:#B34775;/* override isae (pinkish)  */ 
color:#FCED0A;
}
.anylinkcss UL LI:hover a{color: #FCED0A;}
.anylinkshadow{ /*CSS for shadow. Keep this as is */
background:transparent;/*shadow does not always work well,so turn it off */
visibility: hidden;
position: absolute;
left:0;
top:0;
z-index: 1999;/*zIndex for shadow*/ 
background:#404040; 
} 
/* Do not prefix the following with #TopMenuDiv,it prevents certain elems from working when TopMenuOn or Over is added to them in JS */
.TopMenuOn{background:#6F2323;}/* 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 */
.TopMenuOn a{color:#FCED0A !important;}/*yellow*/
.TopMenuOver{background:#6F2323;}/* you can override this color in advanced CSS */
.TopMenuOver a{
color:#FCED0A;
text-decoration:none;
}
/* #TopMenuDiv: MOBILE */
DIV#topMenuMobile{/*hamburger, background color and text color are in site theme blue*/
display:NONE;/* displays MENU / Hamburger block when site responds to mobile size */
width:100%;
padding:0;
margin:0;
overflow-x:hidden;
cursor:pointer;
background:#0076C0;/* site theme blue*/
}
#topMenuMobile div.pad{padding:15px;}/*space for MENU and Hamburger*/
#topMenuMobile div.pad div.mnu{ /* "Menu" text */
float:left;
min-height:37px;
white-space:nowrap;
}
#topMenuMobile div.pad div.mnu SPAN{/* MENU text */
font-size: 18px;
font-weight:normal;
color: #FFFFFF;
} 
#topMenuMobile div.pad div.hbgr{ /* Hamburger div */
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{/* <div or <li */
display:block;
width:100%;
vertical-align:middle;
padding-top:9px;
padding-bottom:9px;
text-indent:0;
} 
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:18px;}

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:17px;}

TABLE#topMenuMobileItems TR TD div.pad UL.nodisp{display:none !important;}


#TopMenuDiv div#TopMenuMobileCallContact{/* background COLOR IS IN THEME CSS'S */
display:none;
width:100%;
overflow:hidden;
}
#TopMenuDiv div#TopMenuMobileCallContact div.callcontactcontainer{
padding:0;
margin:0;
overflow:hidden;
}
#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 */
white-space:nowrap;
overflow:hidden;
font-weight:normal;
}
.topMenuFontSize{font-size: 18px;}
.topMenuFontSizeMinus1{font-size:17px;}
.topMenuFontSizeMinus2{font-size:16px;}

/*PAGE FOOTER  */
#PageFooterDiv{ 
display: table-cell; 
background:#7CB8B2;
font-family: arial,helvetica,sans-serif;
font-size: 18px;
color:#ffffff;
font-weight:normal;
} 
#PageFooterDiv TABLE TD,
#PageFooterDiv P,
 #PageFooterDiv DIV{ 
color: #ffffff;
font-weight:normal;
font-family: arial,helvetica,sans-serif;
font-size: 18px;
}  
#PageFooterDiv A{ 
color: #ffffff;
font-weight:normal;
text-decoration:underline;
}
#PageFooterDiv A:hover{ 
color: #f7f7f7;
font-weight:normal;
text-decoration:underline;
}
/*FOOTER MENU*/ 
#FooterMenuDiv{
display:table-cell; 
height:40px;
overflow:hidden;
vertical-align:middle;
text-align:CENTER;
background:#0076C0;
font-family: Roboto,sans-serif;
font-size: 15px;
text-decoration:none;
font-weight:normal;
color:#ffffff;
}
#FooterMenuDiv SPAN{ 
margin-left:5px;
margin-right:5px;
font-family: Roboto,sans-serif;
color: #ffffff;
font-size: 15px;
text-decoration:none;
font-weight:normal;
line-height:normal;/*roughly 1.2 depending on browser*/
}
#FooterMenuDiv A{
color:#ffffff;
text-decoration:none;
font-family:Roboto,sans-serif;
font-size:15px;
white-space:nowrap;
}
#FooterMenuDiv A:hover{  
color: #eeeeee;
text-decoration:none;
font-family: Roboto,sans-serif;
font-size: 15px;
}
/*FOOTER CREDITS*/
#footerCredits{
width:1024px; 
margin:30px auto 50px auto; 
text-align:center;
white-space:nowrap;
color:#707070;
}
#footerCredits DIV:nth-child(1){font-weight:bold;margin-bottom:0;}
#footerCredits DIV:nth-child(2){text-align:right;padding-right:20px;}/*w3now*/
#footerCredits DIV:nth-child(2) A{
font-size:12px;
text-decoration:underline;
color:#808080;
}
#footerCredits DIV:nth-child(2) A:hover{color:#000000;text-decoration:none;}

/*COMMON STYLES*/
#container,
.container{display:block;width:100%;overflow:auto;} 
.red{color:red;} 
a.red{color:#FF0000 !important;}
a.red:hover{color:#c00000 !important;}
.blue{color:blue;}  
.clear{clear:both;}
.nobr{white-space:nowrap;} 
.okbr{white-space:normal !important;}
.lineHeightNorm{line-height:normal !important;}
.underline,
.und{text-decoration:underline;} 
.tdTop{vertical-align:top;}
.tdBottom{vertical-align:bottom;}
.tdMiddle{vertical-align:middle;}
.roundedCorners{border-radius:10px;-moz border-radius:10px;}
.blockLeft{float:left;}
.blockRight{float:right;}
.blockCenter{margin:0 auto 0 auto;}
IMG.blockCenter{display:block;}
.autoWidth{width:auto;} 
TABLE.tableAlignRight{margin-right:0;margin-left:auto;}/* these two align table right */
TABLE.tableAlignLeft{margin-right:auto;margin-left:0;}/* these two align table left */
TABLE.table100Pct{width:100%;margin:0;}
TABLE.table100Pct TR TH, 
TABLE.table100Pct TR TD{padding:0;vertical-align:top;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.textLeft{text-align:left;}
.textUpper{text-transform:uppercase;}
.textLower{text-transform:lowercase;}
.textJustify{text-align:justify;}
.hand, .useDataURL{cursor:pointer;}
.nohand{cursor:default;}
.nodisp{display:none;}
.relative{position:relative;}
.tableDiv{display:table;}
.tableCellDiv{display:table-cell;vertical-align:middle;}
.title_h2{font-size:13px;}
#Aunder A{text-decoration:underline;}
#Aunder A:hover{text-decoration:none;}
IMG#smokeScreen{ 
position:absolute;
display:none;
z-index:500;
top:0;
left:0;
width:1px;/* sets to screen width in js */
height:1px;/* sets to screen width in js */  
opacity:0.6;/* image is already opaque but need more */
filter:alpha(opacity=60);/* For IE8 and earlier */ 	 
}
/*MESSAGES,ERRORS*/
.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;
}
#divErrMsg{display:none;}/* in inc_Err_Msg.cfm there for addingajax_basic.js to use */
/*EVENTS AND CALENDAR*/
.linehite1{line-height:1 !important;}
DIV.xsTinyIcon{width:80px;}
DIV.xsTinyIcon IMG{width:80px;height:80px;}
DIV.xsTinyIcon.wordcontainer{margin-top:-8px !important;}/*-8px top gets it up closer to the icon bottom*/
DIV.xsTinyIcon.wordcontainer p{text-align:center;line-height:1.2;margin:0;}
DIV.xsTinyIcon.wordcontainer p.moveLeft{padding-left:-4px !important;}/*because the special word "Intensive" is a longer word, slide it left -4px to fit (works for mobile also)*/
DIV.xsTinyIcon.wordcontainer p span{
color:red;
font-weight:bold;
font-size: 13px;
line-height:1.2;
}
/* for events */ 
DIV.eventListSpecialsUnderIconBox{
margin-left:auto;
margin-right:auto;
width:80px;
margin-top:-31px !important;
}
div.eventListSpecialsUnderIcon{
margin-bottom:5px;
color:red !important;
text-align: left;
padding-left:11px;
padding-left:0;
text-align:center !important;
font-weight:bold !important;
}
div.eventListSpecialsUnderIcon.Intensive{padding-left:-4px;}

.EventName{ /* same as .W3ShoppingCart_ProductName in other template for sign-up-and-pay events */
margin-top:10px;
margin-bottom:10px;
font-family: Lato,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;}

#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;
}
#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{color: #202020 !important;text-decoration:none;}
#eventInfoBox A:hover{color: #000000 !important;text-decoration:none;}
/*calendar pages */
TABLE#calendar{width:100%;background:#ffffff;}
TABLE#calendar TH{ 
font-weight:bold;
background:#EBE7CE;
padding:5px;
} 
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:5px;
}
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;}
.bigCalendar{font-size:20px;font-weight:bold;} 
.signupButtonCalendar{
text-align:center;
color: #ffffff;
border-radius:3px;
-moz border-radius:3px;
padding:3px 6px 3px 6px;
margin:5px 5px 5px 5px;
border:2px solid #2E7442;/* darker green */
background-color:#22803A;/* isae green */
overflow-x:hidden;
}  
.signupButtonCalendar SPAN{color:#ffffff;font-weight:bold;white-space:nowrap;}
.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;
border:2px solid #404040;
background-color:#808080;
}
.noGoButtonCalendar SPAN{color: #ffffff;font-weight:bold;}
TABLE.calendarListTable{margin:0 auto 40px auto;}
TABLE.calendarListTable TD{
vertical-align:top;
padding:20px 0 20px 0;
text-align:left;
line-height: normal !important;/*roughly 1.2 depending on browser*/
}
TABLE.calendarListTable TR TD:first-child{width:96px;} 
TABLE.calendarListTable TR TD DIV, 
TABLE.calendarListTable TR TD P{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:first-child TD{padding:0 0 20px 0;}
TABLE.calendarListTable TR TD.nopadTopBottom{padding-top:0 !important;padding-bottom:0 !important;width:auto !important;}
/*live search calendar table*/
TABLE.calendarListTable.LiveSearch{margin-left:0;}/* align left */
TABLE.calendarListTable.LiveSearch TD{
padding:8px 4px 8px 4px;
font-size: 13px;
}
TABLE.calendarListTable.LiveSearch TR:nth-child(1) TD{padding:0 4px 8px 4px;}
TABLE.calendarListTable.LiveSearch TR TD DIV{margin:0 0 4px 0;text-align:left;} 
TABLE.calendarListTable.LiveSearch TR TD div.dash{margin:1px 0 1px 0;border-bottom:1px dashed #cccccc;}
TABLE.calendarListTable.LiveSearch TR TD IMG{margin-top:3px;}
.calendarItem{
margin:5px 0 0 0;
padding:2px;
background:#f7f7f7;
border:1px solid #dddddd;
border-radius:6px;
-moz-border-radius:6px;
}
/*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 !important;padding-right:8px !important;} 
div.sitemapElemOutsub{margin:3px 0 12px 15px;}
div.sitemapSubElem{margin:1px 0 0 3px;}
TABLE#sitemapTable{margin:10px auto 40px auto;}
/*
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:0;}
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{width:50%;} /* used if there is only one column on the site map */
td.sitemapColumn2{width:50%;border-right:1px solid #dddddd;}/*used for 2 columns on page*/
td.sitemapColumn2:last-child{border-right:0;}
td.sitemapColumn3{width:33%;border-right:1px solid #dddddd;}/*used for 3 columns on page*/
td.sitemapColumn3:last-child{border-right:0;}
.sitemapColumnPadding{padding:10px 10px 10px 15px;} /* inside of each column div to add padding */
/*SIGNUP PAGE*/
INPUT#newcourt{
max-width:250px;
padding:5px;
text-transform:uppercase;
border:1px solid #aaaaaa;
border-radius:5px;
-moz-border-radius:5px;
outline-width:0;/* no chrome blue outline on focus */
text-align:left;
color:blue;
} 
INPUT.bigGlow,BUTTON.bigGlow {/*log into my class on homepage, and  log in button in cart  receipt also in /cart/shoppingCartFull.css */ 
font-size:16px !important;
padding:4px !important;
background:#22803A !important; /* isae green */
color:#ffffff !important;
border:2px solid #2E7442 !important;
cursor:pointer;
}
INPUT.bigGlow.bigger,BUTTON.bigGlow.bigger{
font-size:23px !important;
padding:6px !important;
border-radius:6px;
-moz-border-radius:6px;
}
/*STANDARD TABLES FOR REPORTS*/
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;} 
/*SMOKE OUTS*/
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:0;
left:0;
width:600px;
height:420px;
z-index:2200;/* must be higher than loader-smoke below (2100) */
}
IMG#loader-smoke{
position:absolute;
display:none;
top:0;
left:0;
width:100%;
height:900%;
border:0;
z-index:2100;/*must be higher than anylinkcss menu 2000*/
opacity:0.7;
filter:alpha(opacity=70);/* For IE8 and earlier */ 	
}
DIV#loader-wheel{
position:absolute;
display:none;
top:190px;/*adjusted in js*/
left:0;
z-index:2001;/*higher than the 2000 anylinkcss*/
width:38px;
height:38px;
padding:8px;
background:white;
-moz-border-raduis:6px;
border-radius:6px;
}
DIV#loader-wheel IMG{
width:38px;
height:38px;
border:0;
} 
/*SPACES*/
.space3{margin-top:3px;} 
.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;}
.marginTopMinus10{margin-top:-10px;}
#emptyDiv1,#emptyDiv2,#emptyDiv3,#emptyDiv4,
#bottomEmptyDiv1,#bottomEmptyDiv2,#bottomEmptyDiv3,#bottomEmptyDiv4,
#spaceBelowH1{display:none;}
/*ISAE signup AND event page stuff*/ 
.noMar{/*used to strongly override margins, so we make it important*/
margin-top:0 !important;
margin-right:0 !important;
margin-bottom:0 !important;
margin-left:0 !important;
}
.noPad{/*used to strongly override padding, so we make it important*/
padding-top:0 !important;
padding-right:0 !important;
padding-bottom:0 !important;
padding-left:0 !important;
}
.noOverflowX{overflow-x:hidden;}
div.eventGoogleMap{width:350px;}/*combined on big screen with blockRight. eventGoogleMap is in  event_inc_Info ONLY */
div.eventGoogleMap IFRAME{width:100%;height:350px;}/*inside the div above*/
H2.event{
font-size:32px;/* h2 normal font size is 18, much too small for event */
margin-bottom:30px;
border-bottom:1px solid #dddddd;
line-height:1.6;
}
H2.eventSub{
margin-bottom:5px !important;
text-align:left !important;
line-height:1.6;
}
.signupButtonSpace{/*fyi: computer size. This is combined with "blockRight". leave that so we can see it on the page event_inc_Info  */
width:90%;
min-width:260px;
max-width:300px; 
overflow-x:hidden;
white-space:nowrap; 
margin:0 10px 20px 10px;
}
.signupButtonSpaceMobile{
width:90%;
min-width:260px;
max-width:300px;
overflow-x:hidden;
white-space:nowrap;
margin:20px auto 20px auto;
}
DIV.mobileOnlineClassSignupButton{/*on inc_onlineClassesPage.xxx*/
width:94%;
max-width:260px;
margin:15px auto 20px auto;
}
.importantDuiMessage{margin-top:10px;}
.importantDuiMessage span{
white-space:normal !important;
color:red;
}
.signupInfractionYellow{
background-color:#FFFFC0;
padding:3px;
text-align:center;
white-space:normal;
border-bottom:.1px dashed #f7f7f7f7;
border-radius:3px;
-moz-border-radius:3px;
}
.signupInfractionYellow span{color:blue;}
.askSignupBackgroundBlue{
padding:15px;
border-radius:10px;
-moz-border-radius:10px;
background:#E6F1F8;
border:1px solid #DCECF8;
max-width:530px;/*adjusted by js: /user/infoAskStateCourt.js for screen size*/
} 
p.nogo{
margin-top:15px;
font-size: 15px;
font-family:arial,helvetica,sans-serif !important;
line-height:1.1 !important; 
text-align:center; 
color:red !important;
font-weight:bold !important;
}
p.nogo.green{color:green !important;}
.arial{font-family:arial,helvetica,sans-serif !important;line-height:1.6;}

.italic{font-style: italic;}
IMG.home_arrowNext,
IMG.arrowNext{width:12px;height:10px;vertical-align:middle;border:0;margin-left:4px;}

/* added for new signup mock up - COPY THIS TO /Admin/AdminSite/templates/template_Site3.css in isaereports.com + org  */
TABLE.InfoSignupQuestionsTable{width:99%;min-width:255px;max-width:350px;overflow:hidden;margin:0 auto 0 auto;}
TABLE.InfoSignupQuestionsTable td{padding:0;}/*  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
*/
 
 /* leave form elements arial */
.W3ShoppingCart_Product_Form INPUT {
font-family:arial,helvetica,sans-serif; 
font-size:15px; 
color: #000000;
background:white;
padding:5px; /* see if padding works here */
}
.W3ShoppingCart_Product_Form TEXTAREA {
font-family:arial,helvetica,sans-serif; 
font-size:15px;   
color: #000000; 
background:white;
padding:5px; /* see if padding works here */
} 

.W3ShoppingCart_Product_Form SELECT {
font-family:arial,helvetica,sans-serif; 
font-size:15px;   
color: #000000;
background:white;
padding:5px; /* see if padding works here */
}

/* ADDED FOR NEW FORM ERR MESSAGING */ 
.W3ShoppingCart_userNameAvailMsg {
	display:none;
	font-size:10px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
}
.W3ShoppingCart_fieldErrContainer {
	height:15px; 
	width:100%;
	overflow:hidden;
}
.W3ShoppingCart_fieldErr {
	display:none;
	color:red !important;
	font-size:13px !important; 
	font-family:arial,helvetica,sans-serif !important;
	line-height:15px;
	overflow-x:hidden;
	overflow-y:visible;
} 
.W3ShoppingCart_mobileCheckboxRadioDiv {
margin:0 0 15px 0;
/* padding:2px 0 2px 0; */
border:0px solid #eeeeee;
}
.W3ShoppingCart_desktopCheckboxRadioDiv {
padding:1px;
}
.w3scNobr { white-space:nowrap;} 
/* END ADDED */
 
.w3scclear { clear:both;} 
.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: Lato,sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
/* color: #000000; */
}
.W3ShoppingCart_CatPage_Text {
	margin-bottom:3px;
	font-family: Lato,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: #005C96; 
	text-decoration:underline;	
}
a.W3ShoppingCart_ProductName:hover { 
	color: #800080; 
	text-decoration:underline;	
}
 
.bold {font-weight:bold;}
.red {color:red;}
 
.W3ShoppingCart_ItemNumber_Text {
	margin-bottom:10px;
	font-family: Lato,sans-serif; 
	font-size: 14px; 
	font-weight: bold;
	color:#000000;  
}
.W3ShoppingCart_Description_Text {
margin-bottom:3px;
font-family: Lato,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: Lato,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: Lato,sans-serif; 
	font-size:15px; 
	font-weight: bold;
	/* color: #000000; */
}  
.W3ShoppingCart_Option_NoteText {
	font-family: Lato,sans-serif; 
	font-size: 13px;
	font-weight: normal;
	/* color: #000000; */
}
.W3ShoppingCart_Option_NoteText span {
	font-family: Lato,sans-serif; 
	font-size: 13px;
	font-weight: normal;
	/* color: #000000; */
}

.W3ShoppingCart_Option_Block LABEL {
	font-family: Lato,sans-serif; 
	font-size:15px; 
	font-weight: bold;
	/* 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; 
}
 
.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:14px; 
	font-family: 'Lato',arial,helvetica,sans-serif;	 
	font-weight:bold;	   
	cursor:pointer; 
	border-radius:4px;
	-moz-border-radius:4px;
	/* blue buttons for isae */	
	padding:4px;
	border: 1px solid #1F61AB !important;	 
	background: #0076C0 !important;
	color: #FFFFFF !important; 
} 

.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:auto;
	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%; 
}

 
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; 
}   
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;   
} 
  
 
.subscription-schedule {
text-align:left;
font-size: 14px; 
} 
.subscription-schedule ul {
margin-top:0px;
margin-bottom:5px;
}
.subscription-schedule ul li {
text-align:left !important;
margin-bottom:10px;
}
 
.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;
}