/* ========================================================================================
NHS: Main Layout 
Version:1.0
Author: StyleTech Solutions Ltd
Last Updated: 29 Jan 2009
=========================================================================================== */

/* STANDARD FORMATTING 
=========================================================================================== */
* {
	margin: 0;
 	padding: 0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:63.3%;
	margin:0;
	padding:0;
	min-width:776px;
	text-align:left;
	line-height:140%;
	background:#ffffff;
	background-image:url(../images/generic/footer-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}


/* Generic 
=========================================================================================== */
h1 {
	font-size: 2.4em;
	margin:0;
}
h2 {
	font-size: 2.0em;
	margin:0;
}
h3 {
	margin:0;
}
img {
  border:none;
}
p {
	color:#000;
	font-size:110%;
	margin:0;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
a:link {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}
.left {
	float:left;
}
.right {
	float:right;
}

.textboxMultiLine {
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:115%;
}

/* Structure 
=========================================================================================== */
div#topimage {
	width: 100%; 
	background:url(../images/generic/toparea-bg.jpg) top center no-repeat;
}
div#wrapper {
	width: 986px; 
	margin: auto; 
	text-align: left;
}
#branding {
	height: 110px;
	background:url(../images/generic/branding-bg.png) top left no-repeat;
}
#content {
	float:left;
	width:986px;
	background:url(../images/generic/wrapper-bg-repeat.png) top center repeat-y;
}
.clear {
	clear: both;
    text-indent: -9999px;
}	

/* Branding 
=========================================================================================== */
p#PhoneNum { 
	float:left;
	position:relative;
	top:40px;
	left:20px;
	font-size:10%;
	width:214px;
	height: 48px;
	text-indent: -5000px;
	background:url(../images/generic/phone-number.png);
}
p#NHSLogo { 
	float:right;
	position:relative;
	display:inline;
	top:12px;
	right:17px;
	font-size:10%;
	width:183px;
	height: 81px;
	text-indent: -5000px;
	background:url(../images/generic/nhs-logo.gif);
}


/* Breadcrumb Trail
=========================================================================================== */
#breadcrumb { 
	float:left;
	position:relative;
	top:4px;
	left:0;
	width:895px;  
}
	#breadcrumb span {
		color:#1f63b6;
	}
	#breadcrumb ul {
		text-align:left;
	}
		#breadcrumb ul li {
			font-size:100%;
			display:inline;
			
		}
			#breadcrumb ul li a {
				color:#003145;
				margin:0px 5px;
				text-decoration:underline;
				font-weight:bold;
			}
			#breadcrumb ul li a:hover {
				color:#358a08;
				text-decoration:none;
			}
			#breadcrumb ul li a.here{
				font-weight:normal;
				text-decoration:none;
			}	
			
			
/* Top Tab Navigation 
=========================================================================================== */
#mainNav {
 	position:relative;
	display:block;
	width: 986px;
	margin-bottom:3px;
}
#mainNav #navigation {
	height:33px;
}

#mainNav #navigation li {
	float: left;
	font-size: 12px;
	font-weight:bold;
	height:33px;
	display:block;
}
#mainNav #navigation li a {
	display:block;
	height:33px;
	font-size:10%;
	text-indent: -5000px;
}
#mainNav #navigation li.spacer {
	margin-right:15px;
}

