/* Masters */
body {
	padding:0px;
	margin:0px 0px 35px 0px;
	text-align: center;
	background: #f5f5f5 none;
	font:normal normal normal 9pt/1.1em Arial, Helvetica, sans-serif;
	color:#666;
}
* {
	margin:0;
	padding:0;
}
div {
	background-color:transparent;
	background-position:top left;
}
a {
	color:#1395ad;
	font-weight:bold;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:0;
}
form {
	display:inline;
	border:0;
}
ul {
	list-style-type:none;
}
fieldset {
	border:0;
}
/* global classes */
.spanSuper {
	font-size:.7em;
	text-transform:super;
}
/* global elements */
#divSkipLink {
	display:none;
}
/* for accessibility */
#aAccessibility {
	position:absolute;
	top:5px;
	left:682px;
	z-index:10;
	font-size:.8em;
	text-decoration:none;
}
#divMain {
	position:relative;
	width:789px;
	padding:223px 0px 0px 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto; /* opera does not like 'margin:0 auto' */
	margin-left: auto;
	text-align:left;
	background-color: #ffffff;
}
/* Main Logo */
#aLogo {
	position:absolute;
	top:18px;
	left:18px;
	z-index:10;
}
/* Breadcrumb Div */
#divBreadCrumbs {
	display:none;
}
/* new layout containers */
#divBodyNew {
	clear:both;
	width:690px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
}
#divContentNew {
	float: left;
	width:450px;
	padding: 0px 0px 1px 0px;
}
#divSideBarNew {
	float: right;
	width:205px;
	right: 0px;
	top: 0px;
}
#divSideBarNewF {
	float: right;
	width:233px;
	right: 0px;
	top: 0px;
	margin-top: 0px;
}
.alert {
	color: #990000;
	font-weight: bold;
}
.getawayBox {
	width: 208px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.getawayBox2 {
	width: 281px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
/* this is the body div and it's main elements */
#divMain div.divBody {
	clear:both;
	width:789px;
	position:relative;
}
/* div's with all the content */
#divContent {
	float: left;
	width:556px;
	padding: 0px 0px 1px 0px;
}
/* style for p's inside div */
#divContent label {
	color: #757575;
	font-weight: normal;
}
#divContent p {
	padding:0 15px 15px 192px;
}
/* sub nav inside the content area */
#ulSubNav {
	position:absolute;
	top:50px;
	left:27px;
}
#ulSubNav li {
	padding-left:19px;
	height:15px;
	background:transparent url(/images/global/bg_subnav_off.gif) no-repeat top left;
}
#ulSubNav li#snTop {
	padding-left:19px;
	height:15px;
	background:transparent url(/images/global/bg_subnavtop_off.gif) no-repeat top left;
}
#ulSubNav li#snSelected {
	background:transparent url(/images/global/bg_subnav_on.gif) no-repeat top left;
}
#ulSubNav li#snSelectedTop {
	background:transparent url(/images/global/bg_subnavtop_on.gif) no-repeat top left;
}
#ulSubNav li a {
	text-decoration:none;
	text-transform:capitalize;
	color:#808080;
	font-weight:normal;
	font-size:.9em;
}
#ulSubNav li a:hover {
	color:#B2B010;
	font-weight:normal;
}
#ulSubNav li#snSelected a {
	color:#000;
	font-weight:bold;
	font-size:.9em;
}
#ulSubNav li#snSelectedTop a {
	color:#000;
	font-weight:bold;
	font-size:.9em;
}
#divQukHits {
	margin:0 1px 0 19px;
	padding:20px 28px 35px 95px;
	position:relative;
	background:url(/images/global/bg_quickhits.gif) repeat-x;
}
#divQukHits h3,
#divQukHits .quick-hits-txt{
	width:64px;
	height:39px;
	text-indent:-5000px;
	position:absolute;
	top:31px;
	left:19px;
	background:transparent url(/images/sharedHeaders/h2_quickhits.gif) no-repeat;
}
#divContent #divQukHits p {
	margin:0;
	padding:0;
}
#divQukHits a {
	font-weight:normal;
}
/* Sub Section regional Search */
.divSubSectionRegionSearch {
	background-color: #D4AD28;
	height: 40px;
	margin: 0 0 0 17px;
	padding:0;
	position:relative;
}
/* FPO - Remove before launch */
#H2regionSearchWinterFun {
	background: url(/images/regionSearchH2/bg_winterActivities.gif) no-repeat;
	width: 170px;
}
.divSubSectionRegionSearch fieldset {
	margin:0 0 0 200px;
	padding:8px 0 0;
}
.divSubSectionRegionSearch h2 {
	position:absolute;
	top:0;
	left:0;
	height:40px;
	width:200px;
	text-indent:-5000px;
}
.divSubSectionRegionSearch #listCity, .divSubSectionRegionSearch #listRegion {
}
#btnGoRegion {
	vertical-align:middle;
}
#regionSearchOr {
	vertical-align:middle;
}
/* end region search area */

