/* global */
html{height: 100%;}


body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: 15px;
  background-color: #FFF;
  color: #00407D;
}

p { 
  margin: 0px 80px 0 80px;
  padding: 0px 0px 16px 0px;
  line-height: 16px;
  color: #00407D;
}

h1
{
	margin: 00px 80px 00px 80px;
	padding: 20px 00px 30px 00px;
	font-size: 26px;
	color: #FF8E08;
}

h2
{
	margin: 00px 80px 00px 80px;
	padding: 20px 00px 30px 00px;
	font-size: 24px;
	color: #D50141;
}

h3
{
	margin: 0px 80px 0 80px;
	padding: 0px 0px 10px 0px;
	font-size: 18px;
	color: #FF8E08;
	width: 80%;
}

h4
{
	margin: -10px auto;
	padding: 0px 0px 15px 0px;
	font-size: 16px;
	color: #68BD45;
	text-align: center;
	}

.superscript { font-size: x-small; }

.bonus {font-size: 32px;}
.regret
{
	font-size: 24px;
	color: #D50141;
}

img{border: none;}

a{ text-decoration: none; color: #68BD45; }
a:hover{ text-decoration: underline; }

div.spacer
{ clear: both;
  height: 2px;
}

div.pad
{ clear: both;
  height: 50px;
}

.orange { color: #FF8E08; }
.big {font-size: 16px ;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 40px auto 40px; 
  border: none;
  color: red;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  width: 80%;
}

.testimonial-top
{
	display: block;
	position: relative;
	width: 549px;
	height: 55px;
	margin: 0 auto;
	background-image: url(images/testimonial_top.png);
	background-repeat: no-repeat;
}
.testimonial-mid
{
	display: block;
	position: relative;
	width: 549px;
	height: auto;
	margin: 0 auto;
	background-image: url(images/testimonial_mid.png);
	background-repeat: repeat-y;
}

.testimonial-bott {
	display: block;
	position: relative;
	width: 549px;
	height: 63px;
	margin: 0 auto;
	background-image: url(images/testimonial_bott.png);
	background-repeat: no-repeat;

}

.testimonial-mid .image  { background-color: #FFF; padding: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }

.test-sig {
	position: relative;
	margin: 10px 0 0 390px;
	background-color: transparent; 
	padding: 0px;
	}

/* backup 
.testimonial
{
	padding: 5px;
	display: block;
	position: relative;
	width: 60%;
	height: auto;
	margin: 30px auto;
	border: 1px #00407D solid;
	background-color: #FFF3AB;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

*/


.testimonial-mid p{margin: 0 25px 0 25px; }

/* unordered list */
ul 
{ margin: 8px 120px 30px 120px;
  padding: 0px;
}

ul li
{
	list-style-type: disc;
	margin: 0px 0px 11px 20px;
	padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 120px 30px 120px;
  padding: 0px;
}

ol li
{
	margin: 0px 0px 11px 20px;
	padding: 0px;
	color: #0066A9;
}



/* main container */
#main
{ width: 920px;
  margin-left: auto; 
  margin-right: auto;
  height: auto;
  position: relative;
  z-index: 5;
}

/* top menu */
#top-menu
{
	width: 920px;
	height: 70px;
	text-align: center;
	background-color: #fff;
	background-image: url(images/topmenubg.gif);
	background-repeat: no-repeat;
	padding: 0px;
	position: relative;
	z-index: 10;
}

#top-menu ul {
	position: relative;
	z-index: 15;
	width: 884px;
	height: 45px;
	margin: 8px auto 0px auto;
}

#top-menu li 
{
	position: relative;
	top: 25px;
	left: 8px;
	list-style-type: none;
	float: left;
	width: 128px;
	height: 45px;
	background-image: url(images/button.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: 0px 8px 0 8px;
}

#top-menu li a
{
	display: inline;
	color: #FFF;
	font-size: 14px;
	font-variant: small-caps;
	position: relative;
	top: 12px;
	font-weight: normal;
	width: 128px;
	height: 45px;
}

#top-menu li:hover {background-image: url(images/button-over.gif);}
#top-menu li.selected {background-image: url(images/button-over.gif);}


#top-menu p {padding-top: 4px; }
#top-menu a { color: #457D2E; }
#top-menu a.selected { color: #7F5116; text-decoration: underline; }
#top-menu a.selected:hover { color: #7F5116; text-decoration: none; }


/* logo */

#logo
{ margin-left: auto; 
  margin-right: auto;
  position: absolute;
  top: 65px;
  z-index: 20;
  display: block;
  width: 920px;
  height: 311px;
}

#logo-order {
	position: absolute;
	top: 90px;
	left: 600px;
	z-index: 25;
	width: 220px;
	height: 20px;
}

#logo-order a {font-size: 21px; font-weight: bold; text-decoration: none; color: red;}
#logo-order a:hover { color: #FFA356; }

/* navigation menu */

#menu
{ height: 165px;
  width: 100%;
  margin-left: auto; 
  margin-right: auto;
  position: relative;
  top: 0px;
}

#menu ul{margin: 0px auto;} 

#menu li
{
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
} 

#menu li a 
{ display: block; 
  float: left; 
  height: 165px;
  text-decoration: none; 
  padding: 0px 42px 0px 42px;
  text-transform: uppercase;
} 



/* main content */

#content-wrap
{
	width: 880px;
	height: auto;
	padding: 0px 0 20px 0;
	position: absolute;
	top: 210px;
	left: 20px;
	background-color: #00407D;
	z-index: 18;
	margin-bottom: 20px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
} 

#content
{
	width:98%;
	height: 97%;
	overflow: auto;
	position: relative;
	margin: 10px auto;
	background-color: #fff;
	z-index: 19;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.warning {
	position: relative;
	z-index: 19;
	width: 600px;
	height: auto;
	border: 4px dashed orange;
	margin: 30px auto;
}

.warning dl {width: 580px; height: auto; font-size: 14px; margin: 15px;}
.warning dt {width: 80px; height: 50px; text-align: right; float: left; margin-right: 10px; color: orange; font-weight: bold; padding-right: 10px;}
.warning dd {width: 500px; text-align: justify; padding-left: 20px;}



.check li
{
	position: relative;
	margin: 0 0 10px 0px;
	padding: 5px 0 5px 50px;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(images/check.gif);
	color: #0075C3;
	font-style: oblique;
	font-weight: bolder;
}


.yellowbox
{
	width: 450px;
	height: auto;
	background-color: #FFF9C0;
	border: 3px solid #B8AF7B;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
	margin: 0px auto 20px auto;
}

.yellowbox p {margin: 10px;}
.yellowbox h1
{
	font-size: 21px;
	color: #010101;
}

.question 
{
	margin: 0px 80px 0 70px;
	padding: 0px 0px 16px 0px;
	line-height: 17px;
	font-size: 16px;
	font-weight: bolder;
	color: #F50305;
}

.answer 
{
	margin: 0px 90px 0 100px;
	padding: 0px 0px 16px 0px;
	line-height: 15px;
	color: #0063A6;
}

.resources {
	text-align: center;
	width: 170px;
	height: 350px;
	float: left;
	margin: 60px 0px 10px 35px;
	padding: 0px;

}

.resources h3 {
	text-align: center;
	margin: 10px auto;
	padding: 0px;
	font-size: 14px;
}

.resources p {
	text-align: center;
	margin: 0px 10px 0 10px;
	padding: 0px;
}


.article
{
	display: relative;
	width: 650px;
	margin: 30px auto;
	font-family: monospace;
	background-color: #F5F5F5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.article dl {width: 400px; height: 90px; font-size: 14px; margin: 15px;}
.article dt {width: 90px; height: 90px; padding: 5px; float: left;}
.article dd
{
	height: 90px ;
	position: relative;
	text-align: left;
	top: 0px;
	left: 80px;
	font-size: 16px;
	line-height: 90px;
	background-color: #E6E6E6;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.article  a {margin-left: -20px;}

.article-nav {width: 600px; padding: 5px;}

.article-nav ul 
{ margin: 8px 120px 30px 120px;
  padding: 0px;
  width: 590px;
}

.article-nav ul li
{
	list-style-type: none;
	margin: 0px 0px 3px 10px;
	padding: 0px;
}




.pdf {color: grey;}

/*  footer */
#footer { 
  position: relative;
  margin-top: 20px;
  margin-left: auto; 
  margin-right: auto;
  padding: 0;
  width: 100%;
  height: 40px;
  font-size: 10px;
}

#footer p {margin: 4px 10px 0 10px; text-align: center; color: #fff;}

#footer a { text-decoration: none; color: #FFA356; }

#footer a:hover{text-decoration: underline;}

#footer a#email {
padding-left: 25px;
text-decoration: none;
font-weight: bold;
line-height: 10px;
color: #FFA356;
background-color: transparent;
background-image: url(images/icon_email.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 2px;
}
#footer a#email:hover {text-decoration: underline;}

.share
{
	padding-left: 3px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	background-color: white;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border:1px solid #FAF8DA;
}

/* contact page - form layout */
form{margin-top: 0px;}

div.row
{ clear: both;
  width: 448px;
}

div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 


input, textarea
{ width: 259px; 
  font-family: arial, sans-serif;
  border: 1px solid;
  font-size: 100%;
  margin: 2px;
}

.submit
{ font-family: arial, sans-serif;
  border: 1px solid;
  width: 70px;
  height: 22px;
  cursor: pointer;
  font-size: 100%;
}

.thankyou
{
	font-size: 26px;
	text-align: center;
	line-height: 30px;
	color: #FF8E08;
	font-weight: bold;
}

/* ---- tables ----- */

table#prices
{
	border-collapse: collapse;
	width: 580px;
	margin: 0px auto 20px;
	color: #444444;
	position: relative;
	text-align: center;
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 100%;
	line-height: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

#prices th strong {
	color: #fff;
}

#prices th
{
	height: 20px;
	-height: 30px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: center;
	border-left: 1px solid #fff;
	border-bottom: solid 2px #fff;
	background-color: transparent;
	background-image: url(images/tablehead.gif);
	background-repeat: repeat-x;
}
#prices tr {
	height: 30px;
}
#prices td
{
	padding: 15px;
	/* border-left: 1px solid #fff; */
	border-left: 1px #fff solid;
	border-bottom: 1px #fff solid;
	text-align: left;
}

#prices td.total {text-align: right; font-size: 16px; font-weight: bolder;}
#prices td.totalvalue {font-size: 16px; font-weight: bolder;}

#prices td.center {text-align: center;}

#prices td.first,th.first {
	border-left: 0px;
}
#prices tr.row-a {
	background: #f7f7f7;
}
#prices tr.row-b {
	background-color: #EBEBEB; 
}
	
