/* {{{ Main Features and Sidebar */

#side-menu {
	top: 65px;
}

#main-feature {
	background: url(/img/mobile/features/features-header.jpg) left -55px no-repeat;
	font-size: 100%;
}

#main-feature h2 {
	font-size: 270%;
	margin: 0 495px 0 35px;
}

#main-feature span {
	background: url(/img/mobile/features/main-logo.png) left top no-repeat;
	padding-left: 70px;
	display: block;
	font-size: 116%;
	width: 200px;
	margin: 20px 0 0 35px;
	padding-top: 10px;
	min-height: 62px;
	height: auto !important;
	height: 62px;
}


#mobile-features #main-feature {
	min-height: 228px;
	height: auto !important;
	height: 228px;
}

h3 {
	margin-top: 0;
	margin-bottom: 12px;
}


/* {{{ Main Features */

#main-content {
	width: 910px;
	margin: 0;
}

#main-features {
	list-style: none;
	margin-left: 24px;
}

#main-features li {
	background: none;
	width: 168px;
	min-height: 85px;
	height: auto !important;
	height: 85px;
	float: left;
	padding: 0 34px 120px 6px;
}
#firefox-home #main-features li {
    padding-bottom: 180px;
}
#firefox-home #main-features li.video {
    padding-bottom: 0;
}

#main-features li.sync { background: url(/img/mobile/features/main-features.png) left bottom no-repeat; }
#main-features li.customize { background: url(/img/mobile/features/main-features.png) -220px bottom no-repeat; }
#main-features li.search { background: url(/img/mobile/features/main-features.png) -440px bottom no-repeat; }

#firefox-home #main-features li.onthego,
#firefox-home #main-features li.less,
#firefox-home #main-features li.search {
    background: url(/img/mobile/features/home-features.png) no-repeat top left;
}
#firefox-home #main-features li.onthego {
    background-position: -250px bottom;
}
#firefox-home #main-features li.less {
    background-position: -500px bottom;
}
#firefox-home #main-features li.search {
    background-position: 0 bottom;
}

#main-features li.video {
	width: 260px;
	padding: 0;
	text-align: center;
}

#main-features li.video a:hover {
	text-decoration: none;
}

#main-features li.video a:hover span {
	text-decoration: underline;
}

#main-features li span {
	background: url(/img/mobile/features/main-features-arrow.png) right center no-repeat;
	padding-right: 32px;
}

#main-features li p {
	font-size: 85%;
}

#main-features li h4,
#main-features li span {
	font-size: 146.5%;
}

/* }}} */
/* {{{ More Features */

.features-container {
	background: url(/img/mobile/features/features-top.png) left top no-repeat;
	padding: 30px 17px;

}

#more-features {
	background: url(/img/mobile/features/more-features-background.png) left bottom no-repeat;
}

#more-features img {
	margin-bottom: 18px;
}

#more-features .column1,
#more-features .column2,
#more-features .column3 {
	float: left;
	display: inline;
	width: 270px;
	margin-right: 20px;
	position: relative;
}

#more-features .column1 { margin-left: 20px; }
#more-features .column3 { margin-right: 0; }

#more-features .feature p {
	font-size: 85%;
	margin: 15px 0 30px 0;
}
/* }}} */
/* {{{ Features */

.features-box {
	background: url(/img/mobile/features/features-bottom.png) left bottom no-repeat;
	margin-top: 60px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	width: 100%;
}

.features-box .column1,
.features-box .column2,
.features-box .column3 {
	float: left;
}

.features-box .column1 img {
	position: relative;
	left: -10px;
}

.features-box .features-top-link {
	float: right;
	display: block;
}

.features-box .features-container {
	padding: 30px 10px 0px 10px;
}

.features-box h4 {
	font-size: 118%;
}

.features-box ul {
	margin-top: 4px;
}

.features-box li {
	margin-left: 10px;
	font-size: 85%;
}

.features-divider hr { display: none; }
.features-divider {
	background: url(/img/tignish/features/features-divider.png) 0 40% no-repeat;
	height: 8px;
	clear: both;
	padding: 30px 0;
	margin-left: 10px;
}
.features-divider.top {
    padding-bottom: 0;
}

.features-footer { clear: both; }

.features-box p {
	margin-top: 1em;
	text-align: left;
	font-size: 85%;
}

/* Sync */
#sync .column1 { width: 285px; }

#sync .column2 {
	padding: 0 20px;
	margin-right: 35px;
	width: 280px;
}

#sync .column3 { width: 225px; }

/* Search */
#search .row1 {
	background: url(/img/mobile/features/search-divider.png) 306px bottom no-repeat;
	margin-bottom: 44px;
}

#search .row1,
#search .row2,
#search .row3,
#search .row4,
#search .row5,
#search .row6,
#search .row7,
#search .row8,
#search .row9 {
	clear: both;
}

#search .row1 img {
	float: left;
}

#search .row1 .column2 {
	width: 300px;
	margin: 5px 30px 0 30px;
}

#search .row2 ul {
	width: 278px;
	float: left;
	margin-right: 40px;
}

/* Customize */
#customize .row1 .column1 {
	width: 268px;
	padding-top: 4px;
}
#customize .row1 .column2 {
	margin: 0 20px 0 30px;
	position: relative;
	top: -40px;
}
#customize .row1 .column3 {	width: 235px; }

#customize .row2 .column1 {
	width: 580px;
	margin-right: 30px;
}

#customize .row3 .column1 {	width: 275px; }
#customize .row3 .column2 {
	width: 262px;
	margin: 0 35px 0 55px;
}
#customize .row3 .column3 {	width: 243px; }



#customize .row4 .column1 {	width: 320px; }
#customize .row4 .column2 {
	width: 245px;
	margin: 0 40px 0 30px;
}
#customize .row4 .column3 { width: 254px; }


#customize .row5 .column1 {	width: 242px; }
#customize .row5 .column2 {
	width: 310px;
	margin: 0 20px 0 30px;
}
#customize .row5 .column3 { width: 288px; }


#customize .row5 h4 { margin-bottom: 19px; }
#customize .row5 .column1 img { left: 0; }


#customize .row6 h4 { margin-bottom: 19px; }
#customize .row6 .column1 { width: 410px; }
#customize .row6 .column2 {
	width: 351px;
	margin-left: 60px;
	padding-top: 40px;
}


#customize .row7 .column1 {	width: 210px; }
#customize .row7 .column2 {
	width: 300px;
	margin: 0 23px 0 60px;
}
#customize .row7 .column3 {	width: 295px; }


#customize .row8 .column1 {	width: 277px; }
#customize .row8 .column2 {
	width: 282px;
	margin: 0 23px 0 66px;
}


#customize .row9 .column1 {	width: 430px; }
#customize .row9 .column1 li { margin-right: 130px; }
#customize .row9 .column2 {
	width: 356px;
	margin: 0 23px 0 13px;
}
#customize .row9 .column2 ul {
	left: -87px;
	margin-top: 15px;
	width: 280px;
}


#customize .row10 .column1 { width: 330px; }
#customize .row10 .column2 {
	width: 282px;
	margin: 22px 23px 0 22px;
}


#customize .row11 .column1 { width: 170px; }
#customize .row11 .column2 {
	width: 395px;
	margin: 0 30px 0 0;
}
#customize .row11 .column3 { width: 250px; }
/* }}} */



/* clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display:block; }

* html .clearfix { height:1%; }