/*
Title:		ADP Microsite
Author:		Daniel Kinsella
written:	06 30 2008
*/

/* universal tags
----------------------------------------- */
#containerNAV {
	padding: 0px;
	margin: 0px;
	width: 620px;
	float: left;
	}
	
#containerNAV a {
	color: #010101;
	padding: 4px 0px 5px 0px;
	margin: 0px 2px 0px 0px;
	background-color: #ddae76;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	float: left;
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	display: inline;
	}
	
#containerNAV a:hover {
	color: #fff;
	background-color: #d02b32;
	}


body {
	margin: 5px 0px 0px 0px;
	font: 12px/18px Arial;
    color: #000000;
	background: #dcc18c url("gfx/bg.gif");
	}
	
#legaltxt {
	line-height: normal;
	text-align: center;
	color: #635e5a;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	font-family: Arial;
	font-size: 11px;
	}

h1 {
	font: 18px Arial;
	color: #981d1d;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
h2 {
	font: 13px/16px Arial;
	font-weight: bold;
	color: #981d1d;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
h3 {
	font: 14px/16px Arial;
	font-weight: bold;
	color: #ddae76;
	margin: 0px;
	padding: 0px;
	}
	
h4 {
	font: 13px/16px Arial;
	font-weight: bold;
	width: 241px;
	height: 16px;
	margin: 0px;
	padding: 5px 10px 5px 15px;
	color: #fff;
	background-color: #631111;
	background-image: url(gfx/h4back.gif);
	background-repeat: no-repeat;
	float: left;
	}
	
h5 {
	font: 14px/16px Arial;
	color: #981d1d;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	}
	
h6 {
	font: 13px/16px Arial;
	color: #fff;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
.h4COPY {
	margin: 0px 0px 10px 0px;
	padding: 10px;
	vertical-align: top;
	float: left;
	background-image: url(gfx/h4COPYback.gif);
	background-repeat: repeat-y;
	width: 244px;
	border: solid 1px #e0d5d5;
 	}
	
#Chartleadmanagement {
	width: 244px;
	height: 183px;
	border: solid 1px #ddae76;
	margin: 0px;
	padding: 0px;
	}
	
#Chartcustomermanagement {
	width: 244px;
	height: 183px;
	border: solid 1px #ddae76;
	margin: 0px;
	padding: 0px;
	}
	
#Chartbusinessmanagement {
	width: 244px;
	height: 183px;
	border: solid 1px #ddae76;
	margin: 0px;
	padding: 0px;
	}
	
#Chartcampaignmanagement {
	width: 244px;
	height: 183px;
	border: solid 1px #ddae76;
	margin: 0px;
	padding: 0px;
	}
	
.credits {
	font: 10px/12px Arial;
	color: #808080;
	font-weight: bold;
	margin: 5px 0px 15px 0px;
	padding: 0px;
	text-align: right;
	}
	
.backbutton {
	font: Arial;
	font-size:11px;
	color: #981D1D;
	font-weight: bold;
	position:relative;
	float:right;
	border: 0px;
	}
	
b {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
p {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	}
	
sup {
	vertical-align: top;
	line-height: normal;
	}
	
#ADPtitle {
	position: relative;
	float: left;
	width: 143px;
	height: 20px;
	margin: 33px 20px 0px 20px;
	padding: 0px;
	border: 0px;
	}
	
#columnLEFT {
	position: relative;
	float: left;
	width: 432px;
	margin: 0px;
	padding: 0px 20px 0px 42px;
	}
	
#columnRIGHT {
	vertical-align: top;
	position: relative;
	float: right;
	width: 266px;
	margin: 0px;
	padding: 0px;
	}
	
#ADPflash {
	float: left;
	width: 760px;
	height: 348px;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	border: 0px;
	}
	
#worktext7 {
	float: left;
	font: 11px/13px Arial;
	color: #fff;
	width: 599px;
	height: 17px;
	position: relative;
	margin: 0px;
	padding: 4px 10px 3px 10px;
	background-color: #601010;
	background-image: url(gfx/subback6.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	}
	
#worktext7 a {
	color: #fff;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-decoration: underline;
	}
	
#worktext7 a:hover {
	text-decoration: none;
	}
	
#subs {
	float: left;
	width: 619px;
	height: 81px;
	position: relative;
	margin: 0px;
	padding: 0px;
	}
		
.salesmanagement a.smactivated,
.targetmarketing a.tmactivated,
.premierpackage a.ppactivated,
.successstories a.ssactivated,
.integration a.intactivated,
.webcrm a.crmactivated,
 {
	color: #fff !important;
	background-color: #d02b32 !important;
}

.salesmanagement a.subactivated,
.targetmarketing a.subactivated
 {
	color: #ffea00 !important;
	text-decoration: none !important;
}
	
#MOREbttnsmall {
	vertical-align: top;
	float: right;
	width: 139px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	}
	
#checkgfx {
	vertical-align: top;
	position: relative;
	float: left;
	width: 40px;
	height: 33px;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	}
	
