/**
 * Avon Advance Techniques
 * Created: Jan 31, 2011
 */

/* Resets & Globals */
* { margin: 0; padding: 0; }
img, address { display: block; border: none; }
body { background: #f0f0f0; border-top: 5px solid #212121; font: normal 62.5% Arial, Helvetica, sans-serif; color: #191919; position: relative; }
p { color: #191919; }
h1, h2, h3, h4, h5, h6 { font-size: 1.0em; }
fieldset, legend { border: none; }
a { text-decoration: none; outline: none; }

/* Clear Fix */
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* Base Layout */
#container { width: 1011px; margin: 0 auto; position: relative; }
	/* Header */
	#header { width: 100%; padding: 81px 0 0 0; position: absolute; top: 0; left: 0; z-index: 1; }
	#header h1 { position: absolute; top: 15px; left: 62px; }
		/* Utility Links */
		#utilities { display: inline; position: absolute; top: 13px; right: 65px; }
		#utilities h2 { padding: 4px 12px 6px 0; border-right: 1px solid #d9d9d9; float: left; }
		#utilities h2 a.avon { width: 73px; height: 15px; background: url(img/logo.avon.small.png) no-repeat 0 0; display: block; overflow: hidden; text-indent: -9999px; }
		#utilities ul.share-this { list-style: none; padding: 4px 0 0 2px; float: left; }
		#utilities ul.share-this li { margin: 0 0 0 9px; display: inline; float: left; }
		#utilities ul.share-this li a { width: 16px; height: 16px; display: block; overflow: hidden; text-indent: -9999px; filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important; opacity: 1.0 !important; background: #fff !important;}
		#utilities ul.share-this li a.vkontakte { background: url(img/icon.share.vkontakte.png) no-repeat 0 0 #fff !important; }
		#utilities ul.share-this li a.facebook { background: url(img/icon.share.facebook.png) no-repeat 0 0 #fff !important; }
		#utilities ul.share-this li a.orkut { background: url(img/icon.share.orkut.png) no-repeat 0 0 #fff !important; }
		#utilities ul.share-this li a.twitter { background: url(img/icon.share.twitter.png) no-repeat 0 0 #fff !important; }
		#utilities ul.share-this li a.email { background: url(img/icon.share.email.png) no-repeat 0 0 #fff !important; }
		#utilities ul.share-this li a:hover { background-color: #fff !important; filter:alpha(opacity=100) !important; -moz-opacity:1.0 !important; opacity: 1.0 !important; }
		#utilities ul.share-this li a span { background: none !important; filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important; opacity: 1.0 !important;}
		#utilities ul.share-this li a:hover span { background: none !important;; filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important; opacity: 1.0 !important;} 
		/* Primary Nav */
		#primary-nav { list-style: none; width: 943px; margin: 0 auto; padding: 14px 0 0 0; background: url(img/border.primary-nav.top.png) no-repeat center top; display: block; }
		#primary-nav li { padding: 0 0 0 25px; display: inline; }
		#primary-nav li a { line-height: 15px; font-size: 1.4em; color: #141414; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; }
		#primary-nav li a:hover, #primary-nav li a.active, #primary-nav li a.current { color: #c8c8c8; }
	/* Content */
	#content { width: 100%; background: url(img/content.shadow.png) repeat-y 0 0; position: relative; z-index: 0; }

		/* Homepage */
		#home { width: 961px; margin: 0 auto; }
		#home #slideshow { width: 991px; height: 623px; position: relative; left: -15px; }
		#home #slideshow .slides { width: 961px; overflow: hidden; position: relative; }
		#home #slideshow .slides .overflow { width: 10000px; position: relative; }
		#home #slideshow .slides .overflow .slide { width: 961px; height: 623px; overflow: hidden; position: relative; float: left; text-indent: -9999px; }
		#home #slideshow .slides .overflow .slide img { position: absolute; top: 0; left: 0; }
		#home #slideshow .togglers { width: 981px; height: 0; position: absolute; top: 302px; left: -10px; }
		#home #slideshow .togglers span { width: 77px; height: 77px; display: block; overflow: hidden; text-indent: -9999px; cursor: pointer; }
		#home #slideshow .togglers span.prev { background: url(img/home.slideshow.toggler.prev.png) no-repeat 0 0; float: left; }
		#home #slideshow .togglers span.next { background: url(img/home.slideshow.toggler.next.png) no-repeat 0 0; float: right; }

		/* Shades */
		#shades { width: 961px; margin: 0 auto; padding: 128px 0 0 0; background: #fff url(img/content.bg.png) repeat-x center bottom; }
		#shades h3 { margin: 0 0 8px 37px; padding: 14px 50px 0 0; font-size: 3.2em; line-height: 32px; color: #010101; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
		#shades h3 span {font-size: 0.5em; position: relative; left: 0; top: -10px;}
		#shades p { margin: 0 80px 20px 37px; font-size: 1.3em; color: #010101; line-height: 20px; }
		#shades p.disclaimer { width: 961px; margin: 0; padding: 0 0 10px 0; font-size: 11px; text-align: center; }
		#shades img { margin: 0 auto 10px auto; }
		#shades ul { width: 100%; margin: 0 auto; padding: 0 0 15px 0; display: block; clear: both; list-style: none; position: relative; z-index: 2; text-align: center; }
		#shades ul li { margin: 0 18px; display: inline; }
		#shades ul li a { margin: 0; padding: 0 14px 0 0; background: url(img/arrow.right.png) no-repeat right 3px; display: inline-block; color: #000; font-size: 1.3em; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; text-align: left; }
		#shades ul li a:hover { color: #c91d69; }
		#shades a.hotspot { background: url(img/content.bg.png) no-repeat -9999px -9999px; display: block; position: absolute; z-index: 2; bottom: 90px; }
		#shades a.black { width: 178px; height: 320px; left: 147px; }
		#shades a.brown { width: 214px; height: 371px; left: 325px; }
		#shades a.red { width: 167px; height: 321px; left: 535px; }
		#shades a.blonde { width: 143px; height: 292px; left: 702px; }
		#shades div.tooltip { width: 213px; height: 126px; position: absolute; z-index: 1; }
		#shades div.tooltip p { position: absolute; top: 25px; left: 63px; color: #fff; font-size: 12px; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; line-height: 18px; }
		#shades div.tooltip p b { font-size: 14px; }
		#shades div.black { background: url(img/shades.tooltip.black.png) no-repeat 0 0; top: 362px; left: 95px; }
		#shades div.brown { background: url(img/shades.tooltip.brown.png) no-repeat 0 0; top: 482px; left: 325px; }
		#shades div.red { background: url(img/shades.tooltip.red.png) no-repeat 0 0; top: 393px; left: 550px; }
		#shades div.blonde { background: url(img/shades.tooltip.blonde.png) no-repeat 0 0; top: 482px; right: 90px; }
		/* #shades div.blonde p { top: 30px; left: 60px; font-size: 13px; } */
		/* #shades div.blonde p b { font-size: 16px; } */

			/* Shades Listing */
			#shades-listing { width: 961px; height: 495px; margin: 0 auto; padding: 128px 0 0 0; background: #eae8e7 url(img/shades.listing.bg.png) repeat-x 0 0; }
			#shades-listing h3 { margin: 0 0 18px 37px; padding: 14px 0 0 0; font-size: 3.2em; line-height: 32px; color: #010101; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
			#shades-listing .secondary-nav { list-style: none; margin: 0 0 8px 0; padding: 0 0 0 39px; }
			#shades-listing .secondary-nav li { padding: 0 20px 0 0; display: inline; }
			#shades-listing .secondary-nav li a { line-height: 12px; font-size: 1.1em; color: #141414; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; }
			#shades-listing .secondary-nav li a:hover, #shades-listing .secondary-nav li a.active, #shades-listing .secondary-nav li a.current { color: #c8c8c8; }
			#shades-listing .shades { list-style: none; width: 465px; padding: 0 0 0 33px; }
			#shades-listing .shades li { width: 129px; height: 115px; margin: -1px 14px 0 0; padding: 6px; float: left; overflow: hidden; position: relative; cursor: pointer; }
			#shades-listing .shades li:hover, #shades-listing .shades li.active { padding: 5px; border: solid 1px #c0bfbf; }
			#shades-listing .shades li a img { margin: 0 0 7px 0; }
			#shades-listing .shades li p { padding: 0 5px; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.1em; color: #000; line-height: 13px; }
			#shades-listing .package-info { width: 491px; position: absolute; top: 208px; right: 25px; }
			#shades-listing .package-info .package { width: 367px; height: 370px; background: url(img/shades.packages.shadow.png) no-repeat center bottom; }
			#shades-listing .package-info .package img { margin: 0 auto; display: block; }
			#shades-listing .package-info .info { width: 161px; padding: 0 30px 0 0; position: absolute; top: 84px; right: 0; }
			#shades-listing .package-info .info h4 { line-height: 19px; color: #000; font-size: 1.9em; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 400; }
			#shades-listing .package-info .info h5 { margin: 0 0 45px 0; color: #000; font-size: 1.4em; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; line-height: 14px; }
			#shades-listing .package-info .info a { margin: 0 0 20px 0; padding: 0 0 0 14px; background: url(img/arrow.right.png) no-repeat 0 4px; display: inline-block; clear: both; color: #000; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.3em; }
			#shades-listing .package-info .info a:hover { color: #c91d69; }

		/* Technology */
		#technology { width: 961px; margin: 0 auto; padding: 128px 0 0 0; background: #fff; }
		#technology h3 { margin: 0 0 13px 37px; padding: 14px 0 0 0; font-size: 3.2em; line-height: 32px; color: #010101; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
		#technology h4 { margin: 0 0 18px 0; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; color: #000; font-size: 2.3em; line-height: 23px; text-transform: uppercase; }		
		#technology h5 { margin: 0 0 5px 0; font-size: 1.4em; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 500; color: #010101; line-height: 21px; text-transform: uppercase; }
		#technology p { margin: 0 0 20px 0; font-size: 1.3em; color: #000; line-height: 19px; }
		#technology p.blurb { padding-right: 40px; }
		#technology div.video { padding: 20px 39px; }
		#technology div.video div.info { width: 222px; padding: 0 25px 0 0; float: left; }
		#technology div.video div.content { width: 627px; float: left; }
		#technology div.video a.more { margin: 0 0 20px 0; padding: 0 14px 0 0; background: url(img/arrow.right.png) no-repeat right 4px; display: inline-block; clear: both; color: #000; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; }
		#technology div.video a.more:hover { color: #c91d69; }
		#technology .color-system { padding: 30px 39px; background: url(img/border.primary-nav.top.png) no-repeat center top; }
		#technology .color-system ul { list-style: none; padding: 20px 495px 20px 0; background: url(img/technology.color-system.products.png) no-repeat right 10px; }
		#technology .color-system ul li { margin: 0 0 20px 0; padding: 0 0 0 37px; position: relative; }
		#technology .color-system ul li h6 { margin: 0 0 3px 0; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; color: #000; font-size: 1.9em; line-height: 23px; text-transform: uppercase; }
		#technology .color-system ul li h6 span { position: absolute; top: -2px; left: 5px; font-size: 44px; }
		#technology .color-system ul li p img { margin: 0 6px 0 0; float: left; }
		#technology .color-protection { padding: 30px 39px; background: url(img/border.primary-nav.top.png) no-repeat center top; }
		#technology .color-protection h4 { margin-bottom: 5px; }
		#technology .color-protection .shades { width: 475px; float: left; text-align: center; }
		#technology .color-protection .shades img { margin: 0 5px 25px 0; }
		#technology .color-protection .shades a.view { padding: 0 25px 0 0; display: inline-block; background: url(img/arrow.right.large.png) no-repeat right 6px; font-size: 2.1em; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; color: #000; text-transform: uppercase; }
		#technology .color-protection .shades a.view:hover { color: #c91d69; }
		#technology .color-protection .info { width: 240px; padding: 0 165px 0 0; background: url(img/technology.color-protection.bottle.png) no-repeat right 15px; float: left; }
		#technology .color-protection .info h5 { margin: 0 0 20px 0; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-transform: none; }
		#technology .color-protection .info p.fineprint { margin: 0 0 15px 0 !important; font-size: 11px; font-style: italic; }

		/* Try It On */
		#try-it-on { width: 961px; margin: 0 auto; padding: 128px 0 0 0; background: #fff; }
		#try-it-on h3 { margin: 0 0 8px 0; padding: 14px 0 0 0; font-size: 3.2em; line-height: 32px; color: #010101; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
		#try-it-on div.intro { padding: 0 90px 0 37px; }
		#try-it-on div.intro p { margin: 0 0 20px 0; font-size: 1.3em; color: #000; line-height: 19px; }
		#try-it-on div.flash { padding: 20px 37px; }

		/* Story */
		#story { width: 961px; margin: 0 auto; padding: 128px 0 0 0; background: #fff url(img/story.bg.fergie.jpg) repeat-x 0 0; }
		#story div.intro { height: 440px; padding: 0 39px; position: relative; }
		#story div.intro h3 { margin: 0 0 17px 0; padding: 14px 0 0 0; font-size: 2.9em; line-height: 30px; color: #010101; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
		#story div.intro p { width: 385px; margin: 0 0 17px 0; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.5em; line-height: 26px; }
		#story div.intro div.package { padding: 50px 0 70px 25px; background: url(img/story.fergie.color.package.png) no-repeat 0 0; }
		#story div.intro div.package h4 { color: #fff; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.2em; text-transform: uppercase; }
		#story div.intro div.package p { color: #fff; }
		#story div.story { padding: 35px 39px; }
		#story div.story h4 { margin: 0 0 18px 0; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; color: #000; font-size: 2.3em; line-height: 23px; text-transform: uppercase; }
		#story div.story p { margin: 0 0 20px 0; font-size: 1.3em; line-height: 21px; color: #000; }
		#story div.story div.col-a { width: 420px; padding: 0 32px 0 0; float: left; }
		#story div.story div.col-b { width: 430px; float: left; }

		/* Tips & Faqs */
		#tips-and-faqs { width: 961px; margin: 0 auto; padding: 128px 0 0 0; background: #fff; }
		#tips-and-faqs h3 { margin: 0 0 8px 37px; padding: 14px 0 0 0; font-size: 3.2em; line-height: 32px; color: #010101; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
		#tips-and-faqs h4 { margin: 0 0 18px 0; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; color: #000; font-size: 2.3em; line-height: 23px; text-transform: uppercase; }
		#tips-and-faqs a.more { margin: 0 0 20px 0; padding: 0 14px 0 0; background: url(img/arrow.right.png) no-repeat right 4px; display: inline-block; clear: both; color: #000; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.5em; text-transform: uppercase; }
		#tips-and-faqs a.more:hover { color: #c91d69; }
		#tips-and-faqs .how-to { padding: 15px 39px; }
		#tips-and-faqs .how-to ul { list-style: none; width: 100%; margin: 0 0 15px 0; }
		#tips-and-faqs .how-to ul li { margin: 0 25px 0 0; float: left; }
		#tips-and-faqs .how-to ul li.last { margin: 0; }
		#tips-and-faqs .how-to ul li img { margin: 0 0 8px 0; padding: 5px; border: 1px solid #dedcdc; background: #fff; }
		#tips-and-faqs .how-to ul li p { font-size: 1.1em; color: #000; font-weight: bold; }
		#tips-and-faqs .how-to ul li p a { color: #000; }
		#tips-and-faqs .how-to ul li p a:hover { color: #c91d69; }
		#tips-and-faqs .how-to p a.more { margin: 0 20px 0 0; float: right; }
		#tips-and-faqs .got-questions { padding: 25px 39px; background: url(img/border.primary-nav.top.png) no-repeat center top; }
		#tips-and-faqs .got-questions ul { list-style: none; width: 100%; margin: 0 0 15px 0; }
		#tips-and-faqs .got-questions ul li { width: 190px; margin: 0 25px 0 0; float: left; }
		#tips-and-faqs .got-questions ul li.last { margin: 0; }
		#tips-and-faqs .got-questions ul li h5 { width: 100%; font-size: 1.5em; color: #000; line-height: 21px; }
		#tips-and-faqs .got-questions ul li p { width: 190px; margin: 0 0 12px 0; font-size: 1.3em; line-height: 20px; }
		#tips-and-faqs .got-questions p a.more { margin: 0 20px 0 0; float: right; }
		#tips-and-faqs .expert-tips { padding: 25px 39px; background: url(img/border.primary-nav.top.png) no-repeat center top; }
		#tips-and-faqs .expert-tips ul { list-style: none; width: 100%; margin: 0 0 15px 0; }
		#tips-and-faqs .expert-tips ul li { width: 415px; height: 160px; padding: 0 25px 0 0; float: left; }
		#tips-and-faqs .expert-tips ul li.last { margin: 0; }
		#tips-and-faqs .expert-tips ul li h5 { font-size: 1.5em; color: #000; line-height: 21px; }
		#tips-and-faqs .expert-tips ul li p { margin: 0 0 12px 0; font-size: 1.3em; line-height: 20px; }
		#tips-and-faqs .expert-tips ul li img { margin: 5px 25px 0 0; float: left; }
		#tips-and-faqs .expert-tips ul li .info { width: 190px; float: left; }
		#tips-and-faqs .expert-tips p a.more { margin: 0 20px 0 0; float: right; }

		/* Tips & Faqs Articles */
		#tips-and-faqs.article {}
		#tips-and-faqs.article h3 { margin-bottom: 40px; }
		#tips-and-faqs.article div.article { padding: 0 39px 40px 39px; }
		#tips-and-faqs.article div.article h4 { font-size: 1.8em; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
		#tips-and-faqs.article div.article div.sidebar { width: 178px; height: 581px; padding: 0 21px 0 0; background: url(img/sidebar.border.png) no-repeat top right; float: left; }
		#tips-and-faqs.article div.article div.sidebar h4 { margin: 0 0 5px 0; }
		#tips-and-faqs.article div.article div.sidebar ul { list-style: none; }
		#tips-and-faqs.article div.article div.sidebar ul.secondary-nav { margin-bottom: 25px; }
		#tips-and-faqs.article div.article div.sidebar ul li { margin: 0 0 5px 0; font-size: 13px; color: #000; font-weight: bold; }
		#tips-and-faqs.article div.article div.sidebar ul li a { color: #000; }
		#tips-and-faqs.article div.article div.sidebar ul li a:hover, #tips-and-faqs.article div.article div.sidebar ul li a.active, #tips-and-faqs.article div.article div.sidebar ul li span { color: #959494; }
		#tips-and-faqs.article div.article div.sidebar ul li span { margin: 0 0 5px 0; display: block; }
		#tips-and-faqs.article div.article div.sidebar ul li ul { padding: 0 0 10px 10px; }
		#tips-and-faqs.article div.article div.sidebar ul li ul li { font-weight: normal; }
		#tips-and-faqs.article div.article div.content { width: 625px; padding: 0 0 0 25px; float: left; }
		#tips-and-faqs.article div.article div.content h5 { padding: 10px 0 3px 0; font-size: 1.5em; font-weight: bold; }
		#tips-and-faqs.article div.article div.content h6 { padding: 5px 0 3px 0; font-size: 1.3em; font-weight: bold; }
		#tips-and-faqs.article div.article div.content p { margin: 0 0 20px 0; font-size: 1.3em; color: #000; font-weight: normal; line-height: 20px; }
		#tips-and-faqs.article div.article div.content ul { list-style: inside disc; margin: 0 0 20px 0; }
		#tips-and-faqs.article div.article div.content ul li { margin: 0 0 5px 0; font-size: 1.3em; color: #000; font-weight: normal; line-height: 20px; }
		#tips-and-faqs.article div.article div.content a { text-decoration: underline; color: #000; }
		#tips-and-faqs.article div.article div.content a:hover { text-decoration: none; color: #c91d69; }

		/* Tips & Faqs Videos */
		#tips-and-faqs.videos {}
		#tips-and-faqs.videos h3 { margin-bottom: 40px; }
		#tips-and-faqs.videos div.video { padding: 0 39px 40px 39px; }
		#tips-and-faqs.videos div.video h4 { font-size: 1.8em; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
		#tips-and-faqs.videos div.video div.sidebar { width: 178px; height: 581px; padding: 0 21px 0 0; background: url(img/sidebar.border.png) no-repeat top right; float: left; }
		#tips-and-faqs.videos div.video div.sidebar h4 { margin: 0 0 5px 0; }
		#tips-and-faqs.videos div.video div.sidebar ul { list-style: none; }
		#tips-and-faqs.videos div.video div.sidebar ul.secondary-nav { margin-bottom: 25px; }
		#tips-and-faqs.videos div.video div.sidebar ul li { margin: 0 0 5px 0; font-size: 13px; color: #000; font-weight: bold; }
		#tips-and-faqs.videos div.video div.sidebar ul li a { color: #000; }
		#tips-and-faqs.videos div.video div.sidebar ul li a:hover, #tips-and-faqs.videos div.video div.sidebar ul li a.active, #tips-and-faqs.videos div.video div.sidebar ul li span { color: #959494; }
		#tips-and-faqs.videos div.video div.sidebar ul li span { margin: 0 0 5px 0; display: block; }
		#tips-and-faqs.videos div.video div.sidebar ul li ul { padding: 0 0 10px 10px; }
		#tips-and-faqs.videos div.video div.sidebar ul li ul li { font-weight: normal; }
		#tips-and-faqs.videos div.video div.content { width: 645px; padding: 0 0 0 25px; float: left; }
		#tips-and-faqs.videos div.video div.content h5 { padding: 10px 0 3px 0; font-size: 1.5em; font-weight: bold; }
		#tips-and-faqs.videos div.video div.content p { margin: 0 0 20px 0; font-size: 1.3em; color: #000; font-weight: normal; line-height: 20px; }
		#tips-and-faqs.videos div.video div.content iframe { margin-bottom: 5px; }
		#tips-and-faqs.videos div.video div.content div.video-container { width: 640px; height: 390px; margin: 0 auto 20px auto; }
		#tips-and-faqs.videos div.content div.videos { padding: 15px 0; border-top: 1px solid #dbdbdb; }
		#tips-and-faqs.videos div.content div.videos ul { list-style: none; width: 100%; margin: 0 0 15px 0; }
		#tips-and-faqs.videos div.content div.videos ul li { margin: 0 25px 0 0; float: left; }
		#tips-and-faqs.videos div.content div.videos ul li.last, #tips-and-faqs.videos div.content div.videos ul li:nth-child(3n+3) { margin: 0 !important; }
		#tips-and-faqs.videos div.content div.videos ul li img { margin: 0 0 8px 0; padding: 5px; border: 1px solid #dedcdc; background: #fff; }
		#tips-and-faqs.videos div.content div.videos ul li p { font-size: 1.1em; color: #000; font-weight: bold; }
		#tips-and-faqs.videos div.content div.videos ul li p a { color: #000; }
		#tips-and-faqs.videos div.content div.videos ul li p a:hover { color: #c91d69; }

	/* Spotlights */
	#spotlights { width: 100%; padding: 0 0 20px 0; background: url(img/spotlights.bg.png) no-repeat center top; }
	#spotlights ul { list-style: none; width: 961px; height: 143px; margin: 0 auto; display: block; text-align: center; }
	#spotlights ul li { float: left; position: relative; top: 34px; left: 23px; }
	#spotlights ul li img {}
	#spotlights ul li a { height: 75px; display: block; overflow: hidden; color: #fff; text-transform: uppercase; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-align: left; }
	#spotlights ul li a span { padding: 18px 0 0 0; display: block; font-weight: 400; font-size: 15px; }
	#spotlights ul li a span b { font-weight: 700; font-size: 18px; }
	#spotlights ul li a.find { width: 249px; background: url(img/spotlight.find.jpg) no-repeat 0 0; }
	#spotlights ul li a.find span { padding-left: 99px; font-size: 22px; }
	#spotlights ul li a.find span b { font-size: 13px; }
	#spotlights ul li a.read { width: 319px; background: url(img/spotlight.read.jpg) no-repeat 0 0; }
	#spotlights ul li a.read span { padding-left: 129px; }
	#spotlights ul li a.steps { width: 319px; background: url(img/spotlight.3step.jpg) no-repeat 0 0; }
	#spotlights ul li a.steps span { padding-left: 129px; }
	#spotlights ul li a.try { width: 352px; background: url(img/spotlight.try.jpg) no-repeat 0 0; }
	#spotlights ul li a.try span { padding-left: 131px; }
	/* Footer */
	#footer { width: 771px; height: 40px; margin: 0 auto; padding: 10px 0 20px 168px; position: relative; }
	#footer a.avon { width: 120px; height: 23px; background: url(img/logo.avon.large.png) no-repeat 0 0; display: block; overflow: hidden; position: absolute; top: 16px; left: 0; text-indent: -9999px; }
		#footer-nav { list-style: none; float: left; }
		#footer-nav li { display: inline; color: #191919; }
		#footer-nav li:after { content: "|"; margin: 0 10px 0 0; }
		#footer-nav li.last:after { content: ""; }
		#footer-nav li a { margin: 0 10px 0 0; line-height: 12px; font-size: 1.1em; color: #191919; text-decoration: underline; }
		#footer-nav li a:hover { color: #c91d69; }
	#footer ul.social-networking { list-style: none; padding: 7px 0 0 0; clear: left; }
	#footer ul.social-networking li { margin: 0 9px 0 0; display: inline; float: left; }
	#footer ul.social-networking li h4 { padding: 2px 0 0 0; font-size: 1.1em; color: #191919; font-family: "ITC Avant Garde Gothic", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 700; }
	#footer ul.social-networking li a { width: 16px; height: 16px; padding: 1px; display: block; overflow: hidden; text-indent: -9999px; }
	#footer ul.social-networking li a.vkontakte { background: #f0f0f0 url(img/icon.social.vkontakte.png) no-repeat center center; }
	#footer ul.social-networking li a.facebook { background: #f0f0f0 url(img/icon.social.facebook.png) no-repeat center center; }
	#footer ul.social-networking li a.orkut { background: #f0f0f0 url(img/icon.social.orkut.png) no-repeat center center; }
	#footer ul.social-networking li a.twitter { background: #f0f0f0 url(img/icon.social.twitter.png) no-repeat center center; }
	#footer ul.social-networking li a.youtube { background: #f0f0f0 url(img/icon.social.youtube.png) no-repeat center center; }
	#footer ul.social-networking li a:hover { background-color: #c91d69; }
	#footer p.copyright { float: right; text-align: right; color: #a4a4a4; font-size: 1.1em; }

/* Cufon Font Adjustments */
.cufon { position: relative; bottom: -2px; }
#story div.intro p .cufon { margin-bottom: 7px; }

/*=== TOOLTIP
==================================================*/

#tooltip {
	position: absolute;
	top: -10000px;
	left: 0;
	text-align: left;
	z-index: 1500;
	background: #fff;
	border: 1px solid #666;
	color: #333;
	filter: alpha(opacity=80) !important;
	-moz-opacity: 0.8 !important; 
	opacity: 0.8 !important;
	}
	
.tooltipData {
	position: absolute;
	top: -10000px;
	left: 0;
	}	
	
#tooltip .tooltipChromeMiddleRight {
	padding: 0 10px;
	}
		

#tooltip .tooltipContentArea {
	padding: 5px 0;
	}
	
	
#youTubeVideoHolder {
	width: 640px;
	height: 390px;
	overflow: hidden;
	}	
	
.placeVideoOffscreen {
	position: absolute;
	left: 0;
	top: -10000px;
	}	

div#at16pf { display: none !important !important; visibility: hidden !important !important; }