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.6em; 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: 1.1em; line-height: 2em; }

a {text-decoration:none;}

a, a:visited {color: #AD1804;}
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; 0px; margin:0px; list-style-type: none; position: relative; }
.navbar-nav li ul { display: none; position: absolute; padding: 0px; margin:0px; list-style-type: none; background: rgba(1,5,31,0.5);}
.navbar-nav li:hover > ul { display: block;}
.navbar-nav li ul li a { padding: 8px 20px; text-align:left; display: block; color: #fff; line-height: 18px; font-size: 14px;}

ul.navbar-nav { text-align:left; position : relative; z-index: 5000;}
.navbar-nav > li { padding:0px; display: inline-block; float:none; }
.navbar-nav > li > a { padding: 0px 20px; line-height:60px;  }

.navbar-nav > li > ul { top: 60px; left: 0px; width: 260px;}
.navbar-nav > li > ul > li > a {  }

.navbar-nav > li ul ul { top: 0px; left: 260px; width: 260px;}
.navbar-nav > li ul ul li a { }


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

.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 {}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {background-color:#D31F46!important;}

#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 a, a.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;
text-shadow: 0 1px 1px white;
margin: 0;
margin-right: 10px;
margin-bottom: 5px;
text-decoration: none;
text-align: center;
background:#00458A;
    text-shadow: none;
    color: #fff!important;font-size:18px;
}


*/

/* Button Styles */

.button {
    border:0;
	background: #000 url(../images/button-overlay.png) repeat-x;
	display: inline-block;
	padding: 8px 10px ;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.button.fw {width: 100%; float:left;}

	.button:hover							{ background-color: #111; color: #fff;	border-bottom: 1px solid rgba(0,0,0,0.25);}
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 			{ font-size: 15px; padding: 10px 14px 9px; }

/*colors*/
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						{ background-color: #749a02; }
	.blue.button, .blue.button:visited		{ background-color: #2daebf; }
	.blue.button:hover							{ background-color: #007d9a; }
	.red.button, .red.button:visited			{ background-color: #e33100; }
	.red.button:hover							{ background-color: #872300; }
	.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
	.magenta.button:hover							{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover							{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover							{ background-color: #fc9200; }
	.button, .button:visited		{ background-color: #eee; color: #333; }
	.button:hover							{ background-color: #ddd; }



/**********************                *****************************
*********************** 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 { color: #fff;}

.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: #fff; }
#footer a:hover {color: #aaa; }
#footer a:visited {color: #fff; }

.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:#000;}
.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: #000; 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 { }
.navbar-form  input {
height: 36px;
border: 0;
border-bottom: 1px solid rgba(0,0,0,0.3);
border-right: 1px solid rgba(0,0,0,0.3);
width: 180px;
background: none;
text-align: right;
line-height: 36px;
display: inline;
color: #fff;
padding: 0;
font-size: 14px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
#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 10px; 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 { height: 140px; background: #00458a; position: relative; z-index: 1; }

.logo { position: absolute;left:10px; top: 12px; display: block;width: 250px; margin: 0 auto; text-align:left; color:#fff !important; }
.logo img {}
.social-icons {position: absolute; right: 0; padding-top: 10px; text-align: right;}
.logoWrapper .container {position: relative; height: 100%;}
.social-icons img { opacity: 1.0; }
.social-icons img:hover { opacity: 0.8; }
#utility_menu {font-size: 14px; padding-bottom: 10px;}
#utility_menu a { padding: 0 8px; color: #fff;}
#google_translate_element { display:inline-block; vertical-align:top; margin: -2px 0 0 1em; }

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

.top_menu { position: absolute; bottom: 0px; left: 300px; right:0px; z-index: 20; }
.navbar-toggle .icon-bar { background: #000; }
#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; font-size: 19px; }

.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 {
padding: 6px 6px;
margin: 40%;
margin-top: 8px;
margin-bottom: 8px;
color: #fff;
background-image: none;
border: 1px solid transparent;
background: rgba(255, 255, 255, 0.2);
}
.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: 100%;
margin-bottom: 10px;
    
}

.outer_bottom_bar { margin-bottom: 15px; }
/***************************
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; }

.navbar-collapse { text-align: center; padding: 0px !important; }
.navbar-nav { float: none; display: block; padding: 0px; height:60px; line-height: 50px; margin: 0px; }

.main-content { margin: 30px 0 }

@media only screen and (max-width: 768px) {
    .logoWrapper { height:auto; background:#00458a !important; }
    .logo { position:static; }
    .social-icons { position:static; text-align:center; }
    .top_menu { position:static; }
    .navbar-nav { height:auto; }
    .navbar-nav > li { display:block; }
    .navbar-nav li ul { position:static; }
    .navbar-nav > li > ul { width:auto; }
    .nav > li > a:hover, .nav > li > a:focus { background-color: rgba(255,255,255,.1); }
    .fluid_container { position:relative !important; height:250px !important; }
    #camera_wrap { position:relative !important; }
    .cameraSlide img.imgLoaded { width: 100% !important; height: auto !important; margin: 0 !important; }
    .footer_wrapper { position:relative !important; font-size:14px; background:#00458a !important; }
}