/* 
    Document   : default.css
    Created on : Feb 27, 2012, 9:26:52 AM
    Author     : john
    Description:
        Purpose of the stylesheet follows.
*/

/***   setting some defaults     ***/
* { 
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
}
body{
    text-align: center;
    background-color: #a8d5e8;
    font-family: 'Istok Web', sans-serif;
    font-size: 11px; /* ~11pt */
    line-height: 1.3em;
}

td, tr{
    vertical-align: top;
}

/**
        Styles for #content are kept in content.css
        so they can be used by TinyMCE

**/

/***   page header     ***/
#header{
    height: 134px;
    position: relative;
}

#logo{
    position: absolute;
    top: 52px;
    left: -6px;
    z-index: 100;
}
#tag-line{
    position: absolute;
    left: 295px;
    top: 99px;
    color: #3399cc;
    font-weight: 700;
    font-size: 1.7em;   /* ~22.2pt/11pt */
    text-shadow: 0px 0px 8px #ffffff;
}

/***   main content area     ***/
#container{
    text-align: left;
    width: 940px;
    margin: 0 auto;
}
#content{
    padding: 0;
    background: #ffffff;
    position: relative;
}

/** navigation **/

/* top navigation */
#top-nav{
    height: 50px; /* 38 + 7 */
    text-align: center;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 26%, rgba(140,142,145,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(26%,rgba(255,255,255,1)), color-stop(100%,rgba(140,142,145,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 26%,rgba(140,142,145,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 26%,rgba(140,142,145,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 26%,rgba(140,142,145,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 26%,rgba(140,142,145,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8c8e91',GradientType=0 ); /* IE6-9 */
    margin: 0 0 10px 0;
}
#top-nav ul{
    margin: 0 0 0 0px;
    padding: 0;
}
#top-nav li{
    display: inline-block;
    list-style-type: none;
}
#top-nav a{
    display: block;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #666666;
    text-decoration: none;
    font-weight: 700;
    font-size: 1em; /* ~11pt/11pt */
    padding: 0px 9px;
    margin: 0 4px;
}
#top-nav a.deals,  a.deals{
    color: #f43e48;
}
#top-nav a:hover{
    color: #3399cc;
    
}

.about-link{
    color: #f43e48;
    font-size: 14px;
}


/* END top navigation */

/* bottom navigation */
#bottom-nav{
    height: 30px; /* 38 + 7 */
    text-align: left;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(125,164,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(125,164,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(125,164,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(125,164,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(125,164,204,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(125,164,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7da4cc',GradientType=0 ); /* IE6-9 */
    margin: 0 0 0px 0;
    clear: both;
    border-bottom: solid 1px #507192;
    padding-left: 18px;
}
#bottom-nav ul{
    margin: 0 0 0 0px;
    padding: 0;
}
#bottom-nav li{
    display: inline-block;
    list-style-type: none;
}
#bottom-nav a{
    display: block;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #444040;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.818181818181818em; /* ~9pt/11pt */
    padding: 0px 15px;
}

#bottom-nav a:hover{
    color: #999999;   
}


/* END bottom navigation */

/* city navigation */
#city-nav{
    height: 45px; /* 38 + 7 */
    border-bottom: solid 7px #989898;
    background: #ffffff;
    -moz-box-shadow:    inset 0 0 12px hsl(0, 1%, 81%);
    -webkit-box-shadow: inset 0 0 12px hsl(0, 1%, 81%);
    box-shadow:         inset 0 0 12px hsl(0, 1%, 61%);
}
#city-nav ul{
    margin: 0 0 0 175px;
}
#city-nav li{
    display: inline-block;
    list-style-type: none;
    width: 19.5%;
}
#city-nav a{
    display: block;
    height: 38px;
    text-align: center;
    line-height: 40px;
    color: #3399cc;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.272727272727273em; /* ~14pt/11pt */
}

