/*
Author: Jonathan Harriot
Author URI: http://jonathanharriot.com
version: 1.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,select,option,input,textarea,p,blockquote,th,td{ margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,images{ 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:bold}q:before,q:after{content:''}abbr,acronym{ border:0}

body {
	font: 12px Arial,Verdana,Helvetica,Geneva,sans-serif;
	color: #000;
	line-height: 1.22em;
}

.container {
  clear:both;
  width:1020px;
  position:relative;
  margin:0 auto;
	background: url("/images/2010/homeBg.png") repeat-x scroll 0 0 transparent
}

.floatLeft { float: left }
span.clear { display: block; width: 100%; clear: both }
a, a img, a h3, a p { outline: none; text-decoration: none; border: 0; color: #000 }
#header, #nav, #activeContent, #content, #footerLinks, #footerBg { clear: both }
#header { background: #000 url(/images/2010/headerBg.png) 0 0 }
	#header h1 { width: 980px; margin: 0 auto; display: block; height: 91px }
	#header h3 { width: 980px; margin: 0 auto; display: block; height: 51px }
	#header a { display: block; height: 100%; width: 100%; text-indent: -3000em; overflow: hidden }
	
.navList { width: 993px; margin: 0 auto }
	.navList li { float: left; display: inline; background-repeat: no-repeat }
		.navList li a { display: block; text-indent: -3000em; height: 100%; width: 100% }
#nav ol { margin: 21px 0 16px 0 }
#nav li { display: block; height: 25px }
	#nav li#report { width: 182px; background: url(images/nav/report.png) }
	#nav li#family { width: 173px; background: url(images/nav/family.png) }
	#nav li#testimonials { width: 119px; background: url(images/nav/testimonials.png) }
	#nav li#financing { width: 177px; background: url(images/nav/financing.png) }
	#nav li#referrals { width: 318px; background: url(images/nav/referrals.png) }
	#nav li#guarantee { width: 211px; background: url(images/nav/guarantee.png) }
	#nav li#pricing { width: 173px; background: url(images/nav/costs.png) }
	#nav li#process { width: 221px; background: url(images/nav/process.png) }
	
	#nav li a { background-position: 300em 300em; background-repeat: no-repeat }
	div#nav li a:focus, div#nav li a:hover, div#nav li a:active, div#nav li a.current { background-position: 0 0; }
		#nav li#report a { background-image: url(images/nav/hover/report.png) }
		#nav li#family a { background-image: url(images/nav/hover/family.png) }
		#nav li#testimonials a { background-image: url(images/nav/hover/testimonials.png) }
		#nav li#financing a { background-image: url(images/nav/hover/financing.png) }
		#nav li#referrals a { background-image: url(images/nav/hover/referrals.png) }
		#nav li#guarantee a { background-image: url(images/nav/hover/guarantee.png) }
		#nav li#pricing a {background-image: url(images/nav/hover/costs.png) }
		#nav li#process a { background-image: url(images/nav/hover/process.png) }
	
		
	
#activeContent { width: 993px; height:331px; margin: 0 auto; padding-top: 15px }
#activeContentPlayer { width: 590px; height: 331px; float: left; background-image:url(images/videoPlayer.png); display:block }
#activeContentText { width: 403px; height: 321px; float: left; overflow: auto; overflow-y: scroll; overflow-x: hidden }
	#activeContentText div { padding: 15px 15px 0 15px; }
	#activeContentText h2 { font-size: 19px; font-weight: bold; margin-bottom: 15px; line-height:1.35em }
	#activeContentText p { font-size: 12px; margin-bottom: 7px }
	#activeContentText ul { font-size: 12px; list-style-type: none }
		#activeContentText li { margin-bottom: 10px; margin-left: 2.5em }
	#activeContentText a { text-decoration: underline }
		#activeContentText a:focus, #activeContentText a:hover, #activeContentText a:active { text-decoration: none; color: #000 }

#contentBgTop { clear: both; width: 100%; height: 45px; background:url(images/contentBgTop.jpg) 50% 0 no-repeat }
#contentBgFooter { clear: both; width: 100%; height: 45px; background:url(images/contentBgFooter.jpg) 50% 0 no-repeat }
#footerBg { clear: both; width: 100%; height: 35px; background:url(images/footerBg.png) repeat-x }
#content { background: url(images/contentBgMiddle.jpg) 50% 0 repeat-y }
	#contentWrapper { width: 953px; margin: 0 auto; padding-top:5px; }
	#content .item { width: 464px; height: 252px; float: left; background: transparent url(images/fadeBg.png) bottom right no-repeat; margin: 0 25px 18px 0 }
	#content .item a:hover p { color:#4d4d4d;  }
	#content li .fade { float: left }
	#content li.even { margin-right: 0px }
	#content h3 { font-size: 19px; font-weight: bold; margin: 17px 0 8px; line-height:1.35em}
	#content p { font-size: 12px; margin-bottom: 7px }
	#content img.thumb { width: 125px; height: 215px; margin-right: 20px; margin-top: 18px; float: left } 
	#content a div.read_more {background-position:0 0px; background-image:url(images/read_more.png); height:18px; width:87px; overflow:none; text-indent:-3000px; position:absolute; top:225px; left:370px;	}
	#content a:hover div.read_more{background-position:0 -18px; }
	
#footerLinks { width: 993px }
	#footerLinks li { float:none; display: block; height: 85px; background-image:url(images/footerLinksInfo.png) }
		#footerLinks li#contact { width: 232px; margin:0 auto; padding:0 0 20px; }
		
		

/* 2011 update */
div.wrapped {
  clear:both;
  width:980px;
  position:relative;
  margin:0 auto
}
.imgReplace { display: block; text-indent: -3000em; overflow: hidden; }
	.imgReplace a { display: block; height: 100%; width: 100% }

