﻿@charset "UTF-8";

/* ----- GENERIC ----- */

* {
	font-family:arial, sans-serif;
}
body {
	padding:0 0 20px;
	font-size:62.5%;
	background:#4c4c4c url(../img/body-bgtile.png) 0 0 repeat-x fixed;
}
/* ----- IDS ----- */

#container {
	width:918px;
	margin:0 auto;
}
#header {
	height:263px;
	/*background:url(../img/header-bg.jpg) top left no-repeat;*/
	margin:45px 0 20px;
	margin:20px 0 20px;
}
#primaryContent.twoCol {
	float:left;
	width:588px;
	margin:0 20px 0 0;
}
#secondaryContent.twoCol {
	float:left;
	width:310px;
}
#secondaryContent #contact-us {
	width:272px;
	height:131px;
	color:#f5f3f6;
	margin:0 0 20px;
	padding:14px 19px;
	background:url(../img/rhcontact-bg.png) 0 0 no-repeat;
}
#register {
/*	width:272px;*/
	color:#f5f3f6;
/*	padding:14px 19px;*/
/*	background:url(../img/register-bg.jpg) center right no-repeat;*/
}

#nav {
	float:left;
	width:702px;
	height:41px;
	font-size:1.3em;
	font-weight:bold;
	margin:49px 0 0;
	background:url(../img/header_nav-bg.png) 0 0 no-repeat;
}
#hero {
	margin:0 0 20px;
	background:url(../img/hero-bgbtm.png) bottom center no-repeat;
}
#hero div {
	padding:17px 26px 16px 20px;
	background:url(../img/hero-bgtop.png) top center no-repeat;
	min-height:240px;
}
#facebook, #twitter {
	width:192px;
	height:28px;
	margin:0 0 20px;
	padding:20px 58px 0;
	border:1px solid #b9b9b9;
	background:#517dd4 url(../img/facebook-bg.png) 0 0 no-repeat;
}
#twitter {
	background:#20b9e1 url(../img/twitter-bg.png) 0 0 no-repeat;
}
#footer {
	width:878px;
	clear:left;
	font-size:1.2em;
	color:#fff;
	padding:22px 20px;
	background:url(../img/footer-bg.png) top center no-repeat;
}

/* ----- CLASSES ----- */


.greybox, .whitebox {
	margin:0 0 20px;
}
.greybox .top, .whitebox .top {
	width:310px;
	height:50px;
	background:url(../img/greybox-bgtop.png) 0 0 no-repeat;
}
.whitebox .top {
	background:url(../img/whitebox-bgtop.png) 0 0 no-repeat;
}
.greybox .mid, .whitebox .mid {
	background:#ebebeb;
	border-left:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
	padding:0 20px;
}
.whitebox .mid {
	background:#fff;
	background:#fff url(../img/register-bg.jpg) center right no-repeat;
}
.greybox .btm {
	width:310px;
	height:10px;
	background:url(../img/greybox-bgbtm.png) 0 0 no-repeat;
}
.whitebox .btm {
	width:310px;
	height:10px;
	background:url(../img/whitebox-bgbtm.png) 0 0 no-repeat;
}
.grey, .white {
	margin:0 0 20px;
}
.plainwhite {
	margin:0 0 20px;
	background:#fff url(../img/contentwhite-bg.png) 0 0 repeat-x;
}
.white .top, .grey .top, .buzz .top, .grey .btm, .buzz .btm {
	width:588px;
	height:43px;
	background:url(../img/contentgrey-bgtop.png) 0 0 no-repeat;
}
.white .top {
	height:50px;
	background:url(../img/contentwhite-bgtop.png) 0 0 no-repeat;
}
.grey .mid, .buzz .mid {
	background:#f6f6f6;
	border-left:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
	padding:20px;
}
.white .mid {
	background:#fff;
	border-left:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
	padding:0 20px;
}

.grey .btm, .buzz .btm {
	height:6px;
	background:url(../img/contentgrey-bgbtm.png) 0 0 no-repeat;
}
.white .btm {
	height:6px;
	background:url(../img/contentwhite-bgbtm.png) 0 0 no-repeat;
}
.plainwhite {
	padding:20px;
	background:#fff;
}
#buzz-news .story, #buzz-press .story, #buzz-think .story {
	border:1px solid #e1e1e1;
	background:#bfbfbf url(../img/buzz-news_story-bg.png) 0 0 repeat-x;
	padding:8px;
	margin:0 0 10px;
}
.story-img {
	float:left;
	width:80px;
	height:80px;
	overflow:hidden;
	margin:0 8px 0 0;
	border:1px solid #ccc;
	background:#c6c6c6;
}
#buzz-press .story { background:#d6d6d6 url(../img/buzz-press_story-bg.png) 0 0 repeat-x;}
#buzz-think .story { background:#ededed url(../img/buzz-think_story-bg.png) 0 0 repeat-x;}
.btmMarg20 { margin-bottom:20px;}
.btmMarg10 { margin-bottom:10px;}

/* ----- HEADINGS ----- */

