/* General Styles
------------------------------------------------------------------------------------------------------ */

body {
	background: #09c url(images/bg_pattern_cream.gif) repeat 0 0;
	color: #000;
	font: 14px "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
    height: 100%;
}

img {
	border: 0;
}

a {
	color: #39c;
	text-decoration: underline;
}

a:hover {
	color: #9c0;
	text-decoration: none;
}

#wrapper {
	width: 811px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(images/bg_cream.gif) repeat-y 0 0;
}

#container {
	clear: both;
	width: 789px;
	margin: 0 11px;
	padding: 0;
	background-color: #fff;
}

#main {
    margin: 0;
    padding: 20px;
}

/* Header
------------------------------------------------------------------------------------------------------ */
#header {
	width: 789px;
	height: 69px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#header h1 {
	background: url(images/logo.jpg) 0 0 no-repeat;
	height: 69px;
	margin:0;
	float: left;
	width: 255px;
	position: absolute;
}

#header h1 a {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 255px;
	height: 69px;
}

#header h1 a span {
	display: none;
}

#headerRight {
	background: url(images/header.jpg) 0 0 no-repeat;
	float: right;
	width: 534px;
	height: 69px;
	margin: 0;
	padding: 0;
}

#headerRight h1 {
	background: url(images/header.jpg) 0 0 no-repeat;
	float: right;
	width: 534px;
	height: 69px;
	margin: 0;
	padding: 0;
}

#headerRight h1 a {
	position: relative;
	display: block;
	top: 0;
	left: 0;
	width: 534px;
	height: 69px;
}

#headerRight h1 a span {
	display: none;
}

/* Navigation Menu
------------------------------------------------------------------------------------------------------ */

ul#navmenu {
    margin: 0 auto;
    border: 0 none;
    padding: 0;
    list-style: none;
    height: 24px;
    background: transparent;
}

ul#navmenu li {
    margin: 0;
    border: 0 none;
    padding: 0;
    float: left; /*For Gecko*/
    display: inline;
    list-style: none;
    position: relative;
    height: 29px;
    background: #ef8923 url(images/navbg.gif) repeat-x 0 0;
}

ul#navmenu a {
    padding: 0 12px;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    color: #fff;
    font: bold 11px/29px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    background: url(images/menu_separator.gif) no-repeat top right;
}

ul#navmenu a:hover {
  color: #fc6;
}

ul#navmenu li#left {
	background: url(images/nav_left.gif) no-repeat 0 0;
    width: 15px;
    height: 29px;
	padding: 0;
	margin: 0;
}

ul#navmenu li#right {
	background: url(images/nav_right.gif) no-repeat 0 0;
    width: 9px;
    height: 29px;
	padding: 0;
	margin: 0;
}

ul#navmenu a#last {
	background: none;
}

/* Sales Pitch
------------------------------------------------------------------------------------------------------ */
#salesPitch {
    margin: 5px 0 0 0;
    padding: 0;
	background: url(images/diet-pills-2010.jpg) no-repeat 0 0;
    height: 211px;
    width: 789px;
}

#salesPitch p {
    margin: 0 0 0 285px;
    padding: 20px 0 0 0;
    height: 170px;
    width: 360px;
	font: bold 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
    line-height: 36px;
}

#salesPitch p span {
    float: right;
	font: bold 30px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fc0;
}
/* Main Content
------------------------------------------------------------------------------------------------------ */
#sharirez {
    margin: 5px 0 0 0;
    padding: 0;
	background: url(/shcshop/shari-rezveratrol.jpg) no-repeat 0 0;
    height: 487px;
    width: 789px;
}

#leftContainer {
    float: left;
    width: 355px;
	margin: 0;
	padding: 0 5px;
	text-align: left;
}

#rightContainer {
    float: left;
	width: 397px;
	margin: 0 0 0 13px;
	padding: 0 10px 0 0;
	text-align: left;
}

.yellowHighlite {
    background-color: #fce784;
}

