@import "./reset.css";

html {
  background-color:#d2e8f3;
  background-image:url(../images/bgtile.jpg);
  background-position:top;
  background-repeat:repeat-x;
}
body {
  margin:10px auto;
  padding:0px;
  font-family: Verdana, sans-serif;
  font-size:10px;
  width:782px !important;
}

input, textarea, select {
  font-family:Verdana, sans-serif;
}

sub, sup { line-height: 0; font-size: 9px; }
p em { font-style:italic; font-weight:bold; }

.headerImageMap {
	position:absolute;
	top: 40px;
	left: 255px;
	height: 74px;
	width: 120px;
	z-index: 55;
}

#wrapper {
	width:782px;
	margin:0 auto;
}

.section { position:relative; clear:both; }

.footer { border-top:10px solid #ccc; }


/** Start Header Styles **/
.header {
	height:35px;
	padding-top:110px;
}
.header, .header a.nav { background:url(../images/Andrea_Header.jpg); }

.header a.nav {
	display:block;
	height:35px;
	text-indent:-9999em;
	position:absolute;
	left:0;
	top:0;
	margin-top:109px;
}

	.header a.nav.mission {
		width:100px;
		height:68px;
		background-image:none;
		z-index:2;
		margin:24px auto auto 25px !important;
	}

	.header a.nav.home {
		width:315px;
		height:85px;
		background-image:none;
		z-index:2;
		margin:12px auto auto 215px !important;
	}
	
	.header a.nav.products { width:197px; background-position:0 -109px; }
		.header a.nav.products:hover { background-position:0 -145px; }
	.header a.nav.challenge { left:197px; width:195px; background-position:-197px -109px; }
		.header a.nav.challenge:hover { background-position:-197px -145px; }
	.header a.nav.andrea { left:392px; width:195px; background-position:-392px -109px; }
		.header a.nav.andrea:hover { background-position:-392px -145px; }
	.header a.nav.tools { left:587px; width:195px; background-position:-587px -109px; }
		.header a.nav.tools:hover { background-position:-587px -145px; }
/** End Header Styles **/

/** Start Generic Content Styles **/
.section.content { width:780px; padding:0 1px 1px; background-color:#fff; float:left; }
span.currentPage {
	font-size:1.2em;
	line-height:12px;
	font-weight:bold;
	padding:10px 12px;
	display:block;
	color:#fff;
}

h1 { font-size:1.8em; margin-top:.6em; margin-bottom:.6em; }
img.photo { margin-top:11px; border-width:3px; border-style:solid; }
h2 { font-size:1.5em; font-weight:bold; margin-bottom:.8em; line-height:1.3em; }
h3 { font-size:1.4em; margin-bottom:.6em; font-weight:bold; }
p { font-size:1.1em; line-height:1.3em; margin-bottom:1em; color:#666; font-weight:bold; }
*:focus { outline:none !important; }

.section.content a {
	font-size:1.1em;
	font-weight:bold;
	padding:2px 12px 2px 0;
	line-height:1em;
	color:#3f9fd5;
	text-decoration:none;
	background-image:url(../images/arrow_orange.gif);
	background-position:right 60%;
	background-repeat:no-repeat;
}

.callout { border-width:3px; border-style:solid; margin:1px 0 0 0; padding:21px 18px; }
.callout.product { padding:18px 13px; margin:1px 1px 0 0; width:154px; float:left; text-align:center; height:246px; }
	.callout.product img { display:block; padding:3px; border-width:2px; border-style:solid; margin-bottom:10px; }
/** End Generic Content Styles **/

/** Start Specific Content Styles **/

	/** FAQs Page Styles **/
	.content.faqs .currentPage { background-color:#9e9e9e; }
	.content.faqs h1, .content.faqs h2, .content.faqs h3, .content.faqs .faq .question { color:#3f9fd5; }
	.content.faqs h1 { border-bottom:1px solid; padding:0 15px 9px; }
	.content.faqs * { border-color:#3f9fd5; }
	.content.faqs .faq { padding:15px; }
	.content.faqs .faq .question, .content.faqs .faq .answer { margin-bottom:0; }
	.content.faqs .faq .answer { font-weight:normal; }

	/** Products Page Styles **/
	.content.products { background:#fff url(../images/tortillia_background_06.jpg) 0 32px no-repeat; padding-left:220px; width:561px; }
	.content.products p { padding-right:40px; }
	.content.products .currentPage { background-color:#bbc874; margin-left:-219px; }
	.content.products h1, .content.products h2, .content.products h3 { color:#bbc874; }
	.content.products * { border-color:#bbc874; }
	.content.products .callout.product { position:relative; }
	.content.products .callout.product h2 { font-size:1.4em; }
	.content.products .callout.product h2 a { background-image:none; padding-right:0; }
	.content.products .callout.product p.comingSoon {
		color:#666;
		position:absolute;
		font-weight:bold;
		font-size:1.1em;
		top:50%;
		margin-top:-1.8em;
		left:0;
		text-align:center;
		padding:0 20px;
		width:140px !important;
	}

	/** Challenge Page Styles **/
	.content.challenge .currentPage { background-color:#bbc874; }
	.content.challenge h1 { color:#fff; }
	.content.challenge h2 { color:#000; }
	.content.challenge h3 { color:#bc8612; }
	
	.content.challenge { color:#bc8612; }
	.content.challenge h1 { background-color:#f69c4b; }
	.content.challenge h1 {
		color:#fff;
		padding:10px;
		margin:0;
		font-size:1.2em;
		font-weight:bold;
	}
	.content.challenge h1 .date {
		font-weight:normal;
	}
	.content.challenge .copy { padding:1em 20px; float:right; width:524px; }
	.content.challenge .callout { float:left; border:0 none; width:180px; background:url(../images/logo_challenge.gif) center 0 no-repeat; }
	.content.challenge .callout ul { padding-top:100px; }
	.content.challenge .callout ul li { padding:.6em 0; }
	.content.challenge .callout ul li a { line-height:1.2em; }
	.content.challenge h1.blog { background-color:#e8b951; clear:both; padding-top:.4em; }

	.blogEntry {
		font-size:1.1em;
		font-weight:normal;
		border:1px #bc8612 solid;
		border-top:0px;
		padding:10px;
		background-color:#fbe8bf;
	}
	.blogEntry.metcalfEntry {
		padding:10px 10px 10px 95px;
		background-image:url(../images/Andrea_Metcalf_small.jpg);
		background-position: 10px 10px;
		background-repeat:no-repeat;
	}
	.challenge h3 {
		text-transform:uppercase;
		font-size:1.1em;
		padding:10px 0 0 10px;
		margin:0;
	}
	.blogEntry .date {
		font-size:1em;
		color:#bc8612;
		font-weight:bold;
	}
	.blogEntry h2 {
		font-size:1.2em;
		font-weight:bold;
		color:#000;
		padding:0;
		margin:0;		
	}
	.blogEntry .byLine {
		display:block;
		margin-bottom:1em;
		color:#000;
	}
	.featured {
		background-color:#fbda91 !important;
		border:none;
	}
	.recentPosts {
		border:1px #bc8612 solid;
		border-bottom:none;
		background-color:#fbe8bf;
	}
	div.section.content.challenge .blogEntry a {
		color:#000;
		font-weight:normal;
		line-height:1.5em;
		background-image:url(../images/arrow_gold.gif) !important;
	}
	
	div.section.content.challenge .pager a {
	    background-image:none;
	    padding:2px 2px 2px 2px;
	    
	}
	
	.missionEntry {
	    overflow:hidden;	
	}
	
	div.section.content.challenge .blogEntry.missionEntry h2 a {
	    font-weight:bold;
	    font-size:1.0em; 
	}
	
	.blogEntry.missionEntry p {
	    color: #000000;
	    font-weight:normal;
	    padding: 2px 12px 2px 0;
	}
	
	.blogEntry.missionEntry ul {list-style: disc outside; color:#000000; padding-left:20px;}
	.blogEntry.missionEntry ul li {font-size:1.1em; }
	
    .pager span {
        font-size:1.1em;
    }
    
    .content.challenge h1.missReadMore
{
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #bc8612;
    background-color: #E8B951;
    clear: both;
    padding: 2px 10px 2px 10px;
}

    div.section.content.challenge h1.missReadMore a
{
    background-image: none;
    font-size: 1.0em;
    color: #FFFFFF;
}


	/** Andrea Metcalf Page Styles **/
	.content.andrea { padding-bottom:60px; }
	.content.andrea .currentPage { background-color:#3f9fd5; }
	.content.andrea h1, .content.andrea h2, .content.andrea h3 { color:#3f9fd5; }
	.content.andrea img.photo { border-color:#a7d7f2; }
	.content.andrea img.photo, .content.andrea p { margin-right:12px; }
	.content.andrea li { padding:3px 0; }

	/** Tools Page Styles **/
	.content.tools .currentPage { background-color:#bba2c7; margin-left:-15px; margin-right:-15px; }
	.content.tools h1, .content.tools h2, .content.tools h3 { color:#8b689c; }
	.content.tools * { border-color:#bba2c7 !important;  }
	
	.content.tools h2 {
		border-top:1px solid;
		border-bottom:1px solid;
		margin:1em -15px 1em -15px;
		padding:.5em 16px;
		font-size:1.2em;
		color:#6daeda;
		text-transform:uppercase;
		clear:both;
	}
	
	div.content.tools { padding:0 16px; width:750px; }
	div.content.tools ol { list-style:decimal outside; padding-left:20px; }
	div.content.tools .calculator { font-size:1.2em; font-weight:bold; }
	div.content.tools li, .block { padding:.4em 0; }
	div.content.tools input.text { border-style:solid; border-width:1px; line-height:22px; width:50px; margin:0 3px; line-height:1.2em; }
	div.content.tools input.image { padding:20px 20px 10px; }
	.calculator.bmi .form, .calculator.bmi .chart {
		float:left;
	}
	.calculator.bmi input.image {
		display:block;
	}
	
	.calculator {
		margin:0 -15px;
		width:750px;
		padding:0 15px 20px 15px;
		clear:both;
	}
	#activity {
		display:block;
		margin-bottom:5px;
	}
	.block {
		display:block;
		margin-left:20px;
	}
	li .block { margin-left:0; }
	div.content.tools li input.image {
		padding-left:0;
	}
	
	div.content.tools .chart {
		font-size:.8em;
		font-weight:normal;
		width:450px;
		padding-left:20px;
	}
	
	div.content.tools .chart p {
		font-weight:normal;
	}
	
	div.content.tools .chart table {
		margin-bottom:2em;
	}
	
	div.content.tools .chart span {
		font-style:italic;
		margin-bottom:2em;
		display:block;
	}
	div.content.tools .chart th {
		font-weight:bold !important;
	}
	div.content.tools .chart th:first-child {
		width:100px;
	}
	
	div.content.tools a.calculateLink {
		background-image:none;
		display:block;
		padding:0;
		margin:10px 0 0 0;
		cursor:pointer;
	}
	.content.tools div.bmi a.calculateLink, .content.tools div.fatBurner a.calculateLink { margin:10px 22px 10px; }

	div.content.tools input.text.error { border-style:solid; border-width:1px; border-color:red !important; }

	/** Register Page Styles  **/
	
	.content.register .currentPage { background-color:#9e9e9e; }
	.content.register table { border-collapse:separate; border-spacing:6px; }
	
	.content.register .coupon { padding-bottom:10px !important; float:left; width:300px; font-size:11px; }
	.content.register .coupon a.couponLink { background-image:none; }
	.content.register .coupon a.couponLink img { margin-right:10px; padding:6px; border:1px solid #666; }
	.content.register .coupon span { float:left; width:115px; padding-top:40px; font-size:1.1em; }
	.content.register .coupon a.recipes { float:left; margin-top:1em; }
	
	/** Homepage Styles **/
	
	.content.home .currentPage { background-color:#3f9fd5; }
	.content.home h1, .content.home h2, .content.home h3 { color:#fff; }

	.content.home .flashContent .player, .content.home .flashContent h1, .content.home .flashContent a {
		padding:0;
		float:left;
	}
	
	.content.home .flashContent {
		margin-top:1px;
	}
	
	.content.home .flashContent .player {
		width:325px;
		height:278px;
		background-color:aqua;
		margin:0;
	}
	.content.home .flashContent h1, .content.home .flashContent a {
		width:454px;
		padding-left:1px;
	}
	.content.home .flashContent h1 {
		margin:0 0 1px 0;
		height:89px;
		text-indent:-9999em;
		background:url(../images/headline_homepage.jpg) 1px 0 no-repeat;
	}
	
	.content.home .callout, .content.home .contentDiv {
		width:389px;
		padding:0;
		float:left;
		border:0 none;
	}
	.content.home .callouts a {
		float:left;
		padding-top:1px;
		padding-bottom:1px;
		background-image:none;
		height:187px;
	}
	
	.content.home .callouts div.challenge, .content.home .contentDiv.blog { padding-right:1px; padding-left:0; }
	.content.home .callouts div.products, .content.home .contentDiv.tools { padding-left:1px; padding-right:0; }
	
	.content.home .callout { border:0; }
	.content.home .callouts div.challenge {
		background:url(../images/callout_60DayChallenge.jpg) 0 1px no-repeat;
		position:relative;
		height:187px;
	}
	.content.home .callouts div.challenge a { position:absolute; top:136px; left:0; margin-left:18px; float:none; height:auto; }

	.content.home .callouts div.challenge a.register { text-decoration:underline; }

	.content.home .callouts div.challenge a.readMore {
		margin-top:28px;
		background-image:url(../images/arrow_orange.gif);
		background-position:right 60%;
		background-repeat:no-repeat;
	}
	.content.home .contentDivs {
		background:url(../images/home_contentDivs.gif) 0 0 repeat-y;
		width:780px;
		float:left;
	}
	.content.home .contentDiv {
		padding:0 20px 1em 20px !important;
		width:349px;
	}
	.content.home .contentDiv h2 {
		font-size:1.1em;
		line-height:35px;
		height:35px;
		text-transform:none;
		padding:0 !important;
		margin:0 0 1em 0;
	}
	
		.content.home .blog h2 {
			margin-left:-20px;
			margin-right:-20px;
			text-indent:30px;
			background:#e8b951 url(../images/arrow_gold_down.gif) 8px 12px no-repeat;
		}
		.content.home .blog h3 { color:#b88009; font-size:1.6em; }
		
		.content.home .blog .blogEntry { border:0; padding-left:18px; margin-left:-20px; margin-right:-20px; }
		.content.home .blog .blogEntry.odd { background-color:#fbda91; }
		.content.home .blog .blogEntry h4 { margin-left:1em; display:inline; }
		.content.home .blog .blogEntry a { color:#b88009; background-image:url(../images/arrow_gold.gif); text-decoration:underline; }
	
		.content.home .tools h2 {
			margin-right:-22px;
			margin-left:-18px;
			text-indent:30px;
			background:#bba2c7 url(../images/arrow_purple_down.gif) 8px 12px no-repeat;
		}
		.content.home .tools h3 { color:#7a598a; font-size:1.6em; }
		.content.home .tools a { background:none; display:block; }
	
/** End Specific Content Styles **/