/* BASE structure styling 
================================================== */

/* GLOBAL SETTINGS */
/* -------------------- */
p { margin-bottom:15px; line-height:14pt; }

.clear {clear:both;}
.none {display:none;}
.external {padding-right:14px;background:url(/images/external-link-icon.gif) no-repeat right top;}

.right {float:right;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}
img.right {margin:0 0 10px 20px;}

h1,h2,h3,h4,h5,h6 { margin-bottom:15px; }
h1, .marketing { font-size:160%; }
h2 { font-size:140%; }
h3 { font-size:120%; }
h4 { font-size:100%; }
h5 { font-size:80%; }
h6 { font-size:60%; }
.marketing{ display:block; line-height:1.72em; text-align:left; }

#whopper { padding:15px; z-index:1;} /*url(/images/whopper-bg.png)*/
.location #whopper { padding:0; }

#header { width:100%; margin:0 auto; z-index:98; }

#header .container { padding:10px 0 0; }
#footer { padding:15px 0; position:relative; min-height: 60px; }

#col1 ul, #col2 ul { list-style: disc outside; margin: 10px 15px 10px 25px; line-height: 20px; }
#col1 ol, #col2 ol { list-style: decimal outside; margin: 10px 15px 10px 25px; line-height: 20px; }

/* Home page */
/* ---------------------------------- */
#side-image p { margin-bottom:0; }

/* Header buttons */
/* ---------------------------------- */
#banner { color:#fff; font-size:17px; text-transform:uppercase; background:#000; padding:10px 0; text-align:right; line-height:36px;}
#other-locations a { padding: 11px 10px 8px; *padding:3px 10px; margin-left:10px; font-size:14px; }

#zip-search { display:inline; margin-left:10px; }
#zip-search input {  padding:0px 10px; margin:0; border:0px; height:34px; line-height:34px; width:187px; text-transform:uppercase; font-size:14px; }
#zip-search input.go-button { height:34px; padding-bottom:2px; cursor:pointer; width:40px; }

/* Navigation */
/* ------------------------ */
#nav li { float:left; } 
#nav li a.top-level { display:block; height:42px; padding: 0 16px 0 15px; line-height:42px; background:url(/images/nav-divider.png) right center no-repeat; }
#nav li.last a.top-level { background:none; }
/* Second Level */
#nav li ul { position:absolute; left:-9999px; z-index:99; }
#nav li ul li { height:auto; display:block; width:inherit; float:none; }
#nav li ul li a {
	display:block;
	height:35px;
	line-height:35px;
	padding:2px 20px;
	width:200px;
}
/* Third Level */
#nav li ul ul {margin:-39px 0 0 99%;}
/* Fix IE 6 */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;}
/* Fix IE 7 */
#nav li:hover { position:static; }

/* Homepage */
#col2 div { text-align:center; }
#col2 img { padding:7px; margin-bottom:15px; }
.location #col2 img { padding:0px; margin-bottom:0px;  width:100%; }
/*.location #col2 div { text-align:left; }*/
.location #col1 h1 { text-align:left; }

/* Location */
.location #whopper { padding:0; width:100%; }
.location #col1, .location #fac-home #col2 { padding-top:15px; padding-bottom:15px; }
#header-phone { float:right; margin-top:25px; }

/* Location Interior */
#slideshow-interior, .location #col2 #slideshow-interior img{width:280px; height:450px; margin:0;}
#slideshow-interior{overflow:hidden; position:relative;}
#slideshow-interior #tabs{display:none;}

/* Calls to Action */
/* ------------------------ */
#fac-home-img #banner.ctas { position:absolute; top:330px; width:100%; z-index:99; }
#banner.ctas { text-align:center; line-height:18px; }
#banner.ctas ul{margin:0 auto; overflow:auto;}
#banner.ctas li{float:left;}
#banner.ctas li, #banner.ctas form { padding:10px; margin:0 10px; font-size:15px; *line-height:19px; *margin:0px 10px; }
#banner.ctas a{display:block; padding:0 20px 0 0;}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}


/* Widgets */
/* ------------------- */

/* directions map */
#directionsForm { padding:5px 0;}
#directionsForm input { margin-right:10px; }
#directionsMap, #flashmap { width:100%; height:400px; border:1px solid #000; margin-bottom:15px; }

#col2 #map {
  width:260px;
}

#slideshow-home { height:325px; } 
#slideshow { height:325px; }
.location #slideshow { height:495px; }
#fac-home-img { position:relative; }

