@import url("/includefiles/redesign/css/global/reset.css");
@import url("/includefiles/redesign/css/global/main.css");
@import url("/includefiles/redesign/css/global/home.css");


@import url("/includefiles/redesign/css/xs/main.css");

@import url("/includefiles/redesign/css/global/menu_xs.css");
@import url("/includefiles/redesign/css/xs/carousel.css");

/* standard DCTD branch styles */

#bodycopy {								margin: 15px 0 0 0; }

#mainColumn {							width: 100%;
											margin: 0 0 0 0;  }
							
#secondaryColumn {					width: 100%!important;

											font-size: 1.2em; 
											background-color: #EAEAEA;
											margin: 30px 0 30px 0; 
											padding: 30px 0 30px 0;
											border-top: 1px solid #606060;
											border-bottom: 1px solid #606060;}

#secondaryColumn h3 {				background: #888888 url(/images/redesign/sidebarbkg.png) repeat-x;
											-moz-border-radius: 9px;
											-webkit-border-radius: 9px;
											-khtml-border-radius: 9px;
											border-radius: 9px;
											color: #FFF;
											font-size: 1.1em;
											font-weight: bold;
											padding: 6px 6px;
											margin: 2em 0 10px 0; }

#secondaryColumn h3 a {				color: #FFFFFF!important; 
											text-decoration: none!important;  }
#secondaryColumn h3 a:hover {		color: #CCCCCC!important; }


#secondaryColumn p {					font-size: 12px;
											line-height: 18px;}


.sidebarBlock {						margin: 0 15px 0 15px; }










/* branch-specific home page styles below this point */


.homeContentWrapper  {					margin: 0 15px 0 15px; }




.homeImage {									margin: 0 0 0 0;
													width: 100%!important; 
													float: none!important;
													height: auto!important;  }

#homeButtonWrapper {							width: 100%!important; 
													float: none!important;}



#mobilePills {								display: block; 
												margin: 2em 0 0 0;
												border: 1px solid #888888; }

#mobilePills img {						max-width: 100%; }

#infographicDesktop {					display: none; }

#pillsTop {									display: none; }

#infographicMobile {						position: relative; }
#infographicMobile div {				text-align: center; 
												margin: 1em 0; }




.enlargeText {								position: absolute; 
												top: 0;
												right: 0;
												text-align: center;
												}
												
.enlargeText a {							color: #FFF!important; 
												display: block;
												padding: 5px 25px 5px 10px!important;
												background: rgba(34, 94, 133, 0.7) url(/images/redesign/enlarge.png) 75px 5px no-repeat;
												text-decoration: none!important; 
												border: 2px solid #CCC;
												font-size: 12px;
												line-height: 12px;}

.enlargeText a:hover {					background: rgba(186, 22, 63, 0.7) url(/images/redesign/enlarge.png) 75px 5px no-repeat; }
												
.enlargeText img {						vertical-align: middle; 
												margin: 0 0 0 10px!important;
												padding: 0!important;}