/* 

STYLE SHEET FOR [JUICEBLENDZ.com] WEB SITE
Created by Judith Huber
www.judithhuberdesign.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. components
	7. forms
	8. hacks

Notes

*/



/* --------- 1. defaults  --------- */

* {margin: 0;padding: 0;}

@font-face {  
	  font-family: "MuseoSans500";  
	  src: url('../type/MuseoSans-500.eot'); /* IE */  
	  src: local("MuseoSans_500"), local("MuseoSans500"), url('../type/MuseoSans-500.ttf') format("truetype"); /* non-IE */  
	} 


@font-face {  
	  font-family: "FertigoProRegular";  
	  src: url('../type/FertigoPro-Regular.eot'); /* IE */  
	  src: local("Fertigo Pro"), url('../type/FertigoPro-Regular.ttf') format("truetype"); /* non-IE */  
	} 

@font-face {  
	  font-family: "MgOpenModernaBold";  
	  src: url('../type/MgOpenModernaBold.eot'); /* IE */  
	  src: local("MgOpen Moderna Bold"), url('../type/MgOpenModernaBold.ttf') format("truetype"); /* non-IE */  
	} 

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#666666;
	background: url(../i/bg_JB_mainRadial.png) no-repeat top center #AECA21;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
	width:1044px;
	background-color:transparent;
	margin:0 auto 40px auto;
		}
		
#header {
	height:191px;
	padding:0 12px;
	background:url(../i/header_shdw.png) center no-repeat;
		}

#navContainer {
	padding:0 12px;
	background:transparent url(../i/nav/nav_shdw.png) top no-repeat;
		}
		
#navigation {
	padding:0;
	height:68px;
	background:url(../i/nav/nav_logoBottom.png) left no-repeat;
	}

#content {
	background-color:transparent;
	background:url(../i/bg_page.png) repeat-y;
	padding:25px 37px 25px 37px;
		}
		
#IPcontentLeft {
	width:728px;
	padding: 0 42px 30px 0;
	float:left;
		}
		
#IPrightSideBar {
	width:200px;
	padding:0 0 30px 0;
	margin-left:770px;
	}
		
#HPcontent {
	background-color:transparent;
	background:url(../i/bg_page.png) repeat-y;
	padding:10px 0 0 0;
		}


#footer {
	background:transparent url(../i/pageBottom.png) top no-repeat;
	width:1044px;
	margin:0 0 30px 0;	
	padding:30px 0 0 0;
		}

div#errorPage {
	background-image:url(../i/bg_error.png); 
	background-repeat:no-repeat; 
	background-position:top;
	width:678px; height:416px; margin:0 auto; 
}

div#errorPageText {
	padding:70px 76px 78px 70px; 
	}

.separator {
		clear: both;
		height: 0;
		}

/* ---------- 3. links and navigation ---------- */