h1, h2, h3 {
	font-size:2.0em;
	font-weight:bold;
}
#header h1 {
	display:block;
	width:154px;
	height:62px;
	float:left;
	padding:52px 31px 0;
	background:url(../img/header_h1-bg.png) 0 0 no-repeat;
}
#header h1 img { margin-left:4px; }

.greybox h2, .greybox h3 {
	/*
	clear:both;
	color:#333;
	margin:0 0 4px;
	*/
}
.top h2 {
	padding:20px 0 0 20px;
}
#hero h2 {
	color:#fff;
	padding-bottom:10px;
}
#content.buzz h2 {
	color:#666;
	margin:40px 0 16px;
}
.twoCol #contact-us h2 {
	margin:0 0 8px;
}
.twoCol #register h2 {
	color:#333;
	margin:0 0 8px;
}
#content h3 {
	font-size:1.7em;
	font-weight:bold;
	color:#666;
	margin:0 0 10px;
}
#buzz-news h3, #buzz-press h3, #buzz-think h3, .story h4, #buzz-news a, #buzz-press a, #buzz-think a {
	color:#063;
	margin:0 0 12px;
}
h4 {
	font-size:1.4em;
}

.story h4 {
	font-size:1.5em;
	margin:0 0 6px;
}

#buzz-news .story h4 a, #buzz-press .story h4 a, #buzz-think .story h4 a { color:#006633; text-decoration:none; font-size:1.0em; float:none; }
#buzz-news .story h4 a:link, #buzz-press .story h4 a:link, #buzz-think .story h4 a:link { color:#006633; text-decoration:none; }
#buzz-news .story h4 a:visited, #buzz-press .story h4 a:visited, #buzz-think .story h4 a:visited { color:#006633; text-decoration:none; }
#buzz-news .story h4 a:hover, #buzz-press .story h4 a:hover, #buzz-think .story h4 a:hover { color:#006633; text-decoration:none; }
#buzz-news .story h4 a:active, #buzz-press .story h4 a:active, #buzz-think .story h4 a:active { color:#006633; text-decoration:none; }


/* ----- PARAGRAPHS ----- */

#hero p {
	font-size:1.6em;
	line-height:20px;
	color:#fff;
}
.story p {
	font-family:tahoma, sans-serif;
	font-size:1.2em;
	line-height:normal;
	color:#656565;
	margin:0 80px 4px 0;
}
.grey p, .buzz p  {
	font-size:1.3em;
	line-height:1.3em;
	color:#666;
	margin:0 0 8px;
}
#content .date {
	float:right;
	width:auto;
	font-family:arial, sans-serif;
	font-size:1.1em;
	color:#656565;
	margin:0;
}
#flashMessage {
	font-size:1.1em;
	color:#f00;
	margin:10px 0 0;
}
.greybox p {
	font-size:1.4em;
	line-height:18px;
	color:#666;
}
.twoCol #contact-us p {
	width:210px;
	font-size:1.8em;
	line-height:normal;
}
.twoCol #contact-us span {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin:14px 0 0;
}
.twoCol #register p {
	width:150px;
	font-size:1.4em;
	line-height:normal;
	color:#666;
}
#footer div {
	clear:both;
	float:left;
	
}

#footer div p, #footer div a {
	padding-top:6px;
	width:150px;
}
/* ----- LISTS ----- */
#login {
	float:right;
	position:relative;
	top:-108px;
}
#login li {
	float:left;
	font-size:1.1em;
	color:#00573d;
	margin:0 0 0 2px;
	padding:3px 10px;
	background:url(../img/login_a-bg.png) 0 0 repeat-x;
}
#hero-nav {
	width:auto;
	height:37px;
	margin:0 0 0 -4px;
}
#hero-nav li {
	float:left;
	width:143px;
	height:37px;
	font-size:1.1em;
	color:#00573d;
	margin:0 8px 0 0;
	/*background:url(../img/silverbtn-bg.png) 0 0 no-repeat;*/
}
#hero-nav li a { font-size:1.3em; }


#cta-askquestion li, #cta-register li {
	width:143px;
	font-size:1.1em;
	color:#00573d;
	margin:0 8px 0 0;
	padding:10px 0 14px 14px;
	background:url(../img/greenbtn-bg.png) 0 0 no-repeat;
}
#cta-askquestion li, #cta-register li {
	color:#fff;
	margin:10px 0 16px -5px;
}
#cta-register li {
	margin:10px 0 0 -5px;
}
#faqs {
	margin:12px 0 0;
}
#faqs li {
	width:230px;
	line-height:18px;
	padding:0 0 0 20px;
	margin:0 0 10px;
	background:url(../img/faq-li-arrow.gif) 0 1px no-repeat;
}
.grey ul, .grey ol {
	font-size:1.2em;
	color:#666;
	list-style-position:outside;
	margin:8px 0 12px 20px;
}
.grey li {
	line-height:1.3em;
	list-style-type:disc;
	margin:2px 0 8px 8px;
}
.grey ol li {
	list-style-type:decimal;
}
#footer-nav {
	float:left;
	overflow:hidden;
	width:811px;
	font-weight:bold;
	margin:0 0 32px;
}
* html #footer-nav {
	width:808px;
}
#footer-nav li {
	border-left:1px solid #fff;
	float:left;
	line-height:1.1em;
	margin:0 .5em 0 -.5em;
	padding:0 .5em 0 .5em;
}
#footer-group {
	float:right;
	overflow:hidden;
	width:368px;
	margin:0 0 20px;
	padding-top:5px;

}
#footer-group li {
	float:left;
}