#mainNav #navigation li.button00 {
	width:40px;
	background:url(../images/menus/button00.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button00:hover {
	background:url(../images/menus/button00.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active00 {
	width:40px;
	background:url(../images/menus/button00.jpg) left -33px no-repeat;
}

#mainNav #navigation li.button01 {
	width:130px;
	background:url(../images/menus/button01.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button01:hover {
	background:url(../images/menus/button01.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active01 {
	width:130px;
	background:url(../images/menus/button01.jpg) left -33px no-repeat;
}

#mainNav #navigation li.button02 {
	width:130px;
	background:url(../images/menus/button02.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button02:hover {
	background:url(../images/menus/button02.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active02 {
	width:130px;
	background:url(../images/menus/button02.jpg) left -33px no-repeat;
}

#mainNav #navigation li.button03 {
	width:130px;
	background:url(../images/menus/button03.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button03:hover {
	background:url(../images/menus/button03.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active03 {
	width:130px;
	background:url(../images/menus/button03.jpg) left -33px no-repeat;
}

#mainNav #navigation li.button04 {
	width:130px;
	background:url(../images/menus/button04.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button04:hover {
	background:url(../images/menus/button04.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active04 {
	width:130px;
	background:url(../images/menus/button04.jpg) left -33px no-repeat;
}

#mainNav #navigation li.button05 {
	width:132px;
	background:url(../images/menus/button05.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button05:hover {
	background:url(../images/menus/button05.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active05 {
	width:132px;
	background:url(../images/menus/button05.jpg) left -33px no-repeat;
}

#mainNav #navigation li.button06 {
	width:143px;
	background:url(../images/menus/button06.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button06:hover {
	background:url(../images/menus/button06.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active06 {
	width:143px;
	background:url(../images/menus/button06.jpg) left -33px no-repeat;
}

#mainNav #navigation li.button07 {
	width:117px;
	background:url(../images/menus/button07.jpg) left 0 no-repeat;
}
#mainNav #navigation li.button07:hover {
	background:url(../images/menus/button07.jpg) left -33px no-repeat;
}
#mainNav #navigation li.active07 {
	width:117px;
	background:url(../images/menus/button07.jpg) left -33px no-repeat;
}
			
/* Layout
=========================================================================================== */
#pageContent {
	float:left;
	color:#9e9987;
	width:653px;
	min-height:830px !important;
	padding-bottom:50px;
}
	#pageContent p {
		line-height:160%;
		color:#003145;
	}
	#pageContent h2 {
		font-size:190%;
		line-height:120%;
		color:#93b7e1;
		letter-spacing:-1px;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:normal;
		margin-bottom:8px;
	}
		#pageContent h2 strong {
			color:#0d2f4b;
			font-weight:normal;
		}
		
		#pageContent ul {
			margin:15px 10px !important;
		}
		#pageContent ul li {
			
			display:inline;
			position:relative;
			padding-left:15px;
			background:url(../images/menus/bullet.gif) 0 4px no-repeat;
		}
		#pageContent h3 {
			font-size:170%;
			line-height:120%;
			color:#93b7e1;
			letter-spacing:-1px;
			text-transform:uppercase;
			text-decoration:none;
			font-weight:normal;
			margin-bottom:8px;
	}
		#pageContent h3 strong {
			color:#93b7e1;
			font-weight:normal;
		}
		
	#pageContent p.quote {
		font-size:160%;
		line-height:140%;
		font-weight:bold;
		color:#77b020;
		margin:15px 0;
	}
	#pageContent p a {
		color:#94dc1a;
		text-decoration:underline;
	}
	#pageContent p a.blue {
		color:#003145;
		text-decoration:underline;
	}
	#pageContent p a:hover {
		text-decoration:none;
	}
	
	#pageContent ul {
		list-style:disc;
		color:#93b7e1;
		font-size:110%;
    }

    #pageContent ul li {
		color:#0d2f4b;
		display:block;
		margin-bottom:8px;
    }
    
    #pageContent ol {
		color:#93b7e1;
		font-size:110%;
    }

    #pageContent ol li {
		color:#0d2f4b;
		margin-bottom:8px;
    }
    
#pageHeader {
	position:relative;
	width:653px;
}
	#pageHeader span.content {
		float:right;
		position:relative;
		width:245px;
		margin:50px 35px 0 0;
	}

span.quitButton {
	display:block;
	margin:15px 13px;
	background:url(../images/generic/quit-button.png) top left no-repeat;
}
span.quitButton:hover {
	display:block;
	margin:15px 13px;
	background:url(../images/generic/quit-button-roll.png) top left no-repeat;
}
.quitButton a {
	width:263px;
	height:43px;
	display:block;
	font-size:10%;;
	text-indent: -5000px;
}

#featureContent {
	float:right;
	position:relative;
	width:290px;
	display:block;
	margin-top:10px;
	margin-right:20px;
}
	#featureContent ul {
		width:290px;
	}
	
/*redone to make bullets hover properly*/
	#featureContent ul li {
		display:block;
		font-size:140%;
        cursor:pointer;	
	}
#featureContent ul li a {
		display:block;
		font-size:100%;
		line-height:140%;
		padding:8px 0 8px 41px;
		background:url(../images/generic/feature-bullet.png) center left no-repeat;      
	}
	#featureContent ul li.active a, #featureContent ul li a:hover {
		background:url(../images/generic/feature-bullet-roll.png) center left no-repeat;
	}
	
	
	
		#featureContent ul li a {
			color:#07182a;
			text-decoration:none;
		}
			#featureContent ul li a.active {
				color:#6ea61c;
			}
			#featureContent ul li a:hover {
				color:#6ea61c;
				text-decoration:underline;
			}

/* Feature Panels
=========================================================================================== */
.featurePanelRight {
	width:auto;
	padding:18px 20px;
	margin:10px 0;
	height:102px;
}
.featurePanelRight p {
	font-size:120%;
	color:#FFF;
	font-weight:bold;
}
.featurePanelRight p a {
	color:#FFF;
}

/*Read to take the first step panel*/
.featurePanelRight.firstStep {
	background:url(../images/generic/firstStep-panelbg.png) top left no-repeat;
}
p#firstStep-title {
	font-size:10%;
	width:138px;
	height: 78px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/firstStep-title.png);
}

/*Find your local NHS panel*/
.featurePanelRight.findNhs {
	background:url(../images/generic/findNhs-panelbg.png) top left no-repeat;
}
p#findNhs-title { 
	font-size:10%;
	width:205px;
	height: 39px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/findNhs-title.png);
}
.findNhs input { 
	margin-top:8px; height:19px; width:70px; margin-right:2px;
}
.findNhs #button { 
	cursor:pointer; height:24px !important; width:70px;
}

/*Health professionals panel*/
.featurePanelRight.healthPros {
	background:url(../images/generic/healthPros-panelbg.png) top left no-repeat;
}
p#healthPros-title { 
	font-size:10%;
	width:210px;
	height: 37px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/healthPros-title.png);
}