a {color:#D00010; font-weight:bold;}
a:link {color:#D00010; font-weight:bold; }
a:visited {color:#D00010; font-weight:bold;}
a:hover {color: #AFCB21; font-weight:bold;}
a:active {color:#D00010; font-weight:bold;}

#navigation {
		}

#navigation a {
		}

#navigation ul {
	margin:0 0 0 233px;
	padding-left:0;
	list-style:none;
		}

#navigation li {
	float:left;
	margin:0; padding:0;
		}
		
#ipSubNav ul li a {color:#D00010; text-decoration:none; text-transform:capitalize;}
#ipSubNav ul li a:link {color:#D00010;}
#ipSubNav ul li a:visited {color:#D00010;}
#ipSubNav ul li a:hover {color: #A6C303;text-shadow: 1px 1px 0px #333333;}
#ipSubNav ul li a:active {color:#D00010;}

/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, h5, h6, p, ul  {
	margin-bottom:.9em;
		}

h1, h2, h3, h4, h5, h6 {
	font-family:"MuseoSans500", "Trebuchet MS", Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color:#D00010;
	}


h1 {font-size: 2.4em;}

h1.story {
	padding-bottom:2px;
	border-bottom:2px dotted #FDD00A;
	font-size: 2.4em;
	text-shadow: 1px 1px 2px #999999;
	}

h2 {font-size: 2.2em;}

h3 {font-size: 2.0em; color:#AFCB21;}
h3.pressList {font-size: 1.5em; color:#AFCB21; margin-bottom:3px;}
h3.sectionDivide {font-size: 2.0em; color:#AFCB21; margin-bottom:.2em; padding-bottom:1px;
	border-bottom:1px solid #AFCB21;}
		
h4 {font-size: 1.8em;}

h5 {font-size: 1.6em;}

h6 {font-size: 1.4em;}

p { line-height:1.7em;}
p, li, td, dt, dd {font-size:1.3em;}
ul {list-style-type: disc; padding-left:90px;}
ol {list-style-type:decimal-leading-zero; padding-left:90px; margin:.5em 0 2.1em 0;}

blockquote {
	font-size:1.4em;
	font-style:italic;
	line-height:1.5em;
	margin:8px 0 8px 0;
	padding:0 20px 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

dl {margin:1.1em 20px;}
dt {color:#AFCB21; font-weight:bold;
	width:170px;
	float:left;
	text-align:right;
	padding-right:1em;
	}
dd {padding-left:190px;}

#IPrightSideBar ol, #IPrightSideBar ul {padding-left:25px;}

.green {color:#AFCB21;}
.greenBold {color:#A6C303; font-weight:bold;}
.redBold {color:#D00010; font-weight:bold;}
.greenText {color:#AFCB21;}
.greenText2 {color:#A6C303;}
.redText {color:#D00010;}
.orangeText { color: #FF6600;}
.goldText {color: #FF9900;}
.goldTextBold {color: #FF9900;}

#footer p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
	margin-bottom:.2em;
	line-height:1.0em;
	color:#D00010;
	text-align:center;
}

#footer p#footerNav {color:#ffffff;}

#footer p#footerNav a {color:#ffffff; font-weight:bold;}
#footer p#footerNav a:link {color:#ffffff; font-weight:bold; }
#footer p#footerNav a:visited {color:#ffffff; font-weight:bold;}
#footer p#footerNav a:hover {color: #D00010; font-weight:bold;}
#footer p#footerNav a:active {color:#ffffff; font-weight:bold;}

ul.bulletedList {
	list-style: square;
	margin:1.2em 0 1.2em 0;
	padding:0 0 0 28px;
	text-align:left;
	}
	
ul.bulletedList2 {
	list-style: square;
	margin:1.2em 0 1.2em 0;
	padding:0 0 0 328px;
	text-align:left;
	}
	
ul.bulletedList li, ul.bulletedList2 li, ul.factList li{
	line-height:1.4em;
	margin-bottom:8px;
	}
	
ul.eventList { list-style:none;}
ul.eventListDetails { list-style:disc;}
ul.eventList li, ul.eventListDetails li {
	line-height:1.4em;
	margin-bottom:16px;
	}	
	
ul.blenderzClub {
	list-style: disc;
	margin:0;
	padding:0 0 0 80px;
	font-size:1.2em;
	text-align:left;
	}
ul.blenderzClub li{
	font-size:1.2em;
	color:#FF9900;
	line-height:1.4em;
	margin-bottom:8px;
	font-weight:bold;
	}
	
ul.factList {
	list-style:none;
	margin:1.2em 0 1.2em 0;
	padding:0 0 0 252px;
	text-align:left;
	}

ul.factList strong {color:#D00010;}
	
p.byline {
	font-weight:bold;
	font-style:italic;
	}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
img.inlinePhoto { border:1px solid #D00010;}

img.ipCal2Action {margin:0 0 10px 0;}
		
/* ---------- 6. components ---------- */

/* ----------  START HP Components ---------- */

/* ----------  a. HP Flash, call to actions, signup ---------- */

#hpTopSection {
	margin:0 37px 15px 37px;
	clear:both;
	}
	
#hpFlashArea {
	width:686px;
	height:200px;
	margin-bottom:15px;
	}
	
#hpCall2Action {
	width:686px;
	height:146px;
	margin-bottom:15px;
	}
	
#hpCall2Action img#cntr {padding:0 5px;}

#hpSignUpForm {
	width:262px;
	height:366px;
	float:right;
	background:url(../i/bg_hpSignUp.png) top no-repeat;
	}

#hpSignUpForm p {
	margin:90px 90px 16px 21px;
	font:Arial, Helvetica, sans-serif 1.1em;
	line-height:1.3em;
	}

#hpSignUpForm form {
	margin:0px 21px 20px 21px;
	}
	
#hpSignUpForm label {
	color:#CC0033;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	margin-bottom:1px;
	}
	
#hpSignUpForm input {
	width:210px;
	}
	

/* ----------  b. HP welcome Text ---------- */

#hpMidSection {
	margin:0 37px 15px 37px;
	padding:33px 0 0 328px;
	min-height:382px;
	clear:both;
	background:url(../i/hp_smoothies.jpg) top left no-repeat;
	}	
	
#hpMidSection p {
	line-height:1.8em;
	margin:0 0 10px 0;
	font-size:1.4em;
	}
	
/* ----------  c. Nutrtional Promo Text ---------- */

#hpBottomSection {
	margin:0 12px 0 37px;
	padding:;
	min-height:197px;
	clear:both;
	background: url(../i/hp_bg_multiplex.jpg) bottom right no-repeat;
	}
	
#hpBottomSection div#bottomContent {
	padding:0 309px 0 141px;
	background:url(../i/hp_waist.jpg) top left no-repeat;
	}
	
#hpBottomSection div#bottomContent p {
	line-height:1.8em;
	margin:0;
	font-size:1.4em;
	}


/* ----------  END HP Components ---------- */


/* ----------  START IP Components ---------- */

#ipSubNav {
	background:url(../i/ip_subNavBtm.png) no-repeat bottom;
	margin-bottom:20px;
	}
	
#ipSubNav ul {
	list-style:none;
	padding:1.2em 0 1.2em 16px;
	}
	
