@charset "utf-8";
/* CSS Document */

body { background:url(../images/CRONSGrid.gif) repeat; font-family:Arial, Helvetica, sans-serif; color:#333333; margin:0px; padding:0px; text-align: center; }

#masterForm input { border: 0px !important; background: none !important; padding: 0px 0px 0px 6px; }

#contentHolder { background:url(../images/glowOutsideEdge.png) repeat-y center; width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
#contentMain { position:relative; background:url(../images/CRONSBodyGrid.gif) repeat-y; width:996px; margin-left: auto; margin-right: auto; }

#footerHolder { background:url(../images/glowBottom.png) no-repeat center; width: 100%px; height: 89px; margin-left: auto; margin-right: auto; text-align: left; }

/* HOMEPAGE */
#mainBars { position:absolute; width:962px; height:600px; left:10px; top:93px; z-index:3; }
#leftBars { position:relative; width:16px; left:10px; top:93px; z-index:3; }
#rightBars { position:relative; width:16px; left:956px; top:93px; z-index:3; }
#silverBars { background: url(../images/silverBarsWhite.png) 0px -70px; width: 962px; position:relative; left:10px; top:50px; z-index:0; }
.bottomShading { background:url(../images/bottomShading.png) no-repeat bottom; }
#bodyTopSpacer { height:20px; }
#bodySpacer { height:10px; }
#bodyBottomSpacer { height:30px; position:relative; }
#silverInlay { position:relative; width:882px; background:url(../images/silverInlay.png) no-repeat; }
#silverInlayMenu { position:relative; width:694px; background:url(../images/silverInlayMenu.png) no-repeat; }
#silverInlayBottom { background:url(../images/silverInlayBottom.png) no-repeat; height: 86px; position:relative; width:882px; }
#silverInlayBottomMenu { background:url(../images/silverInlayMenuBottom.png) no-repeat; height: 86px; position:relative; width:694px; }
#secondaryMenuHolder { width: 188px; overflow:visible}
#secondaryMenu { background:url(../images/sMenuBackground.png) no-repeat; width: 188px; height: 38px; padding: 0px; margin:0px; position:relative; overflow:hidden; }

#bottomBars { position:absolute; width:962px; height:66px; left:10px; top:500px; z-index:2; }
#bottomBarsSecondary { position:relative; width:962px; height:66px; left:10px; top:0px;  z-index:2; }
#flashHolder { position:absolute; width:938px; height:422px; top:82px; left:20px; z-index:1; }
.toutDivider { width:28px; }

/* TEXT DECLARATIONS */
.greyText { font-size:12px; color:#333333; }
.greyTextHeader { font-size:14px; color:#333333; font-weight: bold;}
.greyTextSmall { font-size:9px; color:#333333; }
.orangeText { font-size:12px; color:#ff5e0a; }
a.orangeText { color:#ff5e0a; text-decoration: none; }
a.orangeText:hover, a.orangeText:visited:hover { color:#ff5e0a; text-decoration: underline; }
a.orangeText:visited { color:#ff5e0a; text-decoration: none; }

.footer { font-size:10px; }
a.footer { color:#561c00; text-decoration: none; }
a.footer:hover, a.footer:visited:hover { color:#ffca17; text-decoration: underline; }
a.footer:visited { color:#561c00; text-decoration: none; }

/* HEADER MENU */
#hMenu { position: relative; width:131px; padding:0px; margin:0px; height: 18px; display: inline; overflow: hidden; list-style: none;	}
#hMenu li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#hMenu a { float: left; margin: 0 0 0 0; padding: 18 0 0 0; overflow: hidden; height: 0px !important; height /**/:18px; /* for IE5/Win */ }
#hMenu a:hover, #hMenu a:active, #hMenu a.selected { background-position: 0 -19px; }

#hHome a { width: 42px; background: url(../images/mHome.png) top left no-repeat; behavior: url(iepngfix.htc); }
#hContact a { width: 66px; background: url(../images/mContactUs.png) top left no-repeat; behavior: url(iepngfix.htc); }
#hOrdering a { width: 80px; background: url(../images/mOrderingInfo.png) top left no-repeat; behavior: url(iepngfix.htc); }
#hSignIn a  { width: 46px; background: url(../images/mSignIn.png) top left no-repeat; behavior: url(iepngfix.htc); }
#hYourCart a  { width: 57px; background: url(../images/mYourCart.png) top left no-repeat; behavior: url(iepngfix.htc); }

/* MAIN MENU */
#masterHomeContainer { position:relative; text-align:left; }
#menuGrill { background:url(../images/silverBarsWhite.png) no-repeat 0px 80px; position:absolute; height:153px; width:962px; z-index:4; left:10px; }
#mainMenu { position: absolute; width:962px; height:93px; z-index:5; left:46px; }
#mainMenuSecondary { position: absolute; width:962px; height:93px; z-index:5; left:30px; }
#mMenuHolder { position:absolute; top:26px; }
#secondaryLogo { position:absolute; top: -70px; left:370px; background:url(../images/secondaryLogo.png) no-repeat; width:185px; height:198px; }

#mMenu { position: relative; width:915px; padding:0px; margin:0px; height: 38px; display: inline; overflow: hidden; list-style: none;	}
#mMenu li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#mMenu a { float: left; margin: 0 30 0 0; padding: 38 0 0 0; overflow: hidden; height: 0px !important; height /**/:38px; /* for IE5/Win */ }
#mMenu a:hover, #mMenu a:active, #mMenu a.selected { background-position: 0 -39px; }

#sMenu { position: relative; width:930px; padding:0px; margin:0px; height: 38px; display: inline; overflow: hidden; list-style: none;	}
#sMenu li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#sMenu a { float: left; margin: 0 15 0 0; padding: 38 0 0 0; overflow: hidden; height: 0px !important; height /**/:38px; /* for IE5/Win */ }
#sMenu a:hover, #sMenu a:active, #sMenu a.selected { background-position: 0 -39px; }

#mGear a { width: 95px; background: url(../images/mTeamGear.png) top left no-repeat; behavior: url(iepngfix.htc); }
#mLifestyle a { width: 123px; background: url(../images/mLifestyle.png) top left no-repeat; behavior: url(iepngfix.htc); }
#mNutritional a { width: 153px; background: url(../images/mNutritional.png) top left no-repeat; behavior: url(iepngfix.htc); }
#mSpacer a  { width: 90px; background: url(../images/clearPixel.gif) top left no-repeat; behavior: url(iepngfix.htc); }
#mSchool a  { width: 137px; background: url(../images/mSchool.png) top left no-repeat; behavior: url(iepngfix.htc); }
#mMentality a  { width: 132px; background: url(../images/mMentality.png) top left no-repeat; behavior: url(iepngfix.htc); }
#mOurStory a  { width: 95px; background: url(../images/mOurStory.png) top left no-repeat; behavior: url(iepngfix.htc); }

.formRight { background:url(../images/formFieldRight.png) right; }

h1 { font-size: 12px; padding: 0px; margin: 0px; }
h2 { font-size: 12px; padding: 0px; margin: 0px; }
h3 { font-size: 36px; padding: 0px; margin: 0px; text-transform:capitalize; }

/* SIFR */
.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
b.OrangeTxt,
b.yellowTxt,
b.GreyTab,
b.OrangeTab,
b.yellowTxtBig,
b.GreyTxt,
.secondaryMenu,
.toutHeading {
	visibility: hidden;
}

.sIFR-active h1 { padding: 2 0 0 0; }
.sIFR-active h2 { padding: 2 0 0 0; }
.sIFR-active h3 { 
	padding: 0 0 0 0;
	visibility: hidden;
  	font-family: Verdana;
  	line-height: 1em;
  	font-size: 28px;
	text-transform:capitalize;	
}
h3 .sup { 
  	font-size: 15px;
}

b.OrangeTxt { padding: 0px; margin: 0px; }
b.yellowTxt { padding: 0px; margin: 0px; height: 18px; overflow:hidden;  }

.sHeader { height: 36px; overflow:hidden; padding: 0px; margin: 0px; }
#secondaryMenu { padding: 6px 0px 0px 12px; }
#TertiaryMenu { padding: 0px 0px 0px 12px; }

.toutHeading {
  	font-size: 20px;
	padding: 0px; margin: 0px; 
	}	

.sIFR-active .toutHeading {
  	font-size: 20px;
	padding: 0px; margin: 0px;
}

.proTab { background:url(../images/proTabMiddle.gif) repeat-x; }
.proTabOff { background:url(../images/proTabMiddleOff.gif) repeat-x; }
.proMiddle { background:url(../images/proBarMiddle.gif) repeat-y; } 
.contactArea { background:url(../images/contactField.png) no-repeat; width:260px; height:189px; }

img, div, input, .bottomShading { border: 0px; behavior: url(iepngfix.htc); }

#mainFooter{width:800px; height: 160px; display:block; padding:5px 0;color:#fff;  font-style: italic; background: url(/images/stories/bottom-quote-box.png) 0 0 no-repeat;}
#homeFooter{width:800px; height: 160px; display:block; padding:5px 0;color:#fff;  font-style: italic; background: url(/images/stories/bottom-home-photos.png) 0 0 no-repeat;}
#column_leftFooter{width:210px; margin-left: 5px;margin-right:20px; float:left; padding:5px}
#column_rightFooter{width:256px; margin-right:5px; float:left;padding:5px}
#column_leftHome{width:190px; margin-left: 5px;margin-right:20px; float:left; padding:5px}
#column_homeFooter{width: 306px; margin-right:15px; float:left;padding:5px}
#column_right_adsenseFooter{width:210px; float:left;padding:5px; margin-left:15px;}
div.spacerFOOTER{clear:both; height:10px; display:block;}
.trilink{color: blue;}

#footer {font-size: .8em;}
#mainFooter{width:1005px;  display:block; }

#column_leftFooter1{width:185px; height: 151px; float:left;border-right: solid #777 1px; margin-right: 10px; }
#column_LeftFooter2{width:185px; height: 151px;float:left;border-right: solid #777 1px; margin-right: 10px; }
#column_middle{width:170px;height: 151px;float:left;border-right: solid #777 1px; margin-right: 10px; }
#column_homeFooter{width: 185px; height: 151px; float:left;border-right: solid #777 1px; margin-right: 10px;}
#column_rightFooter1{width:185px; height: 151px;float:left; border-right: solid #777 1px;margin-right: 10px;}
#column_rightFooter2{width:185px; float:left;}

#mainFooter2{width:1008px;  display:block; }
#column_LeftFooter22{width:195px; height: 151px;float:left;border-right: solid #777 1px; margin-right: 10px; }
#column_rightFooter22{width:175px; float:left;}