/* =============== Global Reset =============== */

* {
margin: 0;
padding: 0;
}

body {
font-size: 62.5%;
font-family: "Helvetica", arial, verdana, sans-serif;
padding-bottom: 25px;
}

body#home {
background: #eee url(../images/body-bg.gif) 0px 300px repeat-x;
}

body#sub {
background: #eee url(../images/body-bg.gif) 0px 125px repeat-x;
}


/* =============== Header =============== */

#header-wrap {
background: #000 url(../images/header.jpg) center top no-repeat;
}

body#sub #header-wrap {
background: #000 url(../images/hd-sub.jpg) center top no-repeat;
}

body#sub #header {
position: relative;
margin: 0 auto;
height: 125px;
width: 984px;
}

body#home #header {
position: relative;
margin: 0 auto;
height: 300px;
width: 984px;
}

#header h1 {
position: absolute;
left: 4px;
width: 273px;
height: 51px;
}

#header h1 a {
display: block;
width: 530px;
height: 185px;
background: url(../images/logo.png);
text-indent: -9999px;
}

#header h2 {
position: absolute;
top: 10px;
left: 4px;
}

#header h2 a {
display: block;
width: 443px;
height: 106px;
background: url(../images/sublogo.png);
text-indent: -9999px;
}

#media {
position: absolute;
top:30px;
left: 600px;
width: 350px;
height: 88px;
background: url(../images/media.png);
}

#mn-nv {
list-style: none;
position: absolute;
top: 89px;
right: 0px;
width: 312px;
overflow: hidden;
}

#mn-nv li {
float: right;
margin-left: 26px;
display: inline;
}

#mn-nv li a {
display: block;
height: 12px;
text-indent: -9999px;
}

a#bnw-tb:link, a#bnw-tb:visited, a#bnw-tb:hover, a#bnw-tb:active {
width: 67px;
background: url(../images/bnw-tb.png) no-repeat;
}

#ut-nv {
	list-style: none;
	position: absolute;
	top: 5px;
	right: 2px;
	text-align: right;
	width: 208px;
}

#ut-nv li {
display: inline;
margin-left: 16px;
padding-left: 11px;
color: #666;
font-size: 1.1em;
}

#ut-nv li#last {
margin-left: 9px;
border-left: 1px solid #666;
}

#ut-nv li span {
color: #999;
font-weight: bold;
}

#ut-nv li a:link, #ut-nv li a:visited {
color: #999;
text-decoration: none;
}

#ut-nv li a:hover, #ut-nv li a:active {
color: #999;
text-decoration: underline;
}

p#hd-int {
	position: absolute;
	top: 129px;
	left: 2px;
	width: 401px;
	height: 110px;
	background: url(../images/hd-int2.png);
	text-indent: -9999px;
}

p#vtr {
	position: absolute;
	top: 205px;
	left: 65px;
	width: 398px;
	height: 61px;
	font-size: 1.1em;
	background: url(../images/vtr-btn.png) no-repeat;
}


p#sale {
	position: absolute;
	top: 205px;
	left: 65px;
	width: 398px;
	height: 61px;
	font-size: 1.1em;
	background: url(../images/sale-btn.png) no-repeat;
}

p#sale2 {
	position: absolute;
	top: 205px;
	left: 65px;
	width: 398px;
	height: 61px;
	font-size: 1.1em;
	background: url(../images/sale-btn-2.png) no-repeat;
}



/* =============== Content Wrapper =============== */

#content-wrap {
margin: 0 auto;
width: 984px;
}

body#home #content-wrap {
padding: 13px 0 0 0;
}


/* =============== Panel by Panel =============== */

/* V2 Panel */

#v2-pnl {
position: relative;
height: 151px;
width: 984px;
background: url(../images/v2-pnl-bg.gif) no-repeat;
}

#v2-pnl h2 {
margin: 0 0 8px 18px;
padding-top: 25px;
font-size: 17px;
color: #000;
width: 300px;
}

#v2-pnl p {
margin: 0 0 0 18px;
font-size: 13px;
color: #222;
width: 285px;
line-height: 140%;
}

#v2-pnl p a {
color: #015DCA;
}

#v2-nw-shp {
	position: absolute;
	left: 354px;
	top: 27px;
	display: block;
	width: 273px;
	height: 100px;
}

#v2-for-ps {
	position: absolute;
	left: 667px;
	top: 22px;
	display: block;
	width: 300px;
	height: 106px;
}