#ipSubNav ul li {
	margin-bottom:1.1em;
	padding:2px;
	color:#D00010;
	font-family:"MuseoSans500", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	text-shadow: 1px 1px 2px #999999;
	font-weight:bold; line-height:1.1em;
	}
	
#ipSignUpForm {
	background: url(../i/ip_bg_signUpForm.png) no-repeat top;
	margin-bottom:20px;
	}	
	
#ipSignUpForm p {
	padding:80px 21px 16px 21px;
	font:Arial, Helvetica, sans-serif 1.1em;
	line-height:1.3em;
	}

#ipSignUpForm form {
	margin:0px 21px 20px 21px;
	}
	
#ipSignUpForm label {
	color:#CC0033;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	margin-bottom:1px;
	}

div.inlinePhotoLeft, div.inlinePhotoNoBorderLeft {
	float:left; margin:16px 16px 16px 0; width:300px;
	}
	
div.inlinePhotoNoBorderLeftVarW {
	float:left; 
	margin:0 16px 16px 0;
}

div.inlinePhotoNoBorderRightVarW {
	float:right; 
	margin:16px 0 16px 16px;
}

div.inlinePhotoNoBorderLeftVarW img, div.inlinePhotoNoBorderRightVarW img { border:0px; float:none; }

div.inlinePhotoLeftVarW {
	float:left; 
	margin:0 16px 16px 0;
}

div.inlinePhotoLeftVarR {
	float:right; 
	margin:0 0 16px 16px;
}

