/*----------------------------*/
/* Start Responsive Menu
/*----------------------------*/
/* Edit next two line to position Main Menu in the proper location */

#menu-main {width:100%;list-style:none;margin:0;display:block;}
#menu-main-nav {width:100%;margin:0px;padding:0px;list-style:none;display:block;}

.top-block .toolbar-left {
margin: 0;
padding: 0;
float: left;
}
.top-block .toolbar-right {
margin: 0;
padding: 0;
float: right;
}
.top-block .toolbar-left ul,
.top-block .toolbar-right ul,
#footer_bottom ul {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
color:#fff;
overflow: hidden;
}

.top-block .toolbar-left ul li,
.top-block .toolbar-right ul li{
float: left;
padding-left: 7px;
}

.top-block .toolbar-left a,
.top-block .toolbar-right a{
padding-right: 10px;
}

.top-block .toolbar-right p,
#footer_bottom #foot_right p{height:40px;float:right;}

#footer_bottom {
height: 156px;
vertical-align: top;
}
#footer_bottom td {
vertical-align: top;
}

#footer_bottom ul {
width:100%;
min-width:100px;
margin: 0px;
padding: 0px;
list-style: none;
color:#fff;
overflow: hidden;
letter-spacing: 0px;
word-spacing: 0px;
}

#footer_bottom a {
font-size: 8pt;
}

#cbabox1 {
background-color: white;
width: 230px;
border: 0px
margin: 0px 10px 4px 20px;
padding: 4px;
float: right;
display:block;
}

/*----------------------------*/
/* End Responsive Menu
/*----------------------------*/

#content {
position:relative;
width:100%;
height:100%;
float:left;
margin:0px;
padding:0px;
background: #fff;
padding-bottom:100px;
} 

.content_full_width {
width:100% !important;
float:left;
margin-left:0 !important;
padding:0px;
margin-left:0px;
}



#Subpage-Navigation-Wrapper ul	{
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none;
		}
		
#Subpage-Navigation-Wrapper ul li {
list-style: none;
float: left;
text-align: center;
width: 16.6667%; /* fallback for non-calc() browsers */
width: calc(100% / 6);
box-sizing: border-box;
background: #efefef;
		}
		
#Subpage-Navigation-Wrapper ul li a {
    display: block;
    text-decoration: none;
    color: #636363;
    padding: 10px 0;
	 border-bottom:10px solid #fff;
		}
		
#Subpage-Navigation-Wrapper ul li a:hover {
			background-color: #dedede;
			color: 000;
		}
		

.dropdownsTableWrapper { width: 100%; text-align: center; display: inline-table; }
.dropdownsTable { display: inline-table; width: auto; text-align: center; height: 1%; }
.dropdownsTableNodeTitle { font-size: 10pt!important; font-weight: bold!important; width:100%; text-align: left; padding: 0px; padding-bottom: 12px;  padding-top: 12px; }
.dropdownsTableNodeName { font-size: 10pt; width: 100%; text-align: left; padding: 6px; }
.priceNormalWrapper {  font-weight:bold!important;font-size: 12pt!important; }
.priceRetailWrapper { color: #336699!important; font-size: 10pt!important; }
.priceNormal { font-weight:bold!important;font-size: 12pt!important; }
.priceRetail { color: #336699!important;text-decoration:line-through!important;font-size: 10pt!important; }

.sageBG {
BACKGROUND-IMAGE: url(https://www.computerizedbusiness.com/images/cba_cell1grad_227.gif);
BACKGROUND-POSITION: 100% 100%;
BACKGROUND-REPEAT: repeat-x;
padding-left: 8px;
padding-right: 8px;
box-shadow: 0px 0px 25px #dedede;
border-bottom: 2px solid#7F7F7F;

}

.sageButton {
background-color: #f1e566;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f1e566), to(#feb745));
background-image: -webkit-linear-gradient(bottom, #f1e566, #feb745);
background-image: -moz-linear-gradient(bottom, #f1e566, #feb745);
background-image: -o-linear-gradient(bottom, #f1e566, #feb745);
background-image: linear-gradient(to bottom, #f1e566, #feb745);
border:1px solid #000;
border-radius: 8px 8px 8px 8px;
color: #ff0000;
text-align: center;
font-weight: bold;
line-height:22px;
}

.cbatable {
background-image: url(https://www.computerizedbusiness.com/images/cba_cell1grad_227.gif);
padding-left: 8px;
padding-right: 8px;
border-bottom: 1px solid #7F7F7F;
background-position: 100% 100%;
background-repeat: repeat no-repeat;
}

p {
margin-left: 14px;
margin-right: 22px;
line-height: 1.4;
}

p.CBA {
margin-left: 14px;
margin-right: 22px;
line-height: 1.4;
}

ul.CBA {
margin-left: 16px;
margin-right: 20px;
line-height: 1.4;
}

h1 {
text-align: left;
line-height: 1.2;
margin: 14px 20px 8px 12px;
color: rgb(34,119,34);
font-size: 24px;
font-family: Trebuchet MS;
}

h2 {
text-align: left;
line-height: 1.0;
margin: 14px 10px 8px 12px;
color: rgb(2,32,114);
font-size: 20px;
font-family: Trebuchet MS;
}


h3 {
text-align: left;
line-height: 1.0;
color: rgb(34,119,34);
margin: 14px 10px 8px 14px;
font-family: Trebuchet MS;
font-size: 12pt;
}

.column {
  float: left;
  width: 33.33%;
}

.left {
  width: 61%;
}

.right {
  width: 31%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }

#cbabox1 {
width: 100%;
display:inline-block;
}





#box1 {
background-color: #efefef;
width:90%;
border: 2px solid #dedede;
margin: 4px auto 10px auto;
padding: 12px;
text-align:left;
display:inline-block;
}

#box2 {
background-color: white;
width: 90%;
margin: 5px 16px 5px 16px;
text-align: left;
padding: 20px;
border: 12px solid rgb(91,154,148);
}

#box3 {
background-color: rgb(192,164,221);
width: 90%;
padding: 20px;
margin: 8px 16px 8px 16px;
}

}

@media only screen and (max-width:479px) {

#content {
max-width:320px;
margin:0px !important;
padding:5px 10px 5px 10px !important;
}

#Subpage-Navigation-Wrapper ul {
width:98%;
text-align:center;
padding-left:10px;
}

#Subpage-Navigation-Wrapper ul li {
width: 100%; 
}

#cbaLogo {
float:left;
margin-top:20px;
margin-left:50px;
}
.hideExtras {
display:none;
}



}