/* Top Intro Panel Background */

.pnl-wp-outer {
margin: 18px 0;
background: url(../images/intro-wp-outer-bg.gif) repeat-y;
}

.pnl-wp {
background: url(../images/intro-wp-bg.png) top left no-repeat;
}

.pnl {
position: relative;
height: 1%;
background: url(../images/intro-bg.png) bottom left no-repeat;
padding: 15px 0 26px 0;
}

/* Intro Panel */

.headline01 {
margin: 0 auto 15px auto;
width: 800px;
height: 98px;
background: url(../images/headline-01.png);
text-indent: -9999px;
}

.headline02 {
margin: 30px auto 15px auto;
width: 800px;
height: 98px;
background: url(../images/headline-02.png);
text-indent: -9999px;
}

.headline03 {
margin: 20px auto 35px auto;
width: 800px;
height: 98px;
background: url(../images/headline-03.png);
text-indent: -9999px;
}

.headline04 {
margin: 20px auto 15px auto;
width: 800px;
height: 98px;
background: url(../images/headline-04.png);
text-indent: -9999px;
}

.headline05 {
margin: 0px auto 15px auto;
width: 800px;
height: 98px;
background: url(../images/headline-05.png);
text-indent: -9999px;
}

.headline06 {
margin: 0px auto 15px auto;
width: 800px;
height: 98px;
background: url(../images/headline-06.png);
text-indent: -9999px;
}



#intro-ftre {
margin: 0 auto 10px auto;
display: block;
width: 823px;
height: 244px;
}

#intro h3 {
margin: 0 26px 6px 80px;
font-size: 24px;
color: #000000;
}

#intro p {
margin: 0 80px 16px 80px;
font-size: 1.6em;
color: #000;
line-height: 25px;
}


#intro ul li img#intro-ftre-1 {
margin-left: 15px;
}

#intro ul li img#intro-ftre-4 {
margin-left: 30px;
}

/* How it works */ 

#how-it-works {
height: 360px;
width: 984px;
background: url(../images/how-it-works-bg.jpg) top left no-repeat;
}

#how-it-works h2 {
margin: 0 0 20px 30px;
width: 162px;
height: 46px;
background: url(../images/how-it-works-hd.gif) bottom left no-repeat;
text-indent: -9999px;
}

#how-it-works ul {
list-style: none;
width: 920px;
height: 294px;
margin: 0 auto;
/* overflow-y: hidden; */
}

#how-it-works ul li {
float: left;
padding-top: 6px;
width: 240px;
overflow: hidden;
}

#how-it-works ul li.last {
width: 200px;

}

#how-it-works ul li h3 {
margin: 0 40px 6px 0;
font-size: 1.6em;
color: #FFF;
}

#how-it-works ul li p {
margin: 0 40px 16px 0;
font-size: 1.2em;
color: #FFF;
line-height: 140%;
}

#how-it-works ul li.last h3, #how-it-works ul li.last p {
margin-right: 0;
}

#how-it-works ul li img {
margin: 0 0 18px 0;
}

/* Second Panel Background */

.pnl-wp-two-outer {
background: url(../images/intro-wp-outer-bg.gif) repeat-y;
}

.pnl-two {
background: url(../images/panel-bg-bot.png) bottom left no-repeat;
padding: 0 0 26px 0;
}

/* Ready to Sell */

#ready-to-sell {
position: relative;
height: 1%;
padding-top: 40px;

}

#ready-to-sell h2  {
margin: 0 0 0 125px;
width: 705px;
height: 61px;
background: url(../images/headline-02.png) no-repeat;
text-indent: -9999px;
}

#ready-to-sell img {
display: block;
margin: 40px 2px 0 2px;
border-bottom: 1px solid #FFF;
}

#ready-to-sell ul {
list-style: none;
width: 920px;
margin: 0 auto;
overflow: hidden;
}

#ready-to-sell ul li {
float: left;
padding-top: 16px;
width: 920px;
background: url(images/intro-li-bg.gif) 221px 0px repeat-y;
}

#ready-to-sell ul li.last {
width: 210px;
background: none;
}

#ready-to-sell ul li h3 {
margin: 0 26px 6px 0;
font-size: 1.9em;
color: #990000;
}

#ready-to-sell ul li h3 span{
margin: 0 26px 6px 0;
font-size: 1.9em important!;
color: green;
}

#ready-to-sell ul li p {
margin: 0 26px 6px 0;
font-size: 1.6em;
color: #000;
line-height: 140%;
}