#city-nav a:hover{
    background: #ffffff;
    -moz-box-shadow:    inset 0 0 12px #81ccef;
    -webkit-box-shadow: inset 0 0 12px #81ccef;
    box-shadow:         inset 0 0 12px #81ccef;
    
}
#cleveland-link:hover{
    color: #6633cc;
}
#akron-link:hover{
    color: #ff6600;
}
#carolina-link:hover{
    color: #ff0033;
}
#virginia-link:hover{
    color: #228165;
}

#city-nav a#contact-link{
    color: #000033;
}

/* END city navigation */
#site-search-box{
    margin: 0px 0 0px 12px;
}
#site-search-box label{
    font-weight: bold;
    margin-right: 10px;
}

#site-search-box div{
    position: relative;
    width: 255px;
    height: 20px;
    left: 0;
}
#site-search-box div #searchSearch, #site-search-box div #term{
    position: absolute;
    right: 0;
    width: 170px;
}
#site-search-box div label{
    position: absolute;
    left: 0;
    top: 4px;
}


#side-nav{
    width: 275px;
    float: left;
}
#side-nav ul{
    padding: 0;
    margin: 5px 0 20px 12px;
}

#side-nav li{
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0;
}
#side-nav li a{
    display: block;
    width: 254px;
    height: 105px;
    border: solid 1px #c3e8f6;
    border-width: 1px 2px 1px 2px;
    padding: 5px;
}
#side-nav li a img{
    display: inline-block;
    float: left;
}
#side-nav li a span{
    display: inline-block;
    width: 105px;
    height: 90px;
    text-align: center;
    margin: 0 0 0 5px;
    color: #0099cc;
    text-transform: uppercase;
    font-size: 1.454545454545455em; /* ~16pt/11pt */
    line-height: 1em;
    padding-top: 2.2em;
}
#side-nav li a:hover span{
    background: #e8e8e8;
    
}
#side-nav li a#linkEntertainment span{
    padding-top: 1.7em;
}
#side-nav li a#linkAttractions span{
    padding: 1.7em 11px 0 11px;
}

.side-nav-footer{
    margin-left: 12px;
}
.side-nav-footer a{
    display: inline-block;
}
.side-nav-footer a:hover{
    background: #e8e8e8;
}

/** END navigation **/

/* Home page mega menu */
#city-info{
    height: 290px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
#customer-login{
    position: absolute;
    left: 32px;
    top: 14px;
    width: 148px;
    height: 143px;
    background: #ffffff;
    border: solid 1px #ebf7fc;
    -moz-box-shadow:     5px 5px 5px hsla( 0, 0%, 0%, .25);
    -webkit-box-shadow:  5px 5px 5px hsla( 0, 0%, 0%, .25);
    box-shadow:          5px 5px 5px hsla( 0, 0%, 0%, .25);
}
#customer-login p{
    padding: 0 11px;
}

#customer-login .input, #customer-login label{
    padding: 0 11px;
}
#customer-login label{
    color: #3399cc;
}

#customer-login input{
    width: 100%;
}

.city-info-pane{
    /* same size as #city-info  */
    height: 290px;
    width: 100%;
    
    display: none;
    -moz-box-shadow:    inset 0px -2px 3px hsla( 0, 0%, 0%, .7);
    -webkit-box-shadow: inset 0px -2px 3px hsla( 0, 0%, 0%, .7);
    box-shadow:         inset 0px -2px 3px hsla( 0, 0%, 0%, .7);
    color: #485061;
    font-size: 1.090909090909091em; /* 12/11 */
}
.city-info-pane#welcome{
    display: block;
}
.city-info-pane ul{
    padding-left: 40px;
}
.city-info-pane .left-column{
    width: 537px;
    display: inline-block;
    float: left;
    padding: 0px;
}
.city-info-pane .right-column{
    width: 403px;
    display: inline-block;
    float: left;
    padding: 45px 7px 0px 7px;
}