#testimonials1 {
    float: left;
    padding: 65px 0 0 0;
    margin: 0;
	background: url(images/testimo1_header.jpg) no-repeat 0 0;
}

* html #testimonials1 {
	/*height: 1%;*/
    padding: 80px 0 0 0;
}

#testimonials1 h1 {
	display: none;
}

#testimonials1 p.intro {
    padding: 0 100px 0 10px;
}

#testimonials1 p.green {
    padding: 5px;
    background-color: #f3fcdc;
    border: 1px solid #9c3;
}

#testimonials1 p.peach {
    padding: 5px;
    background-color: #ffefcc;
    border: 1px solid #fc0;
}

#testimonials1 p span.name {
    color: #39c;
    font-weight: bold;
    margin-left: 10%;
}

#tony {
    margin: 20px 0 0 0;
    padding: 0;
	background: url(images/tony.jpg) no-repeat 0 50px;
    width: 397px;
    height: 560px;
    text-align: center;
}

#tony p {
    margin: 0 auto;
    padding: 0;
    width: 70%;
	font-size: 18px;
    color: #666;
}

#tony p span.lime {
    color: #9c0;
}

#tony p span.orange {
    color: #f90;
}

#tony h1 {
    margin: 287px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
}

#shari {
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
	background: url(images/shari.jpg) no-repeat 0 110px;
    width: 355px;
    height: 640px;
    float:left;
}

#shari p {
    margin: 0;
    padding: 0 0 0 30px;
	font-size: 18px;
    color: #666;
    line-height: 20px;
	background: url(images/leaf.jpg) no-repeat 0 10px;
    text-align: right;
}

#shari p span.lime {
    color: #9c0;
}

#shari p span.purple {
    color: #c0c;
    text-align: center;
}

/*#shari h1 {
    margin: 287px 0 10px 0;
    font-size: 16px;
    font-weight: bold;
}*/

.dottedHr {
    margin: 10px auto;
    width: 700px;
    height: 1x;
    background: transparent url(images/horiz_dot.gif) repeat-x 0 0;
}

#guarantee {
    margin: 0;
    padding: 0;
    background: transparent url(images/guarantee.jpg) no-repeat top right;
    height: 320px;
}

#guarantee p {
    margin: 0;
    padding: 138px 39px 0px 39px;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 16px;
}

#guarantee p span{
    font-weight: bold;
    color: #c00;
}

#testimonials2 {
    float: left;
    padding: 115px 0 0 0;
    margin: 0;
	background: url(images/testimo2_header.jpg) no-repeat 0 0;
}

* html #testimonials2 {
	/*height: 1%;*/
    padding: 129px 0 0 0;
}

#testimonials2 h1 {
	display: none;
}

#testimonials2 p.intro {
    padding: 0 100px 0 10px;
}

#testimonials2 p.blue {
    padding: 5px;
    background-color: #d6eaf5;
    border: 1px solid #9cf;
}

#testimonials2 p.yellow {
    padding: 5px;
    background-color: #fdfcef;
    border: 1px solid #cc9;
}

#testimonials2 p span.name {
    color: #39c;
    font-weight: bold;
    margin-left: 10%;
}

#order {
	clear: both;
	width: 789px;
	height: 487px;
    /*float: left;*/
	margin: 0 auto;
	padding: 0;
	background: url(/shcshop/shari-rezveratrol.jpg) repeat-x 0 0;
}

#order h1 {
    display: none;
}

#order h2 {
    margin: 0;
    width: 770px;
    height: 250px;
	background: url(images/pixel.gif) repeat 0 0;
}

#order h2 a {
    display: block;
    width: 770px;
    height: 250px;
}

#order h2 a span {
    display: none;
}

#whyOrder {
    margin: 0 auto;
    padding: 20px 0;
    width: 773px;
    /*float: left;*/
    clear: both;
}

#whyOrder h3 {
    margin: 0;
    color: #09c;
    font-size: 16px;
    padding-left: 60px;
    height: 55px;
	background: url(images/question_marque.gif) no-repeat 0 0;
}

