/* main stylesheet for QuitNow Website*/

body{
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
line-height:1.9em;
background-color:#ffffff;
background-position:center top;
margin:0;
padding:0;}
#container {text-align: center}
* html .wrapper {margin-left: auto; margin-right: auto; text-align: left; }
.wrapper{
margin:0 auto;
width:980px;}
#main_banner_container {
    -moz-box-shadow: 0 5px 24px -8px #333333;
	-webkit-box-shadow: 0 5px 24px -8px #333333;
	box-shadow: 0 5px 24px -8px #333333;
    z-index: 1;
}
#main_banner_container, #mid_container {
width: 980px;
margin: 0 auto;}
#main_banner_container, #mid_container, #content, #left_nav {
text-align: left;}

#topImagePrint {
background: url(/internet/quitnow/publishing.nsf/AttachmentsByTitle/topImgPrint.jpg/$FILE/topImgPrint.jpg);
display:none;}

h1 { 
font-size:2.5em;
font-weight:bold;
text-transform: uppercase;
padding-right:20px;
color:#fff;}
h2 {
    color: #5A8FD3;
    font-size: 1.6em;
    font-weight: normal;
}
h3 { 
    font-size: 1.4em;
    font-style: italic;
    font-weight: bold;
}
h4 {
    color: #5A8FD3;
    font-size: 1.2em;
    font-weight: bold;
}
h5 { 
font-size: 1em; }
h6 { 
font-size: 0.8em; }
/* Branch specific */
.green h1, .green h2, .green h2 a, .green h2 a:link, .green h2 a:visited, .green h3, .green h4, .green h5, .green h6 {color: green}
.purple h1, .purple h2, .purple h2 a, .purple h2 a:link, .purple h2 a:visited, .purple h3, .purple h4, .purple h5, .purple h6 {color: #69519B}
.orange h1, .orange h2, .orange h2 a, .orange h2 a:link, .orange h2 a:visited, .orange h3, .orange h4, .orange h5, .orange h6 {color: #ED6C44}

p {
line-height: 1.6em;
padding:0 0 0 0px;
margin-bottom:0px;}

a.skiplink, a.skiplink:hover, a.skiplink:visited {
text-indent: -600em;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: auto;} 
a.skiplink:active, a.skiplink:focus {
background-color: #666;
color: #fff;
display: block;
font-weight: bold;
padding: 10px;
text-indent: 0.1em;
width: auto;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #FFF;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #FFF;
} 

/*------------------HEADER-------------*/
#grey_top {background-color:#e1e1e1;overflow: hidden; padding: 10px 0 2px;/* CONSIDER -moz-box-shadow: 0 -3px 5px -3px #BBBBBB inset */}
.fullwidth {text-align: center}
#main_banner_container {clear:both;overflow:hidden;background: #FFF;}
img#crest {float: left; margin: 7px 0}
img#quitline {float: right}
#colour {background: green}
/*------------------ END HEADER-------------*/

/*---------------------------Search------------------------*/

ul.searchresults {margin: 0;}
ul.searchresults li {list-style-type:none;}
ul.searchresults li p.scoreresults {margin: 0 0 5px 0; font-style: italic;}
ul.searchresults li {margin: 0 0 12px 0;border-bottom:1px solid #999}
ul.searchresults li a{font-weight:bold}
/*---------------------------------End Search------------------*/

/*-- -------------------------TOP NAV-----------------------------*/

#top_nav_bar * {margin: 0; padding: 0;}
#top_nav_bar {clear: both; float: left;background: #FFF; width: 980px; z-index: 100}
#top_nav_bar a#home { float: left; padding: 11px 9px; }
#top_nav_bar a#home img { border: medium none; }
#top_nav_bar ul {font-size: 1.1em; font-weight: bold; list-style-type: none; text-transform: none; float: left;}
#top_nav_bar ul li {display: block; float: left; list-style-type: none; text-align: center; height: auto; border-left: 1px solid rgb(204, 204, 204); }
#top_nav_bar li.why-quit a, #top_nav_bar li.how-to-quit a, #top_nav_bar li.having-trouble-quitting a, #top_nav_bar li.indigenous-support-1 a { font-size: 1.1em; background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/greyNav.jpg") repeat-x scroll left bottom rgb(255, 255, 255); border-top: 1px solid #CCC; }
#top_nav_bar li.why-quit-selected a, #top_nav_bar li.having-trouble-quitting-selected a, #top_nav_bar li.how-to-quit-selected a, #top_nav_bar li.indigenous-support-1-selected a  {font-size: 1.1em;border-top: 1px solid #CCC; color: #FFF}
#top_nav_bar li.why-quit-selected a {background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/green.jpg") repeat-x scroll left -100px rgb(105, 81, 155); }
#top_nav_bar li.having-trouble-quitting-selected a {font-size: 1.1em;background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/blue.jpg") repeat-x scroll left -100px rgb(105, 81, 155);}
#top_nav_bar li.indigenous-support-1-selected a {font-size: 1.1em;background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/orange.jpg") repeat-x scroll left -100px rgb(105, 81, 155);}
#top_nav_bar li.how-to-quit-selected a {font-size: 1.1em;background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/purple.jpg") repeat-x scroll left -100px rgb(105, 81, 155);}
#top_nav_bar li.why-quit a {color: green;}
#top_nav_bar li.how-to-quit a {color: #69519B;}
#top_nav_bar li.indigenous-support-1 a {color: #ED6C44;}
#top_nav_bar li.having-trouble-quitting a {color: #2182C6;}
#top_nav_bar ul li a { padding: 11px 16px; color: #000; display: block; text-decoration: none; text-align: center;}
#top_nav_bar ul li ul { z-index: 100; display: none; position: absolute; color: rgb(67, 67, 67); background: none repeat scroll 0% 0% rgb(255, 255, 255); width: 212px; height: auto; font-size:9pt;  box-shadow: 0pt 7px 16px -2px rgb(51, 51, 51);  }
#top_nav_bar li a:hover, #top_nav_bar li a:focus, #top_nav_bar li a:active {text-decoration: underline }
#top_nav_bar ul li:hover ul { display: block; }
#top_nav_bar li li { padding: 0; background: transparent none repeat; text-transform: none; width: 100%; border: 0; height: auto;  background: none repeat scroll 0% 0% rgb(255, 255, 255); text-decoration: none; color: rgb(67, 67, 67); }
#top_nav_bar ul li:hover li a {display: block; height: auto;}
#top_nav_bar ul li li a:hover {text-decoration: underline}
#top_nav_bar ul#top_menu li ul li a { font-size: 9pt;margin: 0; padding: 12px 19px; background: #FFF; color: #000; border-top: 1px solid #E0E0E0; text-align: left}
#top_nav_bar ul#top_menu li ul li a:hover, #top_nav_bar ul#top_menu li ul li a:focus, #top_nav_bar ul#top_menu li ul li a:active {background: #EFEFEF}

/*-------------------------END TOP NAV--------------------------------------*/

/*--------------------------MENU H1  PAGE TITLE BANNERS-------------------*/
#page_title h1 {text-align:right;}
#headerContainer {background: url(/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/blue.jpg) left bottom repeat-x #2182C6;}
.blue #headerContainer {background: url(/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/blue.jpg) left bottom repeat-x #2182C6;}
.green #headerContainer {background: url(/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/green.jpg) left bottom repeat-x #37a453;}
.purple #headerContainer {background: url(/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/purple.jpg) left bottom repeat-x #69519b;}
.orange #headerContainer {background: url(/internet/quitnow/publishing.nsf/AttachmentsByTitle/gradients/$FILE/orange.jpg) left bottom repeat-x #ed6c44;}
#headerContainer h1 {padding: 3px 17px 17px;text-align: right; color: #FFF; clear: both}

/*--------------------------END MENU H1  PAGE TITLE BANNER-------------------*/

/*--------------------------TABLE-------------------*/
table {
font-size:1em;
border-collapse:collapse;
border-color:#505050;
margin:10px 0;
}

table th {
background:#DDD;
}

table th,table td {
border-color:#505050;
padding:8px;
}
/*--------------------------END TABLE-------------------*/

/*----------------------------FOOTNOTE------------------------------------*/
.footnote {
font-size:90%;
color: #262626;
}
/*---------------------------END FOOTNOTE---------------------------------*/


/* ---------------------------------MIDDLE--------------------------------*/

#breadcrumb_container {
margin: 0 0 20px 0;
border-bottom: 1px dotted #000;}
#breadcrumb_container a:link {
text-decoration: underline;}
#breadcrumb_container a:visited {
text-decoration: underline;}
#breadcrumb_container a:hover {
text-decoration: none;}

#mid_container {
clear:both;
background-color: #fff;
}