div.inlinePhotoLeftVarW img { border:1px solid #C50012; float:none; }
	
div.inlinePhotoTopLeft, div.inlinePhotoNoBorderTopLeft {
	float:left; margin:0 16px 16px 0; width:300px;
	}
	
div.inlinePhotoRight, div.inlinePhotoNoBorderRight {
	float:right; margin:16px 0 16px 16px;
	}
	
div.inlinePhotoTopRight, div.inlinePhotoNoBorderTopRight {
	float:right; margin:0 0 16px 16px;
	}
	
div.inlinePhotoRight img, div.inlinePhotoLeft img, div.inlinePhotoTopRight img, div.inlinePhotoTopLeft img { border:1px solid #C50012; float:none; width:298px;}

div.inlinePhotoNoBorderRight img, div.inlinePhotoNoBorderLeft img, div.inlinePhotoNoBorderTopRight img, div.inlinePhotoNoBorderTopLeft img { border:0px; float:none; width:300px;}

div.inlinePhotoLeft p, div.inlinePhotoNoBorderLeft,div.inlinePhotoTopLeft p, div.inlinePhotoNoBorderTopLeft p, div.inlinePhotoRight p, div.inlinePhotoNoBorderRight p, div.inlinePhotoTopRight p, div.inlinePhotoNoBorderTopRight p {
	width:282px;
	padding:8px;
	margin:0;
	background-color:#efefef;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	border:1px solid #999999;
	border-top:0px;
	}
	
div.inlinePhotoLeftVarW p, div.inlinePhotoNoBorderLeftVarW p, div.inlinePhotoLeftVarR p, div.inlinePhotoNoBorderRightVarW p {
	padding:8px;
	margin:0;
	background-color:#efefef;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	border:1px solid #999999;
	border-top:0px;
	}

/* =========== START numbers =========== */

table.numbers {
	width:100%;
	margin:16px 0;
	padding:0;
	background-color:#FADF74;
	}
	
table.numbers tr {vertical-align:middle;}

table.numbers td {padding:6px; font-size:1.5em;}

table.numbers td h4 {padding:6px; font-size:1em;}

table.numbers tr.alt {background-color:#FDF2C4;}

/* =========== END numbers =========== */

/* =========== START left sideBar Info =========== */

div.leftSideBarInfo {
	background-color:#FDF2C4;
	width:260px;
	border:1px solid #C50012;
	padding: 20px;
	float:left; 
	margin:0 16px 16px 0;
	}
	
div.leftSideBarInfo h1 {
	font-size:1.6em;
	margin-bottom:.3em;
	text-transform:uppercase;
}
	
div.leftSideBarInfo h4 {
	font-size:1.2em;
	margin-bottom:.3em;
	margin-top:1.6em;
	text-transform:uppercase;
}




/* =========== START left sideBar Info =========== */




/* =========== START locations =========== */
table.locations{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #676767;
	text-align:left;
	margin:0;
}

table.locations tr {vertical-align:top;}

table.locations td {font-size: 1.1em; padding:6px;}

table.locations td.borderDotted {border-bottom:1px dotted #CC3300; padding:2px 4px; height:6px;}


table.locations h4 {
	font-size:1.6em;
	color:#C50012;
	margin:0;
	padding:0 0 2px 0;
	}
	
table.locations h5 {
	font-size:1.2em;
	color:#676767;
	font-weight:bold;
	margin:0;
	padding:0 0 2px 0;
	}	
	
table.locations h6 {
	font-size:1.2em;
	color:#C50012;
	font-weight:bold;
	margin:0;
	padding:0 0 2px 0;
	}
/* =========== END location =========== */

/*  =========== START menu sections =========== */

ul.menu	{
	list-style:none;
	margin:10px 20px 20px 20px;
	font-size:1.3em;
	}
	
ul.menu li {
	padding:0 0 10px 0;
	line-height:1.2em;
	}
	
ul.menu li strong {
	text-transform:uppercase;
	}
	
p.menu {
	margin:20px 20px 0px 20px;
	font-size:1.3em;
	}

div#mainSelection {
	clear:both;
}

div#mainSelectionSmthz {
	float:left; 
	width:365px;
}

div#mainSelectionEatz {
	float:left; 
	width:363px;
}


div#menuzBagelz {
	color:#000000;
	background-color:#FBDF1C;
	width:720px;
	margin-top:20px;
	}
	
div#menuzSaladz {
	color:#FFFFFF;
	background-color:#961E06;
	width:720px;
	}
	
div#menuzSandwichez {
	color:#ffffff;
	background-color:#B1D037;
	width:720px;
	}
	
div#menuzSaladz2 {
	color:#000000;
	background-color:#961E06;
	width:720px;
	}
	
div#menuzSandwichez2 {
	color:#000000;
	background-color:#B1D037;
	width:720px;
	}
	
div#menuzWrapz {
	color:#000000;
	background-color:#F8B619;
	width:720px;
	}
	
div#menuzDrFeelGood {
	margin-top:20px;
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}
	
div#menuzPowerBlendz {
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}

div#menuzBreakfastBlendz {
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}
	
div#menuzHealthyChoice {
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}

div#menuzGetFit {
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}
	
div#menuzGetJuiced {
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}
	
div#menuzGrowth {
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}
	
div#menuzKidzClub {
	color:#000000;
	background-color:#FCA80C;
	width:720px;
	}
	


/*  =========== END menu sections =========== */
/* =========== START titles =========== */
h1.imgTitle {
	height:50px;
	width:545px;
	margin:0 0 10px 0;
	background-repeat:no-repeat;
	background-position:bottom left;
	}
	