#whyOrder p {
    margin: 0;
    padding: 10px;
    background-color: #f4f2d3;
    border: 1px dashed #fc0;
}

#ebay {
	clear: both;
	width: 700px;
	margin: 0 auto;
	padding: 0;
}

#ebay h1 {
    margin: 0 0 10px 0;
    color: #9c0;
    font-size: 18px;
    padding-left: 40px;
	background: url(images/arrow_bullet.gif) no-repeat 0 50%;
}

#ebay p {
    margin: 0 0 20px 0;
    padding: 10px;
    background-color: #c1e7f3;
    border: 1px dashed #09c;
}

.ebayTable {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 700px;
}

.ebayTable ul {
	width: 700px;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #fff;
	border: 1px solid #cae6ef;
}

.ebayTable ul li {
	clear: left;
	list-style: none;
	color: #000;
	line-height: 20px;
	height: 20px;
	margin: 0;
	padding: 2px 20px;
	background-color: #cae6ef;
}

.ebayTable ul li.alternate {
	background-color: #fff;
}

.ebayTable .bullet {
	float: left;
	margin-right: 5px;
    color: #f90;
}

.ebayTable .yellowHighlite {
    background-color: #fce784;
}

.ebayTable .plus {
	width: 19px;
    height: 18px;
	margin-right: 5px;
    vertical-align: middle;
}

.ebayTable .star {
	width: 19px;
    height: 19px;
    vertical-align: middle;
}

.ebayTable .blue {
    color: #069;
}

.ebayTable .right {
    float: right;
}


#heresMore {
	width: 700px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#heresMore h1 {
    margin: 0 0 10px 0;
    color: #9c0;
    font-size: 18px;
}

#heresMore p {
    margin: 0 0 20px 0;
    padding: 10px;
    background-color: #deedf2;
    border: 1px dashed #09c;
}

#heresMore p span.name {
    color: #39c;
    font-weight: bold;
}

#heresMore p.shame {
    color: #f60;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    border: none;
    background-color: #fbf8e3;
    margin: 0;

}

#heresMore p span.you {
    color: #000;
}

#heresMore p span.formerly {
    color: #06c;}

#question1 {
    clear: both;
	width: 700px;
    /*height: 80px;*/
	margin: 0 auto;
	padding: 20px 0;
	background: url(images/question.jpg) no-repeat 0 50%;
    text-align: center;
}

#question1 h1 {
    padding: 5px;
    width: 380px;
    display: block;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
	background-color: #06c;
    font-weight: bold;
}

#question1 p {
    margin: 0;
	padding: 0;
    font-size: 18px
}

#ebay2 {
	clear: both;
	width: 700px;
	margin: 0 auto;
	padding: 0;
}

#ebay2 h1 {
    margin: 0 0 10px 0;
    color: #09c;
    font-size: 18px;
    padding-left: 40px;
	background: url(images/arrow_bullet2.gif) no-repeat 0 50%;
}

#steph {
	width: 592px;
	margin: 20px auto 0 auto;
	padding: 20px 10px 0 10px;
	background: url(images/steph.jpg) no-repeat 50% 0;
    text-align: center;
}

#steph p {
    margin: 300px 0 0 0;
    padding: 0 0 0 30px;
	font-size: 18px;
    color: #666;
    line-height: 20px;
}

#steph p span.lime {
    color: #9c0;
}

#steph p span.orange {
    color: #f60;
    text-align: center;
}

#embarrass {
    margin: 0 auto;
	padding: 10px;
    width: 680px;
    font-size: 14px;
    font-weight: bold;
    background-color: #f4f2d3;
    border: 1px solid #c96;
}

#embarrass p {
    margin: 0;
	padding: 0;
}

#embarrass h1 {
    margin: 0;
    color: #c00;
    font-size: 18px;
}

#embarrass p span {
    color: #f00;
}

#deserve {
    margin: 20px auto;
    padding: 5px;
    width: 600px;
    font-size: 16px;
    background: url(images/scale.jpg) no-repeat 100% 0;
}