#content {
    font-size: 1.2em;
    line-height: 2em;
    margin-left: 220px;
    margin-top: 15px;
    padding: 0;}
#content a:link {
text-decoration:underline;}
#content a:visited {
text-decoration: underline;}
#content a:hover {
text-decoration: none;
}

#content p.summary {
font-size: 0.85em;
}
#content a.top { 
margin: 10px 0 10px 15px; 
padding: 0pt 0pt 0pt 17px; 
clear: none; 
float: right; 
font-size: 0.85em;}
a, a:link, a:active { 
color: #000; 
text-decoration: 
underline; }
a:visited { 
color: #666; 
text-decoration: underline;}
a:hover { 
color: #000; 
text-decoration: none; }

/*------------------------LEFT NAV------------------------*/
#left_nav {
width: 200px;
height:auto;
margin:-10px 0 0 0;
padding: 0 0 0 0;
font-weight: bold;
float: left;
font-size: 1.2em;
}

#left_nav a {
text-decoration:none;
display: block;
padding:5px 12px 20px;
}

#left_nav a:hover, #left_nav a:active, #left_nav a:focus {
text-decoration:underline;
color:#37a453;
}

/* General styling for all navigation */
#left_nav ul {
margin-top:0px;
margin-left:0px;
padding:0;
list-style: none;
}		

