@charset "UTF-8";
/* CSS Document */

#tour .stats {
	width: 515px;
	text-align: center;
	color: #000;
}

#tour .stats p {
	font: 0.95em "Arial Narrow", Arial, Helvetica, sans-serif;
	margin: 0;
}
#tour {
	width: 800px;
	margin: 3px;
	border: 1px solid #ccc;
}



div#navigation {
     float: right;
     width: 200px;
     text-align: left;
}


div#navigation  {
	width: 190px;
	text-align: left;
	margin: 0;
	vertical-align: top;
	padding: 0px 0 10px;
}
#navigation a
{
color: #fff;
background: #009 url(images/tab-left.png) left top no-repeat;
text-decoration: none;
padding-left: 7px;
padding-bottom: 4px;/*
border-bottom: 1px solid #009;*/
letter-spacing: 1px;
}

#navigation a span
{
	background: url(images/tab-right.png) right top no-repeat;
	padding-right: 7px;
	padding-top: 8px;
}

#navigation a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none;
font: normal .95em Arial, Helvetica, sans-serif;
}
/* End hide */

#navigation a:hover
{
color: #FFCC00;
background: #009 url(images/tab-left.png) left top no-repeat;
padding-left: 7px;
text-decoration: underline;
}

#navigation a:hover span
{
background: url(images/tab-right.png) right top no-repeat;
padding-right:7px
}








	/* START: why join tabs */
	ul#navigation li.whyjoin a
	{
	color: #009;
	font: .77em "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: #ffbe00 url(images/tab-left-whyjoin.png) left top no-repeat;
	padding-left: 7px;
	}
	
	ul#navigation li.whyjoin a span
	{
	background: url(images/tab-right-whyjoin.png) right top no-repeat;
	padding-right:7px;
	}
	
	
	ul#navigation li.whyjoin a:hover
	{
	color: #009;
	font: .77em "Arial Narrow", Arial, Helvetica, sans-serif;
	background: #ffbe00 url(images/tab-left-whyjoin.png) left top no-repeat;
	padding-left: 7px;
	}
	
	ul#navigation li.whyjoin a:hover span
	{
	background: url(images/tab-right-whyjoin.png) right top no-repeat;
	padding-right:7px
	}
	/* END: why join tabs */


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

#navigation li
{
float: left;
margin: 0 2px 0 0;
height: 30px
}




#navigation a, #navigation a span
{
display: block;
float: left;
height: 25px
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
	float: none;
	font: normal .85em "Arial Narrow", Arial, Helvetica, sans-serif;
}
/* End hide */





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

#navigation li
{
float: left;
margin: 0 2px 0 0;
}

.tabs_block {
	background-color: #06c;
	white-space: nowrap;
}
.navigation_ul {
	list-style: none;
	white-space: nowrap;
	margin: 0;
	padding-left: 60px;
}
.cellbackground {
	background-color: #06c;
}
.logo {
	width: 174px;
}
.whyjoin {
	width: 111px;
}
.bg_footer {
	background: url(images/bg_footer.gif);
	height: 70px;
	text-align: center;
	vertical-align: middle;
}

.slide_text, .overview_text {
	padding-left: 25px;
	text-align: left;
	color: #000;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
table.slide td div p.last  { padding-bottom: 0; margin-bottom: 0}

.slide {
	width: 800px;
	height: 400px;
	padding: 10px;
	
	/* 1 */ background: url(images/bg_tools.png) right top no-repeat;
	/* 2 */ background: url(images/bg_medsupport_nonGSK.png) right top no-repeat;
	/* 3 */ background: url(images/bg_quitmeds_GSK.png) right top no-repeat;
	/* 4 */ background: url(images/bg_community.png) right top no-repeat;
	/* 5 */ background: url(images/bg_resources.png) right top no-repeat;
	/* 6 */ background: url(images/bg_phonesupport_Qcomp.png) right top no-repeat;
	/* 7 */ background: url(images/bg_phonesupport_web.png) right top no-repeat;
	/* 8 */ background: url(images/bg_whyjoin.png) right top no-repeat;
	/* 0 */ background: url(images/bg_overview.gif) right top no-repeat;
}
.slide td div {
	margin-left: 15px;
	background-image: url(images/balloon_bg.png); 
	width: 298px;
}
table.slide td div p{
	margin: 0;
	padding: 0 20px;
	width: 258px;
	padding-bottom: 10px;
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
table.slide td div p.smaller{
	margin: 0;
	padding: 0 20px;
	width: 258px;
	padding-bottom: 10px;
	font: bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0;
}
table.slide td div p.access{
	margin: 0;
	padding: 0 20px;
	width: 258px;
	padding-bottom: 10px;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	text-align: left;
}
table.slide td div p.support{
	margin: 0;
	padding: 0 20px;
	width: 258px;
	padding-bottom: 5px;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #d52c0c;
	text-align: left;
}


.text {
	padding-left: 15px;
	color: #000;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
.pageTitle {
	font: 1.8em Verdana, Arial, Helvetica, sans-serif;
	padding: 10px 0 4px 15px;
	color: #06c;
	text-align: left;
}
.header {
	height: 56px;
	background-image: url(images/bg_header.png);
	vertical-align: top;
}

	/* START: on tabs */
	ul#navigation li.ontab a
	{
	color: #06c;
	background: #fff url(images/tab-left-on.png) left top no-repeat;
	padding-left: 7px;
	border-bottom: 2px solid #fff;
	font-weight: bold;
	letter-spacing: 0;
	padding-bottom: 12px;
	}
	
	ul#navigation li.ontab a span
	{
	background: url(images/tab-right-on.png) right top no-repeat;
	padding-right:7px;
	border-bottom: 2px solid #fff;
	font-weight: bold;
	}
	
	
	ul#navigation li.ontab a:hover
	{
	color: #06c;
	background: #fff url(images/tab-left-on.png) left top no-repeat;
	padding-left: 7px;
	border-bottom: 2px solid #fff;
	text-decoration: none;
	font-weight: bold;
	}
	
	ul#navigation li.ontab a:hover span
	{
	background: url(images/tab-right-on.png) right top no-repeat;
	padding-right:7px;
	border-bottom: 2px solid #fff;
	font-weight: bold;
	}
	/* END: on tabs */
.tabs {
	background-image: url(images/bar.gif);
}
#tour .cellbackground .tabs_block {
	margin-bottom:0;
}
body { margin:10px 0px; padding:0px; text-align:center; }
