/**** BODY ***/
html, body { background:#293a4e url(../img/backgroundGradient.jpg) repeat-x; text-align:center; margin:0; padding:0; }
#siteWrap { position:relative; background:#fff; text-align:left; width:964px; margin:0 auto; padding:0; }
/*******/
/**** HEADER ***/
#headerWrap { background:url(../img/headerImage_interior.jpg) no-repeat; height:149px; z-index:999; position:relative; }
#homepageLayout #headerWrap { background:url(../img/headerImage_home.jpg) no-repeat; height:450px; }
#headerWrap #logo { padding:3px 0 3px 37px; }
#headerWrap #logo IMG { display:block; }
/*******/
/**** NAV ***/
#nav { position:relative; z-index:998; float:left; width:908px; height:40px; background:url(../img/navBackground.png) repeat-x; padding:6px 28px 0 28px; }
#homepageLayout #nav { padding-bottom:10px; }
#nav ul { position:relative; z-index:998; margin:0; padding:0 11px; list-style-type:none; float:left; }
#nav ul li { position:relative; z-index:998; margin:0; padding:0; float:left; }
#nav ul li a,
#nav ul li a:link,
#nav ul li a:active,
#nav ul li a:visited { padding:0 9px; float:left; text-decoration:none; font:bold 14px/40px arial; color:#293a4e; }
#nav ul li a:hover { text-decoration:none; color:#333; }
#nav ul ul { display:none; padding:0; }
#nav ul li.parent:hover ul { border:1px solid #d9d9d9; border-width:1px 1px 0 1px; display:block; position:absolute; top:40px; left:-1px; width:200px; padding:0; }
#nav ul li.parent:hover ul ul { display:none; }
#nav ul li.parent:hover ul li { left:0; background:#fff; clear:both; border-bottom:1px solid #d9d9d9; width:200px; }
#nav ul li.parent:hover ul li a,
#nav ul li.parent:hover ul li a:link,
#nav ul li.parent:hover ul li a:active,
#nav ul li.parent:hover ul li a:visited { background:none; width:180px; padding:0 10px; text-transform:none; font:normal 13px/25px "Trebuchet MS"; color:#666; }
#nav ul li.parent:hover ul li a:hover { }
#nav ul li.parent:hover ul li.parent { background:#fff url(../img/navArrow.gif) no-repeat 180px 50%; }
#nav ul li.parent:hover ul li:hover,
#nav ul li.parent:hover ul li.current { background:#eee; }
#nav ul li.parent:hover ul li:hover a,
#nav ul li.parent:hover ul li.current a { color:#333; }
#nav ul li.parent:hover ul li:hover UL LI a,
#nav ul li.parent:hover ul li.current UL LI a { color:#666; }
#nav ul li.parent:hover li.parent:hover ul li:hover a,
#nav ul li.parent:hover li.parent:hover ul li.current a { color:#333; }
#nav ul li.parent:hover li.parent:hover ul li:hover UL LI a,
#nav ul li.parent:hover li.parent:hover ul li.current UL LI a { color:#666; }
#nav ul li.parent:hover ul li.parent:hover li.parent:hover ul li:hover a,
#nav ul li.parent:hover ul li.parent:hover li.parent:hover ul li.current a { color:#333; }
#nav ul li.parent:hover ul li.parent:hover { background:#eee url(../img/navArrow.gif) no-repeat 180px 50%; }
#nav ul li.parent:hover ul li.parent:hover ul { border-top:1px solid #d9d9d9; display:block; top:-1px; left:200px; }
#nav ul li.parent:hover ul li.parent:hover ul li { }
#nav ul li.parent:hover ul li.parent:hover ul ul { display:none; }
#nav ul li.parent:hover ul li.parent:hover ul li.parent:hover ul { border-top:1px solid #d9d9d9; display:block; top:-1px; left:200px; }
/*******/
/**** MAIN ***/
#mainWrap { background:url(../img/mainGradient.gif) repeat-x; float:left; width:934px; padding:0 15px; }
/*******/
/**** MAIN IMAGE ***/
#mainImageWrap { position:relative; padding:40px; background:url(../img/mainImage.jpg) no-repeat; height:165px; }
#mainImageWrap .callout { position:absolute; bottom:40px; left:40px; width:698px; }
#mainImageInterior { background:url(../img/mainImageInterior.jpg) no-repeat; height:100px; }
/*******/
/**** TEXT ***/
#textWrap { float:left; width:596px; padding:20px 22px; }
/*******/
/**** UTILITY WRAP ***/
#utilityWrap { float:left; width:250px; padding:20px 22px; }
/*******/
/**** TEXT ***/
#additionalTextWrap { clear:both; float:left; width:423px; padding:20px 22px; }
/*******/
/**** UTILITY WRAP ***/
#additionalUtilityWrap { float:left; width:423px; padding:20px 22px; }
/*******/
/**** PRODUCTS ***/
#productsWrap { clear:both; margin:0 22px; padding:20px 0 0 0; }
#productsWrap .group { float:left; padding:0 0 52px 0; position:relative; }
#productsWrap #fresheningBlend { }
#productsWrap #muscleRescueBlend { margin:0 -10px 0 0; }
#productsWrap .group H3 { background:url(../img/productGroupHeadingCorners.png) no-repeat; margin:0; padding:0; font:bold 18px/42px arial; color:#fff; position:absolute; bottom:0; left:0; width:440px; text-align:center; }
#productsWrap #fresheningBlend H3 { background-color:#c9cc70; }
#productsWrap #muscleRescueBlend H3 { background-color:#6ab29e; }
#productsWrap .group H3 A { text-decoration:none; color:#fff; }
#productsWrap .group H3 A:hover { text-decoration:none; color:#fff; }
#productsWrap .group .product { margin:0 10px 0 0; position:relative; width:140px; height:172px; float:left; text-align:center; }
#productsWrap #fresheningBlend .product { background:url(../img/yellowProductBackground.jpg) no-repeat; }
#productsWrap #muscleRescueBlend .product { background:url(../img/blueProductBackground.jpg) no-repeat; }
#productsWrap .group .product A { text-decoration:none; position:absolute; bottom:0; left:0; width:100%; text-align:center; }
#productsWrap .group .product A:hover { text-decoration:none; }
#productsWrap .group .product IMG { margin:0 auto; }
#productsWrap .group .product SPAN { display:block; font:bold 12px/24px arial; color:#293a4e; }
/*******/
/**** FOOTER ***/
#footerWrap { clear:both; padding:13px 37px; }
#footerWrap P { font:bold 11px/14px arial; color:#949ca6; }
/*******/
/**** PREATION FOOTER LOGO ***/
body { position:relative; padding-bottom:69px; }
#preationFooterLogo { position:absolute; bottom:1px; right:1px; }
#preationFooterLogo IMG { display:block; }
/*******/