/* What People Are Saying */

#what-ppl-say {
margin: 0px 26px;
padding: 40px 0 10px 0;
width: 880px;
overflow: hidden;
}

#what-ppl-say h2 {
margin: 0 0 35px 0;
width: 880px;
height: 48px;
background: url(../images/what-ppl-say.gif) top left no-repeat;
border-bottom: 1px solid #DDD;
text-indent: -9999px;
}

#what-ppl-say-l {
float: left;
width: 425px;
}

#what-ppl-say-r {
float: right;
width: 425px;
}

#what-someone-says {
	position: relative;
	margin-bottom: 26px;
	height: 140px;
}

#what-someone-says h3 {
margin: 0 0 8px 135px;
font-size: 1.4em;
font-weight: normal;
color: #999;
}

#what-someone-says h3 em {
font-style: normal;
color: #333;
}

#what-someone-says p {
margin: 0 0 16px 135px;
font-size: 1.2em;
line-height: 140%;
color: #666;
}

#what-someone-says img {
position: absolute;
top: 3px;
left: 0px;
display: block;
width: 115px;
height: 76px;
}

/* What You'll Receive */

#what-you-rec {
margin: 0 2px;
padding: 0px 0px 10px 30px;
}

#what-you-rec h2 {
margin: 0px auto 25px auto;
width: 800px;
height: 89px;
background: url(../images/headline-07.png);
text-indent: -9999px;
}

#what-you-rec ul {
list-style: none;
width: 900px;
margin: 0;
overflow: hidden;
padding: 0px 0px 00px 170px;
}

#what-you-rec ul li {
float: left;
padding-top: 6px;
width: 900px;
background: url(../images/intro-li-bg.gif) 200px 0px repeat-y;
}


#what-you-rec ul li h3 {
margin: 0px 40px 6px 0px;
padding: 0px 0px 7px 35px !important;
font-size: 1.6em;
color: #000;
background: url(../images/check.png) 0px 0px no-repeat;
}

#what-you-rec ul li p {
margin: 0 40px 16px 0;
font-size: 1.2em;
color: #000;
line-height: 140%;
}




#what-you-rec ul li.rec-4 h3, #what-you-rec ul li.rec-4 p {
margin-right: 0;
}

#what-you-rec ul li img {
margin: 0 0 22px 0;
}

/* Buy Now */

#buy-now {
position: relative;
margin-top: 18px;
width: 984px;
height: 700px;
background: url(../images/buy-now-bg.png) no-repeat bottom;
}


#products {
	position: absolute;
	left: 229px;
	top: 10px;
	width: 493px;
}




#checkout1 {
	position: absolute;
	left: 200px;
	top: 315px;
	width: 542px;
}


#checkout2 {
	position: absolute;
	left: 200px;
	top: 466px;
	width: 250px;
}

#note {
	position: absolute;
	left: 200px;
	top: 544px;
	width: 553px;
	text-align:center;
	font-size:16px;
}


#checkout3 {
	position: absolute;
	left: 200px;
	top: 575px;
	width: 530px;
}



a.buy-now:link, a.buy-now:visited, a.buy-now:active {
display: block;
width: 250px;
height: 86px;
background: url(../images/add-to-cart.png);
text-indent: -9999px;
}

a.buy-now:hover {
background-image: url(../images/add-to-cart-hover.png);
cursor: pointer;
}




/* ================== Buy Now Sub Pages ================= */

#sub-buy-now {
position: relative;
margin: auto;
width: 680px;
height: 600px;
border: 8px dashed #444444;
}

a.sub-buy-now:link, a.sub-buy-now:visited, a.sub-buy-now:active {
display: block;
width: 250px;
height: 86px;
background: url(../images/add-to-cart.png);
text-indent: -9999px;
}

a.sub-buy-now:hover {
background-image: url(../images/add-to-cart-hover.png);
cursor: pointer;
}

#sub-products {
	position: absolute;
	left: 100px;
	top: 30px;
	width: 493px;
}

#cart2 {
	position: absolute;
	left: 221px;
	top: 312px;
	width: 250px;
}

#cart2 p{
margin: 0 0 7px 4px;
font-size: 1.2em !important;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
color: #222;
line-height: 120%;
}

#cart2 p span{
margin: 0 0 0px 0px;
font-size: 1.6em !important;
font-weight: bold;
color: green;
line-height: 120%;
}


#cart3 {
	position: absolute;
	left: 79px;
	top: 516px;
	width: 529px;
}