/*Health calculator*/
.featurePanelRight.calculator {
	background:url(../images/generic/calculator-panelbg.png) top left no-repeat;
}
p#calculator-title { 
	font-size:10%;
	width:175px;
	height: 21px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/calculator-title.png);
}

/* Wide Content/List Feature 
=========================================================================================== */
.listPanel {
	width:631px;
	min-height:169px;
	margin:20px 0 10px 0;
	background:url(../images/generic/homepanel-bg.jpg) top left no-repeat;
}
	.listPanel span.text {
		float:left;
		position:relative;
		top:3px;
		left:285px;
		width:200px;
		margin:17px 3px;
	}
	.listPanel ul {
		float:right;
		position:relative;
		width:105px;
		padding:2px;
	}
		.listPanel ul li {
			padding-left:10px !important;
			background:url(../images/generic/list-arrow.gif) left 4px no-repeat;
			padding-bottom:0px;
		}
			.listPanel ul li a {
				font-size:110%;
				color:#003145;
			}
			.listPanel ul li a.more {
				font-weight:bold;
				margin-top:10px;
				display:block;
			}
			
/* Green Feature Panel 
=========================================================================================== */	
.greenPanel-outer {
	width:632px;
	margin:20px 0;
	background:url(../images/generic/greenPanel-bottom.png) bottom no-repeat;
}
.greenPanel-inner {
	padding:20px 20px 25px 20px;
	background:url(../images/generic/greenPanel-top.gif) top no-repeat;
}
	.greenPanel-inner p {
		color:#FFF !important;
		font-weight:bold;
		font-size:120%;
	}
	.greenPanel-inner span.content {
		float:left;
		position:relative;
		width:240px;
		margin:6px 3px;
	}
	.greenPanel-inner span.map {
		float:right;
		position:relative;
		width:308px;
		height:160px;
		margin:0 10px;
	}
	.greenPanel-inner input { 
		height:20px;
		width:70px;
		margin-right:2px;
		margin-top:8px;
	}
	.greenPanel-inner #button { 
		cursor:pointer;
		height:25px !important;
		width:70px;
		margin:0;
		padding-bottom:3px;
	}
	
	/*Addiction Test Additions*/
	
	.addictionTest {

	}
	
	.addictionTest h2 {
		position:absolute;
		font-size:10%;
		margin-top:-44px;
		margin-bottom:18px;
		width:255px;
		height:43px;
		text-indent: -5000px;
		background:url(../images/what-suits/title-addiction.png);
	}
	.addictionTest h3 { 
		margin-top:6px;
		margin-left:6px;
		font-size:160% !important;
		line-height:120% !important;
		color:#FFF !important;
	}
	.addictionTest p { 
		font-weight:normal !important;
	}
	.buttonspace {
		margin:20px 0 15px 0;
	}
	

	/* 'ctl00_'s removed - doesn't work on local but okay for live */
	.addictionTest #ContentPlaceHolder1_panelQuestion1, #ContentPlaceHolder1_panelQuestion2,
	#ContentPlaceHolder1_panelQuestion3, #ContentPlaceHolder1_panelQuestion4, 
	#ContentPlaceHolder1_panelQuestion5, #ContentPlaceHolder1_panelQuestion6,
	#ContentPlaceHolder1_panelQuestion7, #ContentPlaceHolder1_panelQuestion8,
	#ContentPlaceHolder1_panelQuestion9, #ContentPlaceHolder1_panelQuestion10 { 
		color:#FFF; font-size:120%; padding-bottom:30px;
	}
	.addictionTest #ContentPlaceHolder1_panelQuestion1 input, #ContentPlaceHolder1_panelQuestion2 input,
	#ContentPlaceHolder1_panelQuestion3 input, #ContentPlaceHolder1_panelQuestion4 input,
	#ContentPlaceHolder1_panelQuestion5 input, #ContentPlaceHolder1_panelQuestion6 input,
	#ContentPlaceHolder1_panelQuestion7 input, #ContentPlaceHolder1_panelQuestion8 input,
	#ContentPlaceHolder1_panelQuestion9 input, #ContentPlaceHolder1_panelQuestion10 input{ 
		width:28px; margin:0; padding-bottom:3px;
	}

	.addictionTest #ContentPlaceHolder1_errorMessage { 
		color:#003145; font-size:130%; font-weight:bold; margin-left:95px;
	}
    

	/*Google Map Additions*/

.mapPanel-outer {
	width:632px;
	margin-top:40px;
	margin-bottom:20px;
	background:url(../images/generic/greenPanel-bottom.png) bottom no-repeat;
}

