﻿/* landing_page.css */
.HeroModuleLanding .browseCategory
{
    margin-left: 50px;
    float: left;
    display: inline;
    margin-bottom: -35px;
    position: relative;
}

.HeroModuleBackGround, .HeroModuleBackGroundLeft, .HeroModuleBackGroundCenter
{
    float: left;
    width:932px;
    height:354px;
}
.HeroModuleBackGroundLeft .articleSmall
{
   margin: 50px 0 0 51px !important;
}

.HeroModuleBackGroundCenter .articleSmall
{
   margin: 50px 0 0 410px !important;
}

.HeroModuleLanding .articleSmall
{
    margin: 50px 0 0 768px;
}

.HeroModuleLanding
{
    float: left;
    margin: 0 0 15px 0;
}
 /* three articles in front of a gradient */
.presentationFull {
	background: url(../../images/layout/bg_presentation.jpg) repeat-x scroll left bottom;
	float: left;
	font-size: 8pt;
	height: 350px;
	margin: 10px 0 20px;
	overflow: hidden;
	padding: 17px 0 0;
	width: 932px;
}
.presentationFull .article {
	background:transparent none no-repeat scroll 24px top;
	display: inline;
	float: left;
	margin: 0 0 0 70px;
	padding-left: 15px;
	width: 200px;
}
.presentationFull .article h1 {
	font-size:8pt;
	line-height:13pt;
	margin:0;
	min-height:35px;
	padding:0;
}
.presentationFull .browseCategory {	float: left; height: 50px; padding-left: 40px; width: 932px;}
.presentationFull .browseCategory .browseCategoryLink {	display: block;	float: left; }
.presentationFull .browseCategoryLink {  margin: 7px 0 0 11px; }

.browseCategory .button { margin: 3px 5px 0 0; }
.presentationFull .button {	margin-right: 3px; }


/* --------- one article in a rounded box on landing page -------- */
.landingProduct { display: inline; float: left; margin: 10px 0 0 22px; width: 525px;}  
.landingProduct .browseCategoryLink { float: left; margin: 7px 0 0 11px; }
.landingProductBody img { display: inline; margin-left: 80px !important; }  
.landingProductHeader {	padding: 18px 18px 10px 18px;	margin: 0; }
.landingProductBody { height: 225px; margin: -2em 0 0 0 ; padding: 18px;	}
.landingProductFooter {	}  
.landingProductFooter span { display: block; margin: -25px 0 0 0; padding: 18px;}

/* --------- two articles in a rounded box on landing page -------- */
.landingProducts { display: inline; float: left; margin: 10px 0 0 5px;	width: 357px; } 
.landingProducts .browseCategoryLink { float: left; margin: 7px 0 0 11px !important;}
.landingProductsHeader { padding: 18px 18px 10px 18px; margin: 0; height: 30px; overflow: hidden;}
.landingProductsBody { height: 227px; margin: -2em 0 0 0 ; padding: 11px 18px 0px 18px;}
.landingProductsFooter span { display: block; margin: -25px 0 0 0; padding: 18px;}
.landingProducts .articleSmall { margin: 0 0 10px 35px !important; width: 115px; }
.landingProducts .rightArticle { margin-left: 48px; }
.landingProducts .browseCategoryLink { padding-bottom: 0; }
.landingProductsBody .headlineArticle h2 { min-height: 40px; }

.landingProductFullscreen
{ display: inline; float: left; margin: 12px 6px 0 22px; width: 519px;}
.landingProductFullscreenHeader
{ float: left; margin:0; width: 519px; height: 15px;}

.landingProductFullscreenBody
{  float: left; margin:0; width: 489px; height: 250px;}

.landingProductFullscreenLeft
{ float: left; width: 15px; height: 250px;}

.landingProductFullscreenRight
{ float: left; width: 15px; height: 250px;}

.landingProductFullscreenFooter
{ float: left; margin:0; width: 519px; height: 15px;}

.landingProductFullscreen .browseCategory
{ margin-left: 13px; }
.Article .browseCategory .browseCategoryLink { float: left; margin-top: 0; }


/* Five articles in a box with rounded corners */
div.Article { display: inline; float: left; margin-left: 22px;	width: 887px;} 
div.Article .browseCategoryLink { margin: 7px 0 0 11px;}
div.ArticleHeader {	margin: 0;	padding: 18px 18px 10px 18px; }
div.ArticleBody { margin: 0; margin-top: -1em; padding: 10px 18px 10px 18px;}
div.ArticleFooter {	 }
div.ArticleFooter span { display: block; margin: -2em 0 0 0; padding: 18px;}
div.ArticleHeader .browseCategory {	float: none; }
div.ArticleHeader .browseCategoryLink {	margin-top: 7px !important;	float: left; }
* html div.ArticleHeader .browseCategoryLink { margin-left: 5px !important; }


/* five products in one box with rounded corners */
div.Article { display: inline; float: left; margin-left: 22px; width: 887px;} 
div.ArticleHeader { padding: 18px 18px 10px 18px; margin: 0;}
div.ArticleBody { margin: -1em 0 0 0 ; padding: 10px 18px 18px 18px;}
div.ArticleFooter {	}
div.ArticleFooter span { display: block; margin: -2em 0 0 0; padding: 18px;}

/* landing page - landingproduct png fix */
.landingProductBodyImageIE6PngFix {	margin-left: 80px; margin-top: 18px;}

/* centered products */
.articleRow5 .rightArticle { float: left; width: 123px;}
.articleRow5 .browseCategory {float: left;}
.articleRow5 .leftArticle {	margin-left: 37px;}
.articleRow5 .middleArticle { margin-left:48px;	margin-right:0px;}
.articleRow5 .articleSmall { margin-bottom: 10px; }
.articleRow5 .headlineArticle h2 { min-height: 30px; }

/* right bottom module */
.rb_module {
	float: left;
	margin: 12px 0 0 31px;
	width: 331px;
}
.rb_moduleHeader, .rb_moduleFooter {
	height: 16px;
	overflow: hidden;
}
.rb_moduleHeader {
	background-position: 0 0;
}
.rb_moduleFooter {
	background-position: 0 -14px;
}
.rb_moduleBody {
	background-repeat: repeat-y;
	height: 250px;
	padding: 0 20px 0 15px;
}
/* end landing_page.css */