#cart3 p {
margin: 0 0 0px 0px;
font-size: 12px !important;
color: #666;
line-height: 140%;
text-align:center;
}


/* Money Back Guarantee */

#gtee {
position: relative;
margin-top: 18px;
width: 984px;
height: 315px;
background: url(../images/gtee-bg.png) no-repeat;
}

#gtee-ct {
position: absolute;
left: 255px;
top: 38px;
width: 420px;
}

#gtee-ct h2 {
width: 380px;
height: 28px;
background: url(../images/gtee-hd.png) no-repeat;
text-indent: -9999px;
margin-bottom: 10px;
}

#gtee-ct p {
margin: 0 0 24px 0;
font-size: 1.3em;
color: #333;
line-height: 140%;
}

#gtee-ct p.sig {
padding-top: 55px;
margin: 0;
background: url(../images/sig.png) top left no-repeat;
}

#gtee img.badge {
position: absolute;
left: 40px;
top: 40px;
display: block;
}

#gtee img.author {
position: absolute;
right: 60px;
top: 40px;
display: block;
}


/* =============== Generics =============== */

#content-wrap a:link, #content-wrap a:visited {
text-decoration: none;
}

#content-wrap a:hover, #content-wrap a:active {
text-decoration: underline;
}

a.vw-lrg:link, a.vw-lrg:visited, a.vw-lrg:hover, a.vw-lrg:active {
display: block;
width: 134px;
height: 53px;
background: url(images/vw-lrg-btn.png);
text-indent: -9999px;
}


/* =============== Footer =============== */

#ft {
margin: 18px auto 0 auto;
width: 982px;
}

body#sub #ft {
margin: 30px auto 0 auto;
}

#ft-nv {
position: relative;
width: 982px;
height: 69px;
background: url(../images/foot-bg.png) no-repeat;
}

#ft-nv h2 {
position: absolute;
left: 32px;
top: 27px;
background: url(images/foot-h2.gif) no-repeat;
width: 296px;
height: 15px;
text-indent: -9999px;
}

#ft-nv ul {
list-style: none;
position: absolute;
right: 32px;
top: 27px;
width: 600px;
text-align: right;
}

#ft-nv ul li {
display: inline;
margin-left: 6px;
padding-left: 8px;
background: url(../images/ft-nv-li-bg.gif) center left no-repeat;
font-size: 1.1em;
}

#ft-nv ul li.first {
margin-left: 0;
padding-left: 0;
background: none;
}

#ft-nv ul li a:link, #ft-nv ul li a:visited {
color: #666;
text-decoration: none;
}

#ft-nv ul li a:hover, #ft-nv ul li a:active {
color: #015DCA;
text-decoration: none;
}



#bkmk-nv li {
display: inline;
font-size: 1.1em;
}

#bkmk-nv li a {
display: inline-block;
width: 105px;
line-height: 28px;
}

#bkmk-nv li a:link, #bkmk-nv li a:visited {
color: #666;
text-decoration: none;
}

#bkmk-nv li a:hover, #bkmk-nv li a:active {
color: #015DCA;
text-decoration: none;
}

#ft-ut-nv {
list-style: none;
margin-top: 18px;
text-align: center;
}

#ft-ut-nv li {
display: inline;
margin-left: 3px;
padding-left: 6px;
background: url(../images/ft-nv-li-bg.gif) center left no-repeat;
font-size: 1.1em;
}

#ft-ut-nv li.first {
margin-left: 0;
padding-left: 0;
background: none;
}

#ft-ut-nv li a:link, #ft-ut-nv li a:visited {
color: #999;
text-decoration: none;
}

#ft-ut-nv li a:hover, #ft-ut-nv li a:active {
color: #015DCA;
text-decoration: none;
}

#ft p {
margin-top: 5px;
text-align: center;
font-size: 1.1em;
line-height: 120%;
color: #ADACAC;
}

#footerlink {
	color: #B2ACAC;
}



/* =============== Sub Page =============== */

/* Sub Page Panel Background */

body#sub .pnl-wp-outer {
margin: 18px 0;
}

body#sub .pnl-wp {
background: url(../images/intro-wp-sub-bg.gif) top left no-repeat;
}

body#sub .pnl {
padding: 44px 0 60px 0;
width: 984px;
background: url(../images/intro-sub-bg.gif) bottom left no-repeat;
overflow: hidden;
}



/* Sub Page Cols */

