/* 
Title:     Factor Software's products appearance style sheet
Author:    Federico Filipponi
*/

/* Styles for platform and price in home and products pages
---------------------------------------------------------- */
div.platform {
	float: left;
	width: 70%;
}

div.price {
	float: right;
	width: 30%;
	text-align: right;
}

/* Styles for product order pages
---------------------------------------------------------- */
div.product_order {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}

div.product_order.grid {
	float: left;
	margin-left: 2px;
	width: 33%;
}

div.product_order h3 {
	display: inline-block;
	position: relative;
	left: 84px;
	margin: 4px 0;
	padding: 0;
	font: bold 1.5em Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
	border: none;
	background: none;
}

div.product_order.grid h3 {
	display: block;
	position: static;
}

div.product_order p {
	display: inline-block;
	margin-bottom: 4px;
	min-height: 2.2em;
	font-size: 0.8em;
	vertical-align: middle;
}

div.product_order.grid p {
	display: block;
	min-height: 0;
}

div.product_order#boom img.icon {
	position: relative;
	left: -6.3em;
}

div.product_order#germs img.icon {
	position: relative;
	left: -6.5em;
}

div.product_order#macpipes img.icon {
	position: relative;
	left: -11em;
}

div.product_order#xpipes img.icon {
	position: relative;
	left: -17.2em;
}

div.product_order.grid#boom img.icon, 
div.product_order.grid#germs img.icon, 
div.product_order.grid#macpipes img.icon,
div.product_order.grid#xpipes img.icon {
	position: static;
}

/* Styles for product titles
---------------------------------------------------------- */
div.product_title {
	display: block;
	position: relative;
	height: 32px;
}

div.product_title h3 {
	display: inline;
	margin: 0;
	padding: 0 0 0 48px;
	font: bold 1.5em Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
	line-height: 32px;
	border: none;
	background: none;
}

div.product_title img {
	vertical-align: middle;
}

div.product_title img.icon {
	position: absolute;
	top: 0;
	left: 8px;
}

div.product_title_big {
	display: block;
	position: relative;
	height: 70px;
	overflow: hidden;
}

div.product_title_big h3 {
	margin: 0;
	padding: 0 0 0 114px;
	font: bold 1.5em Tahoma, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	line-height: 70px;
	border: none;
	background: none;
}

div.product_title_big h3 img { /* controls the update badge */
	position: relative;
	left: 8px;
	top: -2px;
	vertical-align: middle;
}

div.product_title_big img.scrn {
	position: absolute;
	top: 0;
	left: 8px;
}

div.product_title_big img.icon {
	position: absolute;
	top: 2px;
	right: 8px;
}

div.product_title_big h3#xpipes {
	background: url(/images/title_bkgrd_xpipes.png) repeat-x center;
}

div.product_title_big h3#boom {
	background: url(/images/title_bkgrd_boom.png) repeat-x center;
}

div.product_title_big h3#germs {
	background: url(/images/title_bkgrd_germs.png) repeat-x center;
}

div.product_title_big h3#macpipes {
	background: url(/images/title_bkgrd_macpipes.png) repeat-x center;
}

div.product_title_small {
	margin-top: 8px;
}

div.product_title_small h4 {
	display: inline;
	margin: 0 8px;
	padding: 0;
	font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
}

div.product_title_small img {
	vertical-align: middle;
}

/* Product info, download and order small buttons
---------------------------------------------------------- */
ul.smallbuttons {
	width: auto;
	height: 24px;
	margin: 0 0 8px 8px;
	padding: 8px 0 0;
	list-style-type: none;
}

ul.smallbuttons li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.smallbuttons li a {
	float: left;
	width: 94px;
	height: 0 !important;
	height: 24px;
	margin-left: 0;
	margin-right: 10px;
	padding: 24px 0 0;
}

ul.smallbuttons li a strong {
	display: none;
}

ul.smallbuttons li.info a {
	background: url(/images/but_small_info.png) no-repeat 0 0;
}

ul.smallbuttons li.dwnld a {
	background: url(/images/but_small_dwnld.png) no-repeat 0 0;
}