#deserve h1 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #9c0;
    font-size: 22px;
}

#deserve ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}

#deserve ul li {
    margin: 0;
    padding: 0 0 0 35px;
    background: url(images/check.gif) no-repeat 0 0;
}

#comparisonTable {
	margin: 20px auto;
}

.order {
    margin: 0 auto;
    padding: 10px;
    width: 460px;
    line-height: 200%;
    text-align: center;
    border: 1px solid #ececec;
}

.order h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: left;
    color: #f63;
    border-bottom: 1px solid #ececec;
}

.order p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px dotted #ececec;
}

.order.red {
    color: red;
}

.order .big {
    font-size: 22px;
}

.order .small{
    font-size: 14px;
}

.order .yellowHighlite {
    background-color: #fce784;
}

#getRid {
    margin: 20px auto;
    padding: 20px
}

#getRid h1 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-align: left;
    color: #069;
    border-bottom: 1px solid #ececec;
}

#getRid p#testimo{
    margin: 0 0 20px 0;
    padding: 10px;
    background-color: #deedf2;
    border: 1px dashed #09c;
}

#getRid p#testimo span.name {
    color: #39c;
    font-weight: bold;
}

#getRid #understand {
    margin: 20px 0 0 0;
    padding-left: 100px;
    font-size: 18px;
}

#getRid .bullet {
    padding-left: 20px;
    background: url(images/blue_square_bullet.gif) no-repeat 0 50%;
    font-weight: bold;
}

#getRid .red {
    color: red;
}

#finally {
    margin: 0 auto;
    padding: 20px;
    width: 80%;
    background-color: #fefbe3;
    border: 1px solid #fc0;
    text-align: center;
}

#finally h1 {
    font-size: 22px;
    color: #f30;
}

#finally h2 {
    font-size: 22px;
    color: #069;
}

#finally h3 {
    font-size: 22px;
    color: #9c0;
}

#finally p {
    margin: auto;
    font-size: 22px;
    font-weight: bold;
    color: #666;
    border-top: 2px dashed #09c;
    border-bottom: 2px dashed #09c;
    width: 40%;
}

#finally p span {
    color: red;
}

#faq {
    margin: 0 auto;
    padding: 20px;
}


#faq #heading {
    display: block;
    margin: 0 auto 20px auto;
    padding: 0px;
    height: #30px;
    text-align: center;
    color: #fff;
    background: #39c url(images/faq_heading_bg.gif) no-repeat 0 0;
}

#faq p.testimon {
    display: block;
    margin: 0 auto 20px auto;
    padding: 10px;
    width: 80%;
    text-align: center;
    background-color: #deedf2;
    border: 1px dashed #09c;
}

#faq p.testimon span.name {
    color: #39c;
    font-weight: bold;
}

#faq h1.first {
    font-size: 22px;
    color: #690;
}

#faq h1 {
    padding-left: 30px;
    font-size: 22px;
    color: #690;
    background: url(images/faq_bullet.gif) no-repeat 0 50%
}

#faq h2 {
    margin-bottom: 0;
    padding: 0;
    font-size: 18px;
    color: #069;
}

#faq #ingredients {
    display: block;
    margin: 0 auto;
    width: 276px;
    height: 274px;
}

#faq p.benefits {
    margin: 0;
    padding: 0;
    color: #09c;
    font-size: 16px;
}

#comparisonTable {
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

#comparisonTable table {
    margin: 0 auto;
    text-align: center;
    border-collapse: collapse;
	border-left: 1px solid #cc6;
	border-bottom: 1px solid #cc6;
    background-color: #ffc;
    font-weight: bold;
    color: #660;
    /*width: 700px;*/
}

#comparisonTable table td {
    padding: 10px;
}

#comparisonTable table th {
    padding: 5px;
}

#comparisonTable th {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #cc6;
}

#comparisonTable tr.alternate td {
	border-top: 1px solid #cc6;
	border-bottom: 1px solid #cc6;
	background: #e2e394;
	}

