/* {{{ Firefox Landing Page */

body#firefox {
    background-image: url(/img/tignish/firefox/background-tile.jpg);
}

body#firefox #wrapper {
    background-image: none;
    background-position: top center;
    background-repeat: no-repeat;
}

body#firefox.variation1 #wrapper { background-image: url(/img/tignish/firefox/background-firefox-1.jpg); }
body#firefox.variation2 #wrapper { background-image: url(/img/tignish/firefox/background-firefox-2.jpg); }
body#firefox.variation3 #wrapper { background-image: url(/img/tignish/firefox/background-firefox-3.jpg); }
body#firefox.variation4 #wrapper { background-image: url(/img/tignish/firefox/background-firefox-4.jpg); }

body#firefox #no-js-feature {
    background: url(/img/tignish/firefox/background-firefox-no-js.jpg) top center no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    height: 577px;
    width: 946px;
    margin-left: -473px;
}

#firefox #main-feature {
    min-height: 315px;
    padding-bottom: 15px;
}

* html #firefox #main-feature { height: 315px; /* Hack for IE6 */ }

#firefox #main-feature #feature-contents { min-height: 170px; }

* html #firefox #main-feature #feature-contents { height: 170px; /* Hack for IE6 */ }

#firefox #main-feature h2 {
    padding-top: 15px;
    margin-right: 215px;
    letter-spacing: -1px;
    font-size: 345%;
}

#firefox #main-feature p {
    font-size: 135%;
    margin-right: 355px;
    margin-top: 0;
}

#firefox #content { margin-right: 200px; }

.js #firefox-feature {
    overflow: hidden;
    height: 400px;
    width: 920px;
    padding: 19px 14px 20px 16px;
    background: url(/img/tignish/firefox/feature-background.png) 5px 10px no-repeat;
}

* html .js #firefox-feature {
    background-image: url(/img/tignish/firefox/feature-background-256.png); /* IE6 only */
}

#firefox-feature {
    width: 920px;
    padding: 20px 14px 21px 16px;
}

#firefox-feature #firefox-feature-header {
    height: 103px;
    line-height: 1;
}

#firefox-feature h3 {
    font-size: 265%;
    margin: 0;
    padding: 25px 40px 14px 19px;
}

#firefox-feature #firefox-feature-nav {
    margin: 0 40px 0 19px;
    height: 25px;
    padding: 0;
    left: auto;
}

#firefox-feature #firefox-feature-nav li {
    display: inline;
    padding: 0 2em 0 0;
    list-style-type: none;
    background: none;
}

#firefox-feature #firefox-feature-nav a.selected { color: #898378; outline: 0; }
#firefox-feature #firefox-feature-nav a.selected:hover { text-decoration: none; }

.firefox-feature-contents {
    margin: 0 0 20px 19px;
    height: 300px;
    color: #898378;
    position: relative;
}

.firefox-feature-contents h4 {
    color: #898378;
    padding-top: 22px;
    margin-bottom: 0.5em;
    font-size: 155%;
}

.firefox-feature-contents p {
    width: 400px;
    line-height: 1.6;
}

.image-caption {
    position: absolute;
    color: #afaba3;
    top: 15px;
}

.pager-content {
    position: relative;
}

#feature-features.firefox-feature-contents,
#page-feature-features.firefox-feature-contents {
    background: #fff url(/img/tignish/firefox/feature-bg-newfeatures.png) bottom right no-repeat;
}

.platform-mac #feature-features.firefox-feature-contents,
.platform-mac #page-feature-features.firefox-feature-contents {
    background-image: url(/img/tignish/firefox/feature-bg-newfeatures-mac.png);
}

#feature-features.firefox-feature-contents .image-caption,
#page-feature-features.firefox-feature-contents .image-caption {
    right: 185px;
    top: -20px;
}

#feature-security.firefox-feature-contents,
#page-feature-security.firefox-feature-contents {
    background: #fff url(/img/tignish/firefox/feature-bg-security.png) bottom right no-repeat;
}

.platform-mac #feature-security.firefox-feature-contents,
.platform-mac #page-feature-security.firefox-feature-contents {
    background-image: url(/img/tignish/firefox/feature-bg-security-mac.png);
}

#feature-security.firefox-feature-contents .image-caption,
#page-feature-security.firefox-feature-contents .image-caption {
    right: 110px;
    top: -20px;
}

#feature-performance.firefox-feature-contents,
#page-feature-performance.firefox-feature-contents {
    background: #fff url(/img/tignish/firefox/feature-bg-performance.png) bottom right no-repeat;
}