/* Featured Activity Area Shared Styles - specific styles in sections tyle sheets */
#h2FeaturedActivity {
	background: url(/images/global/bg_h2FeaturedActivity.gif) no-repeat;
	text-indent: -5000px;
	height: 27px;
	margin:0 1px 0 14px;
}
#divFeaturedActivity {
	clear: both;
	overflow: hidden;
	margin:0 1px 0 14px;
	/* to be removed */
	background: url(/images/global/bg_divFeaturedActivityFPO.jpg) no-repeat;
}
/* FPO - move to specific css */
#divFeaturedActivity {
	height:235px;
}
#divFeaturedActivityText {
	float: right;
}
/* FPO only move to specific css when images are set */
#divFeaturedActivityText h3 {
	background: url(/images/outdoor/bg_h3HikingMass.gif) no-repeat;
	height: 50px;
}
/* end FPO */
#divFeaturedActivityText h3 {
	text-indent: -5000px;
	position: relative;
	left: 195px;
	margin: 15px 0 10px 0;
}
#divFeaturedActivity p {
	display: block;
	width: 295px;
}
/*End Featured Activity Shared Styles */
	
/* Section Search */
#divSctnSrch {
	margin:1px 1px 10px 13px;
	position:relative;
	min-height:230px;
}
#divSctnSrch legend {
	margin-left:-20px;
	margin-bottom:5px;
	padding:3px 0 0;
	color:#333;
	font-weight:bold;
	font-size:1.1em;
}
#divSctnSrch fieldset {
	padding-left:40px;
	line-height: 20px;
}
#divSctnSrch #fldSearchBy {
	position:absolute;
	top:95px;
	left:275px;
	width:160px;
	padding-left:0;
}
#divSctnSrch #fldSearchBy label {
	padding-left:5px;
	color:#333;
	font-weight:bold;
}
#divSctnSrch #fldSearchBy p {
	text-align:center;
	margin:0;
	padding:0;
}
#divSctnSrch form #listCity, #divSctnSrch form #listRegion {
	width:150px;
	color:#666;
	border:1px solid #ccccff;
	background-color:#fff;
}
/* Featured Events */
#divFtrEvents {
	margin: 1px 0 0 1px;
	width: 555px;
	min-height:240px;
	background: url(../images/events/bg_hp_featured_box.gif) 0 31px repeat-x;
}
#divFtrEvents h2 {
	height: 31px;
	background: #d9dccc;
}
#divFtrEvents h2 img {
	margin-top: 7px;
	margin-left: 17px;
}
/* Event Label headers */
#divFtrEvents h2#hpEventsBlackHistoryMonth {
	background: #d9dccc url(/images/events/h2_ftr_black_history.gif) 17px 7px no-repeat;
}
#divFtrEvents div {
	position: relative;
	min-height: 106px;
 *height: 106px;
	margin: 17px 30px 0 11px;
	padding: 7px 50px 5px 117px;
	background: #fff;
	border: 1px solid #ced3cc;
}
#divFtrEvents div.oneUpEvent {
	padding: 7px 50px 5px 117px;
}
#divFtrEvents div.featuredEventFourUp {
	float: left;
	width: 121px;
 *width: 116px;
	margin-right: 8px;
	padding-right: 18px;
}
#divFtrEvents p {
	margin: 0;
	font-weight: bold;
	color: #333;
}
#divFtrEvents div span.pubdate {
	display: block;
	font-size:.9em;
	font-style: italic;
}
#divFtrEvents div img {
	position: absolute;
	top: 7px;
	left: 4px;
	border: 1px solid #ced3cc;
}
#divFtrEvents div a, a#hpEventsViewAll {
	font-weight:normal;
	font-size:.9em;
	text-decoration: none;
}
a#hpEventsViewAll {
	display: block;
	text-decoration: underline;
	font-weight: bold;
	text-align: right;
	margin-top: 11px;
	margin-right: 38px;
}
/* Featured Discovery */

