html, body {
	margin:0;
	padding:5px 0px 0px 0px;
}

.invalid {
    color:#cc0000;
}

.invalid input {
    border:#cc0000 solid 1px;

}

#calc {
	padding:0px;
	margin:0px ;	
}

#calc_wrapper {
	font-family: Verdana, arial, sans-serif;
	font-size:13px;
	color:#343434;
	line-height:18px;
	width:278px;
	height:300px;
	background:url(../images/bg_calculator.gif) no-repeat;
	padding:0px;
	margin:0px ;
}

#question {
	padding:61px 0px 0px 21px;
}

#choices {
	width:257px;
	height:43px;
	margin:9px 0px 0px 7px;
}

.cigarettes_by_packet #change {
	width:264px;
	height:43px;
	padding:0px;
	margin:0px;
}

.cigarettes_by_packet #change a {
	width:264px;
	height:43px;
	display: block;
	background: url(../images/bg_drop_cigarette.gif) 0px 0px no-repeat;
}

.cigarettes_by_packet #change a:hover {
	display: block;
	background: url(../images/bg_drop_cigarette.gif) 0px -43px no-repeat;
}

.cigarettes_by_grams #change {
	width:264px;
	height:43px;
	padding:0px;
	margin:0px;
}

.cigarettes_by_grams #change a {
	width:264px;
	height:43px;
	display: block;
	background: url(../images/bg_drop_cig_grams.gif) 0px 0px no-repeat;
}

.cigarettes_by_grams #change a:hover {
	display: block;
	background: url(../images/bg_drop_cig_grams.gif) 0px -43px no-repeat;
}

.cigars #change {
	width:264px;
	height:43px;
	padding:0px;
	margin:0px;
}

.cigars #change a {
	width:264px;
	height:43px;
	display: block;
	background: url(../images/bg_drop_cigars.gif) 0px 0px no-repeat;
}

.cigars #change a:hover {
	display: block;
	background: url(../images/bg_drop_cigars.gif) 0px -43px no-repeat;
}

.pipes_by_grams #change {
	width:264px;
	height:43px;
}

.pipes_by_grams #change a {
	width:264px;
	height:43px;
	display: block;
	background: url(../images/bg_drop_pipes.gif) 0px 0px no-repeat;
}

.pipes_by_grams #change a:hover {
	display: block;
	background: url(../images/bg_drop_pipes.gif) 0px -43px no-repeat;
}

#inputs {
	font-size:12px;
}

#inputs input {
	height:12px;
	width:82px;
	font-size:11px;
	padding:0;
	margin:0;
}

#q_one {
	height:14px;
	padding:0px 0px 0px 14px;
	display:block;
}

#q_two {
	height:14px;
	padding:14px 0px 0px 14px;
	display:block;
}

#q_three {
	height:14px;
	padding:14px 0px 0px 14px;
	display:block;
}

label {
	width:145px;
	display:block;
	float:left;
}

#email {
	padding:23px 0px 0px 14px;
}

#email input {
	width:232px;
	height:13px;	
}

#email label {
	width:250px;
	margin-bottom:5px;
}

#save {
	width:239px;
	height:34px;
	margin:120px 0px 0px 19px;
	display:block;
}

#save a {
	width:239px;
	height:34px;
	display: block;
	background: url(../images/btn_save.gif) 0px 0px no-repeat;
}

#save a:hover {
	display: block;
	background: url(../images/btn_save.gif) 0px -34px no-repeat;
}

#results_wrapper {
	font-family: Verdana, arial, sans-serif;
	font-size:13px;
	color:#343434;
	line-height:18px;
	width:278px;
	height:312px;
	background:url(../images/bg_results.gif) no-repeat;
	padding:0px;
}

html>body*#results {
	margin-top:-13px;
}

#figures {
	padding:61px 0px 0px 21px;
	float:left;
	width:121px;
	height: 170px;
}

#figures p {
	margin:0px 0px 8px 0px;
	font-size:14px;
}

#retry {
	float:right;
	width:101px;
	padding:101px 0px 0px 14px;
	height:59px;
	background:url(../images/bg_retry.gif) no-repeat 0px 61px;
}

#retry a {
	color:#9a0900;
	text-decoration:underline;
}

#retry a:hover {
	text-decoration:none;
}

#join {
	width:155px;
	height:42px;
	margin:0px 0px 0px 60px;
	position:relative;
	bottom:10px;
}