/* IE7 and compatible browsers */ 
html>.mapPanel-outer {
	width:632px;
	margin-top:40px;
	margin-bottom:20px;
	background:url(../images/generic/greenPanel-bottom.png) bottom no-repeat;
}
.mapPanel-inner {
	padding:20px 20px 25px 20px;
	background:url(../images/generic/mapPanel-top.gif) top no-repeat;
}

	.mapAlign {
		margin-left:13px;
	}
	.googleMap h2 {
		position:absolute;
		font-size:10%;
		margin-top:-44px;
		margin-bottom:18px;
		width:466px;
		height:43px;
		text-indent: -5000px;
		background:url(../images/what-suits/clinicmap-title.png);
	}
	.googleMap h3 {
		margin:12px 0 10px 6px !important;
		font-size:200% !important;
		padding:0 !important;
		color:#FFF !important;
	}
	.googleMap p {
		float:left; color:#FFF !important; font-size:120%; font-weight:normal !important;
	}
	#radioLocER, #radioLocHull, #radioLocAll, #radioTypeAll, #radioTypeGroup, #radioTypeWalkIn, #radioTypeCOPD  {
		width:24px; padding:0 0 3px 0; margin:0;
	}
	.googleMap hr {
		padding:0; margin:10px 0 10px 0; color:#FFF; height:2px; width:100%; float:left;
	}
	/*ul.googleKey {
		list-style:none;
		margin:0;
		padding:0;
		width:auto;
		float:left;
		position:relative;
	}*/
	ul.googleKey {
		list-style:none;
		margin:0;
		padding:0;
		width:500px;
		float:left;
		position:relative;
	}
	/*ul.googleKey li {
		float:left;
		color:#FFF !important;
		font-size:110%;
		padding-right:30px;
		padding-left:36px !important;
		height:34px;
	}*/
	ul.googleKey li {
		float:left;
		color:#FFF !important;
		font-size:110%;
		width:200px;
		padding-right:0px;
		padding-left:40px !important;
		height:34px;
}

    ul.googleKey li.all {
		background:url(http://www.readytostopsmoking.org/images/map/icon-all.png) 0 0 no-repeat !important;
	}
	ul.googleKey li.group {
		background:url(http://www.readytostopsmoking.org/images/map/icon-groups.png) 0 0 no-repeat !important;
	}
	ul.googleKey li.walkin {
		background:url(http://www.readytostopsmoking.org/images/map/icon-walkin.png) 0 0 no-repeat !important;
	}
	ul.googleKey li.copd {
		background:url(http://www.readytostopsmoking.org/images/map/icon-copd.png) 0 0 no-repeat !important;
	}
	ul.googleKey li.here {
		background:url(http://www.readytostopsmoking.org/images/map/icon-you-are-here.png)  no-repeat !important;
	}
	#buttonGenerateMap {
		float:right;
		position:relative;
		margin-left:390px;
		margin-top:-90px;
		width:185px;
		height:31px;
		display:block;
		border:0;
		cursor:pointer;
		background:url(../images/generic/showclinics-button.gif) no-repeat
	}
	#buttonGenerateMap:hover {
		background:url(../images/generic/showclinics-rollover.gif) no-repeat
	}

	
	/*Cost Calculator Additions*/
	
	.calculator-outer {
		width:632px;
		margin:20px 0;
		background:url(../images/generic/calculator-bottom.gif) bottom no-repeat;
	}
	.calculator-inner {
		padding:20px 0 25px 20px;
		background:url(../images/generic/calculator-top.gif) top no-repeat;
	}
		.calculator-inner .calculator-content {
			float:right;
			width:610px;
			text-align:left;
			padding-bottom:3px;
			background:url(../images/generic/calculator-image.jpg) top right no-repeat;
		}
		.calculator-inner h2.whatsavings {
			font-size:10%;
			width:282px;
			height:15px;
			padding-bottom:10px;
			text-indent: -5000px;
			background:url(../images/generic/whatsavings-title.gif) left no-repeat;
		}
		
		.calculator-inner p.intro {
			color:#FFF !important;
			font-weight:bold;
			font-size:120%;
			line-height:140% !important;
		}
		.calculator-inner select {
			width:170px;
			margin-top:3px;
			margin-bottom:5px;
		}
		.calculator-inner img.calculate {
			margin:20px 0 20px 0;
		}
		
		.calculator-inner p.result {
			color:#FFF !important;
			font-weight:bold;
			font-size:180%;
			line-height:140% !important;
			margin-top:22px;
			margin-bottom:8px;
			text-transform:uppercase;
		}
		

		
	
/* Wide Content Feature 
=========================================================================================== */	
.bluePanel {
	width:627px;
	background:url(../images/generic/fullWidth-tab.gif) top left no-repeat;
}
	.bluePanel h2 {
		font-size:130% !important;
		color:#FFF !important;
		letter-spacing:0 !important;
		padding:6px 0 8px 10px;
	}
	.bluePanel h3 {
		font-size:180%;
		line-height:120%;
		color:#0d2f4b;
		letter-spacing:-1px;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:normal;
		margin-bottom:5px;
	}	
	.bluePanel span {
		float:right;
		position:relative;
		width:290px;
		margin:0 10px;
	}

/* Site Menu Feature Panels 
=========================================================================================== */
#contentFeatureAreas {
	padding-bottom:10px;
}
#FeatureArea-panel {
	float:left;
	width:30%;
}
#FeatureArea-panel.menu { /*increase width to menu format*/
	width:45%;
	margin-right:30px;
	margin-bottom:20px;
	min-height:310px;
	height:310px;
}