/*=============================== NOTE: ================================
SEO changes slowly changing the markup and therefore the styling for these.
The plan: make a separate, stronger set of selectors to affect the changed widgets
Simply add new sets of selectors to this each time one is updated
Eventually they'll all be complete, at which point we can integrate into one set like the original
======================================================================*/
#divContent #divFtrDiscovery.divFdHistory .tab-title,
#divContentR #divFtrDiscovery.divFdHistory .tab-title{
	width:320px;
	height:27px;
	margin:0;
	padding:0;
	text-indent:-5000px;
	background:url(/images/sharedHeaders/h2_ftr_discovery.gif) no-repeat top left;
}
#divContent #divFtrDiscovery.divFdHistory h2 {
	margin:30px 0 0 235px;
	width:167px;
	height:60px;
	text-indent:-5000px;
    background:  none;
}
/*======================================================================*/

#divFtrDiscovery {
	margin:0 5px 13px 14px;
	height:233px;
	position:relative;
	top:20px;
	background-position:0px 28px;
}
#divContentR #divFtrDiscovery {
	margin:0 5px 30px 14px;
	height:233px;
	position:relative;
	top:20px;
	background-position:0px 28px;
}
#divContent #divFtrDiscovery h2, #divContentR #divFtrDiscovery h2 {
	width:320px;
	height:27px;
	margin:0;
	padding:0;
	text-indent:-5000px;
	background:url(/images/sharedHeaders/h2_ftr_discovery.gif) no-repeat top left;
}
#divFtrDiscovery h3 {
	margin:30px 0 0 235px;
	width:167px;
	height:60px;
	text-indent:-5000px;
}
#divFtrDiscovery p {
	padding:0 120px 0 235px;
}
#divContentR #divFtrDiscovery p {
	padding:0 120px 0 229px;
}
#divFtrDiscovery a {
	padding:0 7px 0 235px;
	text-decoration:none;
	background:url(/images/discovery/arrow_brown.gif) no-repeat 100% 60%;
}
#divContentR #divFtrDiscovery a {
	padding:0 7px 0 230px;
	text-decoration:none;
	background:url(/images/discovery/arrow_brown.gif) no-repeat 100% 60%;
}
/* backgrounds for Featured Discoveries */
.divFdArts {
	background:url(/images/discovery/bg_fd_arts.jpg) no-repeat;
}
.divFdOutdoor {
	background:url(/images/discovery/bg_fd_outdoor.jpg) no-repeat;
}
.divFdNature {
	background:url(/images/discovery/bg_fd_nature.jpg) no-repeat;
}
.divFdHistory {
	background:url(/images/discovery/bg_fd_history.jpg) no-repeat;
}
.divFdTours {
	background:url(/images/discovery/bg_fd_tours.jpg) no-repeat;
}
.divFdFamily {
	background:url(/images/discovery/bg_fd_family.jpg) no-repeat;
}
.divFdCape {
	background:url(/images/discovery/bg_fd_cape.jpg) no-repeat;
}
.divFdCentral {
	background:url(/images/discovery/bg_fd_central.jpg) no-repeat;
}
.divFdNorth {
	background:url(/images/discovery/bg_fd_north.jpg) no-repeat;
}
.divFdBoston {
	background:url(/images/discovery/bg_fd_boston.jpg) no-repeat;
}
.divFdSouth {
	background:url(/images/discovery/bg_fd_south.jpg) no-repeat;
}
.divFdWestern {
	background:url(/images/discovery/bg_fd_western.jpg) no-repeat;
}
/* div on the right side with all the secondary links and map */
#divSideBar {
	float: right;
	width:233px;
	right: 0px;
	top: 0px;
	margin-top: -35px;
}
/* map area in the sidebar */
#divSideMap {
}
/* City/Town Locator in Sidebar */
#divLocator {
	margin:10px 0 0 5px;
}
#divLocator a {
	display:block;
	width:75px;
	height:21px;
	text-indent:-5000px;
	background:url(/images/getguide/bg_locator.jpg) no-repeat;
}
/* Getaway Guide area in sidebar */
#divSideGetAway {
	padding:0 15px 10px 15px;
	border-bottom:1px solid #fff;
	border-left:2px solid #fff;
	background:url(/images/getguide/bg_getaway.jpg) repeat-x bottom left;
}
#divSideGetAway h2 {
	margin:8px 0 5px;
	height:83px;
	background:url(/images/getguide/bg_getguide2.jpg) no-repeat top left;
}
#divSideGetAway h2 a {
	text-indent:-5000px;
	height:83px;
	display:block;
}
#divSideGetAway ul {
	margin-bottom:1px;
	line-height:1.5em;
}
#liSdorder {
	padding-left:23px;
	background:url(/images/global/icon_book.gif) no-repeat 0px 50%;
}
#liSdSign {
	padding-left:23px;
	background:url(/images/global/icon_paper.gif) no-repeat 4px 50%;
}
#divSideGetAway a {
	font-weight:normal;
}
/* Special Offers area in side bar */
#divSideOffers {
	padding: 0 !important;
	border-left: 2px solid #fff;
	width: 229px;
	*width: 205px;
	float: left;
	text-align: left;
	background:url(/images/specials/bg_specials.jpg) repeat-x 0px 30px;
}
*:first-child+html #divSideOffers {
	width: 229px;
}
#divSideOffers h2 {
	width: 231px;
	height: 29px;
	color:#fff;
	margin-bottom:20px;
	background-color:#9bb554;
	background:url(/images/sharedHeaders/h2_specials.gif) no-repeat;
}
#divSideOffers h2 a {
	height:29px;
	display:block;
	text-indent:-5000px;
}
#divSideOffers dl {
	margin:0 10px 15px 14px;
	padding:0;
	float:left;
}
#divSideOffers dt {
	margin:5px 0 0;
	padding:0;
	float:right;
	width:151px;
	font-weight:bold;
}
#divSideOffers dd.ddSdImage img {
	float:left;
	margin:0 5px 0 0;
	border:1px solid #bdbdbd;
}
#divSideOffers a {
	font-weight:normal;
	font-size:.9em;
}
#divSideContactBox {
	background: url(/images/pressRoom/contact_box.gif) no-repeat;
	width: 210px;
	height: 80px;
	padding-top: 55px;
	padding-left: 10px;
	padding-right: 15px;
	margin: 10px 0 0 10px;
}
/* Top Div Section containing all navigation elements */
#divTop {
	width:789px;
	height:193px;
	position:absolute;
	top:0;
	left:0;
	background-color: #ffffff;
}
#divTop a {
	text-decoration:none;
}
#divTop ul, #divTop ul li {
	float:left;
}
#divTop ul a {
	display:block;
	color:#fff;
}
#ulNav, #lblSearch, #inpSearch, #btnGo, #ul2ndNav, #ul3rdNav, #aGetAround {
	position:absolute;
}
#ulNav {
	height:26px;
	bottom:0px;
	left:98px;
}
/* main nav links */
#ulNav a {
	height:26px;
	text-indent:-5000px;
}
#aArts {
	width:67px;
	background:url(/images/global/nav_arts.gif) no-repeat bottom left;
}
#aArts:hover {
	width:67px;
	background:url(/images/global/nav_arts_on.gif) no-repeat bottom left;
}
#aHistory {
	width:121px;
	background:url(/images/global/nav_history.gif) no-repeat;
}
#aHistory:hover {
	width:121px;
	background:url(/images/global/nav_history_on.gif) no-repeat;
}
#aOutdoor {
	width:172px;
	background:url(/images/global/nav_outdoor.gif) no-repeat;
}
#aOutdoor:hover {
	width:172px;
	background:url(/images/global/nav_outdoor_on.gif) no-repeat;
}
#aNature {
	width:113px;
	background:url(/images/global/nav_nature.gif) no-repeat;
}
#aNature:hover {
	width:113px;
	background:url(/images/global/nav_nature_on.gif) no-repeat;
}
#aTours {
	width:131px;
	background:url(/images/global/nav_tours.gif) no-repeat;
}
#aTours:hover {
	width:131px;
	background:url(/images/global/nav_tours_on.gif) no-repeat;
}
#aFamily {
	width:87px;
	background:url(/images/global/nav_family.gif) no-repeat;
}
#aFamily:hover {
	width:87px;
	background:url(/images/global/nav_family_on.gif) no-repeat;
}
#lblSearch {
	top:52px;
	left:589px;
}
#inpSearch {
	top:48px;
	left:633px;
	width:112px;
	border:1px solid #ededed;
	color:#333;
	background:#fff none;
}
#btnGo {
	top:49px;
	left:751px;
}
#ul2ndNav {
	top:71px;
	left:502px;
	padding-left:32px;
	background:url(/images/global/txt_find.gif) no-repeat 0 3px;
}
#ul2ndNav a {
	margin:3px 8px 0 0;
	text-indent:-5000px;
	height:10px;
	display:block;
}
#a2NavLodging {
	width:42px;
	background:url(/images/global/nav_lodging.gif) no-repeat;
}
#a2NavActiv {
	width:137px;
	background:url(/images/global/nav_activities.gif) no-repeat;
}
#a2NavEvents {
	width:38px;
	background:url(/images/global/nav_events.gif) no-repeat;
}
#ul3rdNav {
	top:26px;
	left:650px;
}
#ul3rdNav a {
	text-indent:-5000px;
	margin-right:5px;
}
#aHomeLink {
	width:34px;
	height:12px;
	background:url(/images/global/nav_home.gif) no-repeat bottom left;
}
#aPrint {
	width:39px;
	height:12px;
	background:url(/images/global/nav_print.gif) no-repeat bottom left;
}
#aEmail {
	width:38px;
	height:12px;
	background:url(/images/global/nav_email.gif) no-repeat bottom left;
}
#aGetAround {
	top:75px;
	left:387px;
	width:90px;
	height:11px;
	text-indent:-5000px;
	background:url(/images/global/nav_getaround.gif) no-repeat;
}
#ul4thNav {
	position:absolute;
	top:41px;
	left:606px;
}
#ul4thNav a {
	text-indent:-5000px;
}
#aFlag1 {
	width:34px;
	height:23px;
	background:url(/images/global/flag_1.gif) no-repeat;
}
#aFlag2 {
	width:34px;
	height:23px;
	background:url(/images/global/flag_2.gif) no-repeat;
}
#aFlag3 {
	width:34px;
	height:23px;
	background:url(/images/global/flag_3.gif) no-repeat;
}
#aFlag4 {
	width:34px;
	height:23px;
	background:url(/images/global/flag_4.gif) no-repeat;
}
#aFlag5 {
	width:34px;
	height:23px;
	background:url(/images/global/flag_5.gif) no-repeat;
}
/* Footer Div */
#divFooter {
	position: relative;
	padding: 0px 0px 0px 0px;
	clear: both;
	color: #ffffff;
	font-size: .9em;
	background-color: #ffffff;
	padding-left: 49px;
}
#divFooter ul {
}
#divFooter ul li {
	float: left;
}
#divFooter a {
	color:#fff;
	padding-right:4px;
	margin-right:4px;
	border-right:1px solid;
	text-decoration:none;
}
#ulSite, #ulInfo {
	position:absolute;
	top:3px;
}
#ulSite .lastOne, #ulInfo .lastOne {
	border-right: none;
}
#ulInfo {
	left: 10px;
 *left: -536px;
}
*:first-child+html #ulInfo {
	left: 10px;
}
#ulSite {
	left: 314px;
 *left: -232px;
}
*:first-child+html #ulSite {
	left: 314px;
}
/* shared region and city fields */