#feature-performance.firefox-feature-contents p,
#page-feature-performance.firefox-feature-contents p { width: 350px; }

.footnote {
    font-size: 75%;
    font-family: verdana, sans-serif;
}

#feature-personalization.firefox-feature-contents,
#page-feature-personalization.firefox-feature-contents {
    background: url(/img/tignish/firefox/feature-bg-personalization.png) bottom left no-repeat;
    margin-left: 0;
    padding-left: 500px;
}

.platform-mac #feature-personalization.firefox-feature-contents,
.platform-mac #page-feature-personalization.firefox-feature-contents {
    background: url(/img/tignish/firefox/feature-bg-personalization-mac.png) bottom left no-repeat;
}

#feature-personalization.firefox-feature-contents p,
#page-feature-personalization.firefox-feature-contents p {
    width: 360px;
}

#feature-personalization.firefox-feature-contents .image-caption,
#page-feature-personalization.firefox-feature-contents .image-caption {
    right: 205px;
    top: -10px;
}

.platform-mac #feature-personalization.firefox-feature-contents .image-caption,
.platform-mac #page-feature-personalization.firefox-feature-contents .image-caption {
    right: 225px;
    top: 0px;
}
#feature-mission.firefox-feature-contents,
#page-feature-mission.firefox-feature-contents {
    background: #fff url(/img/tignish/firefox/feature-bg-mission.png) bottom right no-repeat;
}

.platform-mac #feature-mission.firefox-feature-contents,
.platform-mac #page-feature-mission.firefox-feature-contents {
    background-image: url(/img/tignish/firefox/feature-bg-mission-mac.png);
}


#feature-mission.firefox-feature-contents p,
#page-feature-mission.firefox-feature-contents p {
    width: 385px;
}

#firefox-sub-features {
    background: url(/img/tignish/firefox/subfeature-background-firefox.jpg) 5px 0 no-repeat;
    margin: 40px 0 20px 0;
    padding: 5px 20px 0 20px;
    height: 190px;
    font-size: 108%;
}

.sub-feature {
    width: 244px;
    height: 190px;
    margin: 0 28px;
    float: left;
    display: inline; /* fix IE margin issue */
    position: relative;
}

.sub-feature h3 a {
    display: block;
    position: relative;
}

.sub-feature h3 a:link,
.sub-feature h3 a:visited {
    color: #4B4740;
}

.sub-feature h3 { margin-bottom: 5px; }

.sub-feature p {
    font-size: 108%;
    margin-bottom: 0;
    margin-right: 15px;
    color: #afaba3;
    line-height: 1.4;
}

#firefox-tour.sub-feature {
    margin: 0 43px 0 13px;
}

#firefox-tour.sub-feature h3 {
    font-size: 100%;
    margin: 0;
}

#firefox-tour.sub-feature h3 a {
    height: 160px;
    display: block;
}

#firefox-tour.sub-feature h3 a span.title {
    font-size: 165%;
    padding-top: 1em;
    margin-bottom: 1em;
    display: block;
    position: relative;
}

#firefox-tour.sub-feature h3 a span.subtitle {
    color: #0489B7;
    position: absolute;
    bottom: 0px;
}

#firefox-tour.sub-feature h3 a:hover,
#firefox-tour.sub-feature h3 a:active {
    text-decoration: none;
}

#firefox-tour.sub-feature h3 a:hover span,
#firefox-tour.sub-feature h3 a:active span {
    text-decoration: underline;
    cursor: hand;
}

#firefox-tour.sub-feature h3 a {
    padding-right: 125px;
}

#firefox-tour.sub-feature p {
    margin-right: 100px;
}

#firefox-awards.sub-feature h3 a {
    padding-right: 100px;
}

#firefox-awards.sub-feature p {
    margin-right: 100px;
}

.sub-feature a.bottom {
    position: absolute;
    bottom: 30px;
}

#main-feature p {
    margin-bottom: 0px;
}

.alt-video-link {
    font-size: 85%;
}

.alt-video-link:link,
.alt-video-link:visited {
    color: #69645c;
}

.alt-video-link:hover,
.alt-video-link:active {
    color: #898378;
}

p#no-flash-text { margin: 1em !important; }

body#firefox #footer { margin-top: 40px; }

/* }}} */
/* {{{ Download Stats */

#firefox #main-feature #download-stats {
    display: none;
    float: right;
    width: 170px;
    margin-right: 35px;
    margin-top: 20px;
    background: #fff;
    padding-bottom: 5px;
    background: url(/img/firefox/stats/download-stat-sidebar.png) -170px 100% no-repeat;
}

