/* -------------------------------------------------------------- 
   
   PRODUCTS CSS ROAMBI.COM
   
-------------------------------------------------------------- */


/* Layout
-------------------------------------------------------------- */

#productsContainer {
	width: 921px;
	margin: 0px 0px 0px 20px;
	color: #969696;
}

.productsBox {
	margin-left: 20px;
	padding-bottom: 30px;
	position:relative;
}

.productsBox h1{
	color: #FFFFFF;
	font-size: 2em;
	padding: 10px 0px 25px 0px;
	font-weight: bold;
}

.productsBox p{
	font-size: 1.6em;
	line-height: 1.4em;
	height: 10em;
}

.productsBox .forIphoneText{
	font-size: 1.8em;
	padding-right: 10px;
	height: 350px
}

#footer {
	padding-top: 35px;
}

.productsBox .rule {
	border-right: #222222 solid 1px;
	padding-right: 20px;
	height: 250px;
}

.productsBox #button-register {
	width: 205px;
}

.productsBox #button-learn-pro {
	width: 100px;
}

.productsBox #button-buy-pro {
	width: 70px;
}

.productsBox #button-learn-es {
	width: 225px;
}

.productsBox .button {
	margin-top: 20px;
}


/* Comparison Chart
-------------------------------------------------------------- */

#comparisonChart {
	text-align: center;
	margin: 35px 0px;
}

#comparisonChart table td, #comparisonChart table th {
	text-align: center;
	padding: 15px 0px;
}

#comparisonChart table .featureHeader th {
	border-left-width: 0px;
	padding: 10px 0px 5px 0px;
	font-size: 1.4em;
	font-weight: bold;
}
#comparisonChart table .featureHeader .border {
	border-left: #D7D7D7 solid 1px;
}

#comparisonChart table .featureHeader a {
	outline: none;
}

#comparisonChart table {
	width: 840px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 1.2em;
	background-color: #7A7A7A;
	border: #D7D7D7 solid 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#comparisonChart table th, #comparisonChart table td {
	border-bottom: #D7D7D7 solid 1px;
	border-left: #D7D7D7 solid 1px;
	vertical-align: middle;
}

#comparisonChart thead tr {
	background-color: #343434;
}

#comparisonChart table tbody .rowHead {
	background-color: #f90040;
	font-weight: bold;
}

#comparisonChart table tbody th {
	background-color: #4d4d4d;
	text-align: left;
	padding: 10px 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#comparisonChart table tfoot tr {
	background-color: #343434;
}

#comparisonChart .check {
	background: url(../img/comparisonCheckIcon.jpg) no-repeat;
	padding-left: 30px;
	padding-bottom: 30px;
	position: relative;
	bottom: .5em;
}





#freeaccount {position:absolute; z-index:5; top:45px; right:25px; 
width:95px;
height:49px;
overflow:hidden; 
background:url(../img/icon-freeaccount.gif) no-repeat;
}

#btn-freepublisheraccount {
margin:30px 0 0 5px;
width:252px;
height:45px;
overflow:hidden; 
text-indent:-9999em;
display:block; 
border: 0;
outline:0;
background:url(../img/btn-freepublisheraccount.gif) no-repeat;
}