#top-menu ul, #top-menu li, #navigation ol, #navigation li { margin: 0; padding: 0; list-style: none; list-style-type: none; display: inline }
div.newNav { height: 152px }
#header-links { height: auto }
div.newNav ol { list-style: none; margin: 0; padding: 0; width: 100%; height: 45px }
		
	div.newNav ol li { display: inline-block; float: left; height:33px; background: url(/images/2010/navRegular_new.png) no-repeat; }
	body div.newNav ol li[rel~="current"] { background-position: -3000em }
		div.newNav ol li:hover { background-image: none; }
		div.newNav ol li.home { width: 49px; background-position: 0 0; }
		div.newNav ol li.about { width: 66px; background-position: -49px 0 }
		div.newNav ol li.tvShow { width: 81px; background-position: -115px 0 }
		div.newNav ol li.store { width: 61px; background-position: -196px 0 }
		div.newNav ol li.resources { width: 95px; background-position: -257px 0 }
		div.newNav ol li.providers { width: 96px; background-position: -352px 0 }
		div.newNav ol li.glossary { width: 85px; background-position: -450px 0 }
		div.newNav ol li.blog { width: 64px; background-position: -534px 0 }
		div.newNav ol li.guest_blog { width: 62px; background-position: -592px 0 }
		div.newNav ol li.contact { width: 70px; background-position: -654px 0 }
		
	div.newNav ol li a { display:block; height: 100%; width: 100%; background: url(/images/2010/navHover_new.png) -1000px -100px no-repeat;}
		div.newNav ol li.home a:hover, div.newNav ol li[rel~="current"].home a { background-position: 0 0;}
		div.newNav ol li.about a:hover, div.newNav ol li[rel~="current"].about a{ background-position: -49px 0 }
		div.newNav ol li.tvShow a:hover, div.newNav ol li[rel~="current"].tvShow a{ background-position: -115px 0 }
		div.newNav ol li.store a:hover, div.newNav ol li[rel~="current"].store a{ background-position: -196px 0 }
		div.newNav ol li.resources a:hover, div.newNav ol li[rel~="current"].resources a{ background-position: -257px 0 }
		div.newNav ol li.providers a:hover, div.newNav ol li[rel~="current"].providers a{ background-position: -352px 0 }
		div.newNav ol li.glossary a:hover, div.newNav ol li[rel~="current"].glossary a{ background-position: -450px 0 }
		div.newNav ol li.blog a:hover, div.newNav ol li[rel~="current"].blog a{ background-position: -534px 0 }
		div.newNav ol li.guest_blog a:hover, div.newNav ol li[rel~="current"].guest_blog a{ background-position: -592px 0 }
		div.newNav ol li.contact a:hover, div.newNav ol li[rel~="current"].contact a{ background-position: -654px 0 }
		