#comparisonTable td,th {
	border-right: 1px solid #cc6;
	}

#comparisonTable th {
	border-right: 1px solid #e2e394;
	}

#comparisonTable td.left {
    text-align: left;
    padding-left: 10px;
}


#comparisonTable .note {
    color: #999;
}

.yellowHighlite {
    background-color: #fce784;
}

#question2 {
    clear: both;
	width: 700px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(images/question.jpg) no-repeat 0 50%;
    text-align: center;
}

#question2 h1 {
    padding: 5px;
    width: 380px;
    display: block;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
    background: none;
	background-color: #06c;
    font-weight: bold;
}

#question2 p {
    margin: 0;
	padding: 0;
    font-size: 18px
}

#paymentMethod {
    margin: 0 auto 20px auto;
    border-collapse: collapse;
	border-right: 1px solid #9c0;
	border-top: 1px solid #9c0;
    background-color: #f3fdcd;
    color: #660;
    font-size: 16px;
    width: 500px;
}

#paymentMethod td {
	border-left: 1px solid #9c0;
	border-bottom: 1px solid #9c0;
    padding: 5px;
}

#paymentMethod td.services {
    text-align: center;
    font-weight: bold;
}

#payment {
    margin: 0 auto 0px auto;
    border-collapse: collapse;
	border-left: 1px solid #fc6;
	border-right: 1px solid #fc6;
	border-top: 1px solid #fc6;
    background-color: #fdf0aa;
    color: #930;
    font-size: 16px;
    width: 460px;
    text-align: center;
}

#payment tr th {
    background-color: #f2dd89;
    font-weight: bold;
	border-bottom: 1px solid #fff;
}

#payment td {
	border-bottom: 1px solid #fc6;
    padding: 5px;
}

#cost {
    margin: 20px auto 0 auto;
    /*border-collapse: collapse;*/
	border-top:1px solid #09c;
	border-left:1px solid #09c;
	color: #09c;
    width: 700px;
    text-align: center;
	background-color: #cce3f0;
}
#cost th, #cost td {
	border-top:1px solid #fff;
	border-right:1px solid #09c;
	border-left:1px solid #fff;
	border-bottom:1px solid #09c;
    font-size: 16px;
}

#cost td.left {
    font-size: 18px;
    font-weight: bold;
    line-height: 200%;
}

#newLife {
    margin: 20px auto;
    width: 680px;
    text-align: center;
    color: #fff;
    background: #39c url(images/newlife_bg.gif) no-repeat 0 0;
    border-top: 5px solid #f90;
}

#newLife p {
    padding: 5px;
    font-size: 22px;
    text-align: center;
}

#paymentInfo table {
    margin: 20px auto;
    width: 680px;
    border-right: 1px solid #9c0;
}

#paymentInfo table th {
    background-color: #9c0;
    color: #fff;
    font-size: 18px;
}

#paymentInfo table td {
    border-left: 1px solid #9c0;
    border-bottom: 1px solid #9c0;
}

#thankYou {
    margin: 20px auto;
    width: 700px;
    text-align: center;
}

#thankYou h1 {
    font-size: 22px;
    color: #e3054e;
}

#disclaimer {
    margin: 20px auto;
    width: 700px;
    color: #999;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

/* Footer ---------------------------------------------------------------------------------------------- */
div.clear {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	color: #999;
	height: 57px;
	width: 789px;
	background: #f0f0f0 url(images/footer_bg.jpg) repeat-x 0 0;
	text-align: center;
}
#footerText {
	margin: 0;
	padding: 5px;
}
#footerText p {
	font-size: 6px;
	margin: 0;
	padding: 0;
}
#footerText p.notice {
	padding-top: 10px;
}
#footerText #tracker {
	width: 0px;
	height: 0px;
	float: left;
}
#footerText a {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
    padding: 0 3px;
}
#footerText a:hover {
	color: #fff;
	background-color: #ccc;
	text-decoration: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bdbcbc;
}

