﻿/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}
/* end CSS Reset */


body {}
	#wrapper { position: relative; margin: 0 auto; width: 942px; height: 402px; background: #57585a url(../images/benefits/ch/bg.gif) -9px 0 no-repeat; border-top: 1px solid #373839; }
	#benefits { position: absolute; top: 25px; left: 21px; width: 490px; height: 324px; text-indent: -99em; background: url(../images/benefits/ch/benefits.gif) 0 0 no-repeat; overflow: hidden; }
	#instructions { display: block; position: absolute; top: 68px; left: 21px; width: 490px; height: 324px; text-indent: -99em; background: url(../images/benefits/ch/instructions.gif) 0 0 no-repeat; overflow: hidden; }
	#hero { position: absolute; top: 32px; left: 427px; width: 490px; height: 324px; overflow: hidden; }
	#list { position: relative; top: 68px; left: 27px; width: 360px; height: 297px; font-family: Georgia, Times, serif; font-size: 13px; line-height: 17px; color: #fff; }
		#list dt { padding: 7px 0 2px; font-weight: bold; font-variant: small-caps; }
		#list dd { padding: 2px 5px 7px 15px; }

	/** load these styles if JavaScript is enabled **/
	#wrapper.js {}
		#wrapper.js #instructions { display: block; }
		#wrapper.js #list { top: 102px; left: 14px; width: 390px; overflow: visible; }
			#wrapper.js #list dl.left,
			#wrapper.js #list dl.right { position: absolute; }
			#wrapper.js #list dl.right { left: 200px; }
			#wrapper.js #list dt { padding: 6px 0 6px 15px; height: 12px; }
			#wrapper.js #list dt.selected { background: url('../images/benefits/ch/arrow.gif') 0 center no-repeat; }
			#wrapper.js #list dt a { display: block; padding: 0; height: 12px; text-indent: -99em; background: url(../images/benefits/ch/titles.gif) no-repeat; overflow: hidden; }
			#wrapper.js #list #n1  { width: 160px; background-position: 0      0; }
			#wrapper.js #list #n2  { width: 145px; background-position: 0  -14px; }
			#wrapper.js #list #n3  { width: 113px; background-position: 0  -28px; }
			#wrapper.js #list #n4  { width: 119px; background-position: 0  -42px; }
			#wrapper.js #list #n5  { width: 110px; background-position: 0  -56px; }
			#wrapper.js #list #n6  { width: 156px; background-position: 0  -70px; }
			#wrapper.js #list #n7  { width: 136px; background-position: 0  -84px; }
			#wrapper.js #list #n8  { width: 132px; background-position: 0  -98px; }
			#wrapper.js #list #n9  { width:  94px; background-position: 0 -112px; }
			#wrapper.js #list #n10 { width: 108px; background-position: 0 -126px; }
			#wrapper.js #list #n11 { width: 157px; background-position: 0 -140px; }
			#wrapper.js #list #n12 { height: 14px; width: 64px; background-position: 0 -308px; }
			#wrapper.js #list #n1:hover  { background-position: 0 -154px; }
			#wrapper.js #list #n2:hover  { background-position: 0  -168px; }
			#wrapper.js #list #n3:hover  { background-position: 0  -182px; }
			#wrapper.js #list #n4:hover  { background-position: 0  -196px; }
			#wrapper.js #list #n5:hover  { background-position: 0  -210px; }
			#wrapper.js #list #n6:hover  { background-position: 0  -224px; }
			#wrapper.js #list #n7:hover  { background-position: 0  -238px; }
			#wrapper.js #list #n8:hover  { background-position: 0  -252px; }
			#wrapper.js #list #n9:hover  { background-position: 0 -266px; }
			#wrapper.js #list #n10:hover { background-position: 0 -280px; }
			#wrapper.js #list #n11:hover { background-position: 0 -294px; }
			#wrapper.js #list #n12:hover { background-position: 0 -325px; }
			#wrapper.js #list dt.selected #n1  { background-position: 0 -154px; }
			#wrapper.js #list dt.selected #n2  { background-position: 0 -168px; }
			#wrapper.js #list dt.selected #n3  { background-position: 0 -182px; }
			#wrapper.js #list dt.selected #n4  { background-position: 0 -196px; }
			#wrapper.js #list dt.selected #n5  { background-position: 0 -210px; }
			#wrapper.js #list dt.selected #n6  { background-position: 0 -224px; }
			#wrapper.js #list dt.selected #n7  { background-position: 0 -238px; }
			#wrapper.js #list dt.selected #n8  { background-position: 0 -252px; }
			#wrapper.js #list dt.selected #n9  { background-position: 0 -266px; }
			#wrapper.js #list dt.selected #n10 { background-position: 0 -280px; }
			#wrapper.js #list dt.selected #n11 { background-position: 0 -294px; }
			#wrapper.js #list dt.selected #n12 { background-position: 0 -294px; }
			#wrapper.js #list dd { padding: 0; display: none; }
			#wrapper.js #list dd.selected { display: block; position: absolute; left: 7px; top: 163px; width: 348px; font-size: 12px; }
			#wrapper.js #list dl.right dd { left: -193px; }

.listItem
{
	color: #BDBCBC;
	padding: 5px 0 2px; font-weight: bold; 
	font-variant: small-caps; 
}
.listItem:hover
{
	color: #FFFFFF;
		
	cursor:hand;
}
.listItemDescription
{
	color: #FFFFFF;
	font-family: Georgia, Times, serif; 
	font-size: 13px;
}
