/* ++ Tekno Surgical Homepage Styles ++ */

/* ++ general homepage styles ++ */

#primaryContentHome {
	margin: 0 auto;
	width: 955px;
}

/* top feature area full page width */

#mainFeature {
	background: transparent url(../../img/common/bg_homeIntro_base.gif) bottom left no-repeat;
	padding: 20px;
}

#homeLeft {
	background-color: #ffffff;
	float: left;
	text-align: left;
	width: 450px;
}

#homeRight {
	float: right;
	width: 450px;
}

#homeLeft h1 {
	background-color: transparent;
	color: #233e99;
	font-size: 200%;
	font-weight: normal;
	padding: 0 0 0.5em 0;
}

#homeLeft h2 {
	border-bottom: none;
	font-size: 120%;
	font-weight: normal;
	padding: 0.5em 0;
}

#homeLeft ul {
	font-size: 100%;
	margin-left: 18px;
}

/* ++ homepage featured products area ++ */

#featureArea {
	background-color: #ffffff;
	border-top: 10px solid #ffffff;
	text-align: left;
	width: 955px;
}

#featureArea h2 {
	background-color: #233e99;
	border-bottom: none;
	color: #ffffff;
	font-size: 160%;
	font-weight: normal;
	margin: 0 1px 0.5em 3px;
	padding: 1.0em 20px 0.5em 16px;
}

#featureArea h3 {
	color: #233e99;
	font-size: 125%;
	font-weight: normal;
	margin: 0.5em 5px;
	padding: 0 0 0 12px;
}

/* featured product columns */
div.featureColumn {
	float: left;
	margin: 0 10px 0 3px;
	width: 228px;
	display: inline; /* fixing ie double margin bug */
}

div.featureColumnLast {
	float: left;
	margin: 0 0 0 3px;
	width: 228px;
}

div.featureProduct {
	background: #ffffff url(../../img/homepage/bg_feature_product.gif) top left repeat-y;
	border-top: 1px solid #60c6d4;
	width: 228px;
}

div.featureProduct img {
	float: left;
	margin-right: 10px;
	width: 90px;
}

div.featureProduct p {
	float: left;
	width: 128px;
}

div.featureProduct div.hrClear {
	background-color: #60c6d4;
}

div.featureProdLink {
	border-bottom: 1px solid #60c6d4;
	padding: 3px 0;
	text-align: right;
}

div.featureProdLink a {
	background: #60c6d4 url(../img/homepage/bg_productList_out.gif) top left repeat-y;
	color: #ffffff;
	font-weight: bold;
	padding: 0 0 0 10px;
	text-decoration: none;
}

div.featureProdLink a:link, div.featureProdLink a:visited {
	background: transparent url(../../img/common/icon_moreLink_out.gif) center left no-repeat;
	color: #233e99;
}

div.featureProdLink a:hover, div.featureProdLink a:active {
	background: transparent url(../../img/common/icon_moreLink_over.gif) center left no-repeat;
	color: #233e99;
}

/* Product Category Links at the bottom of the Homepage */

div#productCategoryBox
{
	width:955px;
	margin: 5px 0 10px 3px;
}

div.productCategory
{
	float:left;
	margin-top: 3px;
	margin-right:13px;
	width:228px;		
}

div.productCategoryLast
{
	float:left;
	margin-top: 3px;
	width:228px;		
}

div.productCategory a, div.productCategoryLast a {
	background: #233e99 url(../../img/homepage/bg_productList_out.gif) top left repeat-y;
	color: #ffffff;
	display: block;
	padding: 0.2em 5px 0.2em 25px;
	text-decoration: none;
}

div.productCategory a:link, div.productCategory a:visited, div.productCategoryLast a:link, div.productCategoryLast a:visited {
	background: #233e99 url(../../img/homepage/bg_productList_out.gif) top left repeat-y;
	color: #ffffff;
	text-decoration: none;
}

div.productCategory a:hover, div.productCategory a:active, div.productCategoryLast a:hover, div.productCategoryLast a:active {
	background: #233e99 url(../../img/homepage/bg_productList_over.gif) top left repeat-y;
	color: #ffffff;
	text-decoration: none;
}