/* Vemma product page */

body { background:url('../images/bg-with-fruits-vemma.jpg') 50% 0 repeat-x; background-color:#ffffff; color:#444444; text-align:center; }

hr { background-color:#cccccc; }

h2 { margin-bottom:10px; font-size:170%; line-height:1.1em; font-weight:normal; }
h3 { font-size:120%; line-height:1.3em; font-weight:normal; }

.subnav-top { float:left; position:relative; z-index:-1; top:-10px; display:inline-block; margin-left:3px; margin-bottom:-10px; border:#ffffff 1px solid; border-top:0; border-bottom:0; width:952px; height:10px; background:none; background-color:#ffffff; }
.subnav { float:left; margin-left:3px; margin-bottom:5px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border:#ffffff 1px solid; border-top:0; width:942px; height:28px; background:url('../images/subnav-vemma-bg.gif') repeat-x; padding:2px 5px 5px 5px; text-align:center; font-size:90%; }
.subnav a { color: #d54100; }
.subnav ul { display:inline-block; margin:0 auto; margin-top:7px; color:#666666; }
.subnav ul li { float:left; border-right:#cccccc 1px solid; padding:0 10px 0 10px; }
.subnav ul .last { border-right:0; }
.subnav, x:-moz-any-link { position:relative; top:-3px;}
.subnav, x:-moz-any-link, x:default { top:0; }

.content-store-link { clear:left; float:left; background-color:#dddddd; width:510px; height:180px; padding:30px; }
.content-store-link h3 { font-size:120%; }
.content-store-link h4 { margin-bottom:10px; }
.content-store-link .pic { float:left; position:relative; top:-15px; }
.content-store-link .info { float:left; width:200px; padding-left:35px; }
.content-store-link .btn-main-green { padding-top:10px; }

.nav .secondary {
	top:-78px;
	}

#membernav { color:#666666; }
	#membernav a { color:#444444; }
	#membernav .account a { background:url('../images/nav-account-icon-b.png') 0 1px no-repeat; }

#membernav .language { background:url('/images/nav-language-icon-alt.png') 0 3px no-repeat; } 
#membernav .language .current { background:url('/images/language-select-arrow-alt.png') right 5px no-repeat; }

#product-logo { float:left; z-index:4; position:relative; }
#product-div { position:fixed; bottom:-5px; z-index:10; margin-left:-55px; }

div.outter-border { float:left; margin-top:-4px; margin-left:-4px; box-shadow:0 0 0 #000000; -webkit-box-shadow:0 0 0 #000000; -moz-box-shadow:0 0 0 #000000; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; width:189px; background:url('../images/sidenav-bg-vemma.png') no-repeat; filter: -; /* reset IE filters */ }
	ul.left-sub-nav { position:relative; float:left; margin-top:14px; margin-left:3px; border:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; width:181px; padding:0 0 30px 1px; }
		ul.left-sub-nav li a { border-top:#f7f7f5 1px solid; width:159px; height:21px; padding:4px 11px; background:url('../images/sidenav-item-bg-vemma.gif') repeat-x; text-transform:none; color:#5c5c5c; font-weight:normal; font-size:95%; text-shadow:1px 1px #f1f1f1; line-height:1.4em; }
		ul.left-sub-nav li:first-child a { border-top:0; }
			ul.left-sub-nav li a:hover { background:url('../images/sidenav-item-bg-vemma.png'); color:#d54100; }
			ul.left-sub-nav li a.on { background:url('../images/sidenav-item-bg-vemma.png'); color:#d54100; }
			ul.left-sub-nav li a small { position:relative; top:-1px; color:#8e8e8e; }

.center { float:left; margin-top:0; background:none; }

.content-standard { padding-top:0; }

.guarantee { margin:10px 0 10px 0; border:#cccccc 1px solid; padding:10px 20px; font-size:85%; }
	.guarantee h2 { text-transform:inherit; font-size:180%; }

.content-feature { height:380px; }
	#feature-intro { display:block; margin-top:15px; margin-left:-33px; }

.panel2 { text-align:left; background-color:#eeeeee; padding:15px; font-size:85%; }

.panel-testimonial { width:181px; background:none; padding:0; font-size:90%; }
	.panel-testimonial h3 { color:#ff6600; }
	.panel-testimonial blockquote p { color:#666666; line-height:1.4em; }
	.panel-testimonial cite { margin-bottom:10px; color:#999999; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; }

.nopanel-note { margin-bottom:20px; color:#aaaaaa; }

.panel2-content-intro { float:left; box-shadow:0 0 8px #aaaaaa; -webkit-box-shadow:0 0 8px #aaaaaa; -moz-box-shadow:0 0 8px #aaaaaa; width:536px; height:181px; background-color:#ffffff; padding:20px; font-size:100%; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
	.panel2-content-intro .col { float:left; margin-right:20px; border-left:#cccccc 1px solid; width:150px; padding-left:20px; }
		.panel2-content-intro .col p { margin-bottom:5px; padding:0; font-size:80%; line-height:1.4em; }
			.panel2-content-intro .col p img { margin-bottom:5px; }
	.panel2-content-intro a p { color:#444444; }
		.panel2-content-intro a p span { display:inline-block; color:#d54100; }
	.panel2-content-intro .studies { margin-bottom:5px; border:#cccccc 1px solid; }
	.panel2-content-intro a:hover { text-decoration:none; }
	.panel2-content-intro a:hover p { color:#d54100; }
	.panel2-content-intro a:hover p span { text-decoration:underline; }
	.panel2-content-intro a:hover .studies { border-color:#ff6600; }
	.panel2-content-intro a:hover .play-thumb img { border-color:#ff6600; }

.content-store-link { border-top:#cccccc 1px solid; border-bottom:#cccccc 1px solid; width:526px; background-color:#ffffff; }

.rightside { float:right; margin-top:390px; margin-right:4px; width:181px; }

#footer { width:100%; background-color:#ff6600; }

.tooltip { background:url('../images/tooltip-toparrow.gif') top left no-repeat; margin: 5px -177px -105px 15px; width:162px; height:80px; font-size:110%; text-align:left; }
	.tooltip div { margin-left:0; margin-top:7px; border-left:#ffc300 1px solid; border-top:0; width:136px; font-size:11px; }
.subnav-factsheet { z-index:4; float:right; position:relative; top:-20px; margin: 2px 6px -20px 0; }
.subnav-factsheet a { background:url('../images/pdf-product-fact-sheet2.png') no-repeat; padding:4px 0 3px 30px; font-size:12px; }
	.subnav-factsheet:hover .tooltip { position:relative; float:left; display:block; }

.play-thumb span {
	-moz-background-clip: border;
	-moz-background-origin: padding;
	-moz-background-size: auto auto;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("../images/video-preview-thumb-play-b.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	left: 38px;
	margin-left: -30px;
	margin-top: -30px;
	position: relative;
	top: 38px;
	width: 30px;
	}
.play-thumb img {
	border: 1px solid #999;
	float: left;
	}