body {
    height   : 100%;
    overflow : hidden;
}

body.loggedIn {
    overflow : auto !important;
}

@media (max-width : 768px) {
    body {
        overflow : auto !important;
    }
}

#holder {
    z-index : 3;
}

#main-visual {
    position : fixed;
    width    : 100%;
}


#header-wrapper,
#visual-overlay {
    z-index : 3;
}

#errors {
    position : relative;
    z-index  : 2;
}


#scrolling-container #main-content {
    margin-top : 20px;
}

#scrolling-container-wrapper {
    position : relative;
    z-index  : 3;
}

#scrolling-container {
    background  : #fff;
    padding-top : 70px;
    margin-top  : 1000px;
    position    : relative;
    z-index     : 2;
}

#content.popup-content {
    width     : 100%;
    max-width : 550px;
    height    : auto;
    position  : relative;
    float     : left;
    padding   : 0 0 30px 0;
    overflow  : hidden;
}

.popup-content .item-title {
    margin : 0 auto;
    width  : 360px;
}

.popup-content .subtitle {
    margin : 5px 0 13px;
}

.popup-content .intro {
    padding : 0 10px;
    
    width   : 100%;
    /*height:240px;*/
    margin  : 0 auto;
    
}

.popup-content a {
    text-decoration : none;
}

.popup-content .read-more,
#content .widget-content-wrapper .read-more {
    float    : right;
    _display : inline;
}

.popup-content .read-more {
    margin : 0;
}

.popup-content .share_item,
#content .widget-content-wrapper .share_item {
    float    : left;
    _display : inline;
    margin   : 10px;
    position : relative;
}

.popup-content .share_item {
    margin-left : 25px;
}

.popup-content .share_item a.title,
#content .widget-content-wrapper .share_item a.title {
    background : url(../images/image-sprite.png) no-repeat left -480px;
    padding    : 1px 0 0 29px;
    display    : block;
    cursor     : pointer;
}

.popup-content .share-widget,
#content .widget-content-wrapper .share-widget {
    width      : 114px;
    height     : 55px;
    position   : absolute;
    bottom     : 10px;
    left       : -24px;
    background : url(../images/share-bg.png) no-repeat 0 0 /114px 55px;
    z-index    : 10;
    visibility : hidden
}

.popup-content .share-widget.active,
#content .widget-content-wrapper .share-widget.active {
    visibility : visible;
}

.popup-content .share-widget .addthis_toolbox,
#content .widget-content-wrapper .share-widget .addthis_toolbox {
    padding : 15px;
}

.popup-content .share-widget .addthis_button_email span,
#content .widget-content-wrapper .share-widget .addthis_button_email span {
    width      : 20px;
    height     : 14px;
    margin     : 2px;
    background : url(../images/share-icons.png) no-repeat left 0;
}

.popup-content .share-widget .addthis_button_twitter span,
#content .widget-content-wrapper .share-widget .addthis_button_twitter span {
    width      : 17px;
    height     : 14px;
    margin     : 2px 8px;
    background : url(../images/share-icons.png) no-repeat right 0;
}

.popup-content .share-widget .addthis_button_facebook,
#content .widget-content-wrapper .share-widget .addthis_button_facebook {
    display : none;
}

.popup-content .share-widget .addthis_button_compact span,
#content .widget-content-wrapper .share-widget .addthis_button_compact span {
    margin : 2px 0 0 8px;
}

.popup-content .image-wrapper {
    margin : 0 0 10px 0;
}

.popup-content .jspDrag {
    background : #909ABC;
    height     : 30px !important;
    padding    : 0;
    margin     : 0 0 0 8px;
}

#fancybox-wrap {
    padding : 0;
}

#content .content-wrapper {
    float    : left;
    _display : inline;
    width    : 620px;
}

#content .heading-content {
    width : 340px;
}

#main-content .full-length-content-head {
    margin-top  : 40px;
    padding-top : 10px;
    position    : relative;
    clear       : both;
}

#main-content .full-length-content-head h4 {
    font-size   : 22px;
    color       : #909ABC;
    font-family : 'pt_serifitalic', Times New Roman, Times, serif;
}

#main-content .full-length-content {
    position    : relative;
    clear       : both;
    margin-top  : 20px;
    padding-top : 10px;
    background  : url(../images/home-seperator.png) no-repeat center top;
}

#main-content .full-length-content-head + .full-length-content {
    margin-top : 10px;
}

#content h1 {
    margin : 0;
}

#content h2,
p.inspired {
    color          : #7f7f7f;
    text-transform : none;
    font-family    : 'pt_serifitalic', Times New Roman, Times, serif;
}

#weatherandtime {
    position : absolute;
    top      : 0px;
    right    : 327px;
}

#weatherandtime-wrapper {
    position     : relative;
    padding-left : 35px;
}

#weatherandtime,
#weatherandtime a,
#weatherandtime h2 {
    color : #9f9f9f;
}

#weatherandtime h2 {
    margin         : 0;
    padding        : 0 5px 0 0;
    
    font-size      : 1em;
    text-transform : none;
}

#time {
    padding    : 0 9px 0 0;
    margin     : 0px 9px 0 0;
    background : url(../images/image-sprite.png) no-repeat right 0px;
}

#weatherandtime h2,
#time,
#weather {
    float       : left;
    _display    : inline;
    line-height : 1.05;
    margin-top  : 6px;
}

#weather h2,
#weather .weather-tempF {
    display : none;
}

