/* ------------------------------------------------------------------------
	General
------------------------------------------------------------------------- */

body {
	background: url(../images/shell/stripes.gif);
	font: 0.75em/18px Helvetica, Arial, sans-serif;
	color: #333;
	margin:0;
}

/* links */
a:focus, a:hover, a:active { outline: none; } /* Firefox image outline fix */

a:link, a:active { color: #666; }

a:visited { color: #999; }

a:hover { color: #425b94; }

img { border: 0; }

a.back {
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	padding-left:18px;
}

/* text */
h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 20px 0;
	font-weight: normal;
}

h1, h2 { background-image: url(../images/shell/stripes-white.gif); }

h1 {
	font-size: 2.5em;
	color: #425b94;
	line-height:40px;
	margin-left:-25px;
	margin-right:-24px;
	padding-left: 25px;
}

.prettyPopin h1 { margin-right:-10px }

h2 { font-size: 1.5em; }

hr {
	color:#698ABE;
	background-color:#698ABE;
	border:0 solid;
	height:1px;
}

ul { padding:0 }

.guarantee{
position:absolute;
margin:30px 0 0 665px;
z-index:1000;
}

/* ------------------------------------------------------------------------
	floats and spacing
------------------------------------------------------------------------- */

.cLeft, .cL { clear: left; }

.cBoth, .cB { clear: both; }

.hide { display: none; }

.fL { float: left; }

.fR { float: right; }

.padding { padding: 18px; }

.margin { margin: 20px 0; }

.grey { color: #333; }

.mR { margin-right:20px }

.mL { margin-left:20px }

.mB { margin-bottom:20px }

.aR {text-align:right}

.aL{text-align:left}

.aC{text-align:center}

/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */

#wrapper {
	width: 774px;
	position: relative;
	overflow:hidden;
	margin: 0 auto;
	background: #333 url(../images/shell/header.png) repeat-x;
}

#logo { display:block; }

#logoLink, #warranty {
	position:absolute;
	background: url(../images/empty.gif);
	overflow:hidden;
	text-indent:-5000px;
}

#logoLink {
	
	width:400px;
	height:64px;
	left: 0;
	top: 0;
}

#warranty {
	width:80px;
	height:80px;
	top: 63px;
	right:0px;
}

#warranty.bottomLeft {
	top:152px;
	left:0;
}



#slogan {
	margin:0;
	height: 63px;
	background: #565656 url(../images/slogan.jpg) top right no-repeat;
	text-indent:-5000px;
}

#body {
	background: #FFF url(../images/shell/body.gif) repeat-y;
	overflow: hidden;
	width: 100%;
	position: relative;
}

#body.full {
	width:auto;
	background:#FFF;
	padding: 0 25px;
}

#contentColumn {
	float: left;
	width:502px;
	padding: 0 25px;
}

#rightColumn {
	float: right;
	height:455px;
	width: 183px;
	padding: 0 19px 18px 19px;
	background: url(../images/shell/right.jpg) no-repeat;
	color: #8C8C8C;
}

#rightColumn h1 {
	background: transparent url(../images/resources.gif) no-repeat 0 0;
	display:block;
	width:184px;
	height:32px;
	overflow:hidden;
	text-indent:-5000px;
	margin:.8em 0;
}

#rightColumn_footer {
	position: absolute;
	bottom: 0;
	right: 0;
}

#footer {
	clear: both;
	padding: 16px 25px;
	background: url(../images/shell/footer.jpg) repeat-y;
	color: #999;
	font-size: 0.9em;
}

#footer a { color:#BBB }

#footer a:visited { color:#AAA }

#footer a:hover { color:#8495BD }

/* ------------------------------------------------------------------------
	nav
------------------------------------------------------------------------- */

#nav {
	background: url(../images/bg-blue.png);
	overflow:hidden;
	clear:both;
}

#nav img { display:block }

#nav a {
	float:left;
	padding:13px 21px;
	height:13px;
}

#nav #home img { margin:0 1px 0 0 }

#nav a + a { background: url(../images/nav/divider.png) no-repeat; }

#nav a:hover, #nav a.current { background-color:#2e2e2e }

#rightNav { margin: 0; }

