@import url('../../default/reset.css');

td { vertical-align:top; }

body, html {
color: 	#625D5D;
 background:#7AC5EC url(images/clouds.jpg) fixed top center;
}

body {
 text-align:center;
 font:normal 0.76em Arial,Sans-serif;
}

#outerwrap {
 text-align:left;
 width:786px;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 padding:0px 4px 4px 4px;
 margin:0 auto 2em auto;
 background:#fff url(images/header_people.jpg) no-repeat top right;
}

#header {
 padding:5px 10px;
 height:145px;
}

#toplink-home {
 float:right;
 margin-top:-110px;
 font-weight:bold;
 color:darkblue;
 text-decoration:none;
}

#header h1 a {
  background: #fff url('images/logo.png') no-repeat;
  text-indent:-999em;
  display:block;
  width:410px;
  height:90px;
  margin-left:30px;
  margin-top:26px;
}

#nav {
 padding:0px;
}

#nav ul {
 margin:0;
 padding:0;
 list-style:none;
}

#nav li {
 margin:0;
 padding:0px;
 float:left; 
}

#nav li a {
 display:block; 
 float:left;
 width:153px;
 line-height:117px;
 text-align:center;
 text-indent:-999em;
 margin:0px;
}

#nav li a:hover {
}

#nav li a#online {
 background:url(images/button_online.png);
}

#nav li a#face2face {
 background:url(images/button_face2face.png);
}

#nav li a#telephone {
 background:url(images/button_telephone.png);
}

#nav li a#text {
 background:url(images/button_text.png);
}

#nav li a#do_it_yourself {
 background:url(images/button_do_it_yourself.png);
}


.home_tab { background:#6a9aaf; border:solid 2px #6a9aaf; }
.about_tab { background:#6a9aaf; border:solid 2px #6a9aaf; }
.contact-us_tab { background:#6a9aaf; border:solid 2px #6a9aaf; }
.smokefreefuture_tab { background:#6a9aaf; border:solid 2px #6a9aaf; }
.online_tab {background:#D5241B;  border-bottom:solid 2px #E2534B; }

.face2face_tab { background-color:#4EB22F !important; border-bottom:solid 4px #8DCD79; background }


div#sidebar.face2face_tab { background-image:none !important; }

.telephone_tab { background-color:#103D81; border-bottom:solid 2px #698ABB; }
.text_tab { background-color:#EF7F12; border-bottom:solid 2px #F7A657; }
.do_it_yourself_tab { background-color: #3BB8F6; border-bottom:solid 2px #64C7F8; }
.maori_tab { background-color:#4EB22F; border-bottom:solid 4px #8DCD79; }
.pacific_tab { background-color:#4EB22F; border-bottom:solid 4px #8DCD79; }
.asian_tab { background-color:#4EB22F; border-bottom:solid 4px #8DCD79; }
.pregnancy_tab { background-color:#4EB22F; border-bottom:solid 4px #8DCD79; }

.quit_coach_tab { background-color: #3BB8F6; border-bottom:solid 2px #64C7F8; }
.products_tab { background-color: #3BB8F6; border-bottom:solid 2px #64C7F8; }
.quitting_smoking_tab { background-color: #3BB8F6; border-bottom:solid 2px #64C7F8; }

._tab { background:#ddd; }

h2.home_tab {
  background-image:url(images/page_title_home_icon.gif);
  background-repeat:no-repeat;
  padding-left:30px !important;
}


h2.online_tab {
  background-image:url(images/page_title_online_icon.gif);
  background-repeat:no-repeat;
  padding-left:30px !important;
}
h2.face2face_tab, h2.maori_tab, h2.asian_tab, h2.pacific_tab, h2.pregnancy_tab {
  background-image:url(images/page_title_face2face.gif);
  background-repeat:no-repeat;
  padding-left:30px !important;
}
h2.telephone_tab {
  background-image:url(images/page_title_telephone.gif);
  background-repeat:no-repeat;
  padding-left:30px !important;
}
h2.text_tab {
  background-image:url(images/page_title_text.gif);
  background-repeat:no-repeat;
  padding-left:30px !important;
}
h2.do_it_yourself_tab, h2.quit_smoking_tab, h2.quit_coach_tab, h2.quit_smoking_tab  {
  background-image:url(images/page_title_doity.gif);
  background-repeat:no-repeat;
  padding-left:30px !important;
}

#pagetitle {
 clear:both;
 padding:4px 0px 8px 0px;
}

#pagetitle h2 {
 padding:8px 40px !important;
 background-position:1% 50%;
 color:#fff;
 font-size:1em !important;
 font-weight:normal;
 text-transform:uppercase;
}

#main {
 float:left;
 width:420px;
 padding:0px 4px;
}

#main p, li {
font-size: 13px;
color: 	#625D5D;
margin-bottom: 18px;
}

#main ul {
 list-style-type: disc;
padding-left: 20px;
}

	
#sidebar {
 float:right;
 width:306px;
 padding:10px;
 -moz-border-radius:12px;
 min-height:400px;
 margin-bottom:8px;
 background-image:url(images/cancer_society_logo.png);
background-repeat:no-repeat;
background-position:96% 96%;
text-decoration: none;
}

#main .face2face_tab {
 background:#ddd;
}

#sidebar a {
text-decoration: none;
}

#footer {
 clear:both;
 padding:5px 10px;
 background:#6a9aaf;
}

#footer p {
 text-align:center;
 color:#fff;
}

#footer p a {
 color:#fff;
}

* html #footer {
 height:1px;
}


/* Misc */

.button {
 border:outset 2px #6a9aaf;
 background:#6a9aaf;
 padding:2px 4px;
 text-transform:uppercase;
 color:#fff !important;
 text-decoration:none;
 font-weight:bold;
 cursor:pointer;
 width:138px;
 margin:10px;
}

/* Calculator */

#calculator {
 clear:both;
 background:url(images/calculator_background.gif) no-repeat;
 margin:0px 0px;
 padding:10px 20px 0px 20px;
 height:162px;
}


#calculator fieldset {
 border:none;
 padding:0px;
 margin:0px;
 min-height:none;
}

#calculator fieldset legend {
 font-weight: bold;
 font-size: 1.3em;
 color: #6a9aaf;
 margin-bottom:0.5em;
}


#calculator p label {
 font-weight:bold;
 font-size:13px;
 color:#666;
 display:block;
 width:540px;
 float:left;
 margin:10px 0px;
}

#calculator p input, #calculator p span.dollar {
 margin:4px 0px;
 float:right;
 width:135px;
}