#weather .weather-image {
    display  : block;
    width    : 27px;
    height   : 25px;
    position : absolute;
    left     : 0;
    top      : 0;
}

#weather a {
    display : block;
}

/**MAIN VISUAL**/

div#main-visual {
    height : 100%;
}


p.inspired {
    margin    : 91px 0 0;
    font-size : 1.6em;
}

#preloader-container {
    z-index : 2;
}

#visual-wrapper {
    width     : 100%;
    height    : 100%;
    max-width : 1600px;
    position  : relative;
    margin    : 0 auto;
    z-index   : 1;
}

.loggedIn #visual-wrapper,
.loggedIn #main-visual .slideshow-wrapper {
    height : 100% !important;
}

#visual-wrapper div.left-overlay {
    width      : 50%;
    height     : 740px;
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : 2;
    background : url(../images/left-bg.png) no-repeat 0 0 #fff;
    overflow   : hidden;
}

#visual-wrapper .left-overlay .logo-wrapper {
    position   : absolute;
    top        : 25%;
    left       : 0;
    text-align : center;
    width      : 100%;
}

#main-visual .cycle-navigations {
    position : absolute;
    bottom   : 0px;
    right    : 32px;
    width    : 145px;
    height   : 32px;
    display  : none;
}

#main-visual .nav-wrapper,
#main-visual .close {
    background : url(../images/home_nav_bg.png) repeat 0 0;
    position   : absolute;
    top        : 0;
    height     : 32px;
}

#main-visual .nav-wrapper {
    right   : 33px;
    width   : 112px;
    z-index : 1;
}

#main-visual .cycle-nav.mini {
    width   : 10px;
    height  : 17px;
    top     : 7px;
    z-index : 2;
}

#main-visual .cycle-prev.mini {
    background-position : -93px -43px;
    left                : 9px;
}

#main-visual .cycle-next.mini {
    background-position : -110px -43px;
    right               : 9px;
}

#main-visual .custom-caption {
    position   : relative;
    z-index    : 1;
    padding    : 7px 20px;
    
    font-size  : 0.85em;
    color      : #fff;
    text-align : center;
}

#main-visual .close {
    width : 32px;
    right : 0px;
}

#main-visual .close .close-ico {
    background : url(../images/image-sprite.png) no-repeat right -284px;
    padding    : 7px 8px 7px 8px;
    display    : block;
    height     : 18px;
    width      : 16px;
    cursor     : pointer;
}

#main-visual .image-wrapper {
    position : absolute !important;
    height   : 100%;
}

#main-visual .slideshow-wrapper {
    height   : 100%;
    width    : 100%;
    position : relative;
    z-index  : 1;
}

#animated-arrow-wrapper {
    width      : 100%;
    height     : 63px;
    position   : absolute;
    bottom     : 63px;
    left       : 0;
    z-index    : 2;
    
    text-align : center;
}

#animated-arrow,
#animated-arrow span {
    background : url(../images/image-sprite.png) no-repeat right 0;
}

#animated-arrow {
    width      : 63px;
    height     : 63px;
    margin     : 0 auto;
    position   : relative;
    cursor     : pointer;
    background : url(../images/animated-arrow-bg.png) no-repeat 0 0;
}

#animated-arrow span {
    position : absolute;
    display  : block;
}

#animated-arrow .dot {
    width               : 4px;
    height              : 4px;
    background-position : -185px -318px;
    left                : 30px;
}

#animated-arrow .arrow-1 {
    top : 18px;
}

#animated-arrow .arrow-2 {
    top : 24px;
}

#animated-arrow .arrow-3 {
    top : 30px;
}

#animated-arrow .arrow {
    background-position : right -335px;
    top                 : 35px;
    width               : 27px;
    height              : 15px;
    left                : 18px;
}

/* Portrait Tablet to Landscape and Desktop */
@media (min-width : 768px) and (max-width : 979px) {
    div#weatherandtime {
        right : auto;
        left  : 240px;
    }
    
    div#content .content-wrapper {
        width : 725px;
    }
}

body.loggedIn .promotionBoxWrap {
    bottom  : calc(100% - 80%);
    display : block;
    float   : left;
}

.promotionBoxWrap {
    position : absolute;
    width    : 100%;
    height   : 134px;
    bottom   : 100px;
    display  : none;
}

.promotionBoxHolder {
    position : relative;
    display  : block;
    /*-width   : 960px;*/
    width    : 100%;
    /*height   : 134px;*/
    margin   : 0 auto;
}

.promotionBox {
    /* background : url(../images/home-offers-bg.png) repeat 0 0;*/
    display   : block !important;
    /*height     : 134px;*/
    position  : absolute;
    width     : 90%;
    max-width : 380px;
    z-index   : 2;
    bottom    : 0;
    /*-left      : 0;*/
    right     : 0;
}


.promotionBox .promotionTitle {
    font-size      : 1.2em;
    line-height    : 1.3;
    padding-left   : 20px;
    padding-right  : 20px;
    padding-top    : 20px;
    padding-bottom : 20px;
    background     : rgba(255, 255, 255, 0.7);
}

.promotionBox a {
    background     : url("../images/promotionLinkBg.png") no-repeat scroll 0 0;
    color          : #fff;
    font-size      : 0.9em;
    margin-left    : 20px;
    text-align     : center;
    text-transform : uppercase;
    padding-top    : 8px;
    padding-bottom : 6px;
    width          : 122px;
    display        : block;
}

.promotionBox a {
    text-decoration : none;
}