#FAQgfx {
	position: relative;
	float: right;
	width: 173px;
	height: 83px;
	margin: 0px;
	padding: 20px 0px 10px 5px;
	}
	
a#housegfx {
	position: relative;
	float: left;
	width: 13px;
	height: 13px;
	margin: 0px 5px 5px 0px;
	padding: 0px;
	border: 0px;
	display: block;
	background-image: url(gfx/housegfx.gif);
	}
a#housegfx:hover {
	background-image: url(gfx/housegfx2.gif);
	}
	
#custbullet1 {
	width: 15px;
	height: 15px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	border: 0px;
	}
	
#tag {
	position: relative;
	vertical-align: top;
	float: right;
	width: 131px;
	height: 16px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}
	
#ADPlogotag {
	vertical-align: top;
	position: relative;
	float: right;
	width: 193px;
	height: 37px;
	margin: 0px;
	padding: 13px 20px 0px 0px;
	border: 0px;
	}
	
#containerOuter {
	vertical-align: top;
	position: relative;
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	min-height: 600px;
	}
	
#containerMain {
	vertical-align: top;
	position: absolute;
	width: 760px;
	padding: 13px 20px 0px 20px;
	background: #fff;
	margin: 0px;
	}
	
#containerHEADLINE {
	vertical-align: top;
	width: 715px;
	padding: 15px 20px 10px 25px;
	margin: 0px;
	float: left;
	}
	
#MOREbttn {
	vertical-align: top;
	float: right;
	width: 139px;
	height: 104px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

#logos {
	vertical-align: top;
	width: 125px;
	height: 33px;
	margin: 5px 5px 5px 0px;
	padding: 5px;
	border: solid 1px #635e5a;
	background: none;
	float: left;
	}
	
#containerFOOTER {
	vertical-align: top;
	float: left;
	width: 760px;
	margin: 0px;
	padding: 6px 20px 6px 20px;
	position: relative;
	background-color: #FFF;
	border-top: 1px #b19c72 solid;
	}
	
#containerFOOTER a {
	vertical-align: top;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #7e7769;
	font: normal 10px/14px Arial;
	font-weight: bold;
	}

#containerFOOTER a:hover {
	color: #c60009;
	cursor: pointer;
	}	
		
#containerLEGAL {
	vertical-align: top;
	float: left;
	width: 760px;
	margin: 0px;
	padding: 5px 20px 10px 20px;
	position: relative;
	background: none !important;
	text-align: center;
	font: normal 10px/14px Arial;
	}
	
#spacer {
	vertical-align: top;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	}
	
#hrtop {
	vertical-align: top;
	float: left;
	width: 760px;
	height: 1px;
	margin: 10px 20px 15px 20px;
	padding: 0px;
	background-image: url(gfx/dot.gif);
	background-repeat: repeat-x;
	}
	
#hrbttm {
	vertical-align: top;
	float: left;
	width: 800px; 
	height: 1px;
	margin: 0px;
	padding: 0px;
	background-color: #b19c72;
	}
	
#containerCONTENT {
	vertical-align: top;
	position: relative;
	width: 760px;
	margin: 0px;
	padding: 0px 20px 30px 20px;
	background: #fff;
	min-height: 450px;
	float: left;
	}
	
ul {
	display: block;
	list-style-type: disc;
	padding: 5px 14px 5px 25px;
	margin: 0px;
}

li {
	margin: 0px;
	padding: 0px;
	list-style-type: square;
	}
	
.headline ul {
	font: 13px/16px Arial;
	font-weight: bold;
	font-style: italic;
	color: #d02b32;
	display: block;
	list-style-image: url(gfx/custbullet2.gif);
	padding: 0px 14px 0px 14px;
	margin: 0px;
}

.headline li {
	font: 13px/16px Arial;
	font-weight: bold;
	font-style: italic;
	color: #d02b32;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	list-style-image: url(gfx/custbullet2.gif);
	}
	
.image ul {
	display: block;
	list-style-image: url(gfx/custbullet2.gif);
	padding: 0px 14px 0px 14px;
	margin: 0px;
}

.image li {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	list-style-image: url(gfx/custbullet2.gif);
	}
	
#ADPmoreimg {
	vertical-align: top;
	position: relative;
	float: left;
	width: 179px;
	height: 134px;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	background-color: #FFF;
	border: 0px;
	}
	
a.image-buttons {
	text-decoration: none;
	border: 0px;
	}
	
a {
	text-decoration: underline;
	color: #981d1d;
	font-weight: bold;
	}
	
a:hover {
	text-decoration: none;
	}
ul.introbullets {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 14px 5px 14px;
}
.introbullets li {
	list-style-type: none;
	line-height: 17px;
	font-style: italic;
	font-weight: bold;
	color: #666666;
	padding-bottom: 5px;
}

#headerContainer {
	background-color: #FFFFFF;
	display: block;
	position: relative;
	float:left;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 500;
	cursor: hand;
	cursor: pointer;
	text-align:center;
	font-weight:bold;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font-size:14px;
	font-weight:bold;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
	padding: 5px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 500;
}