/*

Filename:			main.css
Site URL: 		http://livepcsupport.com
Description:	All main shared styles
Colors Ref: 	#3399cc (links), #990000 (rollover), #dadbdc (rules)

*/

/** GLOBALS **/

	a { color: #3399cc; font-weight: bold; }
	a:hover, #footer a:hover, ul.cam-action-links a.destress:hover, div.cam-nav-container a:hover, div.cam-nav-container a.on { color: #990000; }
	a:visited	{ color: #5f92c6; }
		
	body, body.about, body.services, body.how-it-works, body.body-pricing, body.support, body.sign-up { background: #fff url(../images/bg-page-interior.png) repeat-x; color: #333; font: 14px/19px Arial, Helvetica, sans-serif; text-align: center; }
	body.home { background: #fff url(../images/bg-page-home.png) repeat-x; }
	body.ihlp { background: #fff url(../images/bg-page-ih.png) repeat-x; }
		
	h1 { font-size: 31px; font-weight: bold; color: #7a7a7a; margin: 54px 0 20px 0; }
	h2 { font-size: 24px; font-weight: bold; line-height: 29px; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 1px solid #dadbdc; }
	h3 { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 12px; }
	h4 { font-size: 21px; line-height: 26px; margin-bottom: 16px; }
	h5 { font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 12px; }
	h6 { font-size: 12px; font-weight: bold; color: #7b7b7b; text-transform: uppercase; margin-bottom: 24px; }
	
	/*
	h1.live-pc-logo { margin: 0; }
	h1.live-pc-logo a { background: url(../images/logo-lpcs.png); display: block; text-indent: -9999px; width: 267px; height: 67px; }
	*/
	h1.live-pc-logo { margin: 0; }
	h1.live-pc-logo a { background: url(../images/logo-lpcs.png); position: absolute; top: 36px; display: block; text-indent: -9999px; width: 267px; height: 67px; }
	.home h1.live-pc-logo a { background: url(../images/logo-lpcs-home.png); }
	.ihlp h1.live-pc-logo a { background: url(../images/logo-lpcs-ihlp.png); margin-top: -8px; }
	h1.heavy, h2.heavy { color: #000; font-size: 31px; font-weight: bold; margin: 0 0 12px 0; line-height: 29px; }
	h1.heavy.hedline { width: 457px; height: 32px; background: url(../images/slides/hedline.gif) no-repeat; padding-top: 25px; }
	#slide-four h1 { margin-top: -10px; }
	#slide-four h4 { font-size: 18px; margin-bottom: 10px; line-height: 20px; }
	h5.steps { text-transform: uppercase; margin: 15px 0 123px 0; padding-left: 55px; }
	
	.light-text { color: #666; font-size: 12px; line-height: 17px; }
	.body-text { color: #666; }
	.small-text { color: #a1a1a4; font-size: 10px; }
	
	.features li { background: url(../images/features-li.gif) no-repeat left center; color: #666; font-size: 12px; font-weight: bold; padding-left: 16px; }
	
	blockquote { background: url(../images/quote-open.gif) no-repeat top left; display: block; font-weight: bold; margin-bottom: -12px; padding: 12px 30px 12px 48px; position: relative; z-index: 5; }
	blockquote .close-quote { display: block; background: url(../images/quote-close.gif) no-repeat top right; height: 24px; position: relative; top: -12px; }
			
/** LAYOUT **/

	#container { margin: 0 auto; text-align: left; /*padding: 36px 0 0 0;*/ width: 963px; /*overflow: hidden;*/ }
	
	.content { border-top: 1px solid #dadbdc; margin: 0 15px 34px 30px; /*overflow: hidden;*/ float: left; padding-top: 20px; position: relative; }
	.home .content { background: url(../images/thirds-bg.gif) repeat-y; border: none; margin: 0 0 34px 0; padding: 0; }
	.ihlp .content { background: url(../images/thirds-bg.gif) repeat-y; border: none; margin: 25px 0 34px 0; padding: 0; }
	.about .content { background: url(../images/halfs-bg.gif) repeat-y; }
	.services .content { padding-top: 0; }
	.how-it-works .content, .sign-up .content { margin-right: 0; }
	.sign-up .content { padding-top: 0; }
	
	div.summary { height: 253px; margin-top: 162px; padding: 17px 413px 0 30px; }
	div.summary.about { background: url(../images/summary-about.jpg) no-repeat 603px bottom; }
	div.summary.services { background: url(../images/summary-services.jpg) no-repeat 560px bottom; }
	div.summary.sum-pricing { background: url(../images/summary-pricing.jpg) no-repeat 645px bottom; padding-right: 340px; }
	div.summary.how-it-works { background: url(../images/summary-how-it-works.jpg) no-repeat 681px 25px; padding-right: 340px; }
	div.summary.sign-up { background: url(../images/summary-sign-up.jpg) no-repeat 520px bottom;  }
	div.summary.support { background: url(../images/summary-support.jpg) no-repeat 650px bottom; padding-right: 340px; }
	
	.services-list { background: url(../images/services-ul.gif) repeat-y; float: left; }
	.services-list li { border-bottom: 1px solid #dadbdc; float: left; width: 434px; height: 120px; padding: 24px 24px 0 0; }
	
	.main { width: 539px; border-right: 1px solid #dadbdc; padding: 9px 16px 0 0; }
	.sub { width: 341px; margin-left: 21px; padding-top: 21px; }
	.thirds { width: 283px; margin-left: 57px; }
	
/** PRICING TABLE **/


	table { width: 100%; margin-top: -20px; }
	table h3 { margin: 0; }
	th, td { border-bottom: 1px solid #dadbdc; border-left: 1px solid #dadbdc; padding: 16px 0 16px 16px; }
	th.no-border, td.no-border { border-left: none; padding: 16px 16px 16px 0; width: 307px; }
	
/** HOW IT WORKS **/

	.step { float: left; padding: 0 20px 0 30px; }
	.step-1 { background: url(../images/step-1.gif) no-repeat; width: 185px; }
	.step-2 { background: url(../images/step-2.gif) no-repeat; width: 179px; }
	.step-3 { background: url(../images/step-3.gif) no-repeat; width: 179px; }
	.step-4 { background: url(../images/step-4.gif) no-repeat; width: 200px; }
	
/** SIGN UP **/

	.sign-up-list { /*background: url(../images/sign-up-list-bg.gif) repeat-y;*/ border-bottom: 1px solid #dadbdc; float: left; }
	.sign-up-list li.subscriptions { /*width: 228px;*/ width: 423px; padding: 0 20px; float: left; /*height: 690px;*/ height: 530px; border-right: 1px solid #dadbdc; position: relative; }
	.sign-up-list li.one-time { float: left; height: 560px; /*height: 690px;*/ /*width: 245px;*/ width: 425px; padding: 0 20px; position: relative; }
	.sign-up-list h4 { font-weight: bold; margin: 13px 13px 0 13px; padding-bottom: 13px; border-bottom: 1px solid #dadbdc; }
	.sign-up-list .sign-up-copy { margin: 16px; }
	.sign-up-list .one-time-container { padding: 17px 0 17px 16px; height: 27px; border-bottom: 1px solid #dadbdc; }
	.sign-up-list .chooseProd { float: left; }
	.sign-up-list p.default { float: left; }
	.sign-up-list select { margin: 3px 6px 0 0; padding: 1px; border: 1px solid #b8b7b7; width: 150px; }

/** SUPPORT **/

	#support-request input, #support-request textarea { padding: 4px; }
	#support-request select { padding: 2px; width: 265px; }
	#support-request li { height: 90px; }
	#support-request li.comment { height: auto; }
	#support-request input { width: 257px; }
	#support-request label { display: block; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; color: #666; }
	#support-request #submit { width: auto; padding: 0; margin-top: 19px; width: 87px; height: 35px; }
	
/** TOUTS **/

	.tout { margin-bottom: 21px; }
	.tout.plans { background: url(../images/tout-plans.jpg); width: 191px; height: 56px; padding: 140px 0 0 150px; }
	.tout.pricing { background: url(../images/tout-pricing.jpg); width: 191px; height: 56px; padding: 140px 0 0 150px; }
	.tout.pricing.bizz { background: url(../images/tout-pricing-bizz.jpg); width: 191px; height: 56px; padding: 140px 0 0 150px; }
	.tout.pricing_chines { background: url(../images/tout-pricing_chines.jpg); width: 191px; height: 56px; padding: 140px 0 0 150px; }
	.tout.bottom { width: 621px; height: 168px; margin-left: auto; margin-right: auto; padding: 30px 38px 20px 244px; position: relative; }
	.tout.bottom.girl { background: url(../images/tout-bottom-girl.jpg); }
	.tout.bottom.guy { background: url(../images/tout-bottom-guy.jpg); }
	.tout.bottom div { position: absolute; top: 105px; left: 370px; width: 350px; }
	.tout.bottom p { position: absolute; top: 139px; left: 710px; }
	
/** BUTTONS **/

	.btn { display: block; text-indent: -9999px; float: left; }
	.btn.large { width: 152px; height: 41px; margin-left: 12px; }
	.btn.large.sign-up { background: url(../images/btn-sign-up-large.gif) no-repeat; }
	.btn.large.learn-more2 { background: url(../images/btn-learn-more2.gif) no-repeat; }
	.btn.large.learn-more { width: 123px; background: url(../images/btn-learn-more-large.gif) no-repeat; }
	.btn.large.learn-more:hover { background-position: -123px; }
	.btn.large.see-how { width: 175px; background: url(../images/btn-see-how-large.gif) no-repeat; }
	.btn.large.see-how:hover { background-position: -175px; }
	.btn.large.service-plans { width: 195px; background: url(../images/btn-service-plans-large.gif) no-repeat; }
	.btn.large.service-plans:hover { background-position: -195px; }
	.btn.large:hover { background-position: -152px; }	

	a.price { display: block; width: 96px; height: 95px; text-indent: -9999px; }
	/*a.price.top { background: url(../images/pricing-99.gif) no-repeat; }
	a.price.mid { background: url(../images/pricing-59.gif) no-repeat; }
	a.price.low { background: url(../images/pricing-19.gif) no-repeat; }
	*/
	/*a.price-top { background: url(../images/pricing-99.gif) no-repeat; display: block; width: 96px; height: 95px; text-indent: -9999px; }*/
	/*a.price-top { background: url(../images/pricing-39.gif) no-repeat; display: block; width: 96px; height: 95px; text-indent: -9999px; }*/
	a.price-top { background: url(../images/pricing-49.gif) no-repeat; display: block; width: 96px; height: 95px; text-indent: -9999px; }
	a.price-mid { background: url(../images/pricing-59.gif) no-repeat; display: block; width: 96px; height: 95px; text-indent: -9999px; }
	a.price-low { background: url(../images/pricing-19.gif) no-repeat; display: block; width: 96px; height: 95px; text-indent: -9999px; }
	a.price-top:hover, a.price-mid:hover, a.price-low:hover { background-position: -96px; }
	
	a.price-sign-up { display: block; width: 227px; height: 69px; text-indent: -9999px; border: 0; }
	a.price-sign-up:hover,
	a.price-sign-up.top:hover,
	a.price-sign-up.mid:hover,
	a.price-sign-up.mid-2:hover,
	a.price-sign-up.top-2:hover { background-position: -227px; }
	a.price-sign-up.top { /*background: url(../images/sign-up-pricing-99.gif) no-repeat;*/ background: url(../images/sign-up-pricing-49.gif) no-repeat; }
	a.price-sign-up.top:hover { background-position: -227px; }
	a.price-sign-up.mid { background: url(../images/sign-up-pricing-59.gif) no-repeat; }
	a.price-sign-up.mid-2 { background: url(../images/sign-up-pricing-59-2.gif) no-repeat; position: absolute; bottom: 0; }
	a.price-sign-up.top-2 { /* background: url(../images/sign-up-pricing-99-2.gif) no-repeat; */ background: url(../images/sign-up-pricing-49-2.gif) no-repeat; position: absolute; bottom: 0; }
	
/** FOOTER **/
	
	#footer { clear: both; width: 963px; padding-top: 25px; text-align: center; }
	#footer li, #footer ul { display: inline; }
	#footer li,
	ul.cam-action-links li { background: url(../images/footer-li-bg.gif) no-repeat right center; }
	#footer li.no-border { background: none; }
	#footer a { color: #767676; font-size: 12px; padding: 0 10px 0 8px; text-decoration: none; }
	
/** NAVIGATION **/
	
	#navigation { background: url(../images/nav-bg.png) no-repeat top left; position: absolute; top: 116px; width: 962px; height: 39px; }
	#navigation li, #site-nav { float: left; }
	#navigation a { display: block; font-size: 12px; line-height: 34px; text-decoration: none; }
	#site-nav li { background: url(../images/nav-li-bg.gif) no-repeat top right; }
	#site-nav a { color: #a7a7aa; padding: 0 32px 5px 32px; }
	#site-nav a:hover { color: #b31e24; }
	#site-nav a.on, #member-nav a { color: #fff; }
	#site-nav a#nav-home.on { background: url(../images/nav-home-on.png) no-repeat; }
	#site-nav a#nav-about.on { background: url(../images/nav-about-on.png) no-repeat; }
	#site-nav a#nav-services.on { background: url(../images/nav-services-on.png) no-repeat; }
	#site-nav a#nav-works.on { background: url(../images/nav-works-on.png) no-repeat; }
	#site-nav a#nav-pricing.on { background: url(../images/nav-pricing-on.png) no-repeat; }
	#site-nav a#nav-support.on { background: url(../images/nav-support-on.png) no-repeat; }
	#member-nav { float: right; margin-right: 7px; }
	#member-nav li.border { background: url(../images/member-nav-li-bg.gif) no-repeat right center; }
	#member-nav a { padding: 0 10px; }
	#member-nav a:hover { color: #fbfae8; }
	#login-link { position: relative; top: -50px; left: 155px; font-size: 12px; float: right; }
	#login-link a { color: #666; font-weight: normal; text-decoration: underline; }
	#login-link a:hover { color: #f1f1f1; }

/** SLIDER **/

	#solutions { width: 963px; height: 303px; margin: 162px 0 35px 0; overflow: hidden; position: relative; z-index: 50; }
	#solutions li.panel { width: 456px; height: 267px; padding: 36px 78px 0 429px; overflow: hidden; }
	#slide-one { background: url(../images/slides/one.jpg) no-repeat 14px bottom; }
	#slide-two { background: url(../images/slides/two.jpg) no-repeat 14px bottom; }
	#slide-three { background: url(../images/slides/three.jpg) no-repeat 14px bottom; }
	#slide-four { background: url(../images/slides/four.jpg) no-repeat 14px bottom; }
	span#left { position: relative; top: -200px; display: block; width: 19px; height: 53px; margin: 0 0 -106px -32px; background: url(../images/slides/left.png); }
	span#right { position: relative; top: -147px; display: block; width: 19px; height: 53px; margin-left: 975px; background: url(../images/slides/right.png); }
	span#left a, span#right a { display: block; width: 19px; height: 53px; outline: none; }
	#left:hover, #right:hover { background-position: -19px; }
	.panel .calls { margin: 30px -75px 0 125px; overflow: hidden; }
		
/** OVERRIDE STYLES **/

	.b-b { border-bottom: 1px solid #dadbdc; }
	.b-t { border-top: 1px solid #dadbdc; }
	.c-b { clear: both; }
	.f-l { float: left; }
	.f-r { float: right; }
	.m-t { margin-top: 12px; }
	.m-t-2 { margin-top: 24px; }
	.m-b { margin-bottom: 12px; }
	.m-l { margin-left: 12px; }
	.m-l-3 { margin-left: 33px; }
	.m-r { margin-right: 12px; }
	.m-0 { margin: 0; }
	.p-t { padding-top: 12px; }
	.p-b { padding-bottom: 12px; }
	.p-b-2 { padding-bottom: 24px; }
	.p-r { padding-right: 12px; }
	.p-l { padding-left: 12px; }
	.normal { font-weight: normal; }
	.strong { font-weight: bold; }
	.gray { color: #666; }
	
/* Accounts page nav top override */

#nav { height:34px;margin-top:20px; }
#nav ul { height:34px; }
#nav ul li { color:#CCCCCC;font-size:12px;font-weight:bold;height:34px;float:left;text-align:center;padding-top:7px; }
#nav ul li.selected { color:#FFFFFF;}