@charset "utf-8";
/* CSS Document for TCPI | Jeff Dolsen, Creative Director, IdeaStar Inc. | 07.04.2009 */

/* TABLE OF CONTENCE -------------------------------

	GLOBAL
	STRUCTURE
		MASTHEAD
		MIAN CONTENT
		RAIL
		FOOTER
	NAVIGATION
		GLOBAL NAVIGATION
		MAIN NAVIGATION
		FOOTER NAVIGATION
	TEXT ELEMENTS
		HEADERS
		BODY COPY
		LINKS
	FORMS
		SEARCH
		CONTACT US
		APPLICATIONS
			CUSTOM APPs
	MISC CLASSES
	
	
	Color Palette
	------------------------------------------------
	TCP Red					#ed1c24
	TCP Black				#050708
	Mid Gray				#b2b2b3
	color					#xxxxxx
---------------------------------------------------- */

/* GLOBAL -------------------------------------- */

	html, form { height:100%; margin:0; padding:0; }
	body { height:100%; margin:0; padding:0; background:#fbfbfb url(/images/interface/Bk_Body.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#050708; text-align:center; }
	img { border:none; behavior:url("/scripts/iepngfix.htc") }
	table td, table th { vertical-align:top; }
	
	a, a:link, a:active, a:visited { color:#000000; text-decoration:none; }
		a:hover { text-decoration:underline; color:#ed1c24; }
	
	h1 a, h1 a:link, h1 a:visited  { color:#ed1c24; text-decoration:none; }
	h1 a:hover { text-decoration:underline; }



/* STRUCTURE --------------------------------------- */

	#Container { width:980px; min-height:420px; margin:0 auto; background:#fff url(/images/interface/Bk_PageTop.jpg) no-repeat; text-align:left; clear:both; }
	#ContainerBottom { width:980px; height:39px; margin:0 auto; background:url(/images/interface/Bk_PageBottom.gif) no-repeat; overflow:hidden; clear:both; }

	/* MASTHEAD */
	
	#MastHeadContainer { width:980px; }
	#MastHead { width:980px; height:55px; margin-bottom:40px; background:#ed1c24; }
	#Brand { position:absolute; top:0; }
	
	/* MAIN CONTENT */
	
	#MainImg { width:740px; margin:0 0 20px 0; }			
		
	#MainContentContainer { width:480px; float:left; }
	
	#HomePageContainer { width:750px; float:left; }
	
	/*--Window/Masking Styles--*/
        .Window { height:300px; width:740px; overflow:hidden; /*--Hides anything outside of the set width/height--*/ 
			      position:relative; }
        .ImageReel { position:absolute; top:0; left:0; }
                .ImageReel img { float:left; }
				
	/*--Paging Styles--*/
		.Paging { position:absolute; bottom:5px; right:-7px; width:178px; height:47px; 
				  z-index:100; /*--Assures the Paging stays on the top layer--*/
				  text-align:center; line-height:40px; background:url(../images/PagingBG.png) no-repeat; display:none; 
				  /*--Hidden by default, will be later shown with jQuery--*/ }
		.Paging a { padding:5px; text-decoration:none; color:#fff; }
		.Paging a.active { font-weight:bold; background:#920000; border:1px solid #610000; -moz-border-radius:3px; 
						   -khtml-border-radius:3px; -webkit-border-radius:3px; }
		.Paging a:hover { font-weight:bold; }
	
	#MainContent { width:auto; float:left; }
		#MainContent a:visited { color:000; }
	
	#MainContentSplit { width:500px; float:left; }
	
	#MainContent fieldset { }
	#MainContent fieldset input { }
	#MainContent fieldset label { }
	#MainContent fieldset p { }
	
	#ProductIcons { width:750px; float:left; margin:0; padding:0; }
		#ProductIcons img { float:right; margin:0 0 0 10px; padding:0; }
		
/* SUB PAGES */
	
	#MainContentContainerSub { width:750px; float:left; }
	#MainContentContainerSub #MainContent { width:730px; margin:0 0 0 10px; }
	
		#MainContentContainerSub #BreadCrumb { width:750px; height:24px; margin:0 0 15px 0; background:url(/images/interface/BreadCrumbBK.gif) no-repeat; }
		
		#MainContentContainerSub #BreadCrumb #BreadCrumbNav { float:left; }
		#MainContentContainerSub #BreadCrumb #BreadCrumbNav ul { margin:0; padding:5px 0 0 10px; list-style:none; }
		#MainContentContainerSub #BreadCrumb #BreadCrumbNav ul li { padding:0 6px 0 12px; color:#fff; background:url(/images/interface/BreadCrumbArrow.gif) no-repeat 0 5px; display:inline; }
		#MainContentContainerSub #BreadCrumb #BreadCrumbNav ul li a { padding:0; color:#fff; text-decoration:none; }
		#MainContentContainerSub #BreadCrumb #BreadCrumbNav ul li a:hover { text-decoration:underline; }
		
		#MainContentContainerSub #BreadCrumb #PageTitle { width:755px; position:relative; top:-32px; float:right; }
		#MainContentContainerSub #BreadCrumb #PageTitle h1 { width:auto; margin:-5px 10px 0 0; padding:0; color:#f68e92; font-size:18px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:right; display:none; }
	
	/* NEWS AND EVENTS */
	
	.NewsEventsPageListing { width:730px; padding:30px 0 30px 0; border-top:dotted 1px #ed1c24; }
	.NewsEventsPageListing .date { width:130px; height:20px; padding-top:4px; background:url(/images/interface/NewsDateBK.gif) no-repeat; text-align:center; color:#fff; float:left; }
	.NewsEventsPageListing .list { width:580px; float:right; }
		.NewsEventsPageListing .list ul { margin:0; padding:0; list-style:none; }
		.NewsEventsPageListing .list ul li { padding:0 0 3px 15px; background:url(/images/interface/Arrow_Red.gif) no-repeat 0 5px; }
		
	/* twitter feed */
	
	.twitters { margin:0; padding:0; }
	.twitters ul { margin:0 0 1.75em 0; padding:0; list-style:none; }
	.twitters ul li { margin:0 0 10px; padding:0 0 0 0; }
		.twitters a, .twitters a:link, .twitters a:visited { color:#000000; }
		.twitters a:hover { text-decoration:underline; color:#ed1c24; }
	
	/* PRODUCT DISPLAY */
	
	/* thumbs */
	.ProductContainer { width:175px; height:200px; margin:10px 5px 5px 0; float:left; overflow:hidden; }
	.ProductContainer .ProductImg { width:77px; margin:0 10px 0 0; }
		.ProductContainer .ProductImg img { width:75px; border:solid 1px #eee; }
		.ProductContainer .ProductImg img:hover { border:solid 1px #d0d0d1; }
	.ProductContainer .ProductTxt { /*width:180px;*/  }
		.ProductContainer .ProductTxt h2, .ProductContainer .ProductTxt h2 a, .ProductContainer .ProductTxt h2 a:link, .ProductContainer .ProductTxt h2 a:visited  { margin:5px 0 0 0; font-size:14px; color:#ed1c24; text-decoration:none; }
		.ProductTxt h2 a, .ProductTxt h2 a:link, .ProductTxt h2 a:visited  { margin:5px 0 0 0; font-size:14px; color:#ed1c24; text-decoration:none; }
		.ProductContainer .ProductTxt h2 a:hover { text-decoration:underline; }
		.ProductContainer .ProductTxt p { margin:5px 0 0 0; }
		
	/* product detail page */
	.PDP { }
	.PDP .ProductImg { width:202px; margin:0 20px 0 0; float:left; }
		.PDP .ProductImg img { width:200px; border:solid 1px #eee; }
		.PDP .ProductImg img:hover { width:200px; border:solid 1px #d0d0d1; }
	.PDP .ProductTxt { width:480px; float:left; }
	
	.ImgInstructions { padding:0 0 0 13px; font-size:10px; color:#ed1c24; background:url(/images/interface/zoom.gif) no-repeat 0 1px; }	
	
	/* RAIL */
	
	#Railcontainer { width:265px; float:right; background:url(../images/RailBG.jpg) repeat-y; padding:0 0 0 5px; }
	#Rail { width:260px; }
	
	/* Quick Links */
	
	#Rail .quicklinks { margin:0; padding:0; }
		#Rail .quicklinks ul { margin:0; padding:0; list-style:none; }
		#Rail .quicklinks ul li { width:120px; float:left; }
		#Rail .quicklinks ul li a, #Rail .quicklinks ul li a:link, #Rail .quicklinks ul li a:visited { padding:4px 0 4px 15px; color:#050708; text-decoration:none; background:url(/images/interface/Arrow_Red.gif) no-repeat 4px 8px; }
		#Rail .quicklinks ul li a:hover { color:#ed1c24; }
	
	/* Social Links */
	
	#Rail #Social { margin:0; padding:15px 0 15px 0; clear:both; }
		#Rail #Social .button { }
		#Rail #Social .button a { width:225px; height:23px; padding:7px 0 0 35px; overflow:hidden; background:#fff url(/images/interface/SocialButton.jpg) no-repeat bottom; display:block; text-decoration:none; color:#f7941d; font-weight:bold; }
		#Rail #Social .button a:hover { background:#fff url(/images/interface/SocialButton_H.jpg) no-repeat bottom; color:#ed1c24; }
		#Rail #Social .button a:hover span.black { color:#b2b2b3; }
		
		#Rail #SocialWindow { width:208px; margin:-5px 0 0 25px; padding:3px 10px 10px 10px; z-index:20; position:absolute; background:#fff url(/images/interface/SocialWindowBK.jpg) repeat-x; border:solid 1px #f4f4f4; visibility:hidden; }
		#Rail #SocialWindow .close a, #Rail #SocialWindow .close a:visited { height:15px; margin:5px 0 0 0; padding:0 0 0 12px; background:url(/images/interface/close.gif) no-repeat; font-size:8px; color:#ed1c24; text-decoration:none; float:right; }
		#Rail #SocialWindow .close a:hover { text-decoration:underline; }
		#Rail #SocialWindow .blogs { width:120px; margin-top:30px; float:left; }
		#Rail #SocialWindow .blogs h2 { margin:0; padding:0; font-size:14px; font-family:Futura, Arial, Helvetica, sans-serif; }
		#Rail #SocialWindow .blogs h2 a, #Rail #SocialWindow .blogs h2 a:link, #Rail #SocialWindow .blogs h2 a:visited { text-decoration:none; font-family:Futura, Arial, Helvetica, sans-serif; }
		#Rail #SocialWindow .blogs h2 a:hover { text-decoration:underline; }
		#Rail #SocialWindow .blogs p { margin:0 0 20px; padding:0; font-size:10px; color:#FF9900; }
		#Rail #SocialWindow .networks { width:70px; margin-top:8px; float:right; }
		#Rail #SocialWindow .networks ul { margin:0; padding:0; list-style:none; }
		#Rail #SocialWindow .networks ul li { margin:0 0 10px 0; }
		

	#Rail #NewsEventsTopStories { }
	#Rail #NewsEventsTopStories a { }
		#Rail #NewsEventsTopStories a:visited { color:#000000; }
		#Rail #NewsEventsTopStories a:hover { color:#ed1c24; }
	
	#Rail .AdSpace { width:260px; padding:10px 0 10px 0; text-align:center; }
	
	#SubpageRail { width:200px; margin:0 0 20px 0px; padding:0 0 0 20px; border-left:dotted 1px #eee; float:right; }
	
	/* FOOTER */
	#FooterContainerBK { width:980px; height:163px; margin:10px auto; z-index:0; }
	
	#FooterContainer { width:950px; margin:-153px auto; z-index:1; position:relative; font-size:11px; }
	#FooterContainerSub { width:950px; margin:-153px auto; z-index:1; position:relative; font-size:11px; }
		#ESfooter { width:160px; float:left; }
		#FooterInfo { width:520px; padding:20px 0 0 0; text-align:left; color:#050708; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4; float:left; }
		#FooterInfo a { color:#050708; text-decoration:none; }
		#FooterInfo a:hover { color:#050708; text-decoration:underline; }
		#FooterProducts { width:auto; margin:15px 0 0 0; float:right; }
		
		#FooterNav { }
		#FooterNav ul { margin:0 0 10px 25px; padding:0; list-style:none; }
		#FooterNav ul li { display:inline; }
		#FooterNav ul li a { margin:0 10px 0 10px; color:#050708; text-decoration:none; }
		#FooterNav ul li a:hover { text-decoration:underline; }
		
		#FooterNavSub ul { margin:0 0 10px 15px; padding:0; list-style:none; }
			#FooterNavSub ul li { display:inline; }
			#FooterNavSub ul li a { margin:0 10px 0 10px; color:#050708; text-decoration:none; }
			#FooterNavSub ul li a:hover { text-decoration:underline; }
	
	#FooterContainer p { margin:0 0 0 35px; padding:10px 0 0 0; border-top:dotted 1px #fff; }
		#FooterContainer p a { }
		#FooterContainer p a:hover { }	
		
	#FooterContainerSub p { margin:0 0 0 25px; padding:10px 0 0 0; border-top:dotted 1px #fff; }

/* NAVIGATION -------------------------------------- */
	
	/* GLOBAL NAVIGATION */
	
	#GlobalNav { max-width:770px; height:55px; margin:0; text-align:right; display:block; float:right; }
	#GlobalNav ul { height:55px; margin:0; padding:0; list-style:none; float:left; z-index:999999999; } 
	
	#GlobalNav ul li { height:55px; width:115px; margin:0; padding:0; text-align:left; float:left; float:left; display:inline; }
	html > body #GlobalNav ul li { width:auto; } 
	#GlobalNav ul li:hover, #GlobalNav ul li.sfhover { background:url(/images/interface/GlobalNavBK.jpg) repeat-x; }
	
	#GlobalNav ul li a { height:20px; padding:35px 10px 0 10px; color:#fff; text-decoration:none; display:block;  }
	#GlobalNav ul li a:hover { color:#fff; background:none; }
	
	/* second-level lists */
	#GlobalNav ul li ul { width:180px; height:auto; margin:0; padding:0; background:#d41920; text-align:left; position:absolute; left:-999em; } 
	
	#GlobalNav ul li ul li { width:180px; height:24px; margin:0; padding:0; margin:0; padding:0; }
	#GlobalNav ul li ul li:hover, #GlobalNav ul li ul li a:hover { height:24px; margin:0; padding:0; background:#de9836; }
	#GlobalNav ul li ul li.sfhover, #GlobalNav ul li ul li a.sfhover { height:24px;  margin:0; padding:0; background:#de9836; position:static; }
	
	#GlobalNav ul li ul li a { height:16px; margin:0; padding:4px 0 4px 10px; }
	#GlobalNav ul li ul li a:hover { height:16px; padding:4px 0 4px 10px; background:#be161d; }
	
	/* third-level lists */
	#GlobalNav li ul li ul { margin:-27px 0 0 192px; background:#de9836; }
	#GlobalNav li ul li ul li a:hover, #GlobalNav li ul li ul li a.sfhover { background:#e2a845; }
	#GlobalNav li:hover ul ul, #GlobalNav li:hover ul ul ul, #GlobalNav li.sfhover ul ul, #GlobalNav li.sfhover ul ul ul { 	left:-999em; }
	
	/* forth-level lists (hidden) */
	#GlobalNav li ul ul ul { display:none; }
	
	/* lists nested under hovered list items */
	#GlobalNav li:hover ul, #GlobalNav li li:hover ul, #GlobalNav li li li:hover ul, #GlobalNav li.sfhover ul, #GlobalNav li li.sfhover ul, #GlobalNav li li li.sfhover ul { left:auto; }
	
	#GlobalNav img { float:right; padding:0 5px 0 5px; margin:8px 0 0 0; border:0; }
	
	/* MAIN NAVIGATION */
	
	#MainNavContainer { width:200px; margin-right:10px; float:left; position:relative; z-index:9999; }
		#MainNav { margin:10px; }

	/* all lists */	
		
	#MainNav ul { width:180px; margin:0; padding:0; list-style:none; }		
	
	/* first-level list items */
	
	#MainNav ul li { padding:1px 0 1px 0; border-bottom:dotted 1px #fff; }
	#MainNav ul li:hover { background:#ebebec; }
	#MainNav ul li.sfhover { background:#ebebec; }
	
	#MainNav ul li a { width:165px; padding:4px 0 4px 15px; text-decoration:none; background:url(/images/interface/Arrow_Red.gif) no-repeat 5px 9px; display:block; }
	#MainNav ul li a:hover { background:#ebebec url(/images/interface/Arrow_Red.gif) no-repeat 5px 9px; }
	#MainNav ul li a:visited { color:#000; }
	#MainNav ul li a.active { }
	#MainNav ul li a.active:hover { }
	
	/* clear icon on children */
	
	#MainNav ul li.one ul li a, #MainNav ul li.two ul li a, #MainNav ul li.three ul li a { background-image:none; }
	#MainNav ul li.one ul li ul li a, #MainNav ul li.two ul li ul li a, #MainNav ul li.three ul li ul li a { }
	
	/* second-level lists */
	#MainNav ul li ul { width:300px; padding:0; position:absolute; left:-999em; background:#ebebec; }
	#MainNav ul li:hover ul, #MainNav ul li.sfhover ul { width:300px; margin:-24px 0 0 180px; padding:0; background:#ebebec; left:auto; }
	#MainNav ul li ul li { border-top:dotted 1px #fff; }
	#MainNav ul li ul li:first-child { border-top:none; }
	
	#MainNav ul li ul li a { width:285px; }
	#MainNav ul li ul li a:hover { background:#fff url(/images/interface/Arrow_Red.gif) no-repeat 5px 9px;  }
	
	/* third-and-above-level lists */
	
	#MainNav ul li ul ul { display:none; }
	
	#MainNav ul li ul ul li { display:block; }
	#MainNav ul li ul li:hover ul, #MainNav ul li ul li.sfhover ul { width:300px; margin:-25px 0 0 300px; padding:0; background:#ebebec; left:auto; }
	
	#MainNav ul li ul ul li a { }
	#MainNav ul li ul ul li a:hover { }
	
	#MainNav li:hover ul ul, #MainNav li:hover ul ul ul, #MainNav li.sfhover ul ul, #MainNav li.sfhover ul ul ul { left:-999em; }
	
	/* lists nested under hovered list items */
	#MainNav li:hover ul, #MainNav li li:hover ul, #MainNav li li li:hover ul, #MainNav li.sfhover ul, #MainNav li li.sfhover ul, #MainNav li li li.sfhover ul { left:auto; }
	
	/* do not remove (ie) */
	#MainNav li:hover{ 	position:static; }
	

/* TEXT ELEMENTS ----------------------------------- */

	/* HEADERS */
	
	h1, h1 a, h1 a:visited { margin-top:0px; color:#ed1c24; font-family:Futura, Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; text-decoration:none; }
	h1 a:hover { text-decoration:underline; }
	h2 { margin:10px 0 0 0; color:#ed1c24; font-family:Futura, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; }
	h3 { margin:0; padding:0; font-size:12px; }
	h4, h5, h6 {}
	
	legend { }
	
	/* BODY COPY */
	
	p { margin:3px 0 15px 0; }
	
	/* LINKS */
	
	a.call2action, a.call2action:visited { padding:2px 10px 2px 5px; margin-right:5px; background:url(/images/interface/Bk_Call2Action.jpg) repeat-x; border:solid 1px #f0f0f0; text-decoration:none; line-height:30px; }
	a.call2action:hover { border:solid 1px #e6e6e6; }
	a.call2action span { padding-left:10px; background:url(/images/interface/Arrow_Red.gif) no-repeat 0 4px; }
	
	blockquote { }

/* FORMS ------------------------------------------- */
	
	.active_input { background:#fffcdd url(/images/interface/inputbk.jpg) repeat-y; }
	
	/* SEARCH */
	
	#SearchContainer { margin:0 0 15px 10px; }
		#SearchContainer .SearchInput { width:145px; }
		#SearchContainer .SearchButton { width:35px; }
	
	/* CONTACT US */
	
	fieldset { margin:0 0 15px 0; padding:0; border:solid 1px #e1e1e1; background:url(/images/interface/FieldsetBK.jpg) repeat-x bottom; }
	legend { margin:10px 0 0 10px; color:#ed1c24; font-family:Futura, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; }
	fieldset table { margin:20px 10px 20px 10px; }
	fieldset table table { margin:0; }
	fieldset table th { padding:2px 10px 2px 10px; font-weight:normal; text-align:left; vertical-align:middle; }
	fieldset table th.txtlabel {padding-top:3px; vertical-align:top; }
	fieldset table td  { padding:2px 0 2px 0; }
	fieldset table td textarea { width:600px; }
	
	/* APPLICATIONS */
	
	/* Energy Audit */
	
	fieldset.half { width:320px; margin-right:20px; float:left; }
	fieldset.half table { width:300px; }
	fieldset.half table td input { width:75px; }

	div.EAresults { width:360px; margin-right:20px; padding-top:10px; float:left; }
	div.EAresults h1 { }
	div.EAresults table { }
	div.EAresults table th { font-weight:normal; }
	div.EAresults table td input { width:60px; margin:0; padding:0; border:none; border-bottom-color:#fff; border-bottom-style:none; border-spacing:0px; text-align:right;color:#ed1c24; float:left; }
	div.EAresults table td hr { height:1px; margin:10px 0 10px 0; color:#eee; }
	
	.ApplicationStyleName {}

	.ToolTip { visibility:hidden; position:absolute; top:0; left:0; width:150px; padding:5px; border:1px dotted #9ece5c; background-color:#ffffff; 
			   color:black; }

/* MISC CLASSES ------------------------------------ */

    .clear { height:0px; line-height:0px; display:block; overflow:hidden; clear:both; }
	
	.red { color:#ed1c24; }
	.black { color:#050708; }
	.alignright { float:right; }
	.small { font-size:9px; }
	
	ul.values { width:110px; margin:0; padding:0; list-style:none; float:left; }
	ul.values li { padding:0 0 0 15px; background:url(/images/interface/Arrow_Red.gif) no-repeat 0px 4px; }