@charset "UTF-8";

/* CSS Document */



/*General Layout*/

* { margin:0; padding:0; outline:none; }

body { background:url(images/bg-green.png) repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; }

img { border:0; outline:none; }

ul { list-style:none; margin:0; padding:0; }



/* 



Edit header colors by changing the #000 in the color property

All should have same color to keep consistency



 */

h2 { font-size:30px; color:#090; margin:10px; font-weight:bold; }

h3 { font-size:18px; color:#090; margin:10px; font-weight:bold; }

h4 { font-size:14px; color:#090; margin:10px; font-weight:bold; font-style:italic; }

p { font-size:13px; color:#333; margin:10px; }

a:link, a:visited { text-decoration:none; color:#603; }

a:hover, a:active { text-decoration:underline; color:#603; }



#head { width:100%; height:90px; background-color:#0a0a0a; margin:0; padding:0;  }

	#eyes { width:960px; margin:0 auto; position: relative; }

		h1.home { width:374px; position:absolute; top:0; margin:0; padding:0; }

		h1.home a { text-indent:-9999px; background:url(images/reflect.jpg) no-repeat; width:374px; height:89px; display:block; margin:0; padding:0; }

		ul.nav { list-style:none; position:absolute; right:0; top:41px; z-index:1; margin:0; padding:0; }

		ul.nav li { float:left; background:url(images/menu-decor.jpg) no-repeat right 26px; height:49px; display:block; margin-left:10px; padding-right:20px; }

		ul.nav li a { font-size:16px; text-decoration:none; color:#fff; height:30px; padding-top:19px; display:block;  }

			ul.nav li a:hover { background:url(images/menu-active2.gif) no-repeat top center; color:#ff9a43; }

			ul.nav li a.active-home { background:url(images/menu-active.gif) no-repeat bottom center; color:#ff9a43; }

			ul.nav li a.active { background:url(images/menu-active2.gif) no-repeat top center; color:#ff9a43; }

		.login { position:absolute; top:0; right:0; background:url(images/header-highlight.jpg) no-repeat; width:547px; height:53px;  }

			.login div { border: solid 1px #666; border-top: none; color:#666; font-size:10px; float:right; width: auto; padding:5px 0 5px 0; margin-right:15px; }

			.login div a { text-decoration:none; color:#ccc; font-size:12px; padding:0 5px; }



#head-end { width:100%; }

	#head-end b { display:block; width:100%; height:3px; background-color:#ff9a43; }

	#head-end em { display:block; background:url(images/menu-dropshadow.png) repeat-x; width:100%; height:3px; }

	

#chest { width:960px; margin:20px auto; display:block; clear:both; position:relative; }





/*HOME*/



#homeone { width:531px; height:394px; background:#fff; float:left; display:block; border:solid 1px #ddd;  }

	#homeone #one {  width:525px; height:388px; background:#fff; float:left; display:block; border:solid 3px #f3ffc3; }

	#homeone #one h2 { margin:15px 10px 10px 15px; }

	#homeone #one h2 span { color:#000; font-size:15px; }

	#homeone #one p { margin-left:20px; }

	#homeone .video {  }



#hometwo { width:405px; height:264px; background:#fff; float:right; overflow:hidden; border:solid 1px #ccc; }

	#hometwo h3 { float:left; }

	#hometwo #homeprice { float:right; display:block; background-color:#f60; color:#fff; font-size:17px; letter-spacing:3px; margin:10px; border:none; padding:2px 5px; }

	



.featuredproduct { position:relative; }

	.featprodimg { position:absolute; top:45px; left:15px; }

	.featprodlink { position:absolute; top:45px; left:155px; font-size:15px; width:200px; }

	.featprodtype { position:absolute; top:75px; left:155px; font-size:11px; }

	.featprodsize { position: absolute; top:105px; left:155px; font-size:11px; }

	.feataddtocart { background:url(images/addtocart-bg.gif) repeat-x; height:23px; border:none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; position:absolute; top:140px; left:155px; padding:2px 8px 0 8px;  }

	.feataddtocart a { color:#fff; background:url(images/addtocartarrow.gif) no-repeat 4px; padding-left:15px; font-size:13px; font-weight:bold; letter-spacing:1px; text-decoration:none; }

	.featprodcta { position:absolute; top:115px; left:158px; font-size:16px; font-weight:bold; }



#featuredproducts { border-top:solid 1px #ccc; margin-top:182px; position:relative; overflow:hidden; }

	#featuredproducts #homeleft { position:absolute; left:0px; top:0px; z-index:10; cursor:pointer; }

	#featuredproducts #homeright { position:absolute; left:383px; top:0px; z-index:10; cursor:pointer; }

	#featuredproducts div { list-style:none; height:81px; float:left; width:2000px; }

	#featuredproducts span { float:left; display:block; width:115px; height:50px; font-size:10px; margin:15px 10px 10px 10px; border-right:solid 1px #ccc; padding-right:10px; }

		#featuredproducts span a img { float:left; margin-right:5px; }



#homethree { width:405px; height:113px; background:#fff; float:right; margin-top:15px; border:solid 1px #ccc; }



#homefour { width:960px; background:url(http://www.reflectmylife.com/wp-content/uploads/2010/06/homebg-top.jpg) no-repeat; float:left; margin-top:30px; background-color:#fff; }

#homefour-bottom { background: url(http://www.reflectmylife.com/wp-content/uploads/2010/06/homebg-bottom.jpg) no-repeat; float:left; width:959px; height:30px; display:block; }



	.homeblog { float:left; width:550px; }

		.homeblog h2 { margin:15px 10px 10px 15px; }

		.homepost { position:relative; width:450px; display: block; margin:10px 20px 25px 20px; clear:both; }

			.homepost img { float:left; margin:10px 20px 0 0; border:solid 1px #eee; }

			.homepost .homebloglink { font-size:18px; font-weight:bold; font-style:italic;}

			.homepost p { margin:10px 0px 5px 0; }

	.homeinfo { position:relative; float:left; width:375px; }

		.homeinfo p { font-size:13px; width:150px; position:absolute; top:30px; left:20px; }

		.meethome { position:absolute; top:-28px; left:200px; }

		.socialhome { position:absolute; top:200px; left:20px; }

			.socialhome a { float:left; margin:0  0 0 8px; }

		.inthenewshome { position:absolute; top:200px; left:200px; }

			.inthenewshome a { margin-left:8px; }

		.jointhefun { position:absolute; top:300px; left:20px; }

			.jointhefun input { position:relative; width:150px; border: solid 1px #f60; color:#666; height:20px; padding-top:5px; padding-left:5px; margin-left:10px; }

		.jointhego { background:url(images/addtocart-bg.gif) repeat-x; height:23px; border:none;  -webkit-border-radius: 5px; -moz-border-radius: 5px; padding:2px 10px 0 2px; position:absolute; top:40px; left:175px; width:32px;}

		.jointhego input { color:#fff; background:url(images/addtocartarrow.gif) no-repeat 4px; padding-left:15px; font-size:13px; font-weight:bold; letter-spacing:1px; text-decoration:none; border:none; cursor:pointer; }

		

/*AFFIRMATIONS*/



.affirmationsone { width:958px; height:474px; display:block; background:#fff; border:solid 1px #ccc;}

	.affirmationsone .one { float:left; margin:10px; width: 480px; }

	.affirmationsone .one h2 { font-size:24px; margin-left:20px; }

	.affirmationsone .one h3 { font-size:18px; font-weight:bold; font-style:italic; margin:5px 10px 5px 20px; color:#666; }

	.affirmationsone .one p { font-size:14px; margin-left:20px; }

	.affirmationsone .two { float:right; margin:40px 30px 0 0; }

	.affirmationsone .three { clear:both; display:block; width:893px; height:120px; margin:20px auto 0 30px; float:left; background:url(images/affirmations-bestpractices-bg.gif) repeat-x; border:solid 1px #ccc; text-align:center;  }

	.affirmationsone .three h4 { font-size:18px; font-style:normal; margin-bottom:5px; }

	.affirmationsone .three h4 small { font-size:11px; font-weight:normal; font-style:italic; margin-bottom:5px; }

	.affirmationsone .three p { font-size:16px; margin-top:23px; font-size:15px; }

	.affirmationsone .three .current { text-decoration:underline; }

		

.affirmationstwo { background:url(images/affirmations-mainbg.gif) no-repeat; width:1008px; height:477px; margin:0 auto; display:block; z-index:-9999; margin-bottom:-50px;  }

	.affirmationstwo ul { list-style:none; margin:0 0 0 70px; padding:0; }

		.affirmationstwo li { float:left; width:202px; margin:0 0 0 7px; text-align:center; }

			.affirmationstwo li .affextitle { font:30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#090; margin:30px 0; display:block; }

			.affirmationstwo li .affextext { font-size:14px; margin:0 0 20px 0; display:block; }

			.affirmationstwo li .affeximg { margin:0 auto 20px auto; display:block; width:172px; height:172px; }

			.affirmationstwo li .affexcta { margin:0 auto 20px auto; display:block; width:172px; height:30px; }

			.affirmationstwo li .affexshop div { background:url(images/addtocart-affirmations.gif) repeat-x; width:150px; height:42px; margin:0 auto; font-size:14px; }

			.affirmationstwo li .affexshop div a { color:#fff; text-decoration:none; padding-top:3px; display:block;  }





/*In Action*/



.in-action-one { width:958px; height:364px; display:block; background:#fff; border:solid 1px #ccc;}

	.inaction-one-left { width:600px; margin:10px; float:left;}

	.inaction-one-left h1 { display: none; }

		.thechallenge { background:url(images/reflect-challenge-marquee.jpg) no-repeat; width:593px; height:302px; font-size:12px;}

			.challenger { position:absolute; width:185px; height:100px; overflow:hidden; top:64px; left:40px;}

			.challenger2 { position:absolute; width:185px; height:100px; overflow:hidden; top:190px; left:40px;}

				.thechallenge a {}

				.thechallenge p { margin:5px 0; padding:0 10px 0 0; font-style:italic;}

				.thechallenge img { float:left; margin-right:5px;}

		p.morechallenge { float:left; }

		a.more-challengelink { float:left; margin:15px 0 0; font-size:18px;}

	.inaction-one-right { width:315px; float: left; margin-left:20px;}

		.challenge-testimonials { margin-top:20px; font-style:italic; }

			.challenge-testimonials h3 { font-style:normal; margin:30px 0 20px 0;}

			.challenge-testimonials p { margin:0; height:100px; display:block; width:260px; padding:0; font-size:14px;}

				.challenge-testimonials p span { color:#666; float:right; margin:5px 0; }

		.follow-the-challenge { position:relative; background:url(images/inaction-separator.gif) no-repeat left top; padding-top:10px; margin-top:10px; overflow:hidden;}

			.follow-the-challenge h3 { margin:0; padding:0;}

			.follow-the-challenge a img { width:25px; height:25px; margin-top:10px;}

			.follow-the-challenge .jointhefun { position:absolute; top:40px; left:75px;}

				.follow-the-challenge .jointhefun input { position:absolute; left:0px; }

				.follow-the-challenge .jointhefun .jointhego { top:0; right:0;}

.in-action-two { width:957px; height:308px; display:block; background: url(images/in-action-gradientbg.jpg) repeat-y; border:solid 1px #ccc; margin:20px 0; overflow:hidden; clear:both;}

	.inaction-gallery { width:470px; float:left; position:relative;}

		.inaction-gallery h3 { text-align:center; margin:10px 0 20px 0; padding:0;}

.in-action-three { width:857px; height:109px; display:block; background:url(images/in-action-gradientbg2.jpg) repeat-y; border:solid 1px #ccc; padding:0 50px; clear:both;}

	.in-action-three h3 {}

		.in-action-three h3 span { color:#333; font-size:11px; font-weight:normal;}

	.in-action-three .month { float:left; display:block; width:65px; height:60px; overflow:hidden; background:url(images/inaction-calendar-separator.gif) no-repeat right; padding-left:5px; margin-left:1px;}

		.in-action-three .month h5 { font-size:21px; font-weight:normal; margin:0 0 0 10px;}

		.in-action-three .month img { float:left; margin:3px 2px; z-index:9999}

		

/*ABOUT*/



.aboutleft { float:left; width:612px; }

	.aboutleft .one { width:610px; height:635px; border:solid 1px #ccc; background:#fff; margin-bottom:20px;  }

		.aboutleft .one img { float:left; margin:20px; }

		.aboutleft h2 { font-size:24px; margin:20px 0; }

		.aboutleft p { clear:both; display:block; margin:10px 20px 15px 20px; font-size:14px; }

		.about-quote { font-size:18px; font-style:italic; display:block; margin:10px 0; color:#666; }

		.about-quote span { font-size:12px; text-align:right; display:block; margin:20px 40px 20px 20px; }

	.aboutleft .two { width:610px; height:401px; border:solid 1px #ccc; background:url(images/baby.jpg) no-repeat top right; background-color:#fff; margin-bottom:20px;  }

		.aboutleft .two h2 { margin:20px; }

		.about-quotetwo { font-size:14px; color:#666; font-style:italic; font-weight:bold; float:left; margin:0 0 10px 20px; display:block; }

			.about-quotetwo span { display:block; text-align:right; font-size:12px; font-weight:normal; }

.aboutright { float:left; width:347px; }

	.aboutright .one { width:328px; height:335px; float:right; background:#fff; border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:none; }

	.aboutright .one h2 { font-size:24px; margin:20px; }

	.aboutright .one ul { list-style:none; }

	.aboutright .one li { margin:14px 20px; font-size:16px; }

	.aboutright .two { background:url(images/about.jpg) no-repeat top; float: right; width:347px; height:699px; display:block; margin-top:-5px; }

	

/*BLOG*/



.blogleft { float:left; width:673px; background:#fff; border:solid 1px #ccc; margin:0 10px 30px 0; }

	.blogleft h2 { margin:20px; }

	.blogleft h3 { margin:20px; }

	.blogleft .post { width:600px; display:block; position:relative;  background:url(images/blog-separator.gif) no-repeat bottom; padding-bottom:34px; margin:0 0 20px 20px; clear:both; font-size:14px; }

	.blogleft .post h1 { font-size:24px; font-style:italic; margin:20px 0 20px 0; text-align:left; padding:0; height:20px; display: block; }

	.blogleft .post p { width:620px; font-size:14px; margin-left:0;  }

	.blogleft .post img { }

	.tfe { float:left; margin-right:20px; border:solid 1px #eee; }

	.blogleft .post .blogreadmore { margin:20px 0 20px 20px; font-size:14px; clear:both; }

		.blogleft .post .blogreadmore a { margin:0 40px 0 0; }

	.blogleft .blogsearch  { margin:0 auto; margin-bottom:30px; position:relative; width:472px; }

	.blogleft .blogsearch input.search { width:367px; height:45px; padding-left:5px; font-size:22px; color:#666; border: solid 1px #f60; }

	.blogleft .blogsearch input.go { position:absolute; right:0; top:0px; }

	.blogleft .blogmore { position:relative; height: 50px; }

	.blogleft .blogmore a { display:block; background:url(images/blogmoreprevious-bg.gif) repeat-x; height:41px; font-size:27px; font-weight:bold; color:#693; padding-top:5px; border:solid 1px #ccc; border-bottom:none; text-align:center; text-decoration:none; width:130px; }

	.blogleft .blogmore .blog-prev { position:absolute; bottom:0; left:10px; }

	.blogleft .blogmore .blog-next { position:absolute; bottom:0; right:10px; }





.blogright { float:left; width:273px; }

	.blogright .one { background:#fff; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; width:271px; height:auto;  }

	.blogright .one p { margin:0 20px 0 10px; font-size:14px; }

	.blogright .one p span { color:#666; }

	.blogright .oneb { background:url(images/blog-drewcar.jpg) no-repeat; width:273px; height:172px; display:block; }

	

	.blogright .two { background:#fff; border:solid 1px #ccc; width:271px; height:171px; display:block; margin:10px 0; }

	.blogright .two ul { list-style:none; width:251px; margin:10px 10px 0 10px; }

        .blogright .two ul.children { list-style:none; width:50px; margin:0; }

	.blogright .two ul li { float: left; margin:5px 0; width:100px; font-size:12px; }

	

	.blogright .three { background:#fff; border:solid 1px #ccc; width:271px; height:120px; font-size:12px; position:relative; }

	.blogright .three a img { margin:0; }

	.blogright .three span { position:absolute; top:40px; left:130px; display:block; height:30px; width:140px; }

	.blogright .three input {  position:relative; width:150px; border: solid 1px #f60; color:#666; height:20px; padding-top:5px; padding-left:5px; margin-left:10px; }

	.blogright .three .jointhego input { border:none; width:30px; }

	.blogright .three .jointhego { top:80px; }

	.blogright .three .jointhego a { line-height:150%; }

	



/*Promo*/



.promoleft { float:left; width:612px; }

	.promoleft .one { width:610px; height:auto; overflow:hidden; border:solid 1px #ccc; background:#fff; margin-bottom:20px;  }

		.promoleft .one img { float:left; margin:20px 0; }

		.promoleft h2 { font-size:24px; margin:20px 20px; }

		.promoleft p { clear:both; display:block; margin:10px 20px 15px 20px; font-size:14px; }

                .promoleft ul { clear:both; display:block; margin:10px 20px 15px 20px; font-size:14px; list-style:normal; }

                .promoleft li { clear:both; display:block; margin:10px 20px 15px 20px; font-size:14px; list-style:normal; } 

.promoright { float:left; width:347px; }

	.promoright .one { width:328px; height:auto; overflow:hidden; float:right; background:#fff; border:solid 1px #ccc; margin:0 0 20px 0; }

	.promoright .one h2 { font-size:24px; margin:20px; }

	.promoright .one ul { list-style:none; }

	.promoright .one li { margin:14px 20px; }

	.promoright .one p { margin:10px 20px; }



/*SHOP*/



.shopone { width:960px;  background:url(images/shop-a-bg.jpg) repeat-x; height:53px; border:solid 1px #ccc; border-bottom:none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft: 0px;}



	.shopone h2 { float:left; font-size:18px; font-style:italic; padding-right:10px; letter-spacing:3px; margin-top:20px; }

	.shopone span { font-size:12px; margin-top:25px; display:block; }



.shoptwo { width:960px; background:url(images/shop-b-bg.jpg) repeat-x; height:108px; border:solid 1px #ccc; border-top:none;  -webkit-border-top-right-radius:0px; -webkit-border-top-left-radius:0px; -moz-border-radius-topright:0px; -moz-border-radius-topleft: 0px;  -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft: 5px; position:absolute; top:50px; left:50%; margin-left:-480px; z-index:9999;}



	.shoptwo .category { float:left; padding:0 10px; margin:15px 0 0 0; }

		.shoptwo .category h5 { text-align:center; font-size:18px; color:#fff; padding-bottom:15px; font-weight:normal; margin:0 auto; }

		.shoptwo .category li { float:left; padding:0 8px; position:relative; }

		.shoptwo .category li a {  border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#fff; width:65px; height:45px; opacity:.7; filter: alpha(opacity = 70); display:block; z-index:9999;  }

		.shoptwo .category li a:hover { opacity:1; filter: alpha(opacity = 100); }

		.shoptwo .category li a.selected { opacity:1; filter: alpha(opacity = 100); height:81px; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #fff; }

		.shoptwo .category a img { margin:5px 0 0 7px; }

		.shoptwo .border { width:1px; height:83px; background:#ccc; display:block; float:left; margin-top:15px; }

		

.shopthree { width:960px; float:left; background:#fff; border:solid 1px #ccc; margin:128px 0 25px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }



	.productone  { float:left; width:380px;}

		.productone h1 { margin:20px; font-size:20px; color:#000; }

		.productone h2 { font-size:18px; font-style:italic; padding-right:10px; letter-spacing:3px; margin-left:20px; }

		

		.productaffirmations { width:370px; margin-left:10px; }

			.sub { float:left; }

			.subcategory { width:165px; margin:10px; }

			.subcategory h6 { font-size:14px; font-weight:bold; color:#666; }

			.subcategory li { margin:10px 0;}

			.subcategory a { width:155px; height:16px; display:block; padding:10px 5px 5px 5px; background:#fff;  font-size:11px; color:#999; border: solid 1px #ccc; }

			.subcategory a:hover { background: url(images/affirmation-hover.gif) repeat-x; color:#603; text-decoration:underline; }

			.subcategory a.selected { background: url(images/affirmation-hover.gif) repeat-x; color:#603; text-decoration:underline; }

			.additionalinfo { font-size:10px; color:#666; margin:20px 0 0 20px; float:left; }

		

		

	.producttwo { float:left; width:335px; min-height:579px; border:solid 1px #ccc; margin:20px 0 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

		.productimg { margin:20px 30px; }

		.producttext { font-size:14px; margin:10px 20px; color:#333; font-weight:normal; }

		

    .productthree { float:left; padding:10px 0 0 0; width:220px; }

	.productthree h2 { font-size:18px; font-style:italic; margin-top:13px; letter-spacing:3px; float:left; }

		#price { float:left; display:block; background-color:#f60; color:#fff; font-size:28px; letter-spacing:3px; margin:10px; border:none; padding:2px 5px; }

		.madeinusa { float:right; padding-top:3px; }

		.details { float:left; margin-left:10px; color:#333; margin-top:10px; }

		.details .quantity { width:55px; border:solid 1px #999; height:17px; padding-top:3px; }

		.disclaimer { font-weight:bold; color:#999; font-size:11px; }

		.quote { color:#999; font-size:11px; font-style:italic; line-height:-10px;}

		.addtocart { background:url(images/addtcart.gif) repeat-x; height:31px; border:none; padding:5px 8px 0 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }

		.addtocart a { color:#fff; background:url(images/addtocartrow.gif) no-repeat 7px; padding-left:25px; font-size:20px; font-weight:bold; letter-spacing:1px; text-decoration:none; }

	

	





#feet { background:url(images/footer.png) no-repeat; width:969px; height:178px; margin:0 auto; position:relative; clear:both;}

#feet ul { font-size:12px; list-style:none; }

#feet ul li { padding:1px 0; }

#feet ul li a { text-decoration:none; color:#333; }

#feet ul li a:hover { text-decoration:underline; }



#feet ul.bot-nav { position:absolute; top:60px; left:20px; }

#feet ul.bot-info { position:absolute; top:60px; left:490px; }

#feet ul.bot-infoB { position:absolute; top:60px; left:660px; }



#feet div.theEnd { font-size:12px; color:#666; position:absolute; top:60px; right:10px; text-align:right; }

#feet div.theEnd a { text-decoration: none; color:#333; }



.theEnd span { display:block; padding-right:15px; font-size:11px; line-height:150%; }

.theEnd span img { display:block; width:88px; height:45px; float:right;  }