@charset "utf-8";
/* CSS Document */

/* Main stylesheet for Lifestyle Leads Website */

* {margin: 0; padding: 0;}

html {width:100%;}

body {background: #df8022; width:100%; border:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:76%;text-align:center;}

img {border: 0;	color: #35424b;}

a { text-decoration: none;}

/* Utility */

.holder {overflow: hidden;}

img, div, a {behavior: url(js/iepngfix.htc)}

p.quiet { font-size: 0.9em; color:#666666;}

.alt {display:none;}

button.simple-button {
	border:0px;
	margin:0px;
	background-color:transparent;
	background-image:none;
	
}

div.loading {
	
	position:absolute;
	background-image:url(../images/graphics/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;
	
}


/* Type */

h1	{font-family:Arial, Helvetica, sans-serif;font-size:24px;} 

h2	{font-family:Arial, Helvetica, sans-serif;font-size:18px;}

h3	{font-family:Arial, Helvetica, sans-serif;}

h4	{font-family:Arial, Helvetica, sans-serif;}

h5	{font-family:Arial, Helvetica, sans-serif;}

h6	{font-family:Arial, Helvetica, sans-serif;}


/* background */


.outerWrapper {
	background: #f8f8f8 url(../images/background/background.gif) top left repeat-x;
	min-height:600px;
	height:auto !important;
	height:600px;
}

.background {position: absolute; right: 0; top: 0; width: 50%; height: 600px; background: url(../images/background/angleBackHoriz.gif) top left repeat-x;}

.wrapper {margin: 0 auto; width: 950px; background: url(../images/background/angleBack.gif) top left no-repeat; text-align:left; position: relative; padding-bottom: 40px;}

/* header */

a.logo {float: left; width: 287px; margin: 25px 0 0 0; background: url(../images/logos/lsl-logo.gif) top left no-repeat; text-indent: -9999em; padding: 0 0 73px 0;}
 
/*a.logo:hover {background: url(../images/logos/lsl-logo.gif) bottom left no-repeat; }*/

#header div.logout {position: absolute; width: 85px; height: 21px; top: 0; left: 869px;}

#header div.logout a {display: block; background: url(../images/buttons/logout.gif) 0px 0px no-repeat; text-indent: -3000px; padding: 0 0 8px 0; margin: 0; width: 85px; }
#header div.logout a:hover {background: url(../images/buttons/logout.gif) 0px -31px no-repeat}

#header div.mainNav {float: right; width: 530px; background: #f8f8f8; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 60px 0 0 0; padding: 0;}

#header div.login {width: 81px; margin-left: 20px;}

#header div.mainNav ul {padding: 10px 0 0 0; background: url(../images/background/navBack.gif) bottom left repeat-x; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; overflow: hidden; width: 100%;}

#header div.mainNav ul li {display: block; float: left; margin: 0 0 0 0; padding: 0 0 6px 0; width: 25%; text-align:center;}

#header div.mainNav ul li.home { width: 18%;}

#header div.mainNav ul li.buy { width: 20%;}

#header div.mainNav ul li.prices { width: 18%;}

#header div.mainNav ul li.leads { width: 26%;}

#header div.mainNav ul li.faq { width: 18%;}

#header div.login ul li { width: 100%;}

#header div.mainNav ul li a {color: #35424b; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.2em; padding-bottom: 3px;}

#header div.mainNav ul li a:hover {color: #e58628;}

#header div.mainNav ul li.current a {border-bottom: 3px solid #e58628; color: #e58628;}

#header div.mainNav ul li.current a:hover {color: #35424b;}

/* feature */

#feature {background: #35424b url(../images/background/feature.gif) top left repeat-y; padding: 0 0 0 0; margin: 40px 0 0 0; clear: left;}

.featureContent {background: url(../images/background/feature-top.gif) top left no-repeat; padding: 30px 0 0 0; margin: 0 0 70px 0; width: 100%;}

.featureContent h1 {color: #FFFFFF; background: url(../images/titles/high-quality.gif) 20px 0 no-repeat; text-indent: -9999em; padding: 0 0 40px 0; margin: 0 0 15px 0; display: block; width: 100%;}

.featureContent h1 img {color: #FFFFFF;}

.featureContent h2 {padding: 8px 0 35px 0; background: #1d262d url(../images/background/feature-bot.gif) bottom left no-repeat; color: #FFFFFF; margin: 0 0 0 0; width: 100%;}

#feature .featureContent h2 a {padding: 4px 200px 4px 20px; color: #ffffff; background: url(../images/buttons/specify.gif) top right no-repeat;}

#feature .featureContent h2 a:hover {color: #dddfe0; background: url(../images/buttons/specify.gif) bottom right no-repeat;}

/*.featureContent form {padding: 5px 0 31px 0; background: #1d262d url(../images/background/feature-bot.gif) bottom left no-repeat; width: 100%;}

.featureContent form input.field {-moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; width: 220px; padding: 5px 4px 4px 4px; font-size: 16px; position: relative; top: -4px; color: #999999;}

.featureContent form input.field2 {-moz-border-radius: 3px; -webkit-border-radius: 3px; border: none; width: 220px; padding: 5px 4px 4px 4px; font-size: 16px; position: relative; top: -4px;}

.featureContent form input.submitButton {position: relative; top: 4px; margin: 0 0 0 15px; background: #e48322 url(images/buttons/submit-over.gif) top left no-repeat;} 

.featureContent label {color:#FFFFFF; margin: 0 10px 0 20px;}

.featureContent label img {color:#FFFFFF;}
*/
.featureSub {
	background-image: url(../images/background/feature-top.gif);
	background-repeat: no-repeat; 
	background-position:left top;
	padding: 10px 0 0 0; 
	margin: 0 0 30px 0;
}

.featureSub h1 {
	color: #FFFFFF; 
	padding: 0 0 3px 20px; 
	margin: 0; 
	display: block; 
	background-image: url(../images/background/feature-bot.gif);
	background-repeat: no-repeat; 
	background-position:left bottom;
}

.featureSub h1 img {margin: 0 0 0 0; color: #FFFFFF;}

#feature img.featureImageSub {position: absolute; top: 10.7em; left: 840px; color: #FFFFFF;}

#feature img.featureImage {position: absolute; top: 9em; left: 620px;}


/* content area */


#content {clear:both; margin: 0 20px 0 20px;}

#content a {color: #205a82; border-bottom: 1px dotted #205a82;}

#content a:hover {color: #205a82; border-bottom: none;}

h3 a {color: #35424b; border-bottom: 1px dotted #35424b;}

h3 a:hover {border-bottom: none;}

.main {float: left; width: 620px;}

#content .main h2 {color: #35424b; margin: 30px 30px 8px 0; font-size: 1.6em; font-weight:normal;}

#content .main h2.home {margin: 0 30px 8px 0;}

#content .main h2.first {margin: 0 30px 8px 0;}

.main h3 {color: #35424b; margin: 0 30px 8px 0; font-size: 1.3em; font-weight:normal;}

.main p {color: #35424b; margin: 0 30px 15px 0; line-height: 1.9em;}

.main p.subCta { margin: 0 30px 30px 0;}

.main p.cta { font-size: 1.1em; font-weight: bold; padding-top: 10px; line-height: 1.9em; border-top: 1px solid #dadada;}

.main p.intro {font-size: 1.1em; font-weight: bold; line-height: 1.9em;}

.main ul li {color: #35424b; margin: 0 30px 15px 35px; line-height: 1.9em;}

.main ol {margin: 15px 30px 30px 0; padding: 0 0 0 0;}

.main ol li	{list-style-position:outside; margin: 0 0 0 40px; padding: 0 0 0 0 ;border-top: 1px solid #dadada; font-size: 1.5em;}

.main ol.instructions {margin: 15px 0 10px 0; padding: 0;}

.main ol.instructions li {font-size: 1.0em; border: none; padding-bottom: 10px;}

#content .main ol.contents-menu li a {display: block; margin: 0 0 0 0; line-height: 1.9em; padding: 5px 0 5px 5px; border-bottom:none; font-size: 0.7em; font-weight: bold;}

#content .main ol.contents-menu li a:hover {background: #ffffff;color: #35424b; }

.priceDesc {float: right; width: 170px;}

.main ul.priceDesc  {margin: 15px 0 0 0; padding: 0;}

.prices { width: 620px; margin: 0 0 30px 0;}

.priceList {float: left; width: 450px; background: #697f00; color: #ffffff; padding: 15px 0 15px 0; margin: 0 0 0 0;}

#content .priceList h2 { margin: 0 0 15px 20px; color: #ffffff;}

.priceList h3 { margin: 0 0 15px 20px; color: #ffffff; font-size: 1.2em;}

dl	{width: 400px; margin: 0 0 25px 20px; overflow: hidden; color: #FFFFFF; border-top: 1px solid #798c1a;}

dt	{ float: left; width: 198px;  padding: 5px 0 5px 0; border-bottom: 1px solid #798c1a; padding: 5px 0 5px 0; color: #d2d9b3;}

dt strong	{ color: #ffffff;}

dd	{ float: right; width: 198px; text-align: right; border-bottom: 1px solid #798c1a; padding: 5px 0 5px 0;}


.blockHold {width: 620px;}

.block {width: 300px; margin: 0 0 0 0; padding: 0 0 30px 0; background: url(../images/background/box-back.gif) top left repeat-x;}

.block p {color: #35424b; padding: 8px 140px 20px 15px; line-height: 1.6em; margin: 0 20px 0 0;}

div.who p {background: url(../images/graphics/box1.jpg) top right no-repeat;}

div.what p {background: url(../images/graphics/box2.jpg) top right no-repeat;}

div.quality p {background: url(../images/graphics/box3.jpg) top right no-repeat;}

div.managing p {background: url(../images/graphics/box4.jpg) top right no-repeat;}


div.points div {border-bottom: 1px solid #e4e5e6; padding: 20px 140px 10px 0; margin: 0 20px 0 0;}

div.points div h3 {color: #697f00; font-weight: bold; margin: 0; font-size: 1.5em;}

div.points div.first {padding: 0 140px 10px 0;}

div.points div.leads {background: url(../images/graphics/leads.gif) top right no-repeat;}

div.points div.uca {background: url(../images/graphics/uca.gif) center right no-repeat;}

div.points div.paypal {background: url(../images/graphics/paypal.gif) center right no-repeat;}

div.points div.download {background: url(../images/graphics/download.gif) center right no-repeat;}

.colA {float: left; margin-right: 20px;}

.colB {float: right;}

#content div.main div.block h3 {color: #35424b; padding: 15px 15px 0 15px; margin: 0; font-size: 1.3em; background: url(../images/background/box-top.gif) top left no-repeat;}


/* configurator */

#config {margin: 0 30px 20px 0; padding: 0 0 15px 0; color: #ffffff; background: #697f00;}

#content #config h2 {padding: 20px 0 12px 0; margin: 0; color: #FFFFFF;}

#content #config div.wrapper h2 {padding-left:0px;}

#config p {color: #ffffff;padding: 0; margin: 0;}

#config p.intro {font-weight: normal; padding-bottom: 20px;}

#config form div.holder {padding: 12px 0 12px 0; margin: 0; width: 100%; overflow:hidden; border-top: 1px solid #798c1a;}

#config div.wrapper	{ margin: 0 20px 0 20px; padding: 0; width: auto; background: none; position:inherit; z-index:10;}

#config form div.holder label {width: 250px; float: left; padding: 5px 0 0 0; font-size: 1.2em;}

#config form div.holder input.field {width: 250px; font-size: 1.2em; padding: 3px 0 3px 3px; border: none; float: left;margin-left:10px;}

#config form div.holder select.field {width: 250px; font-size: 1.2em; padding: 3px 3px 3px 0; border: none; float: right;}

#config form div.price {margin: 0; background: #596b00; border-top: 1px solid #798c1a; border-bottom: 1px solid #798c1a;}

#config form div.price div.holder {text-align:right; border: none; padding: 16px 0 10px 0;}

#config form div.price p {padding: 0 0 0 0; margin: 0 0 0 0; position: relative; top: -6px; color: #ffffff; font-size: 1.2em; display: inline;}

#config form div.price span {font-size: 1.6em; font-weight: bold; padding-left: 5px;}

#config form div.price .submitButton {margin: 0 20px 0 15px;}

#config form div.price a {border: none;}

#config a {color: #FFFFFF; border-bottom: 1px dotted #ffffff;}

#config a:hover {color: #FFFFFF; border-bottom: none;}

/* extra area */

.extra {float: right; width: 262px; background: url(../images/background/col-top.gif) top left no-repeat;}

.extra h4 {color: #6a7f00; margin: 20px 20px 0 20px; font-size: 1.5em; font-weight:normal;}

.extra p {margin: 10px 20px 0 20px; padding: 0 0 0 0; line-height: 1.6em;}

.extra p.quiet {margin: 10px 20px 10px 20px; padding: 0 0 10px 0; border-bottom: 1px dotted #999999;}

/* basket */

.extra div.basket {margin: 0 15px 10px 15px; padding: 5px 5px 15px 5px;}

.extra div.basket ol {margin: 4px 0 0 0;}

.extra div.basket ol li {margin: 0 0 10px 0; list-style: none; padding: 5px; background: #ffffff; color: #35424b; list-style-position: outside; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

span.desc	{display: block; float: left; font-weight: bold;}

span.cost	{display: block; float: right; text-align:right;}

.totals { border-top: 1px solid #D4D4D4; padding-top: 6px;text-align:right;}

.discount {border-bottom: 1px solid #D4D4D4; padding: 0 0 6px 0; text-align:right; margin-bottom: 6px;}

.discount-perc { font-size: 1.6em; color: #6a7f00; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.discount_ammount { font-weight: bold;}

span.label { padding-right: 8px;}

span.amount { font-weight: bold;}

#content div.extra div.totals a {border: none;}

#content div.extra div.totals a img {padding-top: 10px;}

#content .extra div.button {text-align:right;}

#content .extra div.button a {border-bottom: none;}

.extra ul, .extra ol {margin: 15px 20px 0 20px; padding: 8px 0 0 0; list-style: none; border-top: 1px solid #d4d4d4;}

.extra ul li, .extra ol li {padding: 0 0 8px 0; border-bottom: 1px solid #d4d4d4; margin: 0 0 8px 0;}

.extra ol li { list-style-type: decimal; list-style-position: inside;}

.extra ul li p, .extra ol p {padding: 3px 0 8px 0; margin: 0;}

.extra ul li a, .extra ol a {font-weight:bold;}



.extra h5	{ font-size: 1.0em; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; color: #205A82;}

.extra .offer {border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0;  margin: 0 20px 0 20px; padding: 0 0 20px 0;}

.extra .offer p {margin: 0;}

.extra .offer h4 {margin: 20px 0 0 0;}

.extra .offer p strong { color: #738711; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;}

/* Contact Form */

.vcard {margin: 0 0 0 0; line-height: 1.6em;}

.vcard div a.fn {font-weight: bold; font-family:Arial, Helvetica, sans-serif; font-size: 1.2em;}

.vcard div.adr {padding-top: 10px;}

.vcard div.tel {padding-top: 10px;}

.vcard p	{padding-top: 10px; margin: 0;}

/* reg form */

.registration {padding: 0 20px 0 20px;}

.registration div {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #999999;}

.registration label {float: left; width: 88px; padding-top: 4px;}

.registration input.field {float: right; width: 130px; padding: 2px 0 2px 0; background: #ffffff; border: 1px solid #999999; clear: right;}

.registration select.field {float: right; width: 120px; padding: 2px 2px 2px 0; background: #ffffff; border: 1px solid #999999; clear: right;}

form.registration div.submit {text-align:right;padding-bottom: 0; margin-bottom: 0; border-bottom: none;}

form.registration div.submit input {color: #ffffff; background: #6a7f00;}




/* main registration (and login) forms */

#content .main-reg {
	margin: 0 0 20px 0; 
	padding: 0; 
	color: #ffffff; 
	background: #697f00;
	border: 0;
}

#content .main #config h2 {padding: 20px 0 12px 0; margin: 0 0 0 20px; color:#fff;}

#content .main-reg div.wrapper {margin: 0 20px 0 20px; padding: 0; min-height: 0; height: auto;}

#content .main-reg p {color: #ffffff; padding: 0 0 20px 0; margin: 0;}

#content .main-reg p.sub {padding: 10px 0 0 0; margin: 0;}

#content .main-reg a {color:#fff; border-bottom: 1px dotted #ffffff;}

#content .main-reg a:hover {border: none; color:#fff;}

#content .main-reg div.holder {padding: 12px 0 12px 0; margin: 0; width: 100%; overflow:hidden; border-top: 1px solid #798c1a;}

#content .main-reg div.holder label {width: 200px; float: left; padding: 5px 0 0 0; font-size: 1.2em;}

#content .main-reg div.holder input.field {width: 300px; font-size: 1.2em; padding: 3px 0 3px 3px; border: none; line-height: 1.9em; float: left;margin-left:10px;}

#content .main-reg div.holder select.field {width: 250px; font-size: 1.2em; padding: 3px 3px 3px 0; border: none; float: right;}

#content .main-reg div.submit {text-align:right;padding-top:10px;}

/*#content .main-reg {
	margin: 0 30px 20px 15px; 
	padding: 0 0 15px 0; 

	
	color: #ffffff; 
	background: #697f00;
	border:0px;
	padding:20px;
	}

#content .main-reg h2 {padding: 0px 0 12px 0; margin: 0; color:#fff;}

#content .main-reg p {color: #ffffff;padding: 0 0 20px 0; margin: 0;}

#content .main-reg a {color:#fff;text-decoration:underline;}

#content .main-reg div.holder {padding: 12px 0 12px 0; margin: 0; width: 100%; overflow:hidden; border-top: 1px solid #798c1a;}

#content .main-reg div.holder label {width: 200px; float: left; padding: 5px 0 0 0; font-size: 1.2em;}

#content .main-reg div.holder input.field {width: 300px; font-size: 1.2em; padding: 3px 0 3px 3px; border: none; line-height: 1.9em; float: left;margin-left:10px;}

#content .main-reg div.holder select.field {width: 250px; font-size: 1.2em; padding: 3px 3px 3px 0; border: none; float: right;}

#content .main-reg div.submit {text-align:right;padding-top:10px;}

*/


/* Generic Grid Style */

table.info-grid {margin-bottom:20px; border-spacing:0px;}

table.info-grid td , table.info-grid th {
	border-bottom:1px solid #798c1a;
	text-align:left;
	padding:10px 20px 10px 0;vertical-align:top; 
}

table.info-grid th {color:#fff;}

#config table.info-grid a { color: #ffffff; border-bottom: 1px dotted #ffffff;}

/* Your Order */

table.your-order {width: 100%;}


table.your-order .item-desc h3 {font-size:14px; font-weight:bold;}

table.your-order th.total { text-align: right;}

table.your-order .item-desc span.discount-perc { color: #ffffff;}

table.your-order tr.discount td {vertical-align: baseline;} 

table.your-order th.quantity, table.your-order th.unit_cost {text-align: center;}

table.your-order h3 {margin-left:0px; color:#ffffff;}

table.your-order ul {margin:0 0 0 5px; padding:0 0 0 10px;}

table.your-order li {margin:0; font-size:0.9em; color:#ffffff;}

table.your-order tr td.total {font-weight: bold; text-align: right;}

table.your-order tr td.quantity, table.your-order tr td.unit_cost {text-align: center;}

table.your-order tr.totals td.item-desc {text-align:right; vertical-align:baseline;}

table.your-order tr.sub-total {font-weight: bold;}

table.your-order tr.final { background: #596b00;}

table.your-order tr.final td.item-desc {font-size: 1.2em;}

table.your-order tr.final td.total {font-size: 1.8em; font-weight: bold; vertical-align: baseline;}

/* User Details */

table.user-details {
	margin-left:15px;
	border-spacing:0px;
	margin-bottom:20px;
}

table.user-details td , table.user-details th {
	
	border:0px;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:7px 20px 7px 0 ;
	border-collapse:collapse;
	
}

/* Payment Options */

div.payment-options {background: #e6e6e6; margin: 0 30px 0 0; padding: 10px 0 15px 0;}


#content .main div.payment-options h2 {padding: 10px 0 0 20px; margin: 0;}

.main div.payment-options p { padding: 20px 20px 0 20px;}

.main div.payment-options div.continue { background: #d7d7d7; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; padding: 0; text-align: right;}

.main div.payment-options div.continue input {margin: 10px 20px 10px 0;}

#content .main div.payment-options div.continue a {border: none;}

.main div.payment-options div.continue a img { padding: 10px 20px 10px 20px;}

div.payment-options label {
	clear:both;
	display:block;
	margin:10px 20px;
	vertical-align:middle;
	background: #ffffff;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 20px;
	padding: 20px 5px 20px 20px;
}

div.payment-options label span {font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; color: #35424b;}

div.payment-options label input {margin:5px 10px 0 0;}

div.payment-options label.paypal { background: #ffffff url(../images/background/PayPal.gif) center right no-repeat;}

.orderList a {color: #ffffff;}

.orderList td {border-bottom: 1px solid red; padding: 10px;}

.main ol.validation-errors { background: #596b00; padding: 15px; margin: 0;}

#config ol.validation-errors li { font-size: 1.0em; padding: 6px 0 6px 0; border-bottom: 1px solid #798C1A; border-top: none;}


/* footer */

#footer {margin: 0 auto; width: 950px; text-align:right; position: relative; padding: 20px 0 20px 0; border-top: 1px solid #c86200;}
 
#footer ul li {display: inline; margin: 0 0 0 0;}

#footer a {color: #FFFFFF; border-bottom: 1px dotted #ffffff; padding: 0; margin: 0 0 0 15px;}

#footer a:hover {color: #FFFFFF; border-bottom: none;}

#addThis {float: left;}

#addThis a {border: none;}

#content .innerNav {background: #7f9200; padding: 16px 0 16px 16px; margin: 0 0 20px 0;}

#content .innerNav h3 { color: #FFFFFF; padding: 0; margin: 0;}

#content .innerNav ul li { display: inline; padding: 0 16px 0 0; margin: 0;}

#content .innerNav ul li a {color: #ffffff; border-bottom: 1px dotted #ffffff;}