#left_nav li {
margin-top:0px;
margin-left:0px;
padding:0;
list-style: none;
}		

/* Level 1 standard */
#left_nav ul li {
list-style: none;
margin-left:0px;
margin-bottom:0px;
margin-top:6px;

}
#left_nav ul li a, #left_nav ul li a:visited {
	background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/menu_bottom_shading.jpg/$FILE/menu_bottom_shading.jpg") no-repeat left bottom #FFF;
	color: #000;
}
#left_nav ul li a:hover, #left_nav ul li a:active, #left_nav ul li a:focus, #left_nav ul li a.open {
	background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/menu_bottom_shading.jpg/$FILE/menu_bottom_shading.jpg") no-repeat left bottom #FFF;
}

/* Level 2 standard*/
 #left_nav ul li ul {
margin:0px;
}	


#left_nav ul li ul li {
list-style-image:url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/arrow_bullet.jpg/$FILE/arrow_bullet.jpg");
margin:0 0 0 20px;
font-size:0.9em;
}

#left_nav ul li ul li a {
padding: 5px;
}
 
#left_nav ul li ul li a, #left_nav ul li ul li a:visited {
	color:#37a453;
	text-decoration:none;
	background: #FFF;
}
#left_nav ul li ul li a:hover, #left_nav ul li ul li a:active, #left_nav ul li ul li a:focus, #left_nav ul li ul li a.open {
	background: #FFF;
}

/* GREEN */
/* Level 1 */
#left_nav ul li.why-quit a {
	color: green;
}
#left_nav ul li.why-quit a:hover, #left_nav ul li.why-quit a:active, #left_nav ul li.why-quit a:focus, #left_nav ul li.why-quit a.open {
	color: green;
}
/* Level 2 */
#left_nav ul li.why-quit ul li a, #left_nav ul li.why-quit ul li a:visited {
	color: #000;
}
#left_nav ul li ul li.why-quit a.open{
color:green;
}