#locations-table { margin-bottom:15px; width:100%; }
#locations-table td, #locations-table th { padding:7px; }
#locations-table tr.loc_location_row { border-bottom:1px solid #c0b6ac; }
#locations-table td.loc_name { }
#locations-table td.loc_bullet_col, #locations-table th.loc_bullet_col { text-align:center; }

.location #col1 { text-align:justify; }
#col2 div.vcard { line-height:140%; padding:15px; }

#col2 div.vcard .street-address,
#col2 div.vcard .tel { display:block; }

#hours {margin-left: 25px;}
#hours dt { font-weight:bold; font-size:16px; margin-bottom:5px;  }
#hours dd { padding:2px 0;}

#footer p.disclaimer {
  padding:10px 25px 0 25px;
}

/* Floor Plan Grid (Table) */
table.floorplans { width:100%; margin:15px 0; }
table.floorplans tr { height:27px;line-height:27px; }
table.floorplans th, table.floorplans td { padding:4px; }

/* buttons */
table.floorplans a, .unit-interior a { display:block; padding:4px; text-align:center; font-size:12px; margin-bottom:4px; }

.floorplans { width:100%; margin:20px 0; }
.header { margin:3px 0 0; height:27px;line-height:29px; }
.category { font-size:16px; padding:0 8px; }
.accordion-toggle { cursor:pointer; }

/* Floor Plan List / Thumbnail */
.list .unit { padding:3px 10px; border-bottom:1px solid #000; }
.unit-interior { padding:8px 0 0; }

/* name */
.unit-interior .unit-name { margin:0; }
.unit-name { margin:28px 0 14px; font-size:17px; font-weight:bold; }

/* text blocks */
.unit-interior .pad { width:150px; padding-right:20px; }
.unit-interior .description {padding-top:21px;}

/* buttons */
.unit-interior a { width:200px; margin:4px; padding:3px 5px; }

/* Floor Plan List with Thumbnails */
.thumbnails .unit { font-size:13px; padding-bottom: 10px; border-bottom:1px solid #000; float:none; overflow:auto; }
.category-units { padding-bottom:20px; }

/* left col */
.thumbnails .assets { display:inline; margin:26px 0 10px 24px; text-align:center; }

/* links */
.floorplans .assets a { padding:0 0 10px; height:auto; background:none; }
.thumbnails a.contact { float:right; display:block; padding:3px 5px; margin:10px 5px 0; font-size:12px; }
#col1 .floorplans .assets img { display:inline; }

/* right col */
.thumbnails .info { display:inline;width:345px; margin: 0 15px 0 0;}


/* table styles */
.thumbnails table {
	width:310px;
	margin:0 0 19px;
	line-height:27px;
	text-align:center;
	border:1px solid #000;
	border-width:1px 0;
}
.thumbnails .values td { font-size:18px; height:40px; font-weight:bold; padding-top:10px; line-height:18px; height:18px; }
.thumbnails .keys td { height:28px; }

/* description & special */
.thumbnails .text { border-bottom:1px solid #000; }

/* bottom area */
.thumbnails .phone { font-size:21px; line-height:40px; }


/* GALLERIES */
/* ------------------------- */
/* Shadowbox Gallery & Flicker Gallery Styling */
#shadowbox_gallery ul, #flickr_gallery ul { list-style:none; margin:0; }
#shadowbox_gallery ul li, #flickr_gallery ul li { float:left; padding:15px; }
#shadowbox_gallery ul li a img, #flickr_gallery ul li a img { border: 3px solid #999; }
#shadowbox_gallery ul li a:hover img, #flickr_gallery ul li a:hover img { opacity:0.6; filter:alpha(opacity=60); border:3px solid #999; }

/* NoobSlide photo gallery */
#box { position:absolute; }
#box span { display:block; float:left; }

/* gallery with thumbs */
#gallery { position:relative; clear:both; } 
#gallery .mask { position:relative; overflow:hidden; top:0px; border:1px solid #999; }
#gallery .mask #box img, #gallery .mask { height:420px; }
#gallery .mask #box img, #gallery, #gallery .mask { width:680px; }
#gallery .mask #box img { border-right:1px solid #999;}

#gallery .thumbs { margin-top:15px; }
#gallery .thumbs div { float:left; margin:8px; border:3px solid #999; cursor:pointer; }
#gallery .thumbs div:hover { opacity:0.6; }
#gallery .thumbs div img { display:block; }

/* gallery controls */
#gallery .buttons { text-align:center; }
#gallery .buttons span { cursor: pointer; padding: 0 10px; }
#gallery .info { opacity:0.8; padding:5px; }
#gallery .info p { margin:0px; }


/* RESPONSIVE GALLERY */
#carousel { width: 100%; overflow: hidden; }
#carousel #viewport {
  width: 9999em;
  word-spacing: 0;
  margin: 0;
  padding: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
#carousel #viewport img{ float: left; width: 820px; margin: 0; padding: 0; }
#carousel #top_navigation, #carousel #navigation{ text-align: center; margin: 0 auto; }
#carousel #top_navigation { background-color: #666; padding: 7px 10px; }
#carousel #navigation { padding: 10px 0; }
#carousel #top_navigation span { color: white; font-weight: bold; font-size:15pt; }
#carousel #top_navigation:after, #carousel #viewport:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#carousel #padder{ margin: 0 auto; width: 756px; overflow: hidden;}

#carousel #navigation #five_thumbnail_box{
  /* width: 270px; */
  overflow: hidden;
}

#carousel #navigation #thumbs{
  width: 9999px;
  overflow: hidden;
  height: 54px;
  text-align: center;
  margin: 0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
#carousel #thumbs img{
  width: 48px;
  height: 48px;
}

#navigation .left,  #navigation .right { margin-top: 13px }
#carousel #thumbs .thumb{ float: left; border: 3px solid transparent; }
#carousel #thumbs .thumb.current{ border: 3px solid yellow; }

#carousel .left{ float: left;}
#carousel .right{ float: right;}

#carousel .mobile-arrow{
  width: 21px;
  height: 21px;
  background-repeat: no-repeat;
  background-image:  url('/images/arrows_gray.png');
  text-indent: -9000px;
  overflow: hidden;
  cursor:pointer;
}