.dlguard-dl a {color: #BAD4FE;}	
.dlguard-dl a:hover
{
	color: #fff;
	text-decoration: none;
}	

.dlguard-dl-email a { color: #68BD45; }	
.dlguard-dl-email a:hover { color: #68BD45; text-decoration: underline;}	
	
table.order
{
	border-collapse: collapse;
	width: 580px;
	margin: 0px auto 20px;
	color: #444444;
	position: relative;
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size: 100%;
	line-height: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

.order td
{
	padding: 8px;
	/* border-left: 1px solid #fff; */
	border: 5px #7F7F7F dashed;
	text-align: left;
}

.order td.top {background-color: #FFF9C0 ;}

.order.head {font-size: 21px; color: red; }

.order h3 {margin-top: 10px; font-size: 18px; line-height: 21px;}

.order-right {
	float: right; 
	width: 250px;
	padding: 0px;
	margin-top: 40px;
}

.order-right p {
  margin: 0px 10px 0 10px;
  padding: 0px 0px 16px 0px;
  line-height: 17px;
  font-size: 15px;
  color: #00407D;
 }
 
 #download { width: 80%; height: auto; margin: 0px auto; padding: 0;}
 #download td.white {color: white;}
 
 /* -------------- form -------------------- */
 
#formwrap {position: relative; display: block; width: 550px; left: 130px; margin: 20px auto 20px auto: } 

#formwrap form {width: 520px; }
 
#formwrap fieldset {background:#F7F6F6; padding:10px; border:1px solid #fff; border-color:#e5e5e5 #666661 #666661 #e5e5e5; margin-bottom:26px; width:550px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}

#formwrap input, textarea, select {font:14px/15px Arial, Helvetica, sans-serif; padding:0;}

#formwrap fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}

#formwrap legend {background: url(http://www.quitsmoking4dummies.com/images/legend.gif) no-repeat;  background-position: top left; color:#aaaaaa; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 20px 4px; margin:-26px 0 0 -11px; font-weight:bold;  }

#formwrap label {font-size:14px; font-weight:bold; color:#666;} !important

#formwrap label.opt {font-weight:normal;}

#formwrap dl {clear:both; line-height:20px; margin:0px}

#formwrap dt {float:left; text-align:right; width:150px; line-height:20px; margin:0 10px 5px 0;}

#formwrap dd {float:left; width:300px; line-height:20px; margin:0px}

#formwrap .button
{
	position: relative;
	width: 130px;
	height: 40px;
	text-align: center;
	margin: 0 0 50px 220px;
	background-image: url(images/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#formwrap input.butt {width: 130px; height: 40px; background-color: transparent; border: none; color: white; font-size: 18px; font-weight: bold; padding-bottom: 6px;}


/* ------------------ form calculator ---------------- */

#calc
{
	position: relative;
	width: 500px;
	height: 280px;
	padding: none;
	margin: 20px auto;
	background-image: url(images/qs-calc.jpg);
	background-repeat: no-repeat;
}

form.calculator #years {
 width: 50px;
 height: 25px;
 position: absolute;
 top: 80px;
 left: 380px;
 font-size: 18px;
 border: none;
 text-align: right;
}

form.calculator #smokes {
 width: 50px;
 height: 25px;
 position: absolute;
 top: 140px;
 left: 380px;
 font-size: 18px;
 border: none;
 text-align: right;
}

form.calculator #price {
 width: 50px;
 height: 25px;
 position: absolute;
 top: 204px;
 left: 380px;
 font-size: 18px;
 border: none;
 text-align: right;
}

form.calculator .button
{
	position: absolute;
	width: 130px;
	height: 40px;
	text-align: center;
	top: 280px;
	left: 180px;
	border: none;
	font-size: 16px;
	color: white;
	background-image: url(images/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 5px;
}


#totals {
	position: relative;
	width: 500px;
	height: auto;
	font-size: 16px;
	line-height: 20px;
	margin: 50px auto 20px;
}

/* ------------------ make a promise ---------------- */

#promise-input
{
	position: relative;
	width: 500px;
	height: 390px;
	padding: none;
	margin: 10px auto 50px auto;
	background-image: url(images/qs-promise.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#promise-output-container
{
	position: relative;
	width: 720px;
	height: 1100px;
	padding: none;
	left: 50px;
	z-index: 22;
}


#promise-output
{
	position: absolute;
	width: 720px;
	height: 980px;
	padding: none;
	left: 320px;
	top: 330px;
	background-image: url(images/certificate.jpg);
	background-repeat: no-repeat;
	z-index: 19;
}

.req-name
{
	position: absolute;
	width: 100%;
	top: 350px;
	font-size: 24px;
	text-align: center;
}

.req-to {
	position: absolute;
	width: 100%;
	top: 490px;
	font-size: 24px;
	text-align: center;
}

.req-date {
	position: absolute;
	width: 100%;
	top: 770px;
	font-size: 24px;
	text-align: center;
}

form.promise #promise_by {
 width: 276px;
 height: 24px;
 position: absolute;
 top: 98px;
 left: 165px;
 font-size: 18px;
 border: none;
 text-align: left;
}

form.promise #promise_to {
 width: 276px;
 height: 24px;
 position: absolute;
 top: 158px;
 left: 165px;
 font-size: 18px;
 border: none;
 text-align: left;
}

form.promise #quit_date_day {
 position: absolute;
 top: 214px;
 left: 165px;
 font-size: 18px;
 border: none;
}

form.promise #quit_date_month {
 position: absolute;
 top: 214px;
 left: 225px;
 font-size: 18px;
 border: none;
}

form.promise #quit_date_year {
 position: absolute;
 top: 214px;
 left: 355px;
 font-size: 18px;
 border: none;
}

form.promise #email_to {
 width: 276px;
 height: 24px;
 position: absolute;
 top: 264px;
 left: 165px;
 font-size: 14px;
 line-height: 14px;
 border:none;
}