#rightNav li {
	list-style: none;
	background: url(../images/shell/line.png) no-repeat bottom;
	clear:both;
	position:relative;
}

#rightNav a {
	padding:3px 0 2px 0;
	line-height:23px;
	height:25px;
	color: #FFF;
	text-decoration: none;
	display:block;
	width:100%;
}

#rightNav a:hover { color: #8495bd; }

#rightNav a img {
	vertical-align:middle;
	margin-right: 4px;
}

#join {
	margin: -10px 0 -45px;
	width:184px;
	height:108px;
	background: url(../images/join.png);
	display:block;
	text-indent: -5000px;
	overflow:hidden;
}

#join:hover { background: url(../images/join.png) right 0; }

/* ------------------------------------------------------------------------
	Lists
------------------------------------------------------------------------- */

#contentColumn li {
	padding-left: 18px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat;
}

#contentColumn ul.noBullets li, #contentColumn .form li {
	padding:0;
	background:none;
}

/* ------------------------------------------------------------------------
	Header
------------------------------------------------------------------------- */

#join-btn {
	position:absolute;
	top:103px;
	right:133px;
	text-indent:-5000px;
	overflow:hidden;
	height:43px;
	width:124px;
	background:url(../images/sign-up.png) 0 0;
}

#join-btn:hover { background-position: 0 bottom }

/* ------------------------------------------------------------------------
	testimonial
------------------------------------------------------------------------- */

#home_testimonial {
	float:right;
	width:254px;
	margin-left:20px;
}

#home_testimonial h2 { margin-top:0 }

#home_testimonial blockquote {
	background: url(../images/quote.png) no-repeat;
	padding-left:20px;
	margin:0;
}

#home_testimonial cite {
	float:right;
	margin-top:1em
}

/* ------------------------------------------------------------------------
	services & how it works
------------------------------------------------------------------------- */

.service {
	background: 0 4px no-repeat;
	padding-left:90px;
}

.step {
	background: 0 4px no-repeat;
	padding-left:115px;
	margin-left:-25px;
}




/* ------------------------------------------------------------------------
	benefits
------------------------------------------------------------------------- */

.benefitTable {
	width:100%;
	height:130px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #294486;
}

.benefitTable td { text-align:center; }

.benefitTable .rborder { border-right: 1px solid #294486; }

.benefitTable .col1 {
	text-align:right;
	padding-right:10px;
}

.benefitTable .savings {
	font-weight:bold;
	font-size:1.2em;
	background-color:#f6f1d7;
}

.benefitTable .blueRow {
	background-color:#c9d7f7;
	background-image:url(../images/blueRow.gif);
}

.benefitTable .goldRow {
	background-color:#e4ce64;
	background-image:url(../images/goldRow.gif);
}

ul.warranty { margin-left:3em; }

ul.results { margin-left:3em; }

h2.benefits {
	font-weight:bold;
	margin-top:2em;
	margin-bottom:.5em;
}

img.benefits {
	margin-left:auto;
	margin-right:auto;
	border:1px solid red;
}

.memberbenefit { margin-top:8px; }

.memberbenefit img {
	margin-left: 30px;
	margin-top: -8px;
}

.memberbenefit h2 { margin-left: 90px; }

/* ------------------------------------------------------------------------
	Lists
------------------------------------------------------------------------- */

#mmp-links { background: #2e2e2e url(../images/green-stripe.png) repeat-x;/*overflow:hidden;*/ }

#mmp-main, #mmp-sub {
	width:776px;
	margin:auto;
	clear:both;
}

#mmp-sub {
	height:0;
	overflow:hidden;
}

#mmp-sub div {
	float:left;
	overflow:hidden;
}

#mmp-links a {
	color:#cfe3c1;
	text-decoration:none;
}

#mmp-links a, #mmp-sub h1 {
	text-transform:uppercase;
	padding:0 10px;
	font-size:10px;
}

#mmp-main a {
	line-height:25px;
	float:left;
}

#mmp-main a:hover, #mmp-main a.over { background: #2e2e2e; }

#mmp-sub h1 {
	color:#777;
	background:none;
	margin:10px 0 0 0;
	line-height:10px;
}

#mmp-sub a {
	float:left;
	height:30px;
	line-height:25px;
}

#mmp-sub a:hover { text-decoration:underline; }