.city-info-pane h1{
    color: #485061;
    font-size: 2.545454545454545em;
}
.quick-links{
    margin: 18px 0px 15px 0px;
}
.quick-links a{
    color: #f82006;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 13px;
    font-weight: bold;
    
}
.quick-links a:first-child{
    padding-left: 0;
}
.quick-links a:last-child{
    padding-right: 0;
}
.quick-links a:hover{
    color: #060004;
}


#welcome{
    /*background: url('../app/webroot/img/photos/home-page-family.jpg') no-repeat 93px 0px;*/ /* 151px 0px;*/
    /*background: url('../app/webroot/img/photos/FamilyTravel-Fall-Winter3-nobkgrd.jpg') no-repeat 130px -2px;*/
    background: url('../app/webroot/img/photos/fallWinterImage.jpg') no-repeat 34px -2px;
    /*padding: 17px 10px 10px 434px;
    padding: 17px 10px 10px 398px;*/
    padding: 17px 10px 10px 471px;
}
#welcome .intro{
    width: 442px;
}
#welcome .last{
    padding: 0 0 0 44px;
    color: #f50e0e;
}

#welcome-cleveland{
    background: #acc9ed url('../app/webroot/img/cities/CLE-home-page.jpg') no-repeat left center;
}
#welcome-akron{
    background: #acc9ed url('../app/webroot/img/cities/AC-home-page.jpg') no-repeat left center;
}
#welcome-carolina{
    background: #acc9ed url('../app/webroot/img/cities/CAROLINA-home-page.jpg') no-repeat left center;
}
#welcome-carolina.city-info-pane .left-column{
    width: 515px;
}
#welcome-carolina.city-info-pane .right-column{
    padding-top: 18px;
    width: 425px;
}
#welcome-carolina h1{
    font-size: 2.37em;
}

#welcome-virginia{
    background: #acc9ed url('../app/webroot/img/cities/Virginia-home-page.jpg') no-repeat left center;
}
#welcome-virginia.city-info-pane .left-column{
    width: 515px;
}
#welcome-virginia.city-info-pane .right-column{
    padding-top: 18px;
    width: 425px;
}
#welcome-virginia h1{
    font-size: 2.37em;
}

.logo-buttons{
    text-align: center;
}
.logo-buttons a{
    display: inline-block;
    margin: 0 auto;
    width: 122px;
    height: 84px;
    background-image: url('../app/webroot/library/logos/rockhall-preferred-narrow.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.logo-buttons a b{
    display: none;
}
.logo-buttons a.btn-hof{
    background-image: url('../app/webroot/img/logo/hof-preferred-notext.png');
    width: 129px;
}
.logo-buttons a.btn-vvp{
    background-image: url('../img/logo/vvp-logo-narrow.png');
    width: 120px;
}
.logo-buttons a.btn-cw{
    background-image: url('../img/logo/carrowinds-preferred.png');
    width: 140px;
}

.logo-buttons a:hover{
    background-color: #94b0cb;
    
}

#welcome-virginia .logo-buttons{
    position: absolute;
    right: 20px;
    bottom: 36px;
}

/* END Home page mega menu */
/* homepage bottom links */
#city-nav-bottom{
    padding: 10px 0px 15px 0px;
    text-align: center;
}
#city-nav-bottom ul{
    margin: 0 auto 20px auto;
    padding: 0;
    /*width: 90%;*/
    height: 280px;
}
#city-nav-bottom li{
    display: inline-block;
    float: left;
    list-style-type: none;
    width: 198px;
    margin: 0 18px;
}
#city-nav-bottom a{
    display: block;
    width: 198px;
    min-height: 262px;
    text-align: left;
    line-height: 1.5em; /* ~15pt/10pt */
    color: #999999;
    color: #555;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.909090909090909em; /* ~10pt/11pt */
    border: solid 1px white;
    background-repeat: no-repeat;
    background-position: top left;
    cursor: pointer;
}
#city-nav-bottom a b{
    display: none;
}
#city-nav-bottom a p{
    border: solid 1px #f0f9fd;
    -moz-box-shadow:     5px 5px 5px hsla( 0, 0%, 0%, .25);
    -webkit-box-shadow:  5px 5px 5px hsla( 0, 0%, 0%, .25);
    box-shadow:          5px 5px 5px hsla( 0, 0%, 0%, .25);
    width: 193px;
    min-height: 216px;
    margin: 66px 0 0 0;
    padding: 127px 10px 10px 11px;
    background-repeat: no-repeat;
    background-position: 11px 8px;
    cursor: pointer;
}