/* PURPLE */
/* Level 1 */
#left_nav ul li.how-to-quit a {
	color:#69519b;
}
#left_nav ul li.how-to-quit a:hover, #left_nav ul li.how-to-quit a:active, #left_nav ul li.how-to-quit a:focus, #left_nav ul li.how-to-quit a.open {
	color:#69519b;
}
/* Level 2 */
#left_nav ul li.how-to-quit ul li a, #left_nav ul li.how-to-quit ul li a:visited {
	color:#000;
}
#left_nav ul li ul li.how-to-quit a.open{
color:#69519b;
}
/* ORANGE */
/* Level 1 */
#left_nav ul li.indigenous-support-1 a {
	color: #ed6c44;
}
#left_nav ul li.indigenous-support-1 a:hover, #left_nav ul li.indigenous-support-1 a:active, #left_nav ul li.indigenous-support-1 a:focus, #left_nav ul li.indigenous-support-1 a.open {
	color: #ed6c44;
}
/* Level 2 */
#left_nav ul li.indigenous-support-1 ul li a, #left_nav ul li.indigenous-support-1 ul li a:visited {
	color: #000;
}
#left_nav ul li ul li.indigenous-support-1 a.open{
color:#ed6c44;
}

/* BLUE */
/* Level 1 */
#left_nav ul li.having-trouble-quitting a {
	color: #2182C6;
}
#left_nav ul li.having-trouble-quitting a:hover, #left_nav ul li.having-trouble-quitting a:active, #left_nav ul li.having-trouble-quitting a:focus, #left_nav ul li.having-trouble-quitting a.open {
	color: #2182C6;
}
/* Level 2 */
#left_nav ul li.having-trouble-quitting ul li a, #left_nav ul li.having-trouble-quitting ul li a:visited {
	color: #000;
}
#left_nav ul li ul li.having-trouble-quitting a.open{
color:#2182C6;
}

 
/*------------------------END LEFT NAV------------------------*/

/*-----------------USEFUL TOOLS AND RESOURCES BOXES---------------*/
#useful_tools{
clear:both;
float:left;
width:760px;
background-color:#E1E1E1;
margin: 25px 0 20px;
padding:0;
-moz-box-shadow: 0 11px 18px -9px #333333;
-webkit-box-shadow:0 11px 18px -9px #333333;
box-shadow: 0 11px 18px -9px #333333;
}

#useful_tools H2 {
text-transform:uppercase;
font-size: 1.2em;
font-weight:bold;
padding:0 0 0 15px;
color:#000;
}

#useful_tools ul {
padding: 0;
margin: 0;
font-size:1.1em;
list-style-type:none;
font-weight:bold;
}

#useful_tools ul li{
float: left;
width: 249px;
}

#useful_tools ul li a, #useful_tools ul li a:link {
background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/icons.gif/$FILE/icons.gif") no-repeat scroll 3px 8px #FFF;
-moz-box-shadow: 0 0 5px #888888;
-webkit-box-shadow: 0 0 5px #888888;
box-shadow: 0 0 5px #888888;
color: #0053A0;
display: block;
margin: 0 0 15px 15px;
padding: 5px 5px 5px 41px;
text-decoration: none;
}

/*-----------END USEFUL TOOLS AND RESOURCES BOXES---------*/

/* -------------END MIDDLE----------------*/


/*-- Footer--*/

#footer{
position:relative;
clear:both;
width:980px;
color:#5a8fd3;
font-size:1.1em;
line-height:1em;
padding:5px 0;
text-align:right;
margin: 0 0 10px 0px;
}
#footer p {color:#5a8fd3; margin:0 20px 0 4px;}
#footer a {color:#5a8fd3; text-decoration:underline; border-right: 1px solid #CCCCCC; margin-right: 5px; padding-right: 9px;}
#footer ul li a:last-child {border:none}
#footer a:hover{ color:#434343}

#footer ul{list-style-type:none;font-weight:700;}

#footer ul li{display:inline;}
#footer ul li a{color:#5a8fd3;text-decoration:underline;}
#footer_other_languages{
float:left;
margin-left: 10px;
font-size:1.1em;
font-weight:bold;
}
#footer_other_languages a {border:none; display:block; margin-bottom: 10px}
#footer_other_languages br {display: none}
#footer_page_currency p{color:#000000;}
/*-- End Footer--*/


/*-- Miscellaneous--*/
.warnings{float:right}
.clearflash{clear:both}
#media{position:relative; top:0;float:left;margin:0}

.disclaimer {
FONT-SIZE: 80%;
COLOR: #666;
padding-top: 20px;
border-top: 1px solid #ccc;
} 