#FeatureArea-panel.middle {
	margin:0 15px;
}
	#FeatureArea-panel h3 {
		font-size:140%;
		line-height:120%;
		margin-bottom:7px;
	}
	#FeatureArea-panel h3.menu { /*increase width to menu format*/
		font-size:160%;
		line-height:120%;
	}
		#FeatureArea-panel h3 a {
			text-transform:uppercase;
			text-decoration:none;
			font-weight:normal;
		}
			#FeatureArea-panel h3 a.blue {
				color:#004561;
			}
			#FeatureArea-panel h3 a.green {
				color:#77b020;
			}
			#FeatureArea-panel h3 a.cyan {
				color:#72a9ea;
			}
				#FeatureArea-panel h3 a:hover {
					text-decoration:none;
				}
	#FeatureArea-panel p {
		color:#656565;
		font-size:110%;
		line-height:140%;
		padding-bottom:10px;
	}
	#FeatureArea-panel a {
		font-size:110%;
		color:#94dc1a;
		text-decoration:underline;
	}
		#FeatureArea-panel a:hover {
			text-decoration:none;
		}


/* image replacement - titles 
=========================================================================================== */
h1#stopSmoking-title {
	float:right;
	position:relative;
	top:95px;
	right:75px;
	font-size:10%;
	width:247px;
	height: 83px;
	text-indent: -5000px;
	background:url(../images/generic/stopSmoking-title.png);
}
h3#nearGroup-title {
	font-size:10%;
	width:203px;
	height: 74px;
	text-indent: -5000px;
	background:url(../images/generic/nearGroup-title.gif);
}
h3#nearWalkins-title {
	font-size:10%;
	width:203px;
	height:84px;
	text-indent: -5000px;
	background:url(../images/what-suits/nearWalkins-title.gif);
}

/* What Suits Me - titles */

h1#whatSuits-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:265px;
	height: 43px;
	text-indent: -5000px;
	background:url(../images/what-suits/title-whatSuits.png);
}
h1#whatSuitsWalkins-title {
    float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:195px;
	height:46px;
	text-indent: -5000px;
	background:url(../images/what-suits/title-walkins.png);
}
h1#whatSuitsGroup-title {
    float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:265px;
	height: 43px;
	text-indent: -5000px;
	background:url(../images/what-suits/title-groups.png);
}
h1#whatSuitsPregnancy-title {
    float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
    width:288px;
    height:81px;
    text-indent: -5000px;
    background:url(../images/what-suits/title-pregnancy.png);
}
h1#whatSuitsTelephone-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:280px;
	height: 85px;
	text-indent: -5000px;
	background:url(../images/what-suits/title-telephone.png);
}

/* It worked for me - titles */
h1#itWorked-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:291px;
	height: 44px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-itWorked.png);
}
h1#itWorkedJamie-title {
	float:left;
    position:absolute;
    left:330px;
    top:35px;
    font-size:10%;
	width:246px;
	height:80px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-Jamie.png);
}
h1#itWorkedMark-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:234px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-Mark.png);
}
h1#itWorkedJerry-title {
	float:left;
    position:absolute;
    left:350px;
    top:35px;
    font-size:10%;
	width:248px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-Jerry.png);
}
h1#itWorkedKerry-title {
	float:left;
    position:absolute;
    left:350px;
    top:35px;
    font-size:10%;
	width:248px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-Kerry.png);
}
h1#itWorkedMandy-title {
	float:left;
    position:absolute;
    left:300px;
    top:35px;
    font-size:10%;
	width:254px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-Mandy.png);
}
h1#itWorkedGraham-title {
	float:left;
    position:absolute;
    left:310px;
    top:35px;
    font-size:10%;
	width:275px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-Graham.png);
}
h1#itWorkedOlwyn-title {
	float:left;
    position:absolute;
    left:310px;
    top:35px;
    font-size:10%;
	width:258px;
	height:43px;
	text-indent: -5000px;
	background:url(../images/itworkedforme/title-Olwyn.png);
}

/* Freestuff - titles */

h1#freestuff-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:197px;
	height:43px;
	text-indent: -5000px;
	background:url(../images/free-stuff/title-freeStuff.png);
}
h1#freestuffCalc-title {
	float:left;
    position:absolute;
    left:280px;
    top:35px;
    font-size:10%;
	width:299px;
	height:45px;
	text-indent: -5000px;
	background:url(../images/free-stuff/title-costCalc.png);
}
h1#freestuffAddiction-title {
	float:left;
    position:absolute;
    left:280px;
    top:35px;
    font-size:10%;
	width:256px;
	height:43px;
	text-indent: -5000px;
	background:url(../images/free-stuff/title-addiction.png);
}
h1#freestuffProducts-title {
    float:left;
    position:absolute;
    left:330px;
    top:35px;
    font-size:10%;
	width:233px;
	height:80px;
	text-indent: -5000px;
	background:url(../images/free-stuff/title-products.png);
}
h1#freestuffApril-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:257px;
	height:43px;
	text-indent: -5000px;
	background:url(../images/free-stuff/title-ageing.png);
}