#firefox #main-feature #download-stats p {
    background: url(/img/firefox/stats/download-stat-sidebar.png) 0 0 no-repeat;
    font-size: 85%;
    color: #807970;
    padding: 0;
    padding: 10px;
    margin: 0;
}

#firefox #main-feature #download-stats a.downloads {
    font-size: 131%;
}

#firefox #main-feature #download-stats a {
    display: block;
}

/* }}} */
/* {{{ Download Button */

#firefox ul.home-download {
    width: 365px;
    margin: 0 0 0 28px;
    left: auto;
}

#firefox ul.home-download li {
    padding: 0;
    position: relative;
    height: 124px;
}

* html #firefox ul.home-download li {
    background: none;
}

#firefox ul.home-download li a.download-link {
    background-image: url(/img/tignish/firefox/download-button-primary.png);
    height: 124px;
    padding: 0;
}

#firefox ul.home-download li a.download-link span {
    padding: 55px 20px 20px 128px;
    height: 49px;
    display: block;
}

* html #firefox ul.home-download li a.download-link {
    background-image: url(/img/tignish/firefox/download-button-primary-ie.png);
}

#firefox ul.home-download li a:hover {
    background-position: top left;
}

#firefox ul.home-download li a:hover span {
    background: url(/img/tignish/firefox/download-button-primary.png) top right no-repeat;
}

* html #firefox ul.home-download li a.download-link:hover span {
    background: url(/img/tignish/firefox/download-button-primary-ie.png) top right no-repeat;
}

#firefox ul.home-download li a.download-link span { line-height: 1.1; }

#firefox ul.home-download li a.download-link em { color: #38a801; }

#firefox ul.home-download li a.download-link strong {
    font-family: georgia, serif;
    font-weight: normal;
    font-size: 145%;
    padding-right: 27px;
    background: url(/img/tignish/firefox/download-arrow.png) right center no-repeat;
}

#firefox ul.download li a.download-link:hover,
#firefox ul.download li a.download-link:active {
    text-decoration: none;
}

#firefox #main-feature .download-other {
    margin-left: 75px;
    font-size: 70%;
}

.download-noscript { margin-left: 35px; width: 400px; }
.download-noscript h3 { font-size: 120%; margin-bottom: 0; }
.download-noscript h3 span { display: block; font-size: 75%; color: #898378; }
.download-noscript ul { margin-top: 0.5em; }

/* }}} */
/* {{{ Performance Chart */

#performance-chart {
    position: absolute;
    top: 0;
    right: 0;
    width: 495px;
}

#performance-chart h4 {
    color: #4b4740;
    margin: 0 0 0 20px;
    letter-spacing: -0.015em;
}

#performance-chart p {
    font-size: 85%;
    margin: 0 0 20px 20px;
}

#performance-chart img {
    height: 130px;
}

#performance-chart ul {
    left: 0;
    margin: 10px 0 0 0;
    padding: 0;
}

#performance-chart ul li {
    float: left;
    background: none;
    padding: 0;
    margin: 0;
    width: 155px;
    text-align: center;
    font-family: verdana, sans-serif;
    font-weight: bold;
    color: #4b4740;
}

/* }}} */
/* {{{ Video Launcher */

.firefox-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 950px;
}

.firefox-video-window {
    position: absolute;
    left: 58px;
    top: 0;
    width: 834px;
    height: 570px;
    z-index: 1000;
    background: url(/img/tignish/firefox/video-frame.png) no-repeat;
}

* html .firefox-video-window {
    background-image: url(/img/tignish/firefox/video-frame-ie.png);
}

.firefox-video-player {
    margin: 0 97px;
    text-align: center;
}

.firefox-video-player-link,
.firefox-video-player-close {
    margin: 35px 50px 15px 0;
    text-align: right;
}

.firefox-video-player-link a,
.firefox-video-player-close a {
    display: block;
    height: 35px;
    padding-right: 40px;
    padding-top: 8px;
    font-size: 90%;
    background: url(/img/tignish/firefox/video-close.png) no-repeat 100% 0;
}

.firefox-video-player-link a {
    padding-right: 10px;
    background: none;
}

#firefox-video #main-feature {
    text-align: center;
    padding-top: 20px;
}

#firefox-video .firefox-video-window {
    text-align: left;
    position: static;
    margin: 0 auto;
    padding-top: 1px;
}

/* }}} */