#cleveland-btn {
    background-image: url('../app/webroot/img/logo/cleveland-visitor-btn.png');
}
a#cleveland-btn p {
    background-image: url('../app/webroot/img/photos/rockhall-home.jpg');
}

#akron-btn {
    background-image: url('../app/webroot/img/logo/akron-visitor-btn.png');
}
a#akron-btn p {
    background-image: url('../app/webroot/img/photos/BrandywineFalls-homepage.jpg');
}

#carolina-btn {
    background-image: url('../app/webroot/img/logo/carolina-visitor-btn.png');
}
a#carolina-btn p {
    background-image: url('../app/webroot/img/photos/carowinds-home.jpg');
}

#virginia-btn {
    background-image: url('../app/webroot/img/logo/virginia-visitor-btn.png');
}
a#virginia-btn p {
    background-image: url('../app/webroot/img/photos/virginia-home.jpg');
}


/* END homepage bottom links */

#footer{
    text-align: left;
    background-color: #d2e4f0;
    color: #666666;
    height: 25px;
    font-size: 0.818181818181818em; /* ~9pt/11pt */
    line-height: 3em; /* ~14pt/9pt */
    clear: both;
    border-top: #2e3b47 solid 1px;
    padding-left: 28px;
}
#footer a {
    font-weight: bold;
    padding: 0 5px;
}
#footer a:hover {
    font-weight: bold;
    padding: 0 5px;
    color: #333333;
}


#main-content{
    width: 650px;
    float: left;
    margin: 5px 0 0 10px;
}


#rocco-bio{
    width: 485px;
    height: 148px;
    overflow: hidden;
    border-bottom: solid 1px #C3E8F6;
}


#description{
    width: 600px;
    height: 133px;
    overflow: hidden;
}
.has-more{
    border-bottom: solid 1px #C3E8F6;
    position: relative;
}
/*.has-more:after{
    content: "More..."; 
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px; 
	width: 50px;
	height: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #C8EDFF;
    background-color: #ffffff;
    text-align: center;
}*/
#more-link, #more-rocco{
    text-align: center;
   width: 100%;
   height: 20px;
}
#more-link a, #more-rocco a{
    display: inline-block;
    width: 60px;
    height: 15px;
    border-color: #C8EDFF;
    border-style: solid;
    background-color: #C8EDFF;
    border-width: 1px;
    margin: 0 auto;
    padding: 0 7px 16px 7px;
    color: #000;
    font-weight: bold;
    position: relative;
    top: 0px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px ;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}

#fb-logo{
    position: absolute;
    bottom: 7px;
    right: 10px;
    width: 40px;
    height: 40px;
}
#tw-logo{
    position: absolute;
    bottom: 7px;
    right: 55px;
    width: 44px;
    height: 40px;
    background: #fff;
    border-radius: 4px;
    padding: 2px;
}

.clear{
    clear: both;
}

.logo-links{
    text-align: center;
    margin: 20px 0 20px 0;
    
}
.logo-links a{
    margin: 0 5px;
    height: 83px;
    display: inline-block;
}
.logo-links a:hover{
    background-color: #E8E8E8;
}