/* Why Stop - titles */
h1#whyStop-title {
	float:left;
    position:absolute;
    left:300px;
    top:35px;
    font-size:10%;
	width:177px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/why-stop/title-whyStop.png);
}
h1#whyStop-benefits-title {
	float:left;
    position:absolute;
    left:270px;
    top:35px;
    font-size:10%;
	width:202px;
	height:80px;
	text-indent: -5000px;
	background:url(../images/why-stop/title-benefits.png);
}
h1#whyStop-pregnancy-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:231px;
	height:79px;
	text-indent: -5000px;
	background:url(../images/why-stop/title-pregnancy.png);
}
h1#whyStop-men-title {
	float:left;
    position:absolute;
    left:270px;
    top:35px;
    font-size:10%;
	width:170px;
	height:79px;
	text-indent: -5000px;
	background:url(../images/why-stop/title-men.png);
}
h1#whyStop-children-title {
	float:left;
    position:absolute;
    left:270px;
    top:35px;
    font-size:10%;
	width:320px;
	height:81px;
	text-indent: -5000px;
	background:url(../images/why-stop/title-secondhand.png);
}
h1#whyStop-op-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:213px;
	height:79px;
	text-indent: -5000px;
	background:url(../images/why-stop/title-op.png);
}

h1#young-people-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:230px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/why-stop/title-yp.png);
}

/* Questions - titles */

h1#questions-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:360px;
	height:46px;
	text-indent: -5000px;
	background:url(../images/questions/title-questions.png);
}
h1#questionsHealth-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:247px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/questions/title-health.png);
}
h1#questionsPreparing-title {
	float:left;
    position:absolute;
    left:260px;
    top:35px;
    font-size:10%;
	width:303px;
	height:81px;
	text-indent: -5000px;
	background:url(../images/questions/title-preparing.png);
}
h1#questionsMedication-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:392px;
	height:83px;
	text-indent: -5000px;
	background:url(../images/questions/title-products.png);
}
h1#questionsTrying-title {
	float:left;
    position:absolute;
    left:330px;
    top:35px;
    font-size:10%;
	width:219px;
	height:43px;
	text-indent: -5000px;
	background:url(../images/questions/title-trying.png);
}

/* Health Professionals - titles */
h1#healthProfessionals-title {
	float:left;
    position:absolute;
    left:270px;
    top:35px;
    font-size:10%;
	width:380px;
	height:48px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-health.png);
}
h1#healthReferral-title {
	float:left;
    position:absolute;
    left:290px;
    top:35px;
    font-size:10%;
	width:254px;
	height:43px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-referal.png);
}
h1#healthNewsletter-title {
	float:left;
    position:absolute;
    left:300px;
    top:35px;
    font-size:10%;
	width:221px;
	height:42px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-newsletter.png);
}
h1#healthReport-title {
	float:left;
    position:absolute;
    left:340px;
    top:35px;
    font-size:10%;
	width:147px;
	height:78px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-report.png);
}
h1#healthSSS-title {
	float:left;
    position:absolute;
    left:330px;
    top:35px;
    font-size:10%;
	width:232px;
	height:81px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-sss.png);
}
h1#healthHow-title {
	float:left;
    position:absolute;
    left:350px;
    top:35px;
    font-size:10%;
	width:271px;
	height:81px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-how.png);
}
h1#healthWhat-title {
	float:left;
    position:absolute;
    left:360px;
    top:35px;
    font-size:10%;
	width:245px;
	height:80px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-whatSmokers.png);
}
h1#healthTraining-title {
	float:left;
    position:absolute;
    left:260px;
    top:35px;
    font-size:10%;
	width:316px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/health-professionals/title-training.png);
}

/* Workplaces - titles */

h1#workplaces-title {
	float:left;
    position:absolute;
    left:300px;
    top:35px;
    font-size:10%;
	width:220px;
	height:78px;
	text-indent: -5000px;
	background:url(../images/workplaces/title-workplaces.png);
}
h1#workplacesSmokefree-title {
	float:left;
    position:absolute;
    left:300px;
    top:35px;
    font-size:10%;
	width:220px;
	height:78px;
	text-indent: -5000px;
	background:url(../images/workplaces/title-workplaces.png);
}
h1#workplacesSss-title {
	float:left;
    position:absolute;
    left:330px;
    top:35px;
    font-size:10%;
	width:232px;
	height:80px;
	text-indent: -5000px;
	background:url(../images/workplaces/title-sss.png);
}
h1#workplacesPolicies-title {
    float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:336px;
	height:45px;
	text-indent: -5000px;
	background:url(../images/workplaces/title-policies.png);
}
h1#workplacesTraining-title {
	float:left;
    position:absolute;
    left:260px;
    top:35px;
    font-size:10%;
	width:317px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/workplaces/title-training.png);
}

/* NEXT STEP - titles */
h1#nextStep-title {
	float:left;
    position:absolute;
    left:300px;
    top:35px;
    font-size:10%;
	width:182px;
	height:81px;
	text-indent: -5000px;
	background:url(../images/nextstep/title-nextStep.png);
}

