/* Index page styles */
/* City pages: general */

#primaryContainer #contentArea{
    padding: 20px 0;
}

/* secondary nav */
#secondaryNavigation{
    background-color: #E2DACA;
    margin: 10px 0 0;
}

#secondaryNavigation ul {
    overflow: auto;
}

#secondaryNavigation ul li{
    float: left;
    padding: 10px;
}

#mainContentContainer{
    background: none;
}

#bannerContainer{
    background: url(/sheraton/images/contentBackground.png) no-repeat left top;
    padding: 20px 4px 0;
}

#topIntro{
    position: relative;
    background: #ffffff;
}

#topIntro h2{
    margin: 0;
    padding: 10px 15px;
    background-color: #E2DACA;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

#primaryContainer h3{
    margin: 0;
    padding: 10px 15px;
    background-color: #E2DACA;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

#topIntro p{
    margin: 0;
}

#topIntro h3{
    font-size: 14px;
    text-transform: none;
    color: #77392A;
}

#citySelector{
    float: right;
    width: 321px;
    margin: 14px;
    padding: 14px;
    background: #D7EBEA;
}


#citySelector select{
    width: 253px;
    text-transform: capitalize;
}

#citySelector div{
    margin: 3px 0 0;
}

#topIntroContent{
    width: 530px;
    float: left;
    padding: 20px;
}

#featuredDestinations, #ab_bridge {
    border: 1px solid #D8C9B5;
}

#featuredDestinations{
    margin-bottom: 10px;
}

#featuredDestinations .highlight{
    padding: 10px 0 10px 10px;
    background: #EFEFE4;
}

#featuredDestinations .description{

}

#featuredDestinations #featuredCityTable {
    margin-right: 6px;
}

#featuredDestinations .featuredCityCell {
    background: #E2DACA;
    border-right: solid 10px #EFEFE4;
    width: 308px;
    float: left;
}

#featuredDestinations .featuredCityContainer{
    margin: 20px 50px;
}

.featuredCity p{
    margin: 10px 0 0;
}

.featuredCity div.descriptionText{
    margin-bottom:10px;
}

.featuredCity a img{
    border: none;
}

/** BEGIN GUEST STORY COMPONENT **/
#ab_bridge #gsHeader {
    font-weight: bold;
    padding: 0;
}

#ab_bridge #guestBookControls {
    display: none;
}

#ab_bridge .sectionTitle a {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

#ab_bridge .sectionTitle p {
    margin: 0;
}

#ab_bridge #choiceInfo {
    padding: 10px;
}

#ab_bridge #choiceInfo span {
    position: relative;
    left: 180px;
    display: block;
    clear: both;
    font-weight: bold;
    height: 1%;
}

#ab_bridge #choiceInfo a {
    clear: both;
    text-decoration: underline;
    font-size: 11px;
    line-height: 14px;
}

#choiceInfo #ab_guestGalleryImg {
    position: relative;
    top: -30px;
    float: left;
    padding: 0 20px 0 0;
}

#pphGuestImageContainer {
    float: left;
    margin: 0;
    padding: 0;
}

#ab_bridge .shareHelp {
    display: none;
}

#scrollContainer {
    display: block;
    position: relative;
    top: 5px;
    padding: 0;
    margin: 0;
}

#scrollContainer #right{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

#scrollContainer #left{
    margin-right: 10px;
}

#downarrow{
    margin-top: 70px;
}

#shareYourStory{
    padding: 0;
    margin: 8px 0 0 0;
}

#shareYourStory a {
    background: url(/sheraton/images/icons/sh_small_speech_bubble.gif) no-repeat center left;
    padding-left: 16px;
    margin-left: 4px;
}

#ab_bridge #choiceInfo #shareYourStory span {
    display: inline;
}

#moreDetailsLink {
    position: relative;
    top: -20px;
}
/** END GUEST STORY COMPONENT **/

/** begin button **/
.destinationButton, .destinationButton a {
    display:inline;
}

.destinationButton {
    clear: both;
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: capitalize;
    background: url(/sheraton/images/sh_btn_white_arrow_right.gif) right center no-repeat #d45e16;
    border: 1px solid #fde8c4;
    padding: 4px 0 4px 7px;
    margin: 0;
}

.destinationButton a, .destinationButton a:visited {
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    cursor: hand;
    padding:0 15px 4px 0;
    margin:0;
}

* html .destinationButton a, * html .destinationButton a:visited {
    padding:0 16px 0 0;
}
/** end button **/