﻿/*
	Color Legend:
	Color 1:	Red
	Color 2:	Blue
	Color 3:	Green
*/

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0px;
     padding: 0px;
     border: 0px;
}

body {
	background-color: #49453f;
	color: #333;
	font: 12px Arial;
}

#container {
	margin: 0px auto 10px auto;
	width: 960px;
	background-color: #fff;
}

.thankyouMsg {
	font: 16px Arial;
	color: #109fd3;
}

#branding {
	width: 100px;
	height: 85px;
}

#distributorBranding{
	width: 140px;
	height: 85px;
}
#distributorTable
{
	width: 860px;
	height: 85px;
}

#logo {
	background: url(/assets/images/layout/logo.gif) no-repeat;
	width: 200px;
	height: 85px;
	display: block;
}
#distributorLogo {
	background: url(/assets/images/logo/abc_logo_large.gif) no-repeat;
	width: 100px;
	height: 85px;
	display: block;
	margin: 15px 0 0 15px
}
#distributorSmallLogo {
	width: 80px;
	height: 60px;
}
#distributorLargeLogo {
	width: 150px;
	height: 80px;
	display: block;
	margin: 7px 7px 7px 7px
}

#slogan {
	background: url(/assets/images/titles/slogan.gif) no-repeat;
	width: 560px;
	height: 47px;
	margin: 10px 0 18px 30px;
}

#navContainer {
	width: 685px;
	height: 25px;
	background: url(/assets/images/nav/nav-background.gif) no-repeat;
	padding: 9px 0 0 275px;
}

#nav li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#nav li a {
	font: bold 12px Arial;
	color: #e1e1e1;
	text-decoration: none;
}

#nav li a.blue {
	color: #00acec;
}

#nav li a:hover, #nav li a.active {
	color: #ec8c20;
}

#subnav {
	margin: 0px 0px 25px 25px;
}

#subnav li {
	list-style-type: none;
	padding: 3px;
	margin-left: 20px;
}

#subnav li.expand {
	margin-left: 0px;
}

#subnav li.expand a {
	background: url(/assets/images/layout/plus.gif) 3px 3px no-repeat;
	padding-left: 20px;
}

#subnav li.expand {
	margin-left: 0px;
}

#subnav li.expand li a {
	background: none;
	padding-left: 0;
}

#subnav li li {
	margin-left: 20px;
}

#subnav li a {
	font: 14px Arial;
	color: #333;
	text-decoration: none;
}

#subnav li a:hover, #subnav li a.active {
	color: #cb7929;
}

#solutions {
	width: 189px;
	height: 287px;
	float: left;
	background: url(/assets/images/tabs/tabs.gif) no-repeat;
	position: relative;
}

#solutions li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	width: 189px;
	display: block;
}

#solutions a {
	width: 189px;
	height: 100%;
	display: block;
	text-decoration: none;
}

#solutions #hiring {
	top: 20px;
	height: 82px;
}

#solutions #coaching {
	top: 102px;
	height: 82px;
}

#solutions #succession {
	top: 184px;
	height: 82px;
}

#solutions #hiring a:hover, #solutions #hiring a.active {
	background: transparent url(/assets/images/tabs/tabs.gif) -189px -20px no-repeat;
}

#solutions #coaching a:hover, #solutions #coaching a.active {
	background: transparent url(/assets/images/tabs/tabs.gif) -189px -102px no-repeat;
}

#solutions #succession a:hover, #solutions #succession a.active {
	background: transparent url(/assets/images/tabs/tabs.gif) -189px -184px no-repeat;
}

.solutionsActivator {
	cursor: pointer;
}

.solutionsContent {
	width: 685px;
	height: 145px;
	float: left;
	padding: 142px 0 0 86px;
	-padding: 142px 2px 0 86px;
	-width: 680px;
}

.solutionsContent p {
	width: 360px;
	height: 90px;
	font: 12px Arial;
}

.learnMoreButton {
	background: url(/assets/images/buttons/button-learnmore.gif) no-repeat;
	display: block;
	width: 101px;
	height: 32px;
}
.learnMoreButtonLarge {
	background: url(/assets/images/buttons/button-learnmore_large.gif) no-repeat;
	display: block;
	width: 186px;
	height: 60px;
	float: none;
	margin-top: 10px;
}
.returnDistributorButton {
	background: url(/assets/images/buttons/button-returntohomepage.gif) no-repeat;
	display: block;
	width: 186px;
	height: 32px;
}

#hiringRetention {
	background: url(/assets/images/tabs/tab1-background.jpg) no-repeat;
}

#coachingTraining {
	background: url(/assets/images/tabs/tab2-background.jpg) no-repeat;
}

#successionPlanning {
	background: url(/assets/images/tabs/tab3-background.jpg) no-repeat;
}

#content {
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
}