/* Bottom bar - titles */
h1#otherAbout-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:164px;
	height:42px;
	text-indent: -5000px;
	background:url(../images/other/title-about.png);
}
h1#otherAccess-title {
	float:left;
    position:absolute;
    left:320px;
    top:35px;
    font-size:10%;
	width:231px;
	height:80px;
	text-indent: -5000px;
	background:url(../images/other/title-access.png);
}
h1#otherContact-title {
	float:left;
    position:absolute;
    left:270px;
    top:35px;
    font-size:10%;
	width:205px;
	height:43px;
	text-indent: -5000px;
	background:url(../images/other/title-contact.png);
}
h1#otherFeed-title {
	float:left;
    position:absolute;
    left:270px;
    top:35px;
    font-size:10%;
	width:175px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/other/title-feedback.png);
}
h1#otherHelpUs-title {
	float:left;
    position:absolute;
    left:260px;
    top:35px;
    font-size:10%;
	width:216px;
	height:80px;
	text-indent: -5000px;
	background:url(../images/other/title-doYou.png);
}
h1#otherLegal-title {
	float:left;
    position:absolute;
    left:240px;
    top:35px;
    font-size:10%;
	width:269px;
	height:44px;
	text-indent: -5000px;
	background:url(../images/other/title-legal.png);
}
h1#otherLinks-title {
	float:left;
    position:absolute;
    left:380px;
    top:35px;
    font-size:10%;
	width:107px;
	height:42px;
	text-indent: -5000px;
	background:url(../images/other/title-links.png);
}


/* Footer
=========================================================================================== */
#footer { 
	display:block;
	clear: both;
	height:56px;
	color:#fff;
} 
	#footer p {
		font-size:110%;
		color:#fff;
		margin-top:6px;
	}
	#footer a {
		font-size:110%;
		text-decoration:underline;
		color:#fff;
	}
		#footer a:hover {
			text-decoration:none;
		}


/* ******************************************************************************************************* */
/* CSS Document */
* {
	margin: 0;
 	padding: 0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:63.3%;
	margin:0;
	padding:0;
	min-width:776px;
	text-align:left;
	line-height:140%;
	background:#ffffff;
	background:url(../images/generic/footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
}

/* Structure 
=========================================================================================== */
div#topimage {
	width: 100%; 
	background:url(../images/generic/header.jpg) top center no-repeat;
}

div#wrapper{
	width:986px;
	margin:0 auto !important;
}
div#branding{
	/*background:url(images/generic/header.png) no-repeat;*/
	height:202px;
	width:100%;
	margin-bottom:18px;
	position:relative;
}
ul#topNav{
	position:absolute;
	top:159px;
	right:42px;
	font-size:120%;
	position:absolute;
	list-style-type:none;
	margin-left:4px;

}
ul#topNav li{
	float:left;
	margin-right:6px;
	border-top:#FFF 1px solid;
	border-left:#FFF 1px solid;
	border-right:#FFF 1px solid;

}
ul#topNav li a{
	color:#000;
	text-decoration:none;
	height:21px;
	display:block;
	padding:5px 7px 0 7px;
	background:#90BEE5 url(images/generic/members_slc.jpg) repeat-x;

}
ul#topNav li a:hover{
	background:#FFF;

}

/* Main Nav
=========================================================================================== */
ul#nav{
	position:absolute;
	top:152px;
	left:3px;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#nav li{
	float:left;
	height:33px;
}

ul#nav li.home{
	width:75px;
}
ul#nav li.home a{
	background:url(../images/generic/button_home.png) no-repeat 0 0;
	width:75px;
	height:33px;
	display:block;
}
ul#nav li.home a:hover{
	background:url(../images/generic/button_home.png) no-repeat 0 -33px;
	display:block;
}
ul#nav li.homeHi a{
	background:url(../images/generic/button_home.png) no-repeat 0 -33px;
	width:75px;
	height:33px;
	display:block;
}

ul#nav li.what{
	width:135px;
}
ul#nav li.what a{
	background:url(../images/generic/button_what_suits_me.png) no-repeat 0 0;
	width:135px;
	height:33px;
	display:block;
}
ul#nav li.what a:hover{
	background:url(../images/generic/button_what_suits_me.png) no-repeat 0 -33px;
	display:block;
}
ul#nav li.whatHi a{
	background:url(../images/generic/button_what_suits_me.png) no-repeat 0 -33px;
	width:135px;
	height:33px;
	display:block;
}

ul#nav li.it{
	width:145px;
}
ul#nav li.it a{
	background:url(../images/generic/button_it_worked_for_me.png) no-repeat 0 0;
	width:145px;
	height:33px;
	display:block;
}
ul#nav li.it a:hover{
	background:url(../images/generic/button_it_worked_for_me.png) no-repeat 0 -33px;
	display:block;
}
ul#nav li.itHi a{
	background:url(../images/generic/button_it_worked_for_me.png) no-repeat 0 -33px;
	width:145px;
	height:33px;
	display:block;
}

