﻿p {
	font:1.1em/1.3em arial,helvetica,sans-serif;
	color:#4D4F53;
}

#wrapper {
	width:100%;
	text-align:center;	
}

#content {
	width:900px;
	margin:auto;
	text-align:left;	
}

/* HEADER ************************************************************************/

#header {
	height:86px;
	border-bottom:1px solid #D8DAD0;	
}

h1 {
	background:url(/Content/images/payroll/logo.gif) 0 0 no-repeat;	
	width:170px;
	height:86px;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
.payrollPage h1 {
	background:url(/Content/images/payroll/logo-payroll.gif) 0 0 no-repeat;	
}

h2 {
	background:url(/Content/images/payroll/number1Choice.gif) 0 0 no-repeat;	
	width:208px;
	height:86px;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;	
}

#header h3 { color: #000000; display: inline; float: right; font-size: 1.9em; margin: 30px 15px 0 0; }
#header p { color: #00a1de; clear: right; display: inline; float: right; font-size: 1.4em; font-weight: bold; margin-right: 15px; }

/* FEATURE ***********************************************************************/

img#feature { float:left; display:inline; }

#featureDiv {
  background: url("/Content/images/payroll/feature_Payroll_bg.jpg") no-repeat 0 0;
  height: 309px;
  overflow: auto;
}

#featureDiv h3 { margin:31px 0 2px 405px; }
#featureDiv h4 { margin:0 0 14px 405px; }
#featureDiv p { margin:0 0 13px 405px; }
#featureDiv p.link {
	float: right;
	display: inline;	
	margin: 14px 6px 13px 0px;
}
#featureDiv p.link a { padding-top:4px; height:20px; }

/* BOTTOM TWO COLUMNS ************************************************************/

#colA {
	width:610px;
	float:left;
	display:inline;	
}

#colB {
	width:280px;
	float:right;
	display:inline;		
}

/* LEFT COLUMN ***********************************************/

.box610top {
	height:6px;
	width:610px;	
	background:url(/Content/images/payroll/box610_top.gif) 0 0 no-repeat;
}

.box610bot {
	height:6px;
	width:610px;	
	background:url(/Content/images/payroll/box610_bot.gif) 0 0 no-repeat;
	margin-bottom:10px;
}

.box610 {
	width:608px;
	border-left:1px solid #D8DAD0;
	border-right:1px solid #D8DAD0;
}

.box610.noTable {
	padding:21px 25px 24px 19px;
	width:564px;	
}

h3 {
	color:#00338D;
	font: bold 2em/1.2em arial,helvetica,sans-serif;	
	margin-bottom:6px;
}

h4 {
	color:#00A1DE;
	font: bold 1.6em/1.2em arial,helvetica,sans-serif;
	margin-bottom:20px;	
}

.box610.noTable p,
#featureDiv p {
	font-size:1.2em;	
	line-height:1.4em;
}

/* TABLE *********************************/

blockquote { 
	color:#00A1DE; 
	margin-bottom:20px;
}

img.topQuote { margin-right:5px; }
img.bottomQuote { margin-left:5px; }

.box610top.divTable {	
	background:url(/Content/images/payroll/box610_topTable.gif) 0 0 no-repeat;
}

.box610bottom {	
	height:6px;
	width:610px;
	margin-bottom:10px;
	background:url(/Content/images/payroll/box610_botTable.gif) 0 0 no-repeat;
}

.payrollPage .box610top.divTable {	
	background:url(/Content/images/payroll/box610_topTable2.gif) 0 0 no-repeat;
	height:5px;
}

.payrollPage .box610bottom {	
	height:6px;
	width:610px;
	margin-bottom:10px;
	background:url(/Content/images/payroll/box610_botTable2.gif) 0 0 no-repeat;
}

th, td { 
	font-size:11px; 
	line-height:14px;
	font-weight:bold; 
	border:1px solid #D8DAD0; 
	color:#4D4F53;
}

td {
	height:50px;
	text-align:center;	
	vertical-align:middle;
}

.table_bottom td { border-bottom:0px; }

th { 
	text-align:center; 
	padding:10px 0;
	border-top:0px;
}

th.nocenter p { 
	text-align:left; 
	color:#00A1DE;
	font-size:1em; 
}

th p { 
	font-weight:bold; 
	text-align:center; 
}

.payrollPage th { padding:12px 0; }

td.text, th.text {
	text-align:left;
	padding:0 20px;	
	font-weight:normal;
	line-height:16px;
	border-left:0px;
}

.payrollPage td.text { padding:0 40px 0 20px; }