.pdfhelp { 
background: #F0EAF5; 
border: 1px dotted #765699; 
margin: 25px; 
padding: 12px 10px 8px 15px; 
font-size: 0.9em; 
line-height: 1.5em; 
display: block; 
clear: both;
}
.pdfhelp p {
margin-left: 10px; 
margin-right: 15px
}
.pdfhelp a:link, .pdfhelp a:visited { 
color: #000; 
}
.pdfhelp h4 {
font-size:0.9em;
margin: 0 0 10px 0;
padding: 2px 0 0 30px;
background: 0 0 url(/internet/quitnow/publishing.nsf/AttachmentsByTitle/info.gif/$FILE/info.gif) no-repeat;
height: 26px;
}
.pdfhelp img { 
border: 0 none; 
margin: 0 15px 8px 0; 
float: left; 
}
#content .pdfhelp ol {
margin-left: 30px; 
margin-bottom: 15px
}
.pdfhelp h4 a {
text-decoration: underline
}
.pdfhelp h4 a:hover {
text-decoration: none; 
color: #6B4A7E;
}

/* Landing page */
.sections {
	float: left;
}
.section {
    overflow: hidden;
	padding: 10px 0 ;
	clear: left;
	display: block;
}
.section img {
	float: left;
	width: 245px;
	border: none;
}
.section div {
	margin-left: 265px;
}
.section h2 {
	margin-top: 0;
}

/* Level 3 sibling nav */
.saList {
    float: right;
    margin: 0 0 0 50px;
    padding: 0;
    width: 26%;
}
.saList ul {
	padding: 0;
	margin: 0;
}
.saList ul li {
    display: block;
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    text-decoration: none;
}
#content .saList ul li.current, #content .saList ul li:hover {
	margin-left: -5px;
}
#content .saList ul li a, #content .saList ul li a:visited {
	background: url("/internet/quitnow/publishing.nsf/AttachmentsByTitle/menu_bottom_shading.jpg/$FILE/menu_bottom_shading.jpg") no-repeat scroll left bottom #FFFFFF;
	color: #000000;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 12px 20px;
	text-decoration: none;
}
#content .saList ul li a:hover, #content .saList ul li a:active, #content .saList ul li a:focus {
	text-decoration: underline;
}
/* Branch specific */
.green .saList ul li.current a, .green .saList ul li a:hover {color: green}
.purple .saList ul li.current a, .purple .saList ul li a:hover {color: #69519B}
.orange .saList ul li.current a, .orange .saList ul li a:hover {color: #ED6C44}


/*-------languages classes---------*/
.slideshow { height: 28px; width: 185px;  border: 1px #ccc; background-color: #fff; float:left; margin:-3px 5px 0 10px; overflow:hidden }
.slideshow img { padding: 0px; margin:0; border:0; overflow:hidden}
.languages{border:0;clear:both; margin:5px 0 0 5px;}


/* Div's used in the order form page */
#ataglancecontent {
	padding-bottom: 0px;
	min-height: 1px;
}

#glancecontent {
	float: left;
	width: 400px;
	padding: 5px 50px 0px 30px;
	color: #000;
	border-right: 1px solid #000000;
}

#glanceacontent {
	float: right;
	width: 360px;
	padding: 5px 25px 0px 0px;
	color: #000;
}

/* Search */
#search {
    float: right;
    margin: 0;
    width: 262px;
}
#search form {
-moz-border-radius:3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #fff;
border:1px solid #aaa;
display:block;
height:24px;
overflow:hidden;
font-size:100%;
vertical-align:baseline;
padding:5px;
}
#search input {
height:24px;
-moz-border-radius:3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #FFF;
border:medium none;
color:#000;
float:left;
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
font-size:12px;
margin-right:2px;
margin-left:4px;
width:162px;
}

#search .searchbutton {
-moz-border-radius:3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
background:#0053A0;
border:1px solid #0053A0;
color:#fff;
cursor:pointer;
display:block;
font-size:12px;
font-weight:700;
height:25px;
line-height:22px;
text-align:center;
width:63px;
float:right;
margin:0;
padding:0 0 3px;
}


.invisible-element {display: none;}

#ajax-alert {
background-color: #E6F5FB;
    color: #000;
	border: 1px solid #BCE8F1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 20px;
}
#ajax-alert h2 {
	margin: 0 0 10px 0;
	padding: 0;
}
#ajax-alert p {
	margin: 0;
	padding: 0;

}