#join a {
	width:155px;
	height:42px;
	display: block;
	background: url(../images/btn_join.gif) 0px 0px no-repeat;
}

#join a:hover {
	display: block;
	background: url(../images/btn_join.gif) 0px -42px no-repeat;
}

#join-test01 {
	width:155px;
	height:42px;
	margin:0px 0px 0px 60px;
	position:relative;
	bottom:10px;
}

#join-test01 a {
	width:155px;
	height:42px;
	display: block;
	background: url(../images/join-test01.gif) 0px 0px no-repeat;
}

#join-test01 a:hover {
	display: block;
	background: url(../images/join-test01.gif) 0px -42px no-repeat;
}

#join-test02 {
	position: relative; top: -71px;
	width:155px;
	height:42px;
	margin:0px 0px 0px 60px;
	position:relative;
	bottom:10px;
}

#join-test02 a {
	width:155px;
	height:42px;
	display: block;
	background: url(../images/join-test02.gif) 0px 0px no-repeat;
}

#join-test02 a:hover {
	display: block;
	background: url(../images/join-test02.gif) 0px -42px no-repeat;
}

#community {
	position: relative; top: -65px;
	text-align:center;
	width:260px;
	margin:0px 0px 20px 7px;
	font-size:12px;
}

#community a {
	color:#196394;
	text-decoration:underline;
}

#community a:hover {
	color:#da8704;
	text-decoration:underline;
}

#how {
	width:264px;
	margin:0px 0px 0px 7px;
	text-align:center;
}

#how .title a {
	width:264px;
	height:30px;
	display: block;
	background: url(../images/btn_how.gif) 0px 0px no-repeat;
	font-size:12px;
	color:#353535;
	text-decoration:none;
	padding-top:13px;
	font-family: Verdana, arial, sans-serif;
	margin-top:-50px;
}

#how .title a:hover {
	display: block;
	background: url(../images/btn_how.gif) 0px -43px no-repeat;
}

#how .body {
	text-align:left;
	padding:10px 0px 10px 0px;
}

#calculator_dropdown {
    position: absolute;
}

#calculator_dropdown ul {
	list-style:none;
	margin:0px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
}

#calculator_dropdown li a {
	width:264px;
	height:30px;
	display: block;
	background: url(../images/bg_li.gif) 0px 0px no-repeat;
	font-size:12px;
	color:#353535;
	text-decoration:none;
	padding:13px 0px 0px 14px;
	font-family: Verdana, arial, sans-serif;
}

#calculator_dropdown li a:hover {
	display: block;
	background: url(../images/bg_li.gif) 0px -43px no-repeat;
	color:#fff;
}

#line {
	height:1px;
	background:#ccc;
	width:234px;
	margin:20px 0px 0px 14px;
	display:block;
}

#calcpanel {
	width:573px;
}

#calc-left {
	float:left;
	width:290px;
}

#calc-right {
	float:right;
	width:283px;
}

#calc-right ul {
	padding:0px;
	margin:7px 0px 0px 0px;
}

#calc-right li {
	list-style:none;
	height:82px;
	text-align:center;
	width:196px;
	margin-bottom:16px;
}

#calc-right li a {
	color:#285313;
	font-size:14px;
	font-family:verdana;
	text-decoration:none;
	font-weight:normal;
}

#calc-right li a:hover {
	color:#fff;
}

#calc-right li.community a {
	background:url(../images/bg_community.gif) 0px 0px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#285313;
}

#calc-right li.community a:hover {
	background:url(../images/bg_community.gif) 0px -82px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#fff;
}

#calc-right li.support a {
	background:url(../images/bg_support.gif) 0px 0px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#285313;
}

#calc-right li.support a:hover {
	background:url(../images/bg_support.gif) 0px -82px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#fff;
}

#calc-right li.help a {
	background:url(../images/bg_help.gif) 0px 0px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#285313;
}

#calc-right li.help a:hover {
	background:url(../images/bg_help.gif) 0px -82px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#fff;
}

#calc-right li.patches a {
	background:url(../images/bg_patches.gif) 0px 0px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#285313;
}

#calc-right li.patches a:hover {
	background:url(../images/bg_patches.gif) 0px -82px;
	display:block;
	width:196px;
	padding:32px 71px 0px 0px;
	height:50px;
	color:#fff;
}