#titleContainer {
	width: 960px;
	height: 79px;
	border-bottom: 1px solid #e1e1e1;
}

.title {
	margin: 29px 0 0 45px;
	height: 35px;
	float: left;
}

.productsSolutionsTitle 
{
	margin: 29px 0 0 45px;
	width: 255px;
	height: 35px;
	float: left;
	background: url(/assets/images/titles/title-productssolutions.gif) no-repeat;
}
.prevueScienceTitle 
{
	margin: 29px 0 0 45px;
	width: 255px;
	height: 35px;
	float: left;
	background: url(/assets/images/titles/title-prevuescience.gif) no-repeat;
}

.aboutUsTitle 
{
	margin: 29px 0 0 45px;
	width: 144px;
	height: 35px;
	float: left;
	background: url(/assets/images/titles/title-contactus.gif) no-repeat;
}

.brochuresTitle
{
	margin: 29px 0 0 45px;
	width: 255px;
	height: 35px;
	float: left;
	background: url(/assets/images/titles/title-resourcelibrary.gif) no-repeat;
}

#clientsTitle {
	background: url(/assets/images/titles/title-clients.gif) no-repeat;
	width: 91px;
}


#contactUsTitle {
	background: url(/assets/images/titles/title-contactus.gif) no-repeat;
	width: 144px;
}

#myAccountTitle {
	background: url(/assets/images/titles/title-myaccount.gif) no-repeat;
	width: 144px;
}

#trial {
	display: block;
	width: 169px;
	height: 79px;
	background: url(/assets/images/buttons/button-30day.gif) no-repeat;
	float: left;
	visibility: hidden;
	vertical-align: bottom;
}

#howPrevueWorks {
	display: inline;
	width: 169px;
	height: 75px;
	background: url(/assets/images/buttons/button-howworks.gif) no-repeat;
	float:right;
	margin: 0px -2px 0px 0px;
}

#hiringVideo
{
	display: block;
	width: 169px;
	height: 79px;
	background: url(/assets/images/buttons/watch-the-video.png) no-repeat;
	float: none;
}

#companyTrial {
	display: block;
	width: 169px;
	height: 79px;
	background: url(/assets/images/buttons/company-trial.png) no-repeat;
	float: none;
}


#primaryContent {
	float: left;
	width: 618px;
	margin: 15px 0 30px 0;
}

/* added by JCR for landing pages */
#landingContent {
	float: right;
	width: 960px;
}
/* end additional landing page styles */	

#primaryContent2
{
	float: left;
	width: 618px;
	padding-bottom: 350px;
	margin: 100px 0px 100px 240px;
}

#primaryContent.thin {
	width: 380px;
	margin-right: 32px;
}

.contentColumn {
	float: left;
	width: 168px;
	margin: 15px 12px 30px 0px;
	background: #ECECEC url(/assets/images/layout/column-background.gif) no-repeat;
	padding: 17px 16px;
	font-size: 12px;
}

#content .box {
	background: url(/assets/images/layout/box-background.gif) no-repeat;
	border: 1px solid #d7d7d7;
}

#content .box h1 {
	margin-bottom: 15px;
	height: auto;
}


#secondaryContent {
	float: left;
	width: 199px;
	margin: 15px 86px 30px 0;
}

#primaryContent h1, #secondaryContent h1 {
	font: 20px Arial;
	color: #cb7929;
	margin-bottom: 10px;
}

.contentColumn a h1, .contentColumn a {
 	text-decoration: none;
	cursor: pointer;
}

.contentColumn h1, .contentColumn h4 {
 	font: 18px Arial;
	color: #f1912b;
 	margin-bottom: 45px;
	height: 40px;
}

.contentColumn h4 {
	font-size: 13px;
}

.contentColumn .moreInfoButton {
	display: block;
	background: url(/assets/images/buttons/button-moreinfo-greyback.gif) no-repeat;
	width: 101px;
	height: 32px;
	margin: 0px auto;
}

#primaryContent h2, #secondaryContent h2 {
	font: 22px Arial;
	color: #109fd3;
	margin-bottom: 10px;
}

#primaryContent h3, #secondaryContent h3 {
	font: 18px Arial;
	color: #cb7929;
	margin-bottom: 10px;
}

#primaryContent .tryNowButton, #primaryContent .buyNowButton, #primaryContent .startNowButton, #primaryContent .viewNowButton  {
	display: block;
	width: 102px;
	height: 32px;
	margin-bottom: 15px;
}

#primaryContent .tryNowButton {
	background: url(/assets/images/buttons/button-trynow.gif) no-repeat;
}

#primaryContent .buyNowButton {
	background: url(/assets/images/buttons/button-buynow.gif) no-repeat;
}

#primaryContent .startNowButton {
	background: url(/assets/images/buttons/button-startnow.gif) no-repeat;
}

