@import url("blueprint/screen.css");

body {
	background: #abdebe url(images/global/body.jpg) top center no-repeat; 
	font-family: "Lucida Grande", "Helvetica Neue", Calibri, sans-serif;
	color: #211b15;
	margin: 10px 0 0 0;
}

h1,h2,h3,h4,h5 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Calibri, sans-serif;
	font-weight: 300;
}

/* @group Typography */

div.quotes p,
p.testimonial {
	background: url(images/home/quote.png)0 10 px no-repeat; 
	font-family: "Hoefler Text", Garamond, Constantia, Cambria, Georgia, serif;
	font-size: large;
	font-style: italic;
	padding: 1.5em 0 0 1.5em;
}

span.source {
	display: block;
	font-size: .6em;
	letter-spacing: .1em;
	margin-top: 5px;
	text-align: right;
	text-transform: uppercase;
}

/* @end */

a.cta {
	color: #ff8d23 !important;
}

div.container {
	background: #fff;
	position: relative;
}

.active {
	visibility: visible !important;
}

a {
	color: #354dfc;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}

a.more {
	background: url(images/global/link-arrow.gif) right center no-repeat;
	color: #007934;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-right: 8px;
	margin-left: 5px;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
}

a.landing,
a.landing:hover {
	color: #211B15;
	cursor: text;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

a.button {
	display: block;
	text-indent: -9999px;
}

a.signup-small {
	background: url(images/global/signup-small.png)0 0 no-repeat;  
	height: 39px;
	width: 111px;
}

a#logo {
	background: url(images/global/logo.png);
	height: 80px;
	width: 194px;
	position: absolute;
	left: 0;
}

.last {
	margin: 0;
}

ul.tabs {
	list-style: none;
	margin: 0;
}

ul.tabs a {
	float: left;
	outline: none;
	text-indent: -9999px;
}

div.header,
div.footer {
	margin: 0 auto;
	position: relative;
	width: 950px;
}

/* @group Header */

div.header {
	height: 85px;
	z-index: 20;
}

/* @group Login Box */

div.header fieldset {
	border: none;
	color: #6fbc8e;
	font-family: "Lucida Grande", verdana, sans-serif;
	font-size: .8em;
	text-align: right;
	padding: 0;
}

div.header fieldset a {
	color: #6fbc8e;
	font-weight: bold;
}

div.header fieldset span {
	border-right: 1px dotted #c8d5d0;
	padding-right: 12px;
}

div.header fieldset label {
	margin: 0 8px;
}

div.header fieldset label input {
	border: 1px solid #eff5f3;
	background: #f8fefc;
}

/* @end */

/* @group Tabs */

body.features a#tab-features,
body.solutions a#tab-solutions,
body.blog a#tab-edu,
body.about a#tab-about {
	opacity: 1.0;
}

div.header ul.tabs {
	height: 26px;
	position: absolute;
	top: 55px;
	right: 0;
	width: 424px;
}

div.header ul.tabs a {
	height: 25px;
	margin-left: 30px;
	opacity: 0.5;
}

div.header ul.tabs a:hover {
	opacity: 0.7;
}

div.header ul.tabs a#tab-features {
	background: url(images/global/tab-features.png) no-repeat; 
	margin: 0;
	width: 86px;
}

div.header ul.tabs a#tab-solutions {
	background: url(images/global/tab-solutions.png) no-repeat; 
	width: 138px;
}

div.header ul.tabs a#tab-edu {
	background: url(images/global/tab-edu.png) no-repeat; 
	width: 47px;
}

div.header ul.tabs a#tab-about {
	background: url(images/global/tab-about.png) no-repeat; 
	width: 63px;
}

/* @end */

/* @end */

/* @group Footer */

p.legal {
	clear: both;
	margin: 10px 0;
	text-align: center;
}

p.legal span {
	display: none;
}

body.home span#pcmag-logo-legal,
body#page-awards span#pcmag-quote-legal {
	display: inline;
}

div.footer {
	background: #FFFFFF; 
	color: #6fbc8e;
	font-size: 0.8em;
	line-height: 1.8em;
	
	
}

div.footer a,
div.footer a:hover {
	color: #6fbc8e;
}

div.footer ul {
	float: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 20%;
}

