.btn {padding: 20px 30px; font-size: 16px; margin-bottom: 10px; border-color: none; border: none; outline: none; border-radius: 3px;}
.btn-primary,.btn-primary:active,.btn-primary:focus {background: #DE7626; color: #fff !improtant; border-color: none; border: none; outline: none;}
.btn-primary:visited {color: #fff;}
.btn-primary:hover {background: #ce6916; color: #fff; border-color: none;}

.mobileNavSideBar {margin-bottom: 10px;
    float: left;
    width: 100%;}

.mobileNavSideBar a, .mobileNavSideBar a:visited  {
    width: 100%;
    background: #DE7626;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}


.sr-only {
    
        position: relative;
    color: white;
    display: inline-block;
    line-height: 0px;
    top: 8px;
    left: 15px;
    height: auto;
    width: auto;
    overflow: visible;
    padding: 0;
}

html {   height: 100%; }

body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
color:#666;
font-size: 16px; 
line-height: 1.5em; 
background: #eee;
overflow-x:hidden!important;
height:100%;
}
.flat * {box-shadow:none!important;}

h1 { font-size: 2.4em; font-weight: normal; letter-spacing: 0; line-height: 1.2em; margin: 0 0 .5em 0; }
h2 { font-size: 1.6em; font-weight: normal; line-height: 1.2em; margin: 0 0 .5em 0; }
h3 { font-size: 1.4em; font-weight: normal; letter-spacing: 0; line-height: 1.5em; margin-bottom: 10px; }
h4 { font-size: 1.3em; line-height: 2em; }
h5 { font-size: 1.2em; font-style: italic; line-height: 2em; }
h6 { font-size: 0.7em; line-height: normal; }

a {text-decoration:none;}

a, a:visited {color: #548222;}
a.zoombox {text-decoration:underline;}

a:hover, .resp-tab-item:hover {
text-decoration:none!important;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

ol,ul {margin-left: 20px;}

.navbar-nav>li {
    padding: 1px;
}

.container div > h3, .container form > h3, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: transparent;}

p {margin-bottom:8px;}

#breadcrumbs { color: #333; text-shadow: 0 1px 0 #fff; font-size: 16px; border-bottom: 1px solid #e0e0e0; background-color: #fafafa; -webkit-box-shadow: inset 1px 1px 0 #fff; -moz-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; padding: 17px 40px; position: relative; }
#breadcrumbs { padding: 17px 16px; text-shadow: 0 1px 0 #fff; }
            #breadcrumbs a { text-decoration: none; color: #333; font-weight: 600; margin: 0 14px; }
			#breadcrumbs a:first-child { margin-left: 20px; }
            #breadcrumbs span.subtext {display:none!important;}
            #breadcrumbs a:hover {border-bottom:1px dashed;}
            #mobile #breadcrumbs a {font-size: 12px;}
            
.morebuttons {float:left;margin-bottom:8px;}

.blogModule.box .thumbnail {max-width:400px; width:100%;}

#outer-leftColumn, #outer-rightColumn {background: #f8f8f8;}
#outer-leftColumn .containerWrapper {border-right: 1px solid #ddd;box-shadow: inset 0px 2px 10px 1px #eaeaea;}
#outer-rightColumn .containerWrapper {border-left: 1px solid #ddd;box-shadow: inset 2px 0px 10px 1px #eaeaea;}

#rightColumn .containerWrapper {border-left: 1px solid #ddd;}
#leftColumn .containerWrapper {border-right: 1px solid #ddd;}

.slide-title {font-size: 30px; line-height:1.5em;}
.slide-caption {}


#membership_login_menu {float:right;margin-top:10px;font-size:13px;margin-right:20px;}

#middle {
   margin-top: 20px;
}

.main-content .row > div {
    padding-top: 15px;
}

.button {
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
background-color: #eeeeee;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
background: linear-gradient(top, #fbfbfb, #e1e1e1);
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
border: 1px solid #d4d4d4;
min-height: 32px;
line-height: 32px;
padding: 0px 10px;
font-weight: 300;
font-size: 14px;
font-family: "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
color: #666666!important;
text-shadow: 0 1px 1px white;
margin: 0;
margin-right: 10px;
margin-bottom: 5px;
text-decoration: none;
text-align: center;
}

/**********************                *****************************
*********************** Accordion Menu *****************************
***********************                ****************************/
.accordion-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float:left;
}

.accordion-menu ul li a span.subtext {display:none!important;}
.accordion-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom:1px solid rgba(0,0,0,.3);
    float:left; width: 100%;
}
.accordion-menu ul li li {width: 100%;border-bottom:0;}
.accordion-menu ul > li > a:hover,  .accordion-menu ul > li > a.active {}
.accordion-menu ul > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    height: 50px;
    padding: 0;
    width: 100%;
    border: 0;
    line-height: 50px;
    text-indent: 16px;
    cursor: pointer;
}
.accordion-menu ul > li > a.hasChildren { 
    background: url(graphics/design/mobilemenu_parent.png) no-repeat 100% 0;
}
.accordion-menu ul > li > a.hasChildren.active {background-color: rgba(0,0,0,.5);}
.accordion-menu ul a { background: none }
.accordion-menu ul li ul {
    display: none;
    margin-left: 0;
   padding:0;
}

.accordion-menu ul > li:hover {background: url(graphics/design/20perblack.png);background: rgba(0,0,0,.3);}
.accordion-menu ul > li a.active { background-position: 100% 100%;}
.accordion-menu ul {
    float: left;
    width: 100%;
}
.accordion-menu ul li a {
    display: block;
    text-decoration: none;
}
.accordion-menu ul li a:hover,
#nav li a.active { }

.accordion-menu ul li ul li a {
background: url(graphics/design/20perblack.png);
    background: rgba(0,0,0,.4);
    color: #eee;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-indent: 16px;
    width: 100%;
}
.accordion-menu ul li li a:hover,
.accordion-menu ul li li a.active {
	background: url(graphics/design/20perblack.png);
    background: rgba(0,0,0,.3);
    color: #fff;
}

#footer h3 { background: #000; }

.footer_wrapper > div { } 

.footer_menu { text-align: center; }

.navbar {
    margin-bottom: 0px;
    border-radius: 0px;
}

/**********************                    *****************************
*********************** Vertical Side Menu *****************************
***********************                    ****************************/

.side_menu { margin: 0; border: 0; padding: 0; width: 100%; list-style-type: none;  list-style: none; position: relative; list-style: none; margin: 0; padding: 0;}
.side_menu > li:hover > ul {display:block;}
.side_menu ul { margin: 0; padding: 0px; list-style: none; width: 250px; 
display: none; position: absolute; top: 50px; left: 0; 
background: url(graphics/design/80perblack.png);
}
  
.side_menu ul { top: 0px; left: 100%;}
.side_menu ul ul { top:0px; left: 250px;/*adjusted for padding*/ }

.side_menu li { background-image:none; width: 100%; position: relative; display: block!important; 
display: inline; float: left;padding: 0; margin:2px 0; 
-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
 }
 
/* 1st Level  */
.side_menu > li {background: #333;}
.side_menu li:hover {background: #000;}
.side_menu li.current {background:  #000;}

/* 2nd Level */
.side_menu li li {margin:0;}
.side_menu li li:hover {background:  #000;}
.side_menu li li.current {background:  #000;}

/* links */
.side_menu li a { font-size: 16px; line-height: 40px; height: 40px;width:100%; padding:0px; text-indent: 10px;color:#fff; float:left;}
.side_menu li:hover li a:hover,
.side_menu li:hover li:hover a,
.side_menu li.over li a:hover,
.side_menu li.over li.over a { text-decoration: none; }



.left_sidebar, .right_sidebar {
    clear:both;
    margin-bottom: 20px;
}

img { max-width: 100%; }


#footer .num1of1 { text-align: center; }
#footer a { color: #bbb; }
.footer_address a, .footer_address a:hover, .footer_address a:visited {color: #fff; font-size:12pt;}
#footer a:hover {color: #fff; }
#footer a:visited {color: #eee; }

.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { float:left; width:100%; position:relative;text-align: center; margin-left: auto; margin-right: auto; background: transparent; padding:0!important;}
.calPrev { position: absolute; top: 4px; left: 45px;z-index:2; }
.calNext { position: absolute; top: 4px; right: 45px; }
.calPrev a:hover, .calNext a:hover {color:#0d6163;}
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: none; }
.calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding:6px 0; text-align: center; /*border:1px solid #ddd;
background: #efefef;*/ 
border-bottom: 1px solid #ddd;

}
.calGrid td.haslink:hover, .calGrid td:hover > a {background: #efefef; color: #000;}
.calWeek td {background: none; border: 0;}
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: none; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #0d6163; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; font-weight: bold; }
.calBottom { text-align: left; margin-top: 10px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

.navbar { background: #fff; }
.navbar-form  input {
height: 25px;
border: 0;
border: 1px solid #5B872A;
width: 180px;
border-radius: 0;
background: none;
text-align: left;
line-height: 25px;
display: inline;
color: #333;
padding: 0 0 0 5px;
font-size: 14px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.navbar-form  input {right: 0; position: absolute; top: 0; margin-right: 0;}

#footerMenu {
text-align: center;
background: #333;
padding: 14px 0;
border-top: 1px solid #404040;
margin: 20px auto 40px auto;
}

/****************************               ***********************************
***************************** FORM ELEMENTS ***********************************
*****************************               ***********************************/

input, textarea, select { outline: none; padding: 8px; margin: 6px 0 6px 0px; border: 0; font-size: 14px; border: 1px solid #ccc; 
                          border-radius: 10px; -moz-border-radius: 10px;-webkit-border-radius: 10px; 
                          box-shadow: 1px 1px 0 0 #FFF, 5px 5px 20px 2px #ddd inset; -moz-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 20px 2px #ddd inset; -webkit-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 20px 2px #ddd inset; 
                          -webkit-background-clip: padding-box; }
input[type="checkbox"], input[type="radio"] { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 6px 0px 6px 10px;} 

input#submit {
  width: 280px;
  cursor: pointer;
  box-shadow: 0 0 4px 0 #666;
  -moz-box-shadow: 0 0 4px 0 #666;
  -webkit-box-shadow: 0 0 4px 0 #666;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(237, 237, 237)), color-stop(0.41, rgb(217, 217, 217)), color-stop(1, rgb(255, 255, 255)));
  background: -moz-linear-gradient(center bottom, rgb(237, 237, 237) 0%, rgb(217, 217, 217) 41%, rgb(255, 255, 255) 100%);
}

input#submit:hover {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(232, 114, 198)), color-stop(0.41, rgb(230, 71, 185)), color-stop(1, rgb(235, 176, 218)));
  background: -moz-linear-gradient(center bottom, rgb(232, 114, 198) 0%, rgb(230, 71, 185) 41%, rgb(235, 176, 218) 100%);
}

/* end Form Elements */

.logoWrapper { background: #ffffff;  }

.logo { float: left;    position: absolute; }
.socialLink {display: inline-block;background: #5B872A; border-radius: 100px; padding: 2px;}

.social-icons {float: right; padding-top: 20px;}
.social-icons img {  position: relative; top: -1px;}
.social-icons img:hover { opacity: 0.8; }

#commerce-hscroller { padding: 20px 0; }

.top_menu { background: #fff;  }
.navbar-toggle .icon-bar { background: #fff;}
#footer > div:last-child{
width: 100%;
text-align: center;
padding: 14px 0;
min-height: 0px !important;
}
#footer .num1of2 { width: 100%; }

@media(min-width: 768px){
    
.top_menu a:hover, .top_menu .menuItemHighlight a  { color: #fff; }
    .dropdown-menu {
background: #fff;
border-radius: 0px;
padding: 5px;
min-width: 200px;
border: 0px solid;
}
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {font-size: 15px;
font-weight: normal;
line-height: 40px;
height: 40px;
width: 100%;
padding: 0px;
text-indent: 10px;
color: #fff;
float: left;
text-transform: none;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
    .dropdown:hover > .dropdown-menu {
display: block;
}
 #footer .num3of4, #footer .num2of3, #footer .num1of3 { width: 50%; }   
 
 .dropdown-menu {
     
     -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
 }
}

.navbar-nav > li > a { color: #fff; }

.header-content {
background: #444;
border-bottom: 6px solid #666;
padding: 20px 0 10px 0;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: transparent;
border-color: transparent;
}
.navbar-toggle {
    width: 150px;
    line-height: 0;
    margin: 0 auto;
    display: block;
    top: 8px;
    float: none;
background: rgba(255, 255, 255, 0.2);
width:  150px;
}
.icon-bar {background: #fff;}

.header-icon {
    color: #000;
float: left;
margin-right: 10px;
width: auto !important;
font-size: 30px;
padding: 10px;
border-radius: 25px;
background: #fff;
background: rgba(0, 0, 0, 0.05);
text-shadow: #fff 1px 1px 1px;
margin-bottom: 10px;
border: 1px solid #fff;
margin-top: -15px;
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

.outer_bottom_bar .fba_links img {-moz-box-shadow: 0 0 12px #ccc;
-webkit-box-shadow: 0 0 20px #ccc;
box-shadow: 0 0 20px #ccc;
width: auto;
margin-bottom: 10px;
}

.outer_bottom_bar { margin-bottom: 15px; text-align:center;}
/***************************
DFIB Slider Theme Overwrites
***************************/

.dfib-slide { background: transparent; }
.dfib-item-wrap { border: 4px solid transparent; }
.dfib-slider { margin: 0px 20px; }
.dfib-arrow-nav a { font-size: 20px; }
a.dfib-prev { left: 0px; }
a.dfib-next { right: -15px; }

button.searchButton { color: #eee; }
button.serachButton:hover { color: #efefef; }



@media (max-width: 650px) {

.logo {float: none; margin: 0 auto; position: relative;    text-align: center;}
.topNav {width: 100%;}
.social-icons {float: none; text-align:center;}
.social-icons {}
.topNav ul {list-style: none; padding-left: 0; text-align: center; width: 100%; margin: 0;}
.search { text-align: left; float: none;  clear: both; left: 0; right: 0; margin: 0 auto; width: 200px;}
.navbar-form  input {text-align:left; color: #333; padding-left: 3px;}
}