#primaryContent .viewNowButton {
	background: url(/assets/images/buttons/button-viewnow.gif) no-repeat;
}


#primaryContent p, .contentColumn p {
	margin-bottom: 15px;
}

.contentColumn p strong {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
}

#primaryContent ul, .contentColumn ul {
	margin-bottom: 15px;
	list-style: none;
	border-bottom: 1px solid #d7d7d7;
}

#primaryContent .report, .contentColumn .report, #primaryContent .contact, .contentColumn .contact {
	padding: 8px 8px 8px 32px;
	display: block;
	margin-bottom: 15px;
	border: 1px solid #d7d7d7;
	color: #333;
	text-decoration: none;
}

#primaryContent .report:hover, .contentColumn .report:hover, #primaryContent .contact:hover, .contentColumn .contact:hover {
	color: #cb7929;
}

#primaryContent .report, .contentColumn .report {
	background: #fff url(/assets/images/buttons/report-button.gif) no-repeat;
}

#primaryContent .contact, .contentColumn .contact {
	background: #fff url(/assets/images/buttons/contact-button.gif) no-repeat;
}

#primaryContent ul li, .contentColumn ul li {
	margin-bottom: 3px;
	border-top: 1px solid #d7d7d7;
	padding: 5px 15px 5px 30px;
	background: url(/assets/images/layout/bullet-level1.gif) 12px 8px no-repeat;
}

.contentColumn ul li {
	background: url(/assets/images/layout/bullet-level1-greyback.gif) 12px 8px no-repeat;
}

#primaryContent ul li li {
	background: url(/assets/images/layout/bullet-level2.gif) 12px center no-repeat;
	padding-top:5px;
	border: 0;
}

#primaryContent ul li ul {
	margin: 8px 0px 0px 0px;
	border :0;
}


#secondaryContent .arrowSubNav li  {
	background: url(/assets/images/layout/bullet-level2.gif) 7px 6px no-repeat;
	padding-left:20px;
}

.contentColumn ul li li {
	background: url(/assets/images/layout/bullet-level2-greyback.gif) 12px 8px no-repeat;
}

#primaryContent ol, .contentColumn ol {
	margin-bottom: 15px;
	list-style-position: inside;
	border-bottom: 1px solid #d7d7d7;
}

#primaryContent ol.orderedHeadingList {
	font: 18px Arial;
}

#primaryContent ol li, .contentColumn ol li {
	margin-bottom: 3px;
	border-top: 1px solid #d7d7d7;
	padding: 5px 15px;
	color: #109fd3;
}

#primaryContent ol li .orderItem, .contentColumn ol li .orderItem {
	color: #333;
	font: 12px Arial;
}

#primaryContent a, .contentColumn a {
	color: #cb7929;
}

#primaryContent strong.blue {
	display: inline;
	font: 18px Arial;
	color: #109fd3;
	text-transform: uppercase;
}

#primaryContent blockquote {
	background: url(/assets/images/layout/box-background.gif) no-repeat;
	border: 1px solid #d7d7d7;
	padding: 20px;
	margin-bottom: 15px;
}

#primaryContent blockquote p {
	font: 14px Arial;
	margin: 0px;
}

#primaryContent blockquote .author {
	font-style: italic;
	display: block;
	margin-top: 15px;
}

#primaryContent #newsList {
	border: none;
}

#primaryContent #newsList li {
	background: url(/assets/images/layout/box-background.gif) no-repeat;
	border: 1px solid #d7d7d7;
	padding: 20px;
	margin-bottom: 15px;
}

#primaryContent #newsList .date {
	font-weight: bold;
	color: #109fd3;
	display: block;
	margin-bottom: 10px;
}


#secondaryContent hr, #primaryContent hr {
	height: 1px;
	color: #e1e1e1;
	background-color: #e1e1e1;
	width: 100%;
	margin-bottom: 10px;
	display: block;
	border: none;
}

#primaryContent hr {
	margin-bottom: 15px;
}

#secondaryContent .section {
	width: 144px;
	margin: 0px 0px 10px 45px;
}

#secondaryContent .section p {
	margin-bottom: 10px;
}

#secondaryContent #contact {
	display: block;
	background: url(/assets/images/buttons/button-contact.gif) no-repeat;
	width: 101px;
	height: 21px;
}

#secondaryContent #signUp {
	display: block;
	background: url(/assets/images/buttons/button-signup.gif) no-repeat;
	width: 101px;
	height: 21px;
}

#content #left, #content #center, #content #right {
	float: left;
	padding: 12px 0 32px 0;
}

#content #left, #content #right {
	width: 327px; 
	font: 12px Arial;
}

#content #left p {
	margin: 15px 0 15px 46px;
	width: 235px;
	line-height: 16px;
}

#content #left .learnMoreButton {
	margin-left: 46px;
}


