body { margin: 10px 0 0 0; padding: 0; text-align: center; font-family: Georgia, "Times New Roman", Times; font-size: 85%; }
body.home { background: url(../img/bg-body.png) center 287px no-repeat; }
img { vertical-align: middle; }
a { color: #e86320; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }
#container { position: relative; width: 961px; margin-left: auto; margin-right: auto; text-align: left; }

/* header */
#header { background: url(../img/header/bg-header.png) right 13px no-repeat; }
#header h1 { width: 246px; height: 258px; margin: 0 0 0 15px; overflow: hidden; background: url(../img/logo.png) no-repeat; }
#header h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px; }

	/* home header */
	.home #header { background-image: url(../img/bg-header.png) }

/* body */
#body { position: relative; overflow: auto; }
#body h2 { margin-top: 0; }

/* --> home */
.home #body { min-height: 648px; }
	
	/* --> intro */
	#intro { position: absolute; top: 70px; left: 52px; width: 470px; height: 270px; }
	#intro h2 { width: 301px; height: 52px; margin: 0; text-indent: -9999px; background: url(../img/hdr-intro.png) no-repeat; }
	#intro p { margin: 40px 0 0 140px; font-size: 1.3em; text-align: center; }
	
	/* --> flavors */
	#flavor { position: absolute; top: 137px; left: 30px; margin: 0; padding: 0; list-style: none; }
	#flavor li { position: absolute; display: block; }
	#flavor li h3 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; }
	#flavor li h3 a { display: block; width: 100%; height: 100%; top: 0; left: 0; text-indent: -9999px; }
	#flavor li p { margin: 0; text-indent: -9999px; }
	#flavor li img { position: absolute; }
	#flavor .workout { left: 0; width: 144px; height: 73px; background: url(../img/hdr-workout.png) right no-repeat; }
	#flavor .workout img { top: -67px; left: 546px; }
	#flavor .awaken { top: 58px; left: 18px; width: 120px; height: 66px; background: url(../img/hdr-awaken.png) right no-repeat; z-index: 20; }
	#flavor .awaken img { top: -193px; left: 689px; }
	#flavor .think { top: 113px; width: 117px; height: 75px; background: url(../img/hdr-think.png) right no-repeat; }
	#flavor .think img { top: -160px; left: 637px; }
	#flavor .renew  { top: 173px; left: 18px; width: 125px; height: 70px; background: url(../img/hdr-renew.png) right no-repeat; z-index: 10; }
	#flavor .renew img { top: -242px; left: 811px; }
	
	/* --> images */
	#story { position: absolute; top: 400px; left: 0; }
	#press { position: absolute; top: 385px; left: 315px; }
	#giving { position: absolute; top: 520px; left: 290px; }
	#vuka { position: absolute; top: 385px; left: 525px; }
	#store { position: absolute; top: 405px; left: 705px; }
	
	/* --> molecule */
	#science { position: absolute; top: 407px; right: 463px; width: 319px; height: 223px; }
	#science p { position: absolute; top: 121px; left: 169px; width: 129px; height: 68px; margin: 0; text-indent: -9999px; background: url(../img/molecule-vuka.png) no-repeat; }
	#science img { border: 0; }
	#science ul { margin: 0; padding: 0; list-style: none; }
	#science ul li { position: absolute; top: 121px; left: 169px; text-indent: -9999px; }
	#science .energy { display: none; width: 122px; height: 70px; background: url(../img/molecule-energy.png) no-repeat; }
	#science .strength { display: none; width: 119px; height: 80px; background: url(../img/molecule-strength.png) no-repeat; }
	#science .wellness { display: none; top: 115px; left: 179px; width: 108px; height: 79px; background: url(../img/molecule-wellness.png) no-repeat; }
	#science .health { display: none; width: 134px; height: 86px; background: url(../img/molecule-health.png) no-repeat; }

/* page */
.page { margin: 25px 0; }

/* blog */
.blog { margin: 25px 0; }
.blog h2 { width: 961px; height: 334px; text-indent: -9999px; background: url(../img/blog/header.png) no-repeat; }
.blog .entry { position: relative; width: 920px; margin: 10px 10px; background: url(../img/blog/bg-top.png) top left no-repeat; }
.blog .entry .body { padding: 25px 25px 25px 235px; background: url(../img/blog/bg-bot.png) bottom left no-repeat; }
.blog .entry h3 { margin: 0; color: #e76320; font-size: 1.5em; }
.blog .entry .date { position: absolute; width: 145px; left: 0; top: 25px; text-align: center; font-size: 2em; }
.blog .entry p { margin: 0.5em 0 0; }
.blog .entry p + p { line-height: 1.3em; }
.blog .entry img { float: left; margin: 0 10px 10px 0; border: 1px solid #000; }

/* contact */
.contact { margin: 25px 0; }
.contact h2 { position: absolute; right: 0; width: 380px; height: 130px; margin: 0; text-indent: -9999px; background: url(../img/contact/header.png) no-repeat; }
.contact h2 + p { width: 492px; height: 42px; line-height: 39px; margin: 0 0 5px 0; padding: 0 10px; background: url(../img/contact/title-orange.png) no-repeat; }
.contact h2 + p + p { width: 357px; height: 41px; line-height: 38px; margin: 0; padding: 0 10px; background: url(../img/contact/title-red.png) no-repeat; }
.contact .title { color: #fff; font-size: 1.5em; font-weight: bold; }
.contact form { position: relative; float: left; width: 531px; height: 486px; font-weight: bold; background: url(../img/contact/bg-form.png) no-repeat; }
.contact form p { position: relative; clear: both; width: 400px; height: 40px; margin: 0; }
.contact form span { position: absolute; right: 0; }
.contact fieldset { position: absolute; top: 130px; margin: 0 0 0 40px; padding: 0; border: 0; }
.contact legend { display: none; }
.contact label { float: left; width: 85px; text-align: right; }
.contact input[type=text],
.contact textarea { float: left; width: 225px; border: 0; background: #f5f3d0; }
.contact input[type=submit] { position: absolute; top: 260px; left: 95px; width: 171px; height: 37px; color: #fff; font-weight: bold; border: 0; background: url(../img/contact/btn-send.png) no-repeat; }
.contact textarea { height: 110px; }
.contact div h3 { font-size: 1em; margin: 0; color: #e76320; }
.contact div p { margin: 0; font-weight: bold; }
.contact-info { float: right; width: 201px; height: 144px; margin: 45px 10px 5px 0; padding: 30px 0 0 180px; background: url(../img/contact/bg-info.png) no-repeat; }
.contact-sales { float: right; width: 205px; height: 117px; margin: 0 0 5px 0; padding: 30px 0 0 170px; background: url(../img/contact/bg-sales.png) no-repeat; }
.contact-press { float: right; width: 184px; height: 113px; margin: 0 27px 0 0; padding: 20px 0 0 160px; background: url(../img/contact/bg-press.png) no-repeat; }

/* events */
.events { margin: 25px 0; }
.events h2 { width: 958px; height: 240px; text-indent: -9999px; background: url(../img/events/header.png) no-repeat; }
.events p { text-transform: uppercase; font-size: 2em; text-align: center; margin: 0.5em 0; }
.events p em { display: inline-block; font-style: normal; color: #e86320; padding-bottom: 11px; background: url(../img/events/bg-vuka.png) bottom no-repeat; }
.events table { border-collapse: collapse; }
.events th,
.events td { padding-right: 30px; }
.events th { height: 36px; text-indent: -9999px; }
.events td { padding-top: 10px; padding-bottom: 10px; }
.events th:last-child,
.events td:last-child { padding-right: 0; }
.events tbody tr { background: url(../img/events/bg-tr.png) bottom no-repeat; }
.events .type { width: 178px; background: url(../img/events/hdr-type.png) no-repeat; }
.events .place { width: 459px; background: url(../img/events/hdr-place.png) no-repeat; }
.events .date { width: 110px; background: url(../img/events/hdr-date.png) no-repeat; }
.events .time { width: 109px; background: url(../img/events/hdr-time.png) no-repeat; }

/* FAQs */
.faq { margin: 25px 0; }
.faq h2 { position: absolute; right: 0; width: 72px; height: 232px; text-indent: -9999px; background: url(../img/faq/header.png) no-repeat; }
.faq .links { float: left; width: 195px; margin-left: 30px; }
.faq .links h3 { width: 137px; height: 24px; margin: 0 0 10px 0; text-indent: -9999px; background: url(../img/faq/hdr-links.png) no-repeat; }
.faq .links h4 { margin: 0; padding: 5px 10px; }
.faq .links .product-queries h4 { background: #ffb052; }
.faq .links .shipping-delivery h4 { background: #ffd500; }
.faq .links .product-ordering h4 { background: #70d463; }
.faq .links .payment-security h4 { background: #26c0d9; }
.faq .links ul { margin: 0; padding: 0; list-style: none; }
.faq .links ul li { margin: 5px 0; font-size: 1.2em; font-weight: bold; }
.faq .links ul ul { margin-left: 1em; list-style: disc url(../img/faq/bullet.png); }
.faq .links ul ul li { font-size: 0.85em; }
.faq .links ul ul li a { font-weight: normal; }
.faq .body { float: left; width: 625px; margin-left: 20px; }
.faq .body h3 { display: inline; padding: 7px 12px 7px 80px; font-size: 25px; font-weight: normal; border-style: solid; border-width: 12px 12px 0 12px; }
.faq .body h4 { margin: 0; }
.faq .body p { margin: 0.5em; }
.faq .body > div { margin-top: 25px; }
.faq .body .q { margin-top: 7px; padding: 15px 25px; }
.faq .body .product-queries h3 { background: #ffb052 url(../img/faq/bg-product.png) bottom left no-repeat; border-color: #ffd1ab; }
.faq .body .product-queries .q { background: #ffd1ab; }
.faq .body .shipping-delivery h3 { background: #ffd500 url(../img/faq/bg-delivery.png) bottom left no-repeat; border-color: #f9f0c2; }
.faq .body .shipping-delivery .q { background: #f9f0c2; }
.faq .body .product-ordering h3 { padding-left: 65px; background: #70d463 url(../img/faq/bg-ordering.png) bottom left no-repeat; border-color: #e9f3d1; }
.faq .body .product-ordering .q { background: #e9f3d1; }
.faq .body .payment-security h3 { padding-left: 55px; background: #26c0d9 url(../img/faq/bg-security.png) bottom left no-repeat; border-color: #cdeeed; }
.faq .body .payment-security .q { background: #cdeeed; }

/* press & media */
.press { margin: 25px 0; }
.press h2 { float: left; width: 300px; height: 240px; margin-bottom: 1em; text-indent: -9999px; background: url(../img/press/header.png) no-repeat; }
.press > a img { float: left; margin-left: 12px; }
.press .info { float: left; width: 293px; height: 166px; margin-left: 12px; padding: 35px 25px; text-align: center; background: url(../img/press/bg-contact.png) no-repeat; }
.press .info p { margin: 0.5em 0; font-size: 1.1em; }
.press .thumbs { float: left; clear: left; width: 555px; }
.press .thumbs h3 { width: 504px; height: 40px; margin-top: 0; text-indent: -9999px; background: url(../img/press/hdr-thumbs.png) no-repeat; }
.press .thumbs img { float: left; margin: 0 15px 15px 0; border: 1px solid #000; }
.press .links { float: right; width: 313px; height: 282px; padding: 25px 28px; background: url(../img/press/bg-links.png) no-repeat; }
.press .links h3 { width: 163px; height: 31px; margin: 0 0 1em 0; text-indent: -9999px; background: url(../img/press/hdr-links.png) no-repeat; }
.press .links a {  }
.press .links ul { margin-left: 0; padding-left: 1em; list-style-image: url(../img/press/bullet.png); }
.press .links ul li { padding: 2px 0; }

/* vuka giving */
.giving { margin: 25px 0; line-height: 1.3em; }
.giving h2 { width: 949px; height: 141px; margin-bottom: 0; text-indent: -9999px; background: url(../img/giving/header.png) no-repeat; }
.giving > p { position: absolute; top: 1em; left: 370px; width: 555px; height: 70px; }
.giving > img { float: left; margin-top: 1em; }
.giving .charity { float: left; width: 340px; margin-left: 26px; }
.giving .charity h3 { width: 349px; height: 89px; text-indent: -9999px; background: url(../img/giving/hdr-charity.png) no-repeat; }
.giving .roundup { float: left; width: 220px; margin-left: 25px; padding: 0 30px 15px 30px; background: url(../img/giving/bg-roundup.png) bottom no-repeat; }
.giving .roundup h3 { margin: 0 0 0.5em 0; font-size: 1.4em; }
.giving .roundup h4 { width: 208px; height: 81px; margin: 0; text-indent: -9999px; background: url(../img/giving/hdr-roundup.png) no-repeat; }

/* vuka story */
.story { margin: 25px 0; }
.story h2 { width: 924px; height: 409px; text-indent: -9999px; background: url(../img/story/header.png) no-repeat; }
.story h3 { clear: both; }
.story p { clear: both; }
.story .col { float: left; width: 300px; margin-left: 25px; }
.story .first { margin-left: 0; }

/* vuka vibe */
.vibe { margin: 25px 0; }
.vibe h2 { display: none; }
.vibe img { float: left; margin-left: 12px; }
.vibe .first { margin-left: 0; }
	
	/* vibe shared */
	.vibe-shared { min-height: 385px; padding: 25px 0; }
	.vibe-shared h2 { float: left; width: 231px; height: 385px; text-indent: -9999px; }
	.vibe-shared .body { float: left; width: 715px; margin-left: 15px; }
	.vibe-shared .body p:first-child { margin: 0 0 10px 30px; text-indent: -9999px; }
	.vibe-shared .back { position: absolute; top: 370px; left: 25px; }
	.vibe-shared .block { float: left; width: 181px; height: 213px; margin: 0 5px 5px 0; padding: 31px 21px 31px 31px; text-align: center; background: url(../img/vibe/bg-block.png) no-repeat; }
	.vibe-shared .instruct { float: left; text-indent: -9999px; }
	
	/* playlist */
	.vibe-playlist h2 { background: url(../img/vibe/playlist.png) no-repeat; }
	.vibe-playlist .body p:first-child { width: 653px; height: 37px; background: url(../img/vibe/hdr-playlist.png) no-repeat; }
	.vibe-playlist table { float: left; width: 710px; margin-left: 5px; }
	.vibe-playlist th { height: 25px; line-height: 25px; padding: 0; color: #fff; background: #000 url(../img/vibe/th-right.png) right no-repeat; }
	.vibe-playlist th span { display: block; padding: 0 10px; background: url(../img/vibe/th-left.png) left no-repeat; }
	.vibe-playlist td { padding: 4px 10px; border-bottom: 1px dotted #ccc; }
	
	/* ringtones */
	.vibe-ringtone h2 { background: url(../img/vibe/ringtone.png) no-repeat; }
	.vibe-ringtone .body p:first-child { width: 655px; height: 49px; background: url(../img/vibe/hdr-ringtone.png) no-repeat; }
	.vibe-ringtone .instruct { width: 679px; height: 32px; margin-left: 20px; background: url(../img/vibe/hdr-ringtone-2.png) no-repeat; }
	.vibe-ringtone .block p { margin: 10px 0; }
	.vibe-ringtone .block p strong { display: block; }
	
	/* screensavers */
	.vibe-screensaver h2 { background: url(../img/vibe/screensaver.png) no-repeat; }
	.vibe-screensaver .body p:first-child { width: 655px; height: 49px; background: url(../img/vibe/hdr-screensaver.png) no-repeat; }
	.vibe-screensaver .instruct { width: 619px; height: 28px; margin-left: 50px; background: url(../img/vibe/hdr-screensaver-2.png) no-repeat; }
	.vibe-screensaver .block p { margin: 10px 0; font-size: 2em; }
	
	/* wallpapers */
	.vibe-wallpaper h2 { background: url(../img/vibe/wallpaper.png) no-repeat; }
	.vibe-wallpaper .body p:first-child { width: 675px; height: 49px; background: url(../img/vibe/hdr-wallpaper.png) no-repeat; }
	.vibe-wallpaper .instruct { width: 669px; height: 30px; margin-left: 35px; background: url(../img/vibe/hdr-wallpaper-2.png) no-repeat; }
	.vibe-wallpaper .block p { margin: 0; font-size: 2em; }
	.vibe-wallpaper ul { margin: 0; padding: 0; list-style: none; }
	.vibe-wallpaper ul li { float: left; height: 16px; }
	.vibe-wallpaper ul li:first-child,
	.vibe-wallpaper ul li:first-child + li + li,
	.vibe-wallpaper ul li:first-child + li + li + li + li { padding-right: 15px; background: url(../img/vibe/slash.png) right no-repeat; }

/* why vuka? */
.why-vuka { min-height: 764px; margin: 25px 0; background: url(../img/why/bg.jpg) no-repeat; }
.why-vuka .body { position: absolute; top: 153px; left: 85px; width: 787px; height: 575px; }
.why-vuka h2 { position: absolute; top: 35px; left: 434px; width: 207px; height: 63px; margin: 0; text-indent: -9999px; background: url(../img/why/header.png) no-repeat; }
.why-vuka h3 { width: 352px; height: 48px; margin: 0 0 0.5em 0; padding-left: 20px; line-height: 48px; font-size: 2em; color: #fff; background: #c4161c; }
.why-vuka h4 { display: inline; margin: 0.75em 0; padding: 5px 10px; font-size: 1.5em; line-height: 1.5em; color: #fff; background: #8bb758; }
.why-vuka p { margin: 2.5em 0 1em 0; font-weight: bold; font-size: 1.2em; line-height: 1.2em; }
.why-vuka em { font-style: normal; color: #e76320; }
.why-vuka h3 + p { width: 635px; margin-top: 1em; }
.why-vuka h3 + p + p + p { margin-left: 145px; }

/* shop */
.shop { float: left; width: 705px; margin: 25px 0; }
.shop h2 { display: none; }
.shop h3 { margin: 0; text-indent: -9999px; }
.shop h3 + p { font-weight: bold; }
.shop h3 + p,
.shop h3 + p + p { padding: 10px 0; background: url(../img/shop1/line.png) top left no-repeat; }
.shop p { margin: 0; }
.shop img + p { margin-bottom: 10px; font-size: 1.5em; font-weight: bold; }
.shop label { display: block; margin-bottom: 10px; }
.shop input[type=text] { padding: 2px; border: 2px solid #000; } 
	
	.shop .large,
	.shop .small { position: relative; float: left; margin: 0 5px 10px 0; }
	
	.shop .large { width: 700px; height: 331px; padding-top: 25px; background: url(../img/shop1/bg-large.png) no-repeat; }
	.shop .large h3,
	.shop .large p,
	.shop .large form { width: 295px; margin-left: 380px; }
	.shop .large h3 { width: 294px; height: 49px; margin-top: 0; }
	.shop .large img { position: absolute; top: 40px; left: 12px; }
	.shop .variety-pack h3 { background: url(../img/shop1/hdr-variety.png) no-repeat; }
	.shop .variety-pack-light h3 { background: url(../img/shop1/hdr-variety-light.png) no-repeat; }
	
	.shop .small { width: 349px; height: 311px; padding-top: 45px; background: url(../img/shop1/bg-small.png) no-repeat; }
	.shop .small h3,
	.shop .small p,
	.shop .small form { width: 186px; margin-left: 142px; }
	.shop .small h3 { width: 185px; height: 43px; margin-top: 0; }
	.shop .small img { position: absolute; top: 15px; left: 10px; }
	.shop .awaken h3 { background: url(../img/shop1/hdr-awaken.png) no-repeat; }
	.shop .awaken-light { margin-right: 0; }
	.shop .awaken-light h3 { background: url(../img/shop1/hdr-awaken-light.png) no-repeat; }
	.shop .renew h3 { background: url(../img/shop1/hdr-renew.png) no-repeat; }
	.shop .renew-light { margin-right: 0; }
	.shop .renew-light h3 { background: url(../img/shop1/hdr-renew-light.png) no-repeat; }
	.shop .think h3 { background: url(../img/shop1/hdr-think.png) no-repeat; }
	.shop .think-light { margin-right: 0; }
	.shop .think-light h3 { background: url(../img/shop1/hdr-think-light.png) no-repeat; }
	.shop .workout h3 { background: url(../img/shop1/hdr-workout.png) no-repeat; }
	.shop .workout-light { margin-right: 0; }
	.shop .workout-light h3 { background: url(../img/shop1/hdr-workout-light.png) no-repeat; }
	.shop .renew img,
	.shop .renew-light img { top: 2px; }

/* shopping cart */
.shop2 { float: left; width: 700px; margin: 25px 0; background: url(../img/shop3/bg.png) no-repeat; }
.shop2 .top { padding: 39px 39px 20px 39px; }
.shop2 .bot { height: 35px; background: url(../img/shop3/bg.png) bottom no-repeat; }
.shop2 h2 { width: 425px; height: 67px; margin-top: 0; text-indent: -9999px; background: url(../img/shop2/hdr-cart.png) no-repeat; }
.shop2 form input[type=text] { padding: 4px 2px; border: 2px solid #000; text-align: center; }
.shop2 form input[type=image] { vertical-align: middle; }
.shop2 table { width: 622px; margin-bottom: 15px; border-collapse: collapse; }
.shop2 tbody { background: url(../img/shop2/line.png) top no-repeat; }
.shop2 table th,
.shop2 table td { margin: 0; padding: 0 0 10px 0; font-size: 1.2em; font-weight: bold; }
.shop2 thead th { padding: 0 0 5px 0; }
.shop2 tbody tr:first-child th,
.shop2 tbody tr:first-child td { padding: 10px 0 10px 0; }
.shop2 img { margin-left: 2px; }

/* checkout */
.shop3 { float: left; width: 700px; margin: 25px 0; background: url(../img/shop3/bg.png) no-repeat; }
.shop3 .top { padding: 39px 39px 0 39px; }
.shop3 .bot { height: 35px; background: url(../img/shop3/bg.png) bottom no-repeat; }
.shop3 h2,
.shop3 h3,
.shop3 h4 { margin: 0; padding-bottom: 8px; background: url(../img/shop2/line.png) bottom no-repeat; }
.shop3 h3 { font-size: 1.5em; }
.shop3 h4 { font-size: 1.2em; }
.shop3 h2 + form,
.shop3 h3 + form { margin-top: 0.5em; }
.shop3 h4 + form table tr:first-child td { padding: 0.5em 0; }
.shop3 td h4 { margin: 1em 0 8px 0; }
.shop3 .checkout { width: 251px; height: 67px; text-indent: -9999px; background: url(../img/shop3/hdr-checkout.png) no-repeat; }
.shop3 .payment { width: 425px; height: 67px; text-indent: -9999px; background: url(../img/shop3/hdr-payment.png) no-repeat; }
.shop3 .confirm { width: 490px; height: 67px; text-indent: -9999px; background: url(../img/shop3/hdr-confirm.png) no-repeat; }
.shop3 .receipt { width: 309px; height: 67px; text-indent: -9999px; background: url(../img/shop3/hdr-receipt.png) no-repeat; }
.shop3 form input[type=password],
.shop3 form input[type=text],
.shop3 form select { padding: 2px; border: 1px solid #000; background: #f5ebc7; }
.shop3 form ul { margin: 0; padding: 0; list-style: none; }
.shop3 form .help { position: absolute; left: 60%; margin: -1.2em 0 0; font-size: 0.9em; }
.shop3 form table { width: 622px; }
.shop3 form table td { vertical-align: top; }
.shop3 form table td:first-child { width: 30%; padding-right: 15px; }
.shop3 form table td:first-child label { display: block; text-align: right; font-weight: bold; }
.shop3 form table td + td { width: 70%; }
.shop3 #checkoutprogress { display: none; }

/* shop sidebar */
#sidebar { float: right; width: 245px; margin: 25px 0; text-align: center; }
#sidebar img { margin-bottom: 15px; }
	
	/* cart preview */
	.cart { position: relative; margin: 0 0 15px 0; padding: 0 0 30px 0; text-align: left; background: url(../img/shop1/bg-cart.png) bottom no-repeat; }
	.cart table { width: 100%; }
	.cart table caption { height: 38px; width: 245px; text-indent: -9999px; background: url(../img/shop1/hdr-basket.png) no-repeat; }
	.cart table td { height: 33px; }
	.cart table td.qty { width: 38px; padding: 0 10px; text-align: center; background: url(../img/shop1/bg-qty.png) center no-repeat; }
	.cart table td.price { padding: 0 10px; text-align: right; }
	.cart table td.total { padding: 0 10px; text-align: left; background: none; }
	.cart table + a img { position: absolute; bottom: 20px; right: 15px; }
	.cart table + a + a img { position: absolute; bottom: 0; right: 15px; }
	.cart .price { font-size: 1.2em; font-weight: bold; }

/* products */
.products { margin: 25px 0; }
.products h2 { position: absolute; top: 0; right: 0; z-index: 10; width: 263px; height: 133px; text-indent: -9999px; background: url(../img/products/hdr-energy.png) no-repeat; }
.products p { position: absolute; top: 150px; right: 20px; width: 225px; height: 195px; }
.products p a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; background: url(../img/products/bg-info.png) no-repeat; }
.products ul { position: relative; width: 716px; height: 524px; margin: 0; padding: 0; list-style: none; background: url(../img/products/bg.jpg) no-repeat; }
.products ul li { position: absolute; }
.products ul li a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
.products ul .awaken { top: 3px; left: 325px; width: 177px; height: 512px; }
.products ul .awaken a { background: url(../img/products/bottle-awaken.jpg) no-repeat; }
.products ul .awaken a:hover { background-position: 0 -512px; }
.products ul .renew { top: 74px; left: 520px; width: 131px; height: 357px; }
.products ul .renew a { background: url(../img/products/bottle-renew.jpg) no-repeat; }
.products ul .renew a:hover { background-position: 0 -357px; }
.products ul .think { top: 91px; left: 211px; width: 110px; height: 315px; }
.products ul .think a { background: url(../img/products/bottle-think.jpg) no-repeat; }
.products ul .think a:hover { background-position: 0 -315px; }
.products ul .workout { top: 66px; left: 46px; width: 132px; height: 379px; }
.products ul .workout a { background: url(../img/products/bottle-workout.jpg) no-repeat; }
.products ul .workout a:hover { background-position: 0 -379px; }

	/* light ver. */
	.products-light p a { background: url(../img/products/bg-info-light.png) no-repeat; }
	.products-light ul { background: url(../img/products/bg-bottles-light.jpg) 0 3px no-repeat; }
	.products-light ul .awaken a { background: url(../img/products/bottle-awaken-light.jpg) no-repeat; }
	.products-light ul .renew a { background: url(../img/products/bottle-renew-light.jpg) no-repeat; }
	.products-light ul .think a { background: url(../img/products/bottle-think-light.jpg) no-repeat; }
	.products-light ul .workout a { background: url(../img/products/bottle-workout-light.jpg) no-repeat; }

/* product */
.product { height: 541px; margin: 25px 0; }
.product h2 { margin: 0 0 10px 0; }
.product h2 + p { font-size: 1.5em; font-weight: bold; background: url(../img/product/line.png) bottom no-repeat; }
.product h2 + p em { display: block; padding: 5px 0 10px 0; font-style: normal; background: url(../img/product/line.png) top no-repeat; }
.product h3 { width: 168px; height: 20px; text-indent: -9999px; margin: 0.7em 0; background: url(../img/product/hdr-description.png) no-repeat; }
.product h3 + p + h3 { width: 314px; height: 20px; background: url(../img/product/hdr-ingredients.png) no-repeat; }
.product h3 + p + h3 + p + h3 { width: 327px; height: 19px; background: url(../img/product/hdr-sweetened.png) no-repeat; }
.product p { margin: 0; }
.product .body { position: absolute; width: 511px; top: 50px; left: 225px; }
.product .body img { position: absolute; top: -35px; left: 235px; }
.product .nutri img { position: absolute; top: 473px; }
.product .nutri a:first-child img { left: 63px; }
.product .nutri a + a img { left: 770px; }
.product .select { position: absolute; top: 10px; left: 600px; }
.product .select img { display: block; float: left; margin-left: 4px; padding-top: 23px; }
.product .select .selected { background: url(../img/product/selected.png) 0 8px no-repeat; }

	div.awaken { background: url(../img/product/bg-awaken.jpg) no-repeat; }
	div.awaken h2 { width: 206px; height: 59px; text-indent: -9999px; background: url(../img/product/hdr-awaken.png) no-repeat; }
	
	div.renew { background: url(../img/product/bg-renew.jpg) no-repeat; }
	div.renew h2 { width: 173px; height: 54px; text-indent: -9999px; background: url(../img/product/hdr-renew.png) no-repeat; }
	
	div.think { background: url(../img/product/bg-think.jpg) no-repeat; }
	div.think h2 { width: 141px; height: 59px; text-indent: -9999px; background: url(../img/product/hdr-think.png) no-repeat; }
	
	div.workout { background: url(../img/product/bg-workout.jpg) no-repeat; }
	div.workout h2 { width: 258px; height: 59px; text-indent: -9999px; background: url(../img/product/hdr-workout.png) no-repeat; }
	div.workout .body img { left: 245px; }

/* header cart */
#cart { position: absolute; top: 30px; left: 225px; width: 311px; height: 108px; overflow: hidden; background: url(../img/bg-cart.png) no-repeat; }

	/* home cart */
	.home #cart { left: 255px; }

#cart ul { margin: 0; padding: 0; list-style: none; }
#cart ul li { position: absolute; }
#cart ul .account { top: 14px; left: 27px; }
#cart ul .basket { top: 38px; left: 27px; }
#cart ul .checkout { top: 38px; left: 161px; }
#cart ul .newsletter { top: 78px; left: 29px; }
#cart ul .friend { top: 78px; left: 188px; }

#popup { width: 242px; padding: 10px 20px; text-align: left; }
#popup h3 { margin: 0; text-indent: -9999px; }
#popup h4 { margin: 0.5em 0; }
#popup table td { vertical-align: top; }
#popup form { position: relative; }
#popup label { display: block; width: 80px; text-align: right; }
#popup input[type=text],
#popup textarea { width: 150px; padding: 2px; border: 0; background: #fad855; }
#popup textarea { height: 5em; }
#popup input[type=image] { margin-top: 10px; }
#popup img { position: absolute; right: 0; bottom: 4px; }

	.newsletter {  }
	.newsletter h3 { width: 225px; height: 35px; background: url(../img/forms/hdr-newsletter.png) no-repeat; }
	
	.friend {  }
	.friend h3 { width: 220px; height: 39px; background: url(../img/forms/hdr-friend.png) no-repeat; }
	
	.donate {  }
	.donate h3 { width: 265px; height: 36px; background: url(../img/forms/hdr-roundup.gif) no-repeat; }

/* artists */
#artist { position: relative; width: 950px; height: 541px; text-align: left; background: url(../img/artists/bg.png) no-repeat; }
#artist h2 { margin: 0; text-indent: -9999px; }
#artist h3 { width: 168px; height: 20px; text-indent: -9999px; background: url(../img/product/hdr-description.png) no-repeat; }
#artist p + h3 { width: 314px; height: 20px; background: url(../img/product/hdr-ingredients.png) no-repeat; }
#artist p { margin-top: 0; line-height: 1.4em; }
#artist img { position: absolute; }
#artist img + p { position: absolute; left: 40px; bottom: 40px; margin: 0; }
#artist .body { width: 535px; margin-left: 380px; padding-top: 60px; }

	/* simon van gend */
	.simonvangend h2 { width: 520px; height: 68px; background: url(../img/artists/hdr-simonvangend.png) no-repeat; }
	.simonvangend h3 { margin: 0 0 0.2em 0; }
	.simonvangend img { top: 110px; left: 35px; }
	
	/* miss texas */
	.misstexas h2 { width: 516px; height: 57px; background: url(../img/artists/hdr-misstexas.png) no-repeat; }
	.misstexas h3 { margin: 0 0 0.5em 0; }
	.misstexas img { top: 135px; left: 70px; }

/* footer */
#footer { clear: both; height: 49px; padding: 20px 0; text-align: right; background: url(../img/bg-footer.png) no-repeat; }
#footer p { height: 19px; line-height: 19px; margin: 0; font-size: 0.9em; }
#footer p img { margin-right: 4px; }
#footer a { font-weight: normal; }
#footer .share,
#footer .credit { font-family: Tahoma, Arial, sans-serif; font-size: 0.8em; }
#footer .share a { display: inline-block; height: 100%; color: #000; padding-left: 7px; }
#footer .share a:first-child { padding: 0; background: none; }
#footer .share a:hover { text-decoration: none; }
#footer .credit a { color: #999; }


/* top menu */
#menu ul:first-child { position: absolute; top: 152px; right: 15px; width: 662px; height: 75px; }
#menu ul:first-child { margin: 0; padding: 0; list-style: none; }
#menu ul:first-child li { display: block; float: left; height: 75px; overflow: hidden; }
#menu ul .nav-product { width: 79px; background: url(../img/nav-product.png) no-repeat; }
#menu ul .nav-why { width: 77px; background: url(../img/nav-why.png) no-repeat; }
#menu ul .nav-story { width: 83px; background: url(../img/nav-story.png) no-repeat; }
#menu ul .nav-store { width: 80px; background: url(../img/nav-store.png) no-repeat; }
#menu ul .nav-vibe { width: 69px; background: url(../img/nav-vibe.png) no-repeat; }
#menu ul .nav-event { width: 73px; background: url(../img/nav-event.png) no-repeat; }
#menu ul .nav-faq { width: 71px; background: url(../img/nav-faq.png) no-repeat; }
#menu ul .nav-blog { width: 69px; background: url(../img/nav-blog.png) no-repeat; }
#menu ul .nav-contact { width: 61px; background: url(../img/nav-contact.png) no-repeat; }
#menu ul li a { display: block; width: 100%; height: 100%; text-indent: -9999px; }

/* submenu */
#menu ul + ul { position: absolute; top: 40px; left: 550px; margin: 0; padding: 0; list-style: none; }
	
	/* home submenu */
	.home #menu ul + ul { display: none; }

#menu ul + ul li { margin-bottom: 4px; }
#menu ul + ul .nav-home { width: 103px; height: 32px; margin-left: 4px; background: url(../img/header/btn-home.png) no-repeat; }
#menu ul + ul .nav-press { width: 112px; height: 33px; margin-left: 4px; background: url(../img/header/btn-press.png) no-repeat; }
#menu ul + ul .nav-giving { width: 112px; height: 33px; background: url(../img/header/btn-giving.png) no-repeat; }