/**
Old switcher (pre virginia visitor)
*/
/*
#switcher{
    width: 165px;
    height: 45px;
    position: absolute;
    right: 0px;
    top: 89px;
}
#switcher a{
    display: block;
    width: 165px;
    height: 45px;
    text-align: center;
    padding: 6px 0 0 0;
    
    background-color: #c2e7f5;
    -moz-border-radius-topleft: 14px 18px;
    -moz-border-radius-topright: 14px 18px;
    -webkit-border-top-right-radius: 14px 18px;
    -webkit-border-top-left-radius: 14px 18px;

    -moz-box-shadow: inset 0px 2px 5px rgba(255, 255, 255, .9);
	-webkit-box-shadow: inset 0px 2px 5px rgba(255, 255, 255, .9);
	box-shadow: inset 0px 2px 5px rgba(255, 255, 255, .9);
}
#switcher a:hover{
    background-color: #81d7f8;
}
*/

#search-intro{
    height: 250px;
    margin: 0px 19px 25px 0px;
    
    border-bottom: solid 5px #9b9da0;
}

.search-masthead{
    float: right;
    margin: 0 0 0px 10px;
}

#search-form{
    height: 190px;
}

#search-form .input.select, #search-form .submit, #search-form .reset, #search-form .input.checkbox{
    display: inline-block;
    float: left;
    height: 35px;
    width: 198px;
    margin: 18px 15px 18px 0;
    overflow: hidden;
    
    background: url('../img/interface/select-bg.png') no-repeat;
}
#search-form .input.select select, #search-form .submit input, #search-form .reset button{
    background: transparent;
    border: none;
    width: 230px;
    height: 35px;
    font-size: 1.090909090909091em; /* ~12pt/11pt */
    font-size: 1.181818181818182em; /* ~13pt/11pt */
    color: #000;
    padding: 10px 15px;
    -webkit-appearance: none;
}


#search-form .input.checkbox{
    width: 205px;
    background: url('../img/interface/unchecked.gif') no-repeat right center;
    margin-top: 24px;
    -webkit-appearance: none;
}
#search-form .input.checkbox.short{
    margin-right: 0;
}
#search-form .input.checkbox.checked{
    background: url('../img/interface/checked.gif') no-repeat right center;
}
#search-form .input.checkbox label{
    font-size: 1.272727272727273em; /* ~14pt/11pt */
    color: #000;
    padding: 10px 0px 10px 15px;
    margin-left: 80px;
    display: inline-block;
    width: 205px;
    font-size: 1.1em;
}
#search-form .input.checkbox input[type='checkbox']{
    margin-left: -100px;
}

#search-form .reset{
    width: 200px;
    margin: 24px 5px 0 0;
    background: url('../img/interface/view-all-bg.gif') no-repeat left center;
}
#search-form .reset.short{
    width: 150px;
    margin-right: 0;
}
#search-form .reset button{
    padding: 10px 0px 10px 40px;
    text-align: left;
    width: 190px;
    font-size: 1.1em;
}
#search-form .submit input{
    width: auto;
    padding-left: 40px;
}
#search-form select option{
    -webkit-appearance: none;
    background: #e8eaec;
    font-size: 1.090909090909091em; /* ~12pt/11pt */
}

#search-form .logo-links{
    float: right;
    margin-right: 15px;
    margin-top: 0;
}

.preferred-partner{
    color: #F43E48;
}
.preferred-partner span{
    color: #000000;
}

.preferred-partner a + a:before{
    content: ", ";
}
.float-right{
    float: right;
}

.side-image{
    float: right;
    margin: 0 15px 0 10px;
}


.region-header{
    background: #ddd;
    color: #448ccb;
    font-size: 1.636363636363636em; /* ~18pt/11pt */
    text-transform: uppercase;
    padding: 7px 3px 7px 3px;
    margin: 0px 0px 10px;
}

.location-item{
    margin-bottom: 20px;
}