form.promise .email_to_request  {
 position: absolute;
 top: 320px;
 left: 105px;
 font-size: 12px;
 border: none;
}

form.promise #send_email {
 position: absolute;
 top: 320px;
 left: 65px;
 width: 25px;	
 border: none;
}

form.promise .list_promise  {
 position: absolute;
 top: 350px;
 left: 105px;
 font-size: 12px;
 border: none;
}

form.promise #save_promise {
 position: absolute;
 top: 350px;
 left: 65px;
 width: 25px;	
 border: none;
}


form.promise .button
{
	position: absolute;
	width: 130px;
	height: 40px;
	text-align: center;
	top: 380px;
	left: 180px;
	border: none;
	font-size: 16px;
	color: white;
	background-image: url(images/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 5px;
}

#promise-tbl {
	width: 600px;
	height: auto;
	margin: 50px auto 50px auto;
}

#promise-tbl table
{
	width: 550px;
	height: auto;
	background-color: #E1E1E1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 5px;
}

#promise-tbl th
{
	border-bottom: 2px solid white;
	color: #0063A6;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
}

#promise-tbl td
{
	border-top: none;
	border-bottom: 1px white solid;
}

/* ----------- addiction test ------------- */

#test
{
	position: relative;
	width: 700px;
	height: auto;
	padding: none;
	margin: 80px auto 50px auto;
}