#carousel .left.mobile-arrow{ background-position: 0px 0px ; }
#carousel .right.mobile-arrow{ background-position: -21px 0px; }



/* CALENDAR EVENTS */
/* ------------------------------------ */
#calendar_events { margin:0 0 20px 0; }
#calendar_events h3 { display:block; width:100%; text-indent:20px; font-size:17px; padding:4px 0; margin:15px 0 0; }
#calendar_events ol { list-style:none; margin:0; overflow:auto; }
#calendar_events div.event_container { width:100%; }
#calendar_events .tr { padding:5px 10px; }
#calendar_events .td,
#calendar_events .th { display:block; float:left; }
#calendar_events .th { width:20%; }
#calendar_events .td { width:75%; }
#calendar_events .event ol { padding:5px; line-height:1.8em;}
.event_container ol li.th { width:20%; display:block; float:left; padding:0 10px ;}

/* residents page */
#col1 ul.residents { list-style:none; text-align:center; margin:10px 0px; }
ul.residents li { margin:5px 15px; font-weight:bold; }
ul.residents li img { margin:5px; }

/* AREA PAGE */
/* -------------------- */

#area-page p.city { text-align:right; }
.facility-summary { margin:16px 0; clear:both; }
.facility-summary img { float:left; padding:0px 10px 10px 0; }
.facility-summary dl {padding:0 0 20px 0;}
.facility-summary a img.facility-offer {display:none;}

/* FOOTER */
/* -------------------- */
#footer,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	font-size:14px;
}

#footer a:hover { text-decoration:underline; }
#footer p { margin:0px; }
#footer ul {clear:left;}

#footer li {
	float:left;
	padding-right:1em;
	margin-right:1em;
	border-right:1px solid #fff;
}
#footer li.last {border-right:none;}
#bottomnav, #footer-system, #footer-states, #footer-stores { margin-bottom:10px; overflow:auto; }
#footer #signature-brand { position:absolute; top:20px; right:20px; margin:0px; }
#footer div.accessibility { width:70px; height:31px; display:block; background:url(/images/accessibility.png) no-repeat; text-indent:-9999px; position:absolute; bottom:10px; right:20px; }
#footer a.addthis_button { display:block; float:left; margin:5px 5px 5px 0; }
#footer .social-icon { float:left; margin:5px; }
#footer div.vcard { line-height:140%; padding:0px; }
#footer-default.eleven #signature-brand { position:static; margin:10px 0; clear:left; float:left; }
#footer-default.eleven div.accessibility { position:static; margin:5px 10px; float:left; }
#footer .misc-footer-html { clear: both; padding: 10px 0 5px; }