ul#nav li.free{
	width:100px;
}
ul#nav li.free a{
	background:url(../images/generic/button_free_stuff.png) no-repeat 0 0;
	width:100px;
	height:33px;
	display:block;
}
ul#nav li.free a:hover{
	background:url(../images/generic/button_free_stuff.png) no-repeat 0 -33px;
	display:block;
}
ul#nav li.freeHi a{
	background:url(../images/generic/button_free_stuff.png) no-repeat 0 -33px;
	width:100px;
	height:33px;
	display:block;
}

ul#nav li.why{
	width:95px;
}
ul#nav li.why a{
	background:url(../images/generic/button_why_stop.png) no-repeat 0 0;
	width:95px;
	height:33px;
	display:block;
}
ul#nav li.why a:hover{
	background:url(../images/generic/button_why_stop.png) no-repeat 0 -33px;
	display:block;
}
ul#nav li.whyHi a{
	background:url(../images/generic/button_why_stop.png) no-repeat 0 -33px;
	width:95px;
	height:33px;
	display:block;
}

ul#nav li.questions{
	width:95px;
}
ul#nav li.questions a{
	background:url(../images/generic/button_questions.png) no-repeat 0 0;
	width:95px;
	height:33px;
	display:block;
}
ul#nav li.questions a:hover{
	background:url(../images/generic/button_questions.png) no-repeat 0 -33px;
	display:block;
}
ul#nav li.questionsHi a{
	background:url(../images/generic/button_questions.png) no-repeat 0 -33px;
	width:95px;
	height:33px;
	display:block;
}

/* Slides
=========================================================================================== */
div#slides{
	height:384px;
	width:986px;
	position:relative;
}
.slide{
	position:absolute; 
	top:0; 
	left:0;
	}
#quitButton{
	position:absolute;
	top:200px;
	left:30px;
	display:block;
	z-index:9999999;
}
#quitButton a{
	background:url(../images/generic/quitButtonBoth.png) no-repeat 0 0;
	width:318px;
	height:68px;
	display:block;
}
#quitButton a:hover{
	background:url(../images/generic/quitButtonBoth.png) no-repeat 0 -68px;
	display:block;
}
#freeNRT{
	position:absolute;
	top:177px;
	left:769px;
	display:block;
	z-index:9999999;
}

/* Feature Panels
=========================================================================================== */
#feature{
	width:968px;
	height:158px;
	position:relative;
}
.featurePanel {
	width:290px;
	padding:18px 20px;
	margin:10px 0;
	height:102px;
}
.featurePanel p {
	font-size:120%;
	color:#FFF;
	font-weight:bold;
}
.featurePanel p a {
	color:#FFF;
}

/*Read to take the first step panel*/
.featurePanel.firstStep {
	background:url(../images/generic/firstStep-panelbg.png) top left no-repeat;
}
p#firstStep-title {
	font-size:10%;
	width:138px;
	height: 78px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/firstStep-title.png);
}

/*Find your local NHS panel*/
.featurePanel.findNhs {
	background:url(../images/generic/findNhs-panelbg.png) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}
p#findNhs-title { 
	font-size:10%;
	width:205px;
	height: 39px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/findNhs-title.png);
}
.findNhs input { 
	margin-top:8px; height:19px; width:70px; margin-right:2px;
}
.findNhs #button { 
	cursor:pointer; height:24px !important; width:70px;
}

/*Health professionals panel*/
.featurePanel.healthPros {
	background:url(../images/generic/healthPros-panelbg.png) top left no-repeat;
}
p#healthPros-title { 
	font-size:10%;
	width:210px;
	height: 37px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/healthPros-title.png);
}

/*Health calculator*/
.featurePanel.calculator {
	background:url(../images/generic/calculator-panelbg.png) top left no-repeat;
	position:absolute;
	top:0;
	left:328px;
}
p#calculator-title { 
	font-size:10%;
	width:175px;
	height: 21px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/calculator-title.png);
}

/*Health calculator*/
.featurePanel.free {
	background:url(../images/generic/free-panelbg.png) top left no-repeat;
	position:absolute;
	top:0;
	left:656px;
}
p#free-title { 
	font-size:10%;
	width:210px;
	height: 21px;
	margin-bottom:6px;
	text-indent: -5000px;
	background:url(../images/generic/free-title.png);
}

/* Footer
=========================================================================================== */
#footer { 
	display:block;
	clear: both;
	height:245px;
	color:#fff;
} 
	#footer p {
		font-size:110%;
		color:#fff;
		margin-top:6px;
	}
	#footer a {
		font-size:110%;
		text-decoration:underline;
		color:#fff;
	}
		#footer a:hover {
			text-decoration:none;
		}
#follow{
	height:150px;
	width:234px;
	list-style-type:none;
}
#follow li{
	height:56px;
	width:234px;
}

/* Right hand - Quit Online Button */
.quitButtonRight
{
	background-image:url(../images/generic/quitButtonRight.png);
	width:285px;
	height:61px;
	display:block;
}
.quitButtonRight:hover{
	background-image:url(../images/generic/quitButtonRight-Rollover.png);
	display:block;
}