/* ----- LINKS ----- */

a { text-decoration:none;}
a:hover { text-decoration:underline;}
.grey a, .buzz a  {
	color:#063;
}
.rootlink {
	color:#98ce18;
}
#login a {
	color:#00573d;
}
#buzz-news .story a {
	float:left;
	font-size:1.1em;
	text-decoration:underline;
	color:#444;

}
#hero-nav a {
	float: left;
	padding:11px 20px 12px 14px;
}
.cta-grey, .cta-green {
	font-size:1.2em;
	font-weight:bold;
	color:#424242;
	padding:0 21px 0 0;
	background:url(../img/cta-arrowgrey.png) center right no-repeat;
}
.cta-green {
	line-height:normal;
	color:#fff;
}

.cta-green {
	background:url(../img/cta-arrowwhite.png) center right no-repeat;
}
#faqs a {
	font-size:1.4em;
	color:#063;
}
#facebook a, #twitter a, #footer a {
	color:#fff;
}
#footer .pagetop {
	font-weight:bold;
	line-height:1.1em;
}
#footer .legal {
	clear:both;
	float:left;
	margin:4px 0 0;
}
#footer-group a {
	float:left;
	height:32px;
	margin:0 15px 0 0;
}
.hsp {
	width:27px;
	background:url(../img/footer-grouplogos.png) 0 0 no-repeat;
}
.hsp:hover { background-position:0 -32px;}
.crayon {
	width:59px;
	background:url(../img/footer-grouplogos.png) -41px 0 no-repeat;
}
.crayon:hover { background-position:-41px -32px;}
.loyalty {
	width:70px;
	background:url(../img/footer-grouplogos.png) -114px 0 no-repeat;
}
.loyalty:hover { background-position:-114px -32px;}
.data {
	width:76px;
	background:url(../img/footer-grouplogos.png) -198px 0 no-repeat;
}
.data:hover { background-position:-198px -32px;}

#footer-group .legends {
	width:76px;
	margin-right:0;
	background:url(../img/footer-grouplogos.png) -287px 0 no-repeat;
}
#footer-group .legends:hover { background-position:-287px -32px;}

/* ----- FORMS ----- */

#SignupAddForm {
	width:478px;
	height:360px;
	font-size:1.2em;
	color:#ccc;
	padding:0 0 0 70px;
	background:#232732 url(../img/SignupAddForm-bg.png) 0 0 repeat-y;
}
* html #SignupAddForm {
	width:476px;
}
.formtop {
	width:548px;
	height:40px;
	background:url(../img/SignupAddForm-bgtop.png) 0 0 no-repeat;
}
* html .formtop {
	width:546px;
}
.formbtm {
	width:548px;
	height:40px;
	background:url(../img/SignupAddForm-bgbtm.png) 0 0 no-repeat;
}
* html .formbtm {
	width:546px;
}
#SignupAddForm input, #SignupAddForm textarea {
	padding:2px;
	border:none;
}
.text label, .textarea label {
	display:inline-block;
	float:left;
	width:80px;
	padding:4px 0 0;
}
textarea {
	font-size:1.1em;
	width:280px;
}
.text input {
	width:220px;
	margin:0 0 16px;
}
.checkbox {
	margin:0 0 8px 76px;
}
.submit input {
	margin:10px 0 0 76px;
}
/* ----- MISC----- */

#container .error {
	color:#f00;
	padding:12px 0;
}
.hidden {
	position:absolute;
	left:0px;
	top:-4000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

#content .noheight { height:auto; }
.normal { font-size:1.2em; }
.paging { font-size:1.2em; text-align:center; padding:5px 0px 5px 0px; }

.paging a:link { color:#006633; text-decoration:none; }
.paging a:visited { color:#006633; text-decoration:none; }
.paging a:hover { color:#006633; text-decoration:underline;}
.paging a:active { color:#006633; text-decoration:none; }

.header0 { background:url(../img/header_0.jpg) top left no-repeat; }
.header1 { background:url(../img/header_1.jpg) top left no-repeat; }
.header2 { background:url(../img/header_2.jpg) top left no-repeat; }
.header3 { background:url(../img/header_3.jpg) top left no-repeat; }
.header4 { background:url(../img/header_4.jpg) top left no-repeat; }
.header5 { background:url(../img/header_5.jpg) top left no-repeat; }
.header6 { background:url(../img/header_6.jpg) top left no-repeat; }

#content li { list-style-image: url(../img/green_bullet.gif); }