.divSubSectionRegionSearch #listCity {
	width: 115px;
}
.divSubSectionRegionSearch #listRegion {
	width: 145px;
}
/* end shared fields */

/* global classes */
.pCallout {
	font-weight:bold;
	color:#333;
}
.aAnchor {
	text-decoration:none;
	color:#333;
}
.bold {
	font-weight: bold;
}
h1 {
	margin:5px 0px 0px 15px;
	width:535px;
	text-indent: -5000px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}
h1.search {
	display: none;
}
h1.h1OneLine {
	height:35px;
}
h1.h1TwoLine {
	height: 35px;
}
h1.h1ThreeLine {
	height:35px;
}
h1.h1LgImg {
	height:187px;
}
.hidden, .hidden * {
	position: absolute;
	top: 12000px;
	right: 7000px;
	padding:0px;
	margin: 0px;
	font-size: 0px;
	height: 1%;
	width: 0px;
	overflow: hidden;
}
.errors {
	color: #990000;
}
ul.errors {
	margin-bottom: 20px;
}
.aBanner {
	display: block;
	margin: 15px auto 15px auto;
	text-align: center;
}
/* Mapping */
#H2YourMap {
	height: 40px;
	margin-top: 1px;
	background: url(/images/find/H2yourMap.gif) no-repeat top left;
	width: 529px;
}
#divFindMap {
	background: url(/images/find/bgGrayGradientTop.gif) repeat-x;
	padding-top: 18px;
	text-align: center;
	margin-bottom: 20px;
}
#map {
	margin: 0 auto 20px auto;
}
#fsBadCaptcha label {
	float: none;
}
#fsBadCaptcha input {
	float: none;
}
#badCaptchaLink {
	font-weight: normal;
	font-size: 11px;
}
#videoBlogFocus {
}
#videoIcon {
	float: left;
	margin: 14px 6px 29px 15px;
}
#videoBlogFocus h3 {
	margin: 13px 0 3px 0;
	color: #666;
	font-size: 11px;
}
#videoBlogFocus p {
	margin: 0;
	font-size: 11px;
}
#videoBlogFocus p a {
	color: #713621;
	font-weight: normal;
}
#pgTable {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #e7e7e8;
	border-right-color: #e7e7e8;
	border-left-color: #e7e7e8;
}
#pgTable td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e7e8;
}