ul.smallbuttons li.order a {
	background: url(/images/but_small_order.png) no-repeat 0 0;
}

ul.smallbuttons li.info a:hover, 
ul.smallbuttons li.dwnld a:hover, 
ul.smallbuttons li.order a:hover {
	background-position: 0 -24px;
}

div.roundbox ul.smallbuttons {
	margin-bottom: 0;
}

/* Localizations */

html:lang(it) ul.smallbuttons li.info a {
	background-image: url(/images/but_small_info_it.png);
}

html[lang=it] ul.smallbuttons li.info a {
	background-image: url(/images/but_small_info_it.png);
}

html:lang(it) ul.smallbuttons li.dwnld a {
	background-image: url(/images/but_small_dwnld_it.png);
}

html[lang=it] ul.smallbuttons li.dwnld a {
	background-image: url(/images/but_small_dwnld_it.png);
}

html:lang(it) ul.smallbuttons li.order a {
	background-image: url(/images/but_small_order_it.png);
}

html[lang=it] ul.smallbuttons li.order a {
	background-image: url(/images/but_small_order_it.png);
}

html:lang(fr) ul.smallbuttons li.info a {
	background-image: url(/images/but_small_info_fr.png);
}

html[lang=fr] ul.smallbuttons li.info a {
	background-image: url(/images/but_small_info_fr.png);
}

html:lang(fr) ul.smallbuttons li.dwnld a {
	background-image: url(/images/but_small_dwnld_fr.png);
}

html[lang=fr] ul.smallbuttons li.dwnld a {
	background-image: url(/images/but_small_dwnld_fr.png);
}

html:lang(fr) ul.smallbuttons li.order a {
	background-image: url(/images/but_small_order_fr.png);
}

html[lang=fr] ul.smallbuttons li.order a {
	background-image: url(/images/but_small_order_fr.png);
}

html:lang(es) ul.smallbuttons li.info a {
	background-image: url(/images/but_small_info_es.png);
}

html[lang=es] ul.smallbuttons li.info a {
	background-image: url(/images/but_small_info_es.png);
}

html:lang(es) ul.smallbuttons li.dwnld a {
	background-image: url(/images/but_small_dwnld_es.png);
}

html[lang=es] ul.smallbuttons li.dwnld a {
	background-image: url(/images/but_small_dwnld_es.png);
}

html:lang(es) ul.smallbuttons li.order a {
	background-image: url(/images/but_small_order_es.png);
}

html[lang=es] ul.smallbuttons li.order a {
	background-image: url(/images/but_small_order_es.png);
}

/* Product "Buy Now" small button
---------------------------------------------------------- */
a.buybutton {
	display: block;
	width: 76px;
	height: 0 !important;
	height: 20px;
	margin-left: 15px;
	padding: 20px 0 0;
	background: url(/images/but_small_buy.png) no-repeat 0 0;
	overflow: hidden;
}

a.buybutton:hover {
	margin-left: 15px; /* Fix for iCab 3.0 */
	background-position: 0 -20px;
}

/* Localizations */

html:lang(it) a.buybutton {
	background-image: url(/images/but_small_buy_it.png);
}

html[lang=it] a.buybutton {
	background-image: url(/images/but_small_buy_it.png);
}

html:lang(fr) a.buybutton {
	background-image: url(/images/but_small_buy_fr.png);
}

html[lang=fr] a.buybutton {
	background-image: url(/images/but_small_buy_fr.png);
}

html:lang(es) a.buybutton {
	background-image: url(/images/but_small_buy_es.png);
}

html[lang=es] a.buybutton {
	background-image: url(/images/but_small_buy_es.png);
}

/* Product "Buy Now" big button
---------------------------------------------------------- */
a.bigbuybutton {
	display: block;
	width: 132px;
	height: 0 !important;
	height: 40px;
	margin: 0 auto 8px;
	padding: 40px 0 0;
	background: url(/images/but_big_buy.png) no-repeat 0 0;
	overflow: hidden;
}

a.bigbuybutton:hover {
	background-position: 0 -40px;
}

/* Localizations */