/** styling description pages **/
.bread-crumbs{
    margin: 6px 0 19px 0;
    color: #330079;
    font-size: 1.090909090909091em; /* ~12pt/11pt */
}
.bread-crumbs span{
    background: #c8edff;
    height: 24px;
    padding: 5px 3px 5px 3px;
    
}

#location-description{
    display: inline-block;
    float: left;
    width: 450px;
    margin-right: 10px;
    width: 413px;
}
.location-contact{
    font-size: 1.272727272727273em; /* ~14pt/11pt */
    color: #333333;
    line-height: 1.5;
    margin-bottom: 15px;
}
.location-contact .phone{
    color: #F43E48;
}
a.phone{
    margin-left: 1em;
    color: #F43E48;
}
a.phone:hover{
    color: #F43E48;
    border-bottom: solid 1px #F43E48;
}

.location-contact #price-level{
    margin: 0 0em 0 1em;
    padding-bottom: 0;
    position: relative;
    color: #F43E48;
    display: inline-block;
    border-bottom: dotted 1px #F43E48;
}
#price-descriptions{
    position: absolute;
    left: 85px;
    top: -32px;
    background: #C8EDFF;
    color: #330079;
    padding: 5px;
    width: 150px;
    -moz-box-shadow:     5px 5px 5px hsla( 0, 0%, 0%, .25);
    -webkit-box-shadow:  5px 5px 5px hsla( 0, 0%, 0%, .25);
    box-shadow:          5px 5px 5px hsla( 0, 0%, 0%, .25);
}
#price-descriptions:after{
    content: "\00a0"; /* &nbsp; */
	display: block;
	position: absolute;
	top: 30px;
	left: -10px; /* width of right border */
	width: 0;
	height: 0;
	border-width: 10px 10px 10px 0;
	border-style: solid;
	border-color: transparent #C8EDFF transparent transparent;
}
#price-descriptions p{
    margin: 0;
}
#price-descriptions span{
    display: inline-block;
    width: 45px;
}
#price-descriptions .hightlight{
    color: #F43E48;
}


.price-level{
    position: relative;
    color: #F43E48;
    display: inline-block;
    border-bottom: dotted 1px #F43E48;
    cursor: pointer;
}
.price-descriptions{
    position: absolute;
    left: 110px;
    top: -5px;
    background: #C8EDFF;
    color: #330079;
    padding: 5px;
    width: 150px;
    -moz-box-shadow:     5px 5px 5px hsla( 0, 0%, 0%, .25);
    -webkit-box-shadow:  5px 5px 5px hsla( 0, 0%, 0%, .25);
    box-shadow:          5px 5px 5px hsla( 0, 0%, 0%, .25);
}
.price-descriptions:after{
    content: "\00a0"; /* &nbsp; */
	display: block;
	position: absolute;
	top: 0px;
	left: -10px; /* width of right border */
	width: 0;
	height: 0;
	border-width: 10px 10px 10px 0;
	border-style: solid;
	border-color: transparent #C8EDFF transparent transparent;
}
.price-descriptions p{
    margin: 0 0 0 10px;
}
.price-descriptions span{
    display: inline-block;
    width: 45px;
}
.price-descriptions .hightlight{
    color: #F43E48;
}