h1#franMain {background-image: url(../i/titles/title_FranchiseInfo.gif);}
	

h1#title_BlenderzClub {background-image: url(../i/titles/title_BlenderzClub.gif); height:74px;}
h1#title_BlenderzCardBal {background-image: url(../i/titles/title_BlenderzCardBal.gif);}
h1#title_JBFoundation {background-image: url(../i/titles/title_JBFoundation.gif); height:78px;}
h1#title_JB_BlenderMobilez {background-image: url(../i/titles/title_JB_BlenderMobilez.gif);}

h1#title_menuzMain {background-image: url(../i/titles/title_Menuz.gif);}
h1#title_Menuz_Smoothiez {background-image: url(../i/titles/title_Menuz_Smoothiez.gif);}
h1#title_Menuz_Eatz {background-image: url(../i/titles/title_Menuz_Eatz.gif);}
h1#title_nutriFacts {background-image: url(../i/titles/title_BlenderzClub.gif);}
h1#title_PDFmenu {background-image: url(../i/titles/title_PDFmenu.gif);}

h1#title_NutritionalProds {background-image: url(../i/titles/title_NutritionalProds.gif);}
h1#title_NCI_DietaryRecommendations {background-image: url(../i/titles/title_NCI_DietaryRecommendations.gif);}

h1#title_Locationz {background-image:url(../i/titles/title_Locationz.gif);}
h1#title_AvailLocationz {background-image: url(../i/titles/title_AvailLocationz.gif);}

h1#title_FranchiseInfo {background-image: url(../i/titles/title_FranchiseInfo.gif);}
h1#title_FranchiseDetails {background-image: url(../i/titles/title_FranchiseDetails.gif);}
h1#title_ReqFranInfo {background-image: url(../i/titles/title_ReqFranInfo.gif);}

h1#title_BlendingSoon {background-image: url(../i/titles/title_BlendingSoon.gif); height:74px;}
h1#title_NowBlending {background-image:url(../i/titles/title_NowBlending.gif); height:74px;}

h1#title_JB_Press {background-image: url(../i/titles/title_JB_Press.gif);}
h1#title_JB_PartnersJTaylor {background-image: url(../i/titles/title_JB_PartnersJTaylor.gif);}
h1#title_EventGalleriez {background-image: url(../i/titles/title_JB_EventGalleriez.gif);}
h1#title_JuicyEventzGalleriez {background-image:url(../i/titles/title_JuicyEventzGalleriez.gif); height:74px;}
h1#title_JB_Newsletterz {background-image:url(../i/titles/title_JuicyNewz.gif);}

h1#title_Contactz {background-image: url(../i/titles/title_Contactz.gif);}

h1#title_archivePress {background-image:url(../i/titles/title_PressArchive.gif); height:37px;}

h1#title_FranExpoSouth {background-image:url(../i/titles/title_FranExpoSouth.gif); height:90px;}

h1#title_discoveryDay_RSVP {background-image:url(../i/titles/title_JBDiscoveryDay.gif); height:90px;}

h1#title_FoundationSub {background-image:url(../i/titles/title_JB_FoundationSub.gif); height:43px;}
h1#title_BlenderzClubSub {background-image:url(../i/titles/title_JB_BlenderzClubSub.gif); height:40px;}


/* =========== END titles =========== */


/* ----------  END IP Components ---------- */


/* ---------- 7. forms ---------- */

div.formRow {
	width:100%;
	margin:2px 0 4px 0;
	clear:both;
	}
	
div.inputBlock {
	float:left;
	margin:0 30px 12px 0;
	text-align:left;
	width:300px;
	}
	
div.inputBlock2 {
	float:left;
	margin:0 0 12px 0;
	text-align:left;
	width:300px;
	}
	
div.inputBlock3 {
	float:left;
	margin:12px 0 12px 0;
	width:700px;
	}
	
#ipSignUpForm div.formRow {
	margin:2px 0 4px 0;
	clear:none;
	}
	
div.formElemnt {
	margin:0 1em 0 0;
	float:left;
	}
	
#IPcontentLeft label {
	color:#CC0033;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	margin-bottom:1px;
	}
	
#IPcontentLeft input {width:220px;}

/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}