html:lang(it) a.bigbuybutton {
	background-image: url(/images/but_big_buy_it.png);
}

html[lang=it] a.bigbuybutton {
	background-image: url(/images/but_big_buy_it.png);
}

html:lang(fr) a.bigbuybutton {
	background-image: url(/images/but_big_buy_fr.png);
}

html[lang=fr] a.bigbuybutton {
	background-image: url(/images/but_big_buy_fr.png);
}

html:lang(es) a.bigbuybutton {
	background-image: url(/images/but_big_buy_es.png);
}

html[lang=es] a.bigbuybutton {
	background-image: url(/images/but_big_buy_es.png);
}

/* Product download and order big buttons
---------------------------------------------------------- */
ul.bigbuttons {
	height: 40px;
	margin: 0 0 8px 8px;
	padding: 8px 0 0;
	list-style-type: none;
}

ul.bigbuttons li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.bigbuttons li a {
	float: left;
	width: 132px;
	height: 0 !important;
	height: 40px;
	margin-right: 18px;
	padding: 40px 0 0;
}

ul.bigbuttons li a strong {
	display: none;
}

ul.bigbuttons li.dwnld a {
	background: url(/images/but_big_dwnld.png) no-repeat 0 0;
}

ul.bigbuttons li.order a {
	background: url(/images/but_big_order.png) no-repeat 0 0;
}

ul.bigbuttons li.dwnld a:hover, 
ul.bigbuttons li.order a:hover {
	background-position: 0 -40px;
}

/* Localizations */

html:lang(it) ul.bigbuttons li.dwnld a {
	background-image: url(/images/but_big_dwnld_it.png);
}

html[lang=it] ul.bigbuttons li.dwnld a {
	background-image: url(/images/but_big_dwnld_it.png);
}

html:lang(it) ul.bigbuttons li.order a {
	background-image: url(/images/but_big_order_it.png);
}

html[lang=it] ul.bigbuttons li.order a {
	background-image: url(/images/but_big_order_it.png);
}

html:lang(fr) ul.bigbuttons li.dwnld a {
	background-image: url(/images/but_big_dwnld_fr.png);
}

html[lang=fr] ul.bigbuttons li.dwnld a {
	background-image: url(/images/but_big_dwnld_fr.png);
}

html:lang(fr) ul.bigbuttons li.order a {
	background-image: url(/images/but_big_order_fr.png);
}

html[lang=fr] ul.bigbuttons li.order a {
	background-image: url(/images/but_big_order_fr.png);
}

html:lang(es) ul.bigbuttons li.dwnld a {
	background-image: url(/images/but_big_dwnld_es.png);
}

html[lang=es] ul.bigbuttons li.dwnld a {
	background-image: url(/images/but_big_dwnld_es.png);
}

html:lang(es) ul.bigbuttons li.order a {
	background-image: url(/images/but_big_order_es.png);
}

html[lang=es] ul.bigbuttons li.order a {
	background-image: url(/images/but_big_order_es.png);
}

/* Styles for product home pages layout
---------------------------------------------------------- */
div.screenshots {
	width: 240px;
}

div.narrowcolumn { /* container for awards and ratings */
	float: left;
	width: 268px;
}

div.widecolumn { /* container for reviews */
	float: left;
	width: 490px;
}

div.osicon_big {
	float: left;
	width: 116px;
	margin-right: 8px;
}

div.reqs {
	min-width: 380px;
	max-width: 460px;
	min-height: 70px;
	margin: 0 8px;
	padding: 2px;
	color: #333333;
	background-color: #E0E0E0;
	border: 1px solid #CCCCCC;
}

div.scores {
	width: 370px;
}

div.murating {
	margin: 4px auto;
	width: 125px;
}

/* Styles for product "Facebook" button
---------------------------------------------------------- */
div.fb {
	float: left;
	max-width: 200px;
	margin: 8px 0;
	padding: 0;
}

div.fb img {
	float: left;
}

div.fb div {
	float: right;
	width: 78%;
	margin: auto 0;
}

div.fb a {
	color: #003366;
	font-size: 0.75em;
	font-weight: bold;
}