.packages{
    margin-top: 20px;
}
.packages div{
    min-height: 45px;
    position: relative
}
.package-logo{
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.package-link{
    display: inline-block;
    width: 259px;
    height: 24px;
    background: #c8edff;
    margin-left: 12px;
    color: #000000;
    padding: 5px 0 0 12px;
    position: absolute;
    bottom: 3px;
    left: 81px;
}
.package-link span{
    color: #F43E48;
}

.package-list{
    display: inline-block;
    width: 300px;
    height: 24px;
    background: #c8edff;
    margin: 0px 0 12px 0;
    color: #000000;
    padding: 5px 0 0 12px;
}
.package-list span{
    color: #F43E48;
}

.package-hotels p{
    text-decoration: underline;
    
}
.package-hotels p a{
    color: #000000;
}
.package-hotels p:hover, .package-hotels p:hover a{
    color: #2248AC;
}

.related-locations{
    list-style: none;
    padding: 0;
    margin: 0;
}

#location-sidebar{
    display: inline-block;
    float: left;
    width: 182px;
    width: 227px;
}
.visit-website-btn{
    display: block;
    background: url('../img/interface/visit-website-btn.gif') no-repeat center center;
    text-align: center;
    color: #333333;
    height: 28px;
    font-size: 1.090909090909091em; /* ~12pt/11pt */
    line-height: 2.5;
    margin: 0 0 5px 0;
}
.visit-website-btn:hover{
    color: #F43E48;
}
.visit-website-btn.hotel{
    font-weight: bold;
    font-size: 1.181818181818182em; /* ~13pt/11pt */
    line-height: 2.3;
}

.blue-link{
    display: inline-block;
    height: 24px;
    background: #c8edff;
    color: #000000;
    padding: 5px 12px 0 12px;
}

.itinery-nav-overview{
    background: #DDDDDD;
    color: #448CCB;
    font-size: 1.63636em;
    margin: 0px;
    padding: 7px 3px;
    width: 100%;
}
.itinery-nav-overview strong{
    color: #F43E48;
}
.itinery-nav-menu{
    width: 100%;
    text-align: center;
    
    background: #C8EDFF;
    color: #000000;
    height: 24px;
    margin: 0px;
    padding: 5px 0 0 12px;
}
.itinery-nav-menu a{
    margin: 0 1em;
}

#admin-url{
    position: absolute;
    top: 5px;
    right: 5px;
    background: #FFCC00;
    padding: 10px;
    border: solid 1px #2e3b47;
    color: #2e3b47;
}
#admin-url a{
    margin-right: 10px;
    font-weight: 700;
}
#admin-url a:hover{
    color: #F43E48;
}

.category{
    background: #C8EDFF;
    height: 24px;
    padding: 5px 3px;
    margin: 12px 0;
    color: #330079;
    font-size: 1.09091em;
}

#main-content.plain-page{
    /*margin: 40px 10px 20px 10px;*/
    margin: 5px 10px 20px 10px;
    width: 630px;
}
#main-content.plain-page-long{
    margin: 5px 10px 20px 10px;
    width: 630px;
}

#VvpContactIndexForm{
    margin: 20px 0;
}

.coupons-menus{
    margin: 12px 0px;
}
.coupons-menus a{
    color: #1a70cd;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
}
.coupons-menus a:before{
    content: " ";
    display: inline-block;
    background: #C8EDFF;
    width: 30px;
    height: 16px;
    vertical-align: middle;
    margin-right: 7px;
}
.coupon-link{
    color: #F43E48;
    font-weight: 700;
}
.coupon-item{
    margin-bottom: 12px;
}


.coupons-list{
    font-size: 1.272727272727273em; /* 14/11 */
}
.coupons-list li{
    margin-bottom: 16px;
}
.coupons-list li a{
    color: #2248ac;
}
.coupons-list li  span{
    color: #231f20;
    margin-left: 26px;
}

.image-right{
    float: right;
    margin: 0 0 20px 20px;
}
.mtt-header{
    height: 220px;
    border-bottom: solid 1px #000;
}
.mtt-column{
    width: 297px;
    display: inline-block;
    float: left;
    margin-top: 10px;
}
.mtt-column+.mtt-column{
    margin-left: 35px;
}
.mtt-column h2{
    background: #b2e5ff url('../img/interface/mag-glass.gif') no-repeat 5px 1px;
    color: #2248ac;
    height: 33px;
    padding: 2px 0 0 50px;
    font-size: 2.181818181818182em; /* 24/11=2.181818181818182 */
}
.mtt-column a{
    color: #2248ac;
}