th p.price { 
	font-size:18px; 
	line-height:18px;
	font-weight:bold;
	margin-bottom:5px;
}
th p.price small { color: #4d4f53; line-height: 0; font-size: 10px; }
th p.price strike { font-size: 16px; line-height: 0; }
th p.trial { margin-bottom:12px; margin-top: 12px; }
th p sup { bottom: 0.6em; font-size:10px; line-height: 0; }
th a {
	color:#008469;
	text-decoration:underline;
	margin-top:10px;
	font-weight:bold;	
}

.first, .first p { color:#E98300; }
.payrollPage .first, .payrollPage .first p { color:#00338D; }
.pro, .pro p { color:#00A1DE; }
.payrollPage .pro, .payrollPage .pro p { color:#5E172D; }
.payrollPage .pro { border-right:0px; }
.premium, .premium p { color:#9E3039; border-right:0px; }

/* RIGHT COLUMN **********************************************/

h5.act { background:url(/Content/images/payroll/txt_ActNow.gif) 0 0 no-repeat; width:62px; }
h5.learn { background:url(/Content/images/payroll/txt_LearnMore.gif) 0 0 no-repeat; width:78px; }
h5.hst { background:url(/Content/images/payroll/txt_HST.gif) 0 0 no-repeat; width:81px; height:16px; }
h5.own { background:url(/Content/images/payroll/txt_AlreadyOwn.gif) 0 0 no-repeat; width:231px; height:16px; }
h5.topten { background:url(/Content/images/payroll/txt_TopTen.gif) 0 0 no-repeat; width:195px; height:16px; }
h5.bookkeeper { background:url(/Content/images/payroll/txt_Bookkeeper.gif) 0 0 no-repeat; width:179px; height:34px; }

p.link {
	background:url(/Content/images/payroll/btn_BlueEnd.gif) right top no-repeat;	
	width:144px;
	text-align:center;
	margin-bottom:4px;
	vertical-align:top;
	height:24px;
}

p.link a {
	background:url(/Content/images/payroll/btn_Blue.gif) left top no-repeat;
	display:block;	
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	height:19px;
	text-decoration:none;
	padding:5px 0 0 2px;
	margin-right:4px;
	margin-top:0px !important;
	vertical-align:middle;
}
#comparison p.link {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    #colB p {
    	line-height:1.4em;
    }
}

.payrollPage #colB p {
	line-height:1.4em;	
}

/* ACT NOW *******************************/

#sidebar {
	background:url('/Content/images/payroll/bg_SidebarBox_btm.gif') 0 100% no-repeat;
}
#sidebar .inner {
	background:url('/Content/images/payroll/bg_SidebarBox_top.gif') 0 0 no-repeat;
	width:225px;
	padding:23px 35px 15px 20px;
	font-size:10px;
	margin-bottom:10px;
}

#sidebarCalendar {
	background:url('/Content/images/payroll/bg_sidebarBoxCalendar.gif') 0 0 no-repeat;
	width:135px;
	padding:23px 125px 15px 20px;
	font-size:10px;
	margin-bottom:10px;	
	height:133px;
}
h5 {
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	height:12px;	
	margin-bottom:11px;
}

.bMargin { margin-bottom:10px; }

/* LEARN MORE ****************************/

.box280top {
	height:5px;
	width:280px;	
	background:url(/Content/images/payroll/box280_top.gif) 0 0 no-repeat;
}

.box280bot {
	height:5px;
	width:280px;	
	background:url(/Content/images/payroll/box280_bot.gif) 0 0 no-repeat;
	margin-bottom:10px;
}

.box280 {
	border-left:1px solid #D8DAD0;
	border-right:1px solid #D8DAD0;
	width:233px;
	background:#F7F7F7;	
	padding:18px 25px 0 20px;
	overflow:hidden;
}

.box280 p.lineheight {
	line-height:1.2em;
	margin-bottom:13px;
}

ul {
	list-style-image:url(/Content/images/payroll/bullet.gif);	
	margin:13px 0 24px 21px;
	font-size:1.1em;
	font-weight:bold;
}

.payrollPage ul { margin-bottom:40px; }

ul li {
	margin-bottom:6px;	
}

.payrollPage ul li { margin-bottom:9px; }

ul li a {
	color:#008469;
	text-decoration:underline;
}

hr {
	color:#D8DAD0;
	margin-bottom:21px;	
}

.payrollPage hr { margin-bottom:38px; }

.bMarginUL { margin:16px 0 27px 21px; }
.payrollPage .bMarginUL { margin-bottom:27px; }

/* TOP TEN REASONS ***********************/

.box280.botRow {
	padding:17px 9px 0 19px;
	width:250px;	
}

.botRow h5 { margin-bottom:8px; }

.botRow p { margin-bottom:17px; }

#sidebarCalendar p.link { width:120px; }

p.link.short {	
	width:92px;
	margin-bottom:4px;
	float:left;
	display:inline;
}

p.link.short a {
	padding:5px 0 0 4px;
	margin-right:4px;
}

.botRow p.winLogo {
	height:52px;
	width:143px;	
	background:url(/Content/images/payroll/logo_Vista.gif) 0 0 no-repeat;	
	display:block;
	text-indent:-9999px;
	float:right;
	display:inline;
	margin-bottom:2px;
}

/* FOOTER ************************************************************************/

#footer {
	width:890px;
	border-top:1px solid #D8DAD0;
	padding:22px 0 20px 10px;
}

#footer p {
	font-size:1em;
	color:#999;	
	width:800px;
	margin-bottom:5px;
}

#footer p.submenu {
	float:left;
	display:inline;
	color:#008469;
	font-size:1em;	
}

p.submenu a {
	color:#008469;
	text-decoration:none;	
}

#footer p.logo {
	height:30px;
	width:68px;	
	background:url(/Content/images/payroll/logo_Sage.gif) 0 0 no-repeat;	
	display:block;
	text-indent:-9999px;
	float:right;
	display:inline;	
	margin:2px 10px 0 0;
}

#footer p.copyright { margin-top:15px; }