#test .test-question
{
	font-size: 13px;
	color: #FF8E08;
	font-weight: bold;
}

#test .test-q {
	background-repeat: no-repeat;
	background-color: #E6E6E6;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	width: 700px;
	height: auto;
	margin: 10px 0 15px 0;
	padding: 10px;
}

#test input.calcButtons {font-size: 13px; width: 15px; margin: 2px 20px 2px 30px;}

#test .button
{
	position: relative;
	width: 130px;
	height: 40px;
	text-align: center;
	top: 0px;
	left: 280px;
	border: none;
	font-size: 16px;
	color: white;
	background-image: url(images/button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 5px;
}

#score_div
{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #00407D;
	text-transform: none;
}

#score_div_strong
{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #00407D;
	text-transform: none;
	display: none;
}

#score_div_average
{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #00407D;
	text-transform: none;
	display: none;
}

#score_div_low
{
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #00407D;
	text-transform: none;
	display: none;
}


.results_head {font-size: 21px; font-weight: bold; line-height: 24px; color: #FF8E08;}

/* ------------------ aweber sign-up ---------------- */

#sign-up
{
	width: 450px;
	height: 170px;
	background-color: #E1E1E1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0px auto 20px auto;
}


#sign-up table {
	width: 450px;
	height: 150px;
}
#sign-up td {height: 20px; padding: 10px; line-height: 20px;}
#sign-up td.white {background-color: white;}
#sign-up input {width: 320px;}
#sign-up .button
{
	position: relative;
	width: 130px;
	height: 40px;
	text-align: center;
	top: 0px;
	left: 140px;
	border: none;
	font-size: 16px;
	color: white;
	background-image: url(images/form-button.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 5px;
	background-color: transparent;
}