.mtt-column p{
    margin: 14px 0px 14px 3px;
}

.mtt-column ul.maps-list{
    color: #2248ac;
    margin: 0 0 0 7px;
}
.mtt-column ul.maps-list li{
    font-size: 1.272727272727273em; /*  14pt/11pt */
    margin: 9px 0;
}
ul.travel-tips-list{
   list-style: none; 
   margin: 0 0 0 3px;
   padding: 0;
   font-size: 1.090909090909091em; /* 12/11 */
}
ul.travel-tips-list li{
    margin: 5px 0;
}
.marker-links{
    margin-bottom: 4px;
}
.marker-links a{
    display: inline-block;
    height: 40px;
    padding: 0px 12px 0 37px;
    color: #eeeeee;
    font-size: 1.636363636363636em; /* 18/11 */
    line-height: 2.3;
    background: url('../img/map/map-icon-sprites.png') no-repeat 0 0 #66ccff;
}
#map-makers-all{
    background: #66ccff;
}

#map-makers-00000001{   /* stay */
    background-color: #4852a4;
    background-position: 0 -160px;
}
#map-makers-00000002{   /* Dine */
    background-color: #bf1e2e;
    background-position: 0 -80px;
}
#map-makers-00000003{   /* Shop */
    background-color: #81c341;
}
#map-makers-00000004{   /* Things to do */
    background-color: #ed217c;
    background-position: 0 -40px;
}
#map-makers-00000005{   /* Just for Fun */
    background-color: #f0613f;
    background-position: 0 -120px;
}

.marker-links a:hover, .marker-links a.active{
    /*background: #12a3d5;*/
    color: #ffffff;
}

#vvp-logo{
    position: absolute;
    right: 75px;
    /*top: 500px;*/
    bottom: 328px;
}
.vvp-new-logo-header{
    float: right;
    margin-right: 72px;
    margin-top: 3px;
    margin-top: 54px;
}

.visitor-guides-head{
    position: relative;
    border-bottom: solid 2px #000;
    height: 45px;
    
}
.visitor-guides-head p{
    position: absolute;
    top: 0;
    left: 270px;
}

.publicationResults{
    text-align: center;
}

.publicationResult{
    display: inline-block;
    width: 214px;
    margin-bottom: 15px;
}
.publicationResult a{
    color: #231f20;
    font-size: 1.181818181818182em; /* 13/11 */
    line-height: 2;
}

#publicationImage{
    margin-top: 15px;
    float: left;
    width: 200px;
    font-size: 1.272727272727273em; /* 14/11 */
    line-height: 2;
}
#publicationResult{
    margin-top: 15px;
    float: left;
    width: 380px;
}

#publication-swf, #publication-pdf{
    width: 216px;
    height: 28px;
    padding: 0 0 0 8px;
    background: #b2e5ff;
    margin-bottom: 12px;
    font-size: 1.272727272727273em; /* 14/11 */
    line-height: 2;
}
#publication-swf a, #publication-pdf a{
    color: #231f20;
    text-decoration: underline;
}
.prohall-partners{
    width: 400px;
}
.prohall-partners .region-header{
    margin-top: 0px;
}
.prohall-partners .package-hotels{
    padding-bottom: 40px;
    display: block;
}


/*
New city switcher for Virginia Visitor
*/


#switcher{
    width: 180px;
    height: 74px;
    position: absolute;
    right: -9px;
    top: 38px;
}
#switcher a{
    display: inline-block;
    width: 80px;
    height: 32px;
    text-align: center;
    padding: 3px 0;
    float: left;
    
    background-color: #f3f3f4;
    margin: 0px 9px 9px 0px;
    color: #2c99ce;
    font-size: 11px;
    font-weight: 700;
}
#switcher a:hover, #switcher a.selected{
    background-color: #00a651;
    color: #ffffff;
}