/* Start of CMSMS style sheet 'layout' */
#wrapper {
    margin: 0 auto;
    width: 900px;
}
.verify #wrapper {
    height: 600px;
}



/* header
    ============================================================ */
#header {
    height: 40px;
    position: relative;
}
.verify #header {
    height: 45px;
    padding: 155px 0 100px 0;
    text-align: center;
}
#tagline { text-align: center; padding-bottom: 45px; }
#logo {
    position: absolute;
    top: 0;
    left: 25px;
}

#main-nav {
    position: absolute;
    height: 23px;
    bottom: 0;
    left: 150px;
}



/* sub nav with image
    ============================================================ */
#slider { 
    padding: 15px 0;
    /* width: 675px; */
    width: 810px;
    margin: 0 auto;
    position: relative;
border: 1px dotted red;
}

.scrollButtons {
    position: absolute;
    top: 69px;
    cursor: pointer;
}
.scrollButtons.left {
    left: -28px;
}
.scrollButtons.right {
    right: -28px;
}

.scroll {
    overflow: hidden;
    /* width: 675px; */
    width: 810px;
    margin: 0 auto;
    position: relative;
}
.scrollContainer {
    position: relative;
}
.scrollContainer div.panel {
    width: 117px;
    margin: 0 9px;
    height: 183px;
}

.panel {
    width: 117px;
    text-align: center;
}
.panel img {
/*
    max-width: 115px;
    width: auto !important;
    width: 115px;
*/
    border-left: 1px solid #394041;
    border-top: 1px solid #394041;
    border-right: 1px solid #394041;
}
.panel p {
    padding: 5px 0 6px 0; margin: 0;
    background: #939598;
    font-size: 9px;
}
.panel p a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}




/* content
    ============================================================ */
.verify #no-flash {
    height: 759px;
    background: url(images/bg-verify.jpg) no-repeat;
}
.verify #content {
    margin: 0 auto;
    padding: 30px;
    width: 600px;
    background: url(images/bg-verifyform.png);
    font-size: 12px;
    color: #fff;
}

/* detail pages */
#detail-content { }
#pg-content {
    float: left;
    width: 550px;
    /* margin: 11px 0 0 100px; */
    margin: 11px 0 0 0;
    /* font-size: 12px; */
    color: #464646;
}
#pg-content img { border: 1px solid #7d7568; }
#pg-content .more-link img { border: 0; }
#pg-content p.submit img { border: none; }
#pg-content #sharethese img { border: none; }
#sub-nav {
    float: left;
    width: 270px;
}
.pg-detail #slider, .pg-spirit #slider { width: 190px; margin: 0 0 0 40px; }
.pg-detail .scroll, .pg-spirit .scroll { width: 190px; }


/* spirits pages */
.togglearea { clear: both; display: none; }
#quotes {
    width: 185px;
    margin: 30px auto 0 auto;
    border-top: 1px solid #918f8f;
    padding: 8px 2px;
    border-bottom: 1px solid #918f8f;
}
#tastingnotes {
    margin-top: 10px;
    border-top: 1px solid #918f8f;
    padding: 8px 2px;
    border-bottom: 1px solid #918f8f;
}
#tastingnotes img { border: none; }
#legacy {
    margin-top: 10px;
    border-top: 1px solid #918f8f;
    padding: 8px 2px;
}
#legacy img { border: none; }
#spirit-img {
    float: left;
    width: 326px;
    text-align: center;
    /* margin-top: 75px; */
    margin-top: 15px;
}
.pg-spirit #pg-content { width: 245px; /* padding-top: 35px; */ }

/* drinks pages */
.pg-drink-menu #pg-content {
    width: 350px;
    margin-right: 10px;
    margin-left: 0;
}
#qrcode {
    float: left;
    width: 120px;
    margin: 0 15px 10px 0;
}
#qrcode p { font-size: 10px; }
.drinkimgleft { width: 60px; }
.drinkimgleft img { width: 57px; height: 70px; }
#drink-recipe {
    float: left;
    width: 210px; }
#drink-recipe p { padding-top: 0; margin-top: 0; }
.pg-drink-menu #sub-nav { 
    width: 535px;
    /* border-left: 1px solid #d5d5d5; */
}
.pg-drink-menu #slider { width: 455px; }
.pg-drink-menu .scroll { width: 455px; }


/* rum locator */
.rum-locator {
    padding-bottom: 10px;
    display: none;
}


/* the community */
#pg-the-community h1, .pg-the-community h1, 
#pg-sharing-our-spirit-2 h1, #pg-appleton-estate-press h1 {
    /* font-size: 11px; */
    padding: 13px 0 0 0;
    margin: 0;
}
.calendar-next { margin-left: 20px; }
.calendar-event { padding: 9px 0; border-bottom: 1px solid #918f8f; }
.event-thumb { float: left; width: 100px; margin-right: 12px; }
.event-thumb img { max-width: 100px; width: auto !important; width: 100px; }
.event-details { float: left; width: 158px; }
.event-details h2, #NewsPostDetailContent h2 { text-transform: uppercase; }
#pg-event-archive .event-details { width: 460px; }
.calendar-date-from { font-size: 11px; }
#pg-the-community #col3 h2, 
.pg-the-community #col3 h2, 
#pg-event-archive #col3 h2, 
#pg-appleton-estate-press #col3 h2 {
    font-size: 12px;
    padding: 7px 0 5px 0;
    margin: 0;
    font-weight: normal;
}
#pg-the-community #col3 h2 a, 
.pg-the-community #col3 h2 a, 
#pg-event-archive #col3 h2 a, 
#pg-appleton-estate-press #col3 h2 a { color: #000; text-decoration: none; }
#pg-the-community #col3 h2 a:hover, 
.pg-the-community #col3 h2 a:hover, 
#pg-event-archive #col3 h2 a:hover, 
#pg-appleton-estate-press #col3 h2 a:hover { color: #810924; text-decoration: underline; }


#col1, #col2, #col3, #contentcol {
    float: left;
    width: 270px;
    margin-right: 36px;
}
#col2 { margin-right: 80px; }
#contentcol { width: 600px;}
#col3 { /* width: 195px; */ font-size: 10px; width: 220px; padding-top: 5px; margin-right: 0; }
#col3 .pg-detail #slider { margin-left: 0; }

#twitter, #facebook, #rumacademy, #share, #youtube { padding-top: 25px; }
#twitter, #facebook, #rumacademy, #youtube { width: 200px; }
#facebook h2, #rumacademy h2, #youtube h2 { padding: 0; margin: 0; }
#facebook p, #rumacademy p, #youtube p { padding: 0; margin: 0; color: #939598; }

#twitter img { vertical-align: middle; }
#twitter ul { padding: 10px 0 0 0; margin: 0; list-style-type: none; }
#twitter ul li { padding-bottom: 15px; }

#share h2 { padding-top: 0; margin-top: 0; }
#sharethese a { padding-right: 6px; }
#sub-nav #sharethese { padding-left: 45px; }

/* login / register */
.login {
    float: left;
    width: 370px;
    padding-right: 15px;
    margin-right: 15px;
}
.register {
    float: left;
    width: 250px;
}
.login p, .register p { padding: 0; margin: 0; }



/* footer
    ============================================================ */
#footer {
    text-align: center;
    font-size: 8px;
    color: #939598;
}
#footer a {
    color: #939598;
    text-transform: uppercase;
    text-decoration: none;
}


/* End of 'layout' */