span#pageTitle { background: url(/images/2010/headerLogo-new.png) 0 0 no-repeat; text-indent: -3000em; overflow: hidden; display: block; height: 102px; width: 737px; margin: 0; }
	span#pageTitle a { display: block; width: 100%; height: 100%; float: left }
div#upperRight { position: absolute; top: 0; right: 0; width:241px; height: 146px; background:url(images/upperRight.png) top right; z-index:100; }
	div#upperRight	form { position: absolute; top:10px; left:108px; margin: 0; padding: 0; border: 1px solid #ccc }
		div#upperRight	input.emailCaptureAddress { margin: 0; padding: 0; border: 0; padding:4px; width:172px; color: #6c6c6c }
	a.chatNow { width: 243px; height: 95px; position:absolute; top:50px; right:0; }
	span#footerPAL { width: 610px; height: 65px; float: left }
	span#credits { width: 326px; height: 40px; clear: left }

body#home { background: url("/images/2010/homeBg.png") repeat-x scroll 0 0 transparent }
	
div#playlistWrap { width: 1200px; margin: 0 auto }
div#playlistScroller { width: 1024px; height: 191px; position: relative; overflow: hidden; margin: 0 auto }
	div#playlistScroller .items { width: 2000em; position: absolute }
			div#playlistScroller .items div { float: left }
	div#playlistScroller .thumbSlide { width: 178px; height: 191px; float: left; padding-right: 33px; }
		div#playlistScroller .thumbSlide p { padding: 0 1em }
		div#playlistScroller .thumbSlide strong { padding-bottom: 0.25em }
		
	#playlistContainer {width: 1222px; margin: 0 auto; position:relative }
		#playlistContainer a.prev { display: block; width: 100%; height: 100%; background: url(/images/2010/scrollControls.png) top left no-repeat; cursor: pointer }
		#playlistContainer a.next { display: block; width: 100%; height: 100%; background: url(/images/2010/scrollControls.png) top right no-repeat; cursor: pointer }
		#playlistContainer a.disabled { visibility: hidden; cursor: auto }
		#playlistContainer span.previous { position: absolute; top: 25px; left: 10px; display: block; width: 74px; height: 74px; background: url(/images/2010/scrollControlsHover.png) top left no-repeat }
		#playlistContainer span.forward { position: absolute; top: 25px; right: 10px; display: block; width: 74px; height: 74px; background: url(/images/2010/scrollControlsHover.png) top right no-repeat }
		
#video-player, .video-js-box, .video-bberry {
	width:580px;
	height:332px;
	float: left
}

div#home-column-1 {
	float: left;
	width: 400px;
	height: 332px;
	background-image: url(/images/2010/home_topright_bg.png);
	background-repeat:repeat-x;
}

div#main div#home-content div#home-column-1 .details {
	font: 14px/1.2em "Lucida Grande", Verdana, Geneva, sans-serif
}
div#main div#home-content div#home-column-2 {
  float:left;
  width:184px;
  margin-left:6px
}

div#main div#ebookContent,div#main div#newsletterThankYou {
  clear:both;
  padding:0 20px
}

div#main div#newsletterThankYou div#communityIcons {
  width:315px;
  margin:0 auto
}