#sub-ct-lt {
float: left;
width: 560px;
margin-left: 55px;
display: inline;
}

#sub-ct-rt {
float: right;
width: 260px;
margin-right: 50px;
display: inline;
}

#sub-ct-center {
width: 860px;
margin-left: 55px;
}


#page-thanks {
float: left;
width: 900px;
margin-left: 30px;
display: inline;
}



/* Sub Page Cols Even Width */

#ct-ev-wp {
width: 984px;
background: url(images/sub-ct-ev-bg.gif) center bottom no-repeat;
overflow: hidden;
}

#sub-ct-lt-ev {
float: left;
width: 375px;
margin-left: 55px;
display: inline;
}

#sub-ct-rt-ev {
float: right;
width: 375px;
margin-right: 50px;
display: inline;
}

#sub-page img {
display: block;
margin-bottom: 10px;
}

#sub-page h1 {
margin: 0 0 20px 0;
font-size: 1.8em;
color: #222;
}

#sub-page h2 {
margin: 0 0 8px 0;
font-size: 1.6em;
color: #000;
}

#sub-page h3 {
margin: 0 0 2px 0;
font-size: 1.2em;
color: #000;
}

#sub-page h4 {
margin: 0 0 10px 0;
font-size: 1.2em;
color: #333;
}

#sub-page h2 span {
color: #36C;
}

#sub-page p {
margin: 0 0 16px 0;
font-size: 1.2em;
line-height: 140%;
color: #333;
}

#sub-ct-rt h5 {
font-size: 1.1em;
color: #333;
margin-bottom: 5px;
}

#article-page h1 {
margin: 0 0 20px 0;
font-size: 2.2em;
font-family:Arial, Helvetica, sans-serif;
color: #222;
}

#article-page h2 {
margin: 0 0 10px 0;
font-size: 1.8em;
font-family:Arial, Helvetica, sans-serif;
color: #444;
}

#article-page p {
margin: 0 0 5px 0;
font-size: 1.4em;
line-height: 140%;
color: #333;
}

#article-page ul li {
margin: 0 0px 5px 20px;
font-size: 1.4em;
font-weight:bold;
line-height: 140%;
color: #333;
}




/* =============== Misc =============== */

img {
border: none;
}

a {
outline: none;
}


#afflinks { font-size: 15px; text-align:center; line-height: 120%; color: #009999; font-weight:bold;}
#afflinks a { color: #009999; text-decoration: underline; }

div.affbox {
	border: 3px solid #69c;
	background: #f5f5f5;
	padding: 4px 4px 4px 4px;
	text-align: center;
	margin-bottom: 15px;
}
div.affbox p {
	margin: 8px 0;
}

.red2 {
	color: #c00;
	font-size: 16px;
}

div.affbox2 {
	border: 3px solid #69c;
	background: #ffe;
	padding: 4px 4px 4px 4px;
	text-align: center;
	margin-bottom: 15px;
}
div.affbox2 p {
	margin: 8px 0;
}

.red {
	color: #c00;
}
.centered {
	text-align: center;
}




/* =============== Form =============== */


form {
    margin-left: 120px;
    margin-right: auto;
	display:block;
}

form input[type="text"] {
    background-image: url('../images/text.png');
    border: 0px;
    line-height: 20px;
    height: 20px;
    padding-right: 10px;
    padding-top: 10px;
    float: left;
    margin-left: 3px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    width: 230px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    padding-left: 10px;
    color: #555555;
    background-color: transparent;
    background-position: left top;
    outline: none;
    margin-right: 8px;
    margin-top: 2px;
	margin-bottom:5px;
}

form input[type="text"].email {
    background-position: left bottom;
    float: left;
}

#newsletter {
	font-size:12px;
	color:#999999;
	line-height: 16px;
	width:500px;
	height:150px;
}

#newsletter #button {
	width:255px;
	height:45px;
	background-image: url(../images/submit.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float:left;
	
}

#newsletter #button:hover {
	width:255px;
	height:45px;
	background-image: url(../images/submit-hover.png);
	cursor: pointer;

}

#secure {
	text-align: center;
    background-image: url('../images/secure.png');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
    font-size: 11px;
    color: #484848;
    display: block;
    width: 280px;
    line-height: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}




.download {
	width:255px;
	height:45px;
	background-image: url(../images/download.png);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float:left;
	
}

.download:hover {
	width:255px;
	height:45px;
	background-image: url(../images/download-hover.png);
	cursor: pointer;

}

