/* ---------------------------------------------------------------
 * Promo boxes
 * --------------------------------------------------------------- */

/* The steps promo left */
div#promo-steps
{
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 540px;
	overflow: hidden;
}
div#promo-steps-top
{
	margin: 0;
	background-image: url(/images/promo/three-steps-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 97px 0 0;
	height /* */: 97px;
}
/* this fixes something funky in opera */
div#promo-steps-top h2, div#promo-steps-top h3, div#promo-steps-top ol, div#promo-steps-top li
{
	margin: 0;
	padding: 0;
}
h2#promo-steps-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/promo/three-steps-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 530px;
	height: 23px;
}
h2#promo-steps-link a
{
	display: block;
	margin: 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}


/* The price promo */
div#promo-price
{
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 200px;
	overflow: hidden;
}
h2#promo-price-top
{
	margin: 0;
	background-image: url(/images/promo/price-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 97px 0 0;
	height /* */: 97px;
}
h2#promo-price-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/promo/price-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	height: 23px;
}
h2#promo-price-link a
{
	display: block;
	margin: 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 10px;
}



/* The editor promo */
div#promo-edit
{
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 180px;
	overflow: hidden;
}
h2#promo-edit-top
{
	margin: 0;
	background-image: url(/images/promo/promo-edit-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 97px 0 0;
	height /* */: 97px;
}
h2#promo-edit-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/promo/promo-edit-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 180px;
	height: 23px;
}
h2#promo-edit-link a
{
	display: block;
	margin: 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}


/* The search promo */
div#promo-search
{
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 180px;
	overflow: hidden;
}
h2#promo-search-top
{
	margin: 0;
	background-image: url(/images/promo/promo-search-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 97px 0 0;
	height /* */: 97px;
}
h2#promo-search-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/promo/promo-search-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 180px;
	height: 23px;
}
h2#promo-search-link a
{
	display: block;
	margin: 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}


/* The name promo */
div#promo-name
{
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 180px;
	overflow: hidden;
}
h2#promo-name-top
{
	margin: 0;
	background-image: url(/images/promo/promo-name-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 97px 0 0;
	height /* */: 97px;
}
h2#promo-name-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/promo/promo-name-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 180px;
	height: 23px;
}
h2#promo-name-link a
{
	display: block;
	margin: 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}


/* The logo promo */
div#promo-logo
{
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 200px;
	overflow: hidden;
}
h2#promo-logo-top
{
	margin: 0;
	background-image: url(/images/promo/promo-logo-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 97px 0 0;
	height /* */: 97px;
}
h2#promo-logo-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/promo/promo-logo-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	height: 23px;
}
h2#promo-logo-link a
{
	display: block;
	margin: 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}


/* The portfolio promo */
div#promo-portfolio
{
	margin: 9px 0 0 0;
	padding: 0;
	float: left;
	width: 200px;
	overflow: hidden;
}
h2#promo-portfolio-top
{
	margin: 0;
	background-image: url(/images/promo/portfolio-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 0 !important;
	overflow: hidden;
	padding: 97px 0 0;
	height /* */: 97px;
}
h2#promo-portfolio-link
{
	margin: 0;
	padding: 0;
	background-image: url(/images/promo/portfolio-link.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 200px;
	height: 23px;
}
h2#promo-portfolio-link a
{
	display: block;
	margin: 0;
	line-height: 23px;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 10px;
}