﻿
#shell {
	min-width:968px;
	margin:0px auto;
	background-color:#FFFFFF;
	background-attachment:scroll !important;
	background-repeat:no-repeat !important;
	background-position:50% 0px !important;
	font-family:Verdana, Arial, sans-serif;
	font-size:0.7em;
	color:#fff;
	z-index:1;
	overflow: visible;
}

.pageHome{
		background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/bg.jpg);
	}
.profileHome{
		/*background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/computer-bg.jpg);*/
		background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/computer-bg-v2.jpg);
	}
.planHome{
	background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/plan-bg.jpg);
}
.profileFullscreen{
	background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/fullscreen-bg.jpg);
}
.benefitsHome{
	background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/corkboard-bg-v3.jpg);
}
.benefitsTimeline{
	background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/corkboard-timeline-bg.jpg);
}
.privacyHome{
	background: url(/sites/QuitSmoking2/EN/QuitSmokingImages/whiteboard-bg.jpg);
}

#container
{
    position:relative;
	width: 968px;
	/*min-width: 968px;*/
	margin:0px auto;
	top:0px;
	left:0px;
	overflow: visible;
}	
	
#logo{
		float: left;
	}

#navigation{
		float: right;
		padding: 5px 0px 0px 0px;
	}
#h-nav dt {
		text-indent:-9999em;
		width: 1px;
	}
#h-nav dl {
	text-indent:-9999em;
}
#h-nav dd {
		float:left;
		padding:10px 0;
	}
#h-nav dd a {
		display:block;
		font-family:Trebuchet MS, Verdana, Arial, sans-serif;
		font-size:11px;
		font-weight: bold;
		color:#000000;
		line-height: 1.5em;
		padding:0 0.2em;
		text-align:center;
		text-decoration: none;
		border-bottom: 1px dotted #000000;
		margin: 0px 10px;
	}
#h-nav dd a.selected 
{
		color:#008cdb;
		border-bottom-color:#008cdb;
		cursor:text;
}

#content{
		clear: both;
		position: relative;
		top: 1px;
		width:968px;
	}
#promo{
		float: left;
	}
#intro
{
		float: left;	
		width: 310px;
	}
#intro h2{
		font-family:Trebuchet MS, Verdana, Arial, sans-serif;
		font-size:1.2em;
		font-weight: bold;
		line-height:1.1em;
		color:#000;
	}
/* used to be H1 */
.copy_header  
{
    font-family:Trebuchet MS, Verdana, Arial, sans-serif;
    font-size:2.4em;
	font-weight: bold;
    color:#000;
    text-align:left;
    padding: 8px 0px 0px 10px;
}
h1
{
	font-family:Trebuchet MS, Verdana, Arial, sans-serif;
	font-weight: bold;
	color:#000000;
	line-height:1.1em;
	color:#000;
	height: 20px;
    font-size:17px;
}

#intro p {
	margin:1.3em 0;
	line-height:1.3em;
	color: #000000;
	text-align: justify;
	}
	
#footer
{
    float:right;
	clear:both;
	right:30px;
	padding: 5px 0px 0px 0px;
}

#f-nav dt {
		text-indent:-9999em;
		width: 1px;
	}
#f-nav dd {
		float:left;
		padding:10px 0;
	}
#f-nav dd a {
		display:block;
		border-right:1px solid #545454;
		padding:0 1em;
		text-align:center;
		font-family:Verdana, Arial, sans-serif;
		font-size:0.9em;
		color:#545454;
	}
	
#f-nav dd a.end {
	border:0;
	position: relative;
	top: -8px;
}

/* FEATURE AREA ON HOMEPAGE
--------------------------------------------------------------------------------------------*/
#features-holder {
	position:absolute;
	right:0px;
	top:15px;
	width:251px;
	margin:30px 30px 0px 30px;
}
#features-holder .head {
	background:url("/sites/QuitSmoking2/EN/QuitSmokingImages/feature-bg-top.png") no-repeat 0 0;
	height:10px;
}
#features-holder .body {
	background:url("/sites/QuitSmoking2/EN/QuitSmokingImages/feature-bg-mid.gif") repeat-y 0 0;
	padding:5px 15px;
	color:#7f7f7f;
	font-size:11px;
	line-height:1.5em;
}
#features-holder .body li {
	padding:5px 0px;
	border-bottom: 1px solid #86c7ed;
}
#features-holder .body h2 {
	padding-bottom:5px;
	width:220px;
}
#features-holder .body a {
	color:#0e81d7;
}
#features-holder .foot {
	background:url("/sites/QuitSmoking2/EN/QuitSmokingImages/feature-bg-btm.png") no-repeat 0 0;
	height:10px;
}

/* LOCATION SPECIFIC LINK
--------------------------------------------------------------------------------------------*/
#localisation-holder
{
    position:absolute;
    bottom:10px;
    left:50px;
    width:600px;
	display:block;
	height:40px;
}
#language, #localisation
{   
    float:left;
    display:inline;
	padding:0 1.8em;
	font-family:Verdana, Arial, sans-serif;
	font-size:0.9em;
	line-height:1.3em;
    color:#545454;
}
#language { width:250px; margin-top:10px; }
#language a { color:#545454; }
#localisation { width:250px; }
#flags 
{
    clear:left; 
    float:left;
    line-height:1em;
    padding-top:2px;
    margin-right:10px;
}
#flags a { display:block; }

/* LO-RES HACK
--------------------------------------------------------------------------------------------*/
#right-hand.lo-res 
{
    width:120px;
}
#cut-off-line.lo-res 
{
    width:980px;
}


/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
--------------------------------------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear: both;}


/* BUTTONS
------------------------------------------------------------------------------------------*/
div.btn-holder-rt { float:right; padding-top:3px; padding-right:20px;}
div.btn-holder-lt { float:left; padding-top:3px; }

/* GLOBAL CLASSES FOR SMALL, MEDIUM, AND LARGE BUTTON SIZES.
    OVERRIDE THESE IF NECESSARY FOR INDIVIDUAL LOCALISATIONS */
div.btn-size-very-sml { width:80px; }
div.btn-size-sml { width:100px; }
div.btn-size-med { width:160px; }
div.btn-size-lge { width:230px; }

/* GREEN-ON-WHITE BUTTON */
div.btn-on-white {
	background:url("/sites/QuitSmoking2/EN/QuitSmokingImages/btn-on-white-lt.jpg") no-repeat 0 0;
	height:25px;
}
.btn-on-white a {
	display:block !important;
	background:url("/sites/QuitSmoking2/EN/QuitSmokingImages/btn-on-white-rt.jpg") no-repeat 100% 0 !important;
	color:#0084d1 !important;
	border:none !important;
	padding:3px 25px 3px 30px !important;
	font-size:12px !important;
	line-height:17px !important;
	text-align:left !important;
	width:auto !important;
	height:25px;
}
.btn-on-white a:hover {
	text-decoration:underline !important;
}