#calculator p span.dollar {
width:1em;
float:left;
margin:6px 0px;
margin-left:42px;
font-weight:bold;
}

#calculator p input.button {
 clear:right;
}

#calculator #result {
 width:300px;
 float:left;
}

#calculator #result p {
 line-height:1.4em;
 font-weight:bold;
 font-size:1em;
 color:#666;
 display:block;
 margin-bottom:4px !important;
}

#calculator #result p span.input {
 background:url(images/inputbox.gif) no-repeat;
 width:114px;
 line-height:26px;
 padding:0px 10px;
 display:inline-block;
 margin:0px 4px;
}

#calculator #images {
 float:right;
 margin-right:10px;
}

#calculator #images img {
 margin-right:6px;
}

/* Extension */

div.tx-registersr-pi1 .item {
 margin-bottom:1em;
 padding-bottom:0.5em;
 border-bottom:dotted 1px #c0c0c0;
}

div.tx-registersr-pi1 .item .image {
 background:#ddd;
 width:100px;
 text-align:center;
 float:left;
 clear:left;
}

div.tx-registersr-pi1 .item .service-info h3 {
 font-size:1.2em;
 color:#D8251C;
 text-decoration:none;
}

div.tx-registersr-pi1 .item .service-info h4 {
 font-weight:normal;
 color:#333;
 font-style:italic;
}

div.tx-registersr-pi1 .item .service-info .label {
 text-align:right;
}

div.tx-registersr-pi1 .item .service-info .content {

}


#face div {
width: 306px;
}

div .face {
width: 306px;
height: 100px;
}

#face h2 {
text-transform: uppercase;
color: #fff;
margin-bottom: 8px;
font-size: 14px;
}

#face p {
color: #fff;
font-weight: normal;
}

.text {
text-transform: uppercase;
color: #ef7f13;
font-weight: bold;
vertical-align: top;
}

.phone {
text-transform: uppercase;
color: #113e82;
font-weight: bold;
}

.faceto {
text-transform: uppercase;
color: #4fb233;
font-weight: bold;
}

.online {
text-transform: uppercase;
color: #d8251e;
font-weight: bold;
}

.diy {
text-transform: uppercase;
color: #3cb8f6;
font-weight: bold;
}

#what_else {
 width:300px;
 font-weight:bold;
 float:right;
 margin-top:4px;
}

#wrapMapAndRegions { float:left; margin-bottom:1em; }
#regions-list { float:left }
#regions-list ul { list-style-type:none; padding:0px; margin:0px; padding-left:8px; }
#regions-list ul li { margin:0px; padding:2px 0; }
#nz-map { float:left; padding:0px; }