div.footer ul.first {
	text-indent: 40px;
}

div.footer ul ul {
	float: none;
	font-weight: normal;
	width: 100%;
}

div.footer img {
	float: left;
}

img#verisign {
	margin: 10px 50px 5px 199px;
	height: 68px;
	width: 124px;
}

img#truste {
	margin: 10px 50px 5px 0;
	height: 68px;
	width: 160px;
}

img#hackersafe {
	height: 30px;
	margin: 27px 0 5px 0;
	width: 115px;
}

/* @end */



/* @group Features/Solutions */

div.side-menu {
	background: transparent url(images/global/side-menu.jpg) no-repeat scroll 0 0;
	height: 797px;
}

div.side-menu h2 {
	height: 40px;
	margin: 40px 0 20px 40px;
	text-indent: -9999px;
	width: 150px;
}

div.side-menu ul {
	color: #222;
	font-size: 1.2em;
	line-height: 2.4em;
	list-style-type: none;
	margin: 0;
	text-indent: 3em;
}

/* @group Selected State */

body.features#page-features li#tab-setup,
body.features#page-security li#tab-security,
body.features#page-auto li#tab-auto,
body.features#page-anywhere li#tab-anywhere,
body.features#page-spending li#tab-spending,
body.features#page-budget li#tab-budget,
body.features#page-save li#tab-save,
body.features#page-alerts li#tab-alerts,
body.features#page-fees li#tab-fees,
body.features#page-debt li#tab-debt,
body.features#page-protect li#tab-protect,
body.solutions#page-solutions li#tab-debt,
body.solutions#page-car li#tab-car,
body.solutions#page-student li#tab-student,
body.solutions#page-retire li#tab-retire,
body.solutions#page-food li#tab-food,
body.solutions#page-budget li#tab-budget {
	background: url(images/global/side-menu-tab.png) right 8px no-repeat;
	line-height: 55px;
}

body.features#page-features li#tab-setup a,
body.features#page-security li#tab-security a,
body.features#page-auto li#tab-auto a,
body.features#page-anywhere li#tab-anywhere a,
body.features#page-spending li#tab-spending a,
body.features#page-budget li#tab-budget a,
body.features#page-save li#tab-save a,
body.features#page-alerts li#tab-alerts a,
body.features#page-fees li#tab-fees a,
body.features#page-debt li#tab-debt a,
body.features#page-protect li#tab-protect a,
body.solutions#page-solutions li#tab-debt a,
body.solutions#page-car li#tab-car a,
body.solutions#page-student li#tab-student a,
body.solutions#page-retire li#tab-retire a,
body.solutions#page-food li#tab-food a,
body.solutions#page-budget li#tab-budget a,
body.about#page-about div.side-menu ul li li#menuitem-product a,
body.about#page-awards div.side-menu ul li li#menuitem-awards a,
body.about#page-reviews div.side-menu ul li li#menuitem-reviews a,
body.about#page-videos div.side-menu ul li li#menuitem-video a,
body.about#page-testimonials div.side-menu ul li li#menuitem-testimonials a,
body.about#page-company div.side-menu ul li li#menuitem-history a,
body.about#page-team div.side-menu ul li li#menuitem-team a,
body.about#page-board div.side-menu ul li li#menuitem-board a,
body.about#page-investors div.side-menu ul li li#menuitem-investors a,
body.about#page-jobs div.side-menu ul li li#menuitem-jobs a,
body.about#page-privacy div.side-menu ul li li#menuitem-safe a,
body.about#page-faq div.side-menu ul li li#menuitem-sfaq a,
body.about#page-security-tech div.side-menu ul li li#menuitem-tech a,
body.about#page-security-policy div.side-menu ul li li#menuitem-privacy a,
body.about#page-terms div.side-menu ul li li#menuitem-terms a,
body.about#page-press div.side-menu ul li li#menuitem-press a,
body.about#page-photos div.side-menu ul li li#menuitem-gallery a  {
	color: #007934;
}

/* @end */

div.side-menu ul a {
	color: #382d24;
}

div.side-menu ul a:hover {
	color: #000;
	text-decoration: none;
}

div.row {	
	background: url(images/global/dotted.png) top no-repeat;	
	clear: both;
	padding: 15px 0 0 0;
}

img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
}


/* @end */