div#main div.button div.left {
  float:left;
  width:10px;
  height:27px;
  background:url(/images/button-left.jpg) no-repeat top left
}

div#main div.button div.middle {
  float:left;
  color:#fff;
  height:27px;
  line-height:27px;
  padding:0 10px;
  background:#f68a59
}

div#main div.button div.middle a {
  display:block;
  text-decoration:none;
  color:#fff
}

div#main div.button div.right {
  float:left;
  width:16px;
  height:27px;
  background:url(/images/button-right.jpg) no-repeat top left
}

div#main div#find_help {
  position:relative
}

#imgPreviewWithStyles {
	background: #222;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 15px;
	z-index: 999;
	border: none;
}

#imgPreviewWithStyles span, #imgPreviewWithStylesFooter span {
	color: white;
	text-align: center;
	display: block;
	padding: 10px 0 3px 0;
}	
#imgPreviewWithStylesFooter {
	background: #222;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top:-200px;
	padding: 15px;
	z-index: 999;
	border: none;
}

div#footer2 {
  clear:both;
  overflow:hidden;
  height:182px;
  background:url(/images/2010/footerBgRepeat.png)
}

div#footer2 div.wrapped {
  background:url(images/footerBg.png) no-repeat;
  overflow:hidden;
  height:182px;
}

div#footer2 div#footer-links {
	width: 980px; margin:0 auto;
}

div#footer2 div#footer-links a:hover {
  color:#FF6C0C;
  text-decoration:underline
}

div#footer2 div#copyright {
  color:#fff;
  line-height:18px
}

div#footer2 div#designed-by {
  color:#ff6c0c;
  font-size:10px;
  line-height:14px;
  margin:0 0 15px;
}

div#footer2 div#designed-by a {
  color:#ff6c0c;
  text-decoration:none
}


div#playlistWrap { width: 1200px; margin: 0 auto }
div#playlistScroller { width: 1024px; height: 191px; position: relative; overflow: hidden; margin: 0 auto }
	div#playlistScroller .items { width: 2000em; position: absolute }
			div#playlistScroller .items div { float: left }
	div#playlistScroller .thumbSlide { width: 178px; height: 191px; float: left; padding-right: 33px; }
		div#playlistScroller .thumbSlide p { padding: 0 1em }
		div#playlistScroller .thumbSlide strong { padding-bottom: 0.25em }
		
	#playlistContainer {width: 1222px; margin: 0 auto; position:relative }
		#playlistContainer a.prev { display: block; width: 100%; height: 100%; background: url(/images/2010/scrollControls.png) top left no-repeat; cursor: pointer }
		#playlistContainer a.next { display: block; width: 100%; height: 100%; background: url(/images/2010/scrollControls.png) top right no-repeat; cursor: pointer }
		#playlistContainer a.disabled { visibility: hidden; cursor: auto }
		#playlistContainer span.previous { position: absolute; top: 25px; left: 10px; display: block; width: 74px; height: 74px; background: url(/images/2010/scrollControlsHover.png) top left no-repeat }
		#playlistContainer span.forward { position: absolute; top: 25px; right: 10px; display: block; width: 74px; height: 74px; background: url(/images/2010/scrollControlsHover.png) top right no-repeat }
		
		
		
.providers_header {
	font-size:16px;
	line-height:16px;
	background-color:#d5d6d7;
	color:#000;
	padding:12px 10px;
	border-top:2px solid #f5731f;
	margin:0 0 15px;
}

.providers_subheader {
	font-size:15px;
	padding:10px 10px;
	margin:0;
}

.homeSubheaders {
	font-size:13px;
	line-height:13px;
	margin-bottom:5px;
	font-weight:bold;
}
#transcripts p {margin: 10px }

.wrapped strong { font-weight: bold }
div#main {
  margin:20px 0 0;
}

.clear, .clr {
	clear:both;
}
html body div#header div.wrapped div#upperRight div#chatShell div#chatHolder span span:hover { border-bottom: 1px solid orange }