/* persistent footer */
#persistent-footer{
    z-index: 9001;
    background:  url(/images/persistent_footer/pf_bg.gif);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 28px;
}
#persistent-footer .pf-content{
    height: 28px;
    width: 789px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}
.pf-social{
    width: 90px;
    float: left;
    margin: 3px 40px 0 0;
}
.pf-social a{
    display: block;
    float: left;
    margin-right: 6px;
}
.pf-cta{
    margin-top: 5px;
    width: 168px;
    height: 21px;
    float: left;
}
#persistent-footer .homelink img{
    margin-left: -23px;
}
.pf-weather{
    margin: 2px 0 0 40px;
    width: 150px;
    float: left;
    height: 25px;
    font-size: 16px;
    font-family: 'Futura', 'Helvetica Neue', 'Helvetica', sans-serif;
    line-height: 25px;
    overflow:  hidden;
}
.pf-weather .slide{
    height: 25px;
    width: 150px;
}
.pf-weather img{
    line-height: 24px;
    width: 25px;
    float: left;
    margin-right: 8px;
}
.pf-weather span{
    float: left;
    font-size: 14px;
}
.pf-weather .loc{
    width: 66px;
    margin-left: 10px;
}
.pf-weather span.w2517820{
    font-size: 10px;
    line-height: 12px;
}
.ycopy{
    margin: 3px 0 0 10px;
    font-family: 'Futura', 'Helvetica Neue', 'Helvetica', sans-serif;
    float: left;
    width: 66px;
    font-size: 10px;
    line-height: 12px;
    color: #a0a0a0;
}
.pf-masstab{
    position: absolute;
    bottom: 0;
    right: -1px;
}
#pf-hide{
    position: absolute;
    right: -70px;
    top: 0;
}
#pf-show{
    position: absolute;
    display: none;
    left: 45px;
}

#persistent-footer.retracted{
    width: 70px;
}
#persistent-footer.retracted #pf-tohide{
    display: none;
}
#persistent-footer.retracted #pf-hide{
    display: none;
}
#persistent-footer.retracted #pf-show{
    display: block;
}