#content #center, #content #right {
	background: url(/assets/images/layout/contentcol-shadow.gif) no-repeat top left;
}

#content #left h2 {
	background: url(/assets/images/titles/title-about.gif) no-repeat;
	width: 251px;
	height: 18px;
	margin: 0px 0px 0px 46px;
}

#content #left h2 a {
	display: block;
	width: 251px;
	height: 18px;
}

#content #center {
	width: 306px;
}

#content #center h2 {
	background: url(/assets/images/titles/title-whyuseprevue.gif) no-repeat;
	width: 200px;
	height: 20px;
	margin: 0px 0px 15px 41px;
}

#content #center h2 a {
	display: block;
	width: 200px;
	height: 20px;
}

#content #left #howContainer {
	padding-bottom: 34px;
	background: url(/assets/images/layout/content-shadow-seperator.gif) bottom left no-repeat;
}

#content #left #how {
	background: url(/assets/images/buttons/button-howprevuworks.gif) no-repeat;
	display: block;
	width: 164px;
	height: 46px;
	margin: 0px 0px 0px 85px;
}

#content #center ul {
	margin: 15px 0 0 41px;
	width: 224px;
}

#content #center ul li {
	list-style-type: none;
	background: url(/assets/images/icons/arrow-orange.gif) no-repeat 0 50%;
	padding: 5px 0 5px 30px;
	font: 14px Arial;
	color: #333;
}

#content #right h2 {
	background: url(/assets/images/titles/title-news.gif) no-repeat;
	width: 56px;
	height: 18px;
	margin: 0px 0px 15px 46px;
}

#content #right h2 a {
	display: block;
	width: 56px;
	height: 18px;
}

.newsItem {
	width: 235px;
	margin: 0px 0px 15px 46px;
}

.newsItem .date {
	width: 33px;
	height: 52px;
	border: 1px solid #e1e1e1;
	font: 12px Arial;
	text-align: center;
	margin-right: 20px;
	float: left;
}

.newsItem a {
	color: #00acec;
}

.newsItem .date .month {
	height: 18px;
}

.newsItem .date .day {
	font: 24px Georgia;
	color: #00acec;
	border-top: 1px solid #e1e1e1;
}

.newsItem p {
	width: 180px;
	float: left;
	line-height: 16px;
	margin: 0px 0px 15px 0px;
}

#driverText{
	font-size:11px;
	padding-left:30px;
}

#siteInfo {
	width: 915px;
	height: 70px;
	padding: 45px 45px 0px 0px;
	background-color: #282621;
}

#siteInfo ul {
	text-align: right;
	width: 100%;
	margin-bottom: 5px;
}

#siteInfo li {
	display: inline;
	list-style-type: none;
	padding-left: 10px;
	font: 10px Arial;
	color: #fff;
}

#siteInfo li a {
	font: 10px Arial;
	color: #fff;
	text-decoration: none;
}

#siteInfo li a:hover {
	color: #fff;
	text-decoration:underline;
}

.left {
	float: left;
}

.right {
	float: right;
}

/* Scales Matrix */
.scalesMatrix {
	width: 616px;
	background: url(/assets/images/layout/box-background.gif) no-repeat;
	border: 1px solid #d7d7d7;
	margin-bottom: 15px;
}

.scalesMatrix td {
	padding: 10px;
	vertical-align: top;
	width: 263px; 
}
a
.scalesMatrix td strong {
	font: 18px Arial;
	color: #109fd3;
}


/* Clients and testimonials */

#clientTestimonialContainer {
	width: 618px;
}

#clients {
	width: 300px;
	float: left;
	margin-right: 18px;
}

#clientListContainer {
	background: url(/assets/images/layout/box-background.gif) no-repeat;
	padding: 20px 0px 20px 20px;
	width: 576px;
	border: 1px solid #d7d7d7;
}

.clientList {
	width: 268px;
	margin-right: 20px;
	float: left;
}

#howPrevueWorksContent  p {
	margin-left: 21px;
}

#websiteBy{
	display: block;
	width: 150px;
	font: 10px Arial;
	color:#999;
	margin: 0px auto 10px auto;
	text-align: center;
	text-decoration: none;
}

/* Clients Tesimonial Slider */
#testimonials {
	width: 300px;
	float: left;
}

#testimonialSliderContainer {
	height: 280px;
	width: 300px;
	position: relative;
	overflow: hidden;
}

#testimonialSliderContainer blockquote {
	width: 258px;
	top: 280px;
	position: absolute;
	left: 0px;
}

#contactForm .text input {
	width: 180px;
}

#contactForm .textBoxMultiLine {
	width: 250px;
	font-family: Arial;
}





/* Clear fix */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear{
	height: 1%;
}
.clear {
	display: block;
}
/* End hide from IE-mac */