@charset "utf-8";

/*---------------------------------------------

Filename: index_styles.css
Title: Main Styles for www.careblox.com
Author: Justin Fancourt


Background Blue: #0B3D69
Dark Blue: #041626
Cyan: #00A8E6
Grey: #3E3E3E
Dark Grey: #686868

Allowance: #676195
Purchasing: #749c3f
Payroll: #348dbe
Clients: #c59e3b
CheckIT: #2f5b91
Facilities: #98211d
Forms: #872f5e
Time and Attendance: #348dbe
Plan2Care: #2f5b91
Complaints: #2f5b91
---------------------------------------------*/

/* Reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

strong { font-weight:bold; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }

ol,
ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption,
th,
td { text-align: left; font-weight: normal; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }

blockquote,
q { quotes: "" ""; }

/* get rid of system borders being generated for A tags */
a:active { outline:none; }

:focus { -moz-outline-style:none; }

a:link { text-decoration:none; color:#003366; }

a:hover { text-decoration:underline; }

#logoleft h5 a:hover { border-bottom:#0B3D69 solid 3px; }

/* =Diagnostics
----------------------------------------------- */

/* Outline DIV */
/*div { border: 1px dashed red !important;}*/

/* Style Attribute */
/**[style] {border: 1px dashed red !important;}*/

/* Table Show*/
/*table {border: 1px solid red !important; margin: 3px !important;}
th {border: 1px dotted red !important;}
td {border: 1px dotted purple !important; padding: 2px !important;}*/

/* Font POP! */
/*FONT, FONT * {font-weight: bold !important; color: yellow !important; background: red !important; border: 3px solid lime !important; padding: 0.25em !important;}*/

/* No ALT!*/
/*img {border: 3px solid red !important; padding: 2px !important; background: lime !important;}
img[alt] {border-width: 0 !important; padding: 0 !important;}*/

/* =Diagnostics_960
----------------------------------------------- */

/*.container_12 {
background:#fff url("../img/gridlines_12_col.gif") center top repeat-y;
}*/
/*.container_16 {
background:#fff  url("../img/gridlines_16_col.gif") center top repeat-y;
}*/

/* Clearing */
.clearfix { clear: both; }

/* Typography */

h1,
h2,
h3,
h4,
h5,
h6 { position: relative; }

h3,
h4,
h5,
h6 { line-height: 18px; }

.blue { color:#8FA9C2; }

h1 { font-size: 34px; line-height: 34px; margin-bottom:5px; }

h2 { font-size: 18px; line-height: 22px; margin-bottom:5px; }

h3 { font-size: 18px; top: 10px; color: #666666; }

h4 { font-size: 18px; top: 2px; }

h5 { font-size: 15px; top: 4px; }

h6 { font-size: 13px; top: 5px; }

p,
pre,
address { font-size: 1em; line-height: 1.2em; padding-bottom:5px; position: relative; }

p.intro { font-size: 1.2em; line-height: 1.3em; padding-bottom:5px; position: relative; }

p.introsmall { font-size: 1em; line-height: 1.3em; padding-bottom:5px; position: relative; }

p.caption { font-size: 1em; line-height: 1.3em; font-style:italic; }

abbr,
code,
kbd,
samp,
small,
var { line-height: 15px; }

ul,
ol,
dl,
dialog { font-size: 13px; line-height: 18px; position: relative; top: 5px; margin-top: 18px; margin-bottom: 18px; }

form,
legend,
label { font-size: 13px; line-height: 18px; }

legend { position: relative; top: 5px; }

input,
textarea { font-size: 12px; }

table { font-size: 13px; }

caption { font-size: 13px; line-height: 18px; position: relative; }

hr { position: relative; height: 4px; margin: 18px 0 14px 0; }

/* Layout Main Styles */

body { font-family: GillSans, Calibri, Trebuchet, sans-serif; font-size: 1em; line-height: 1.2em; }

#tabtop { height:20px; background-image:url(../img/tabtop.png) }

#blue { width: 960px; height: 350px; }

#blue.default { background-image:url(../img/blue_back.jpg); }

#blue.allowances { background-image:url(../img/blue_back_all.jpg); }

#blue.central { background-image:url(../img/blue_back.jpg); }

#blue.checkit { background-image:url(../img/blue_back_checkit.jpg); }

#blue.clients { background-image:url(../img/blue_back_clients.jpg); }

#blue.payroll { background-image:url(../img/blue_back_payroll.jpg); }

#blue.plan2care { background-image:url(../img/blue_back_plan2care.jpg); }

#blue.purchases { background-image:url(../img/blue_back_purchasing.jpg); }

#blue.time { background-image:url(../img/blue_back_ta.jpg); }

#blue.gettingstarted { background-image:url(../img/blue_back1b.jpg); }

#blue.howtobuy { background:url(../img/blue_back2.jpg) top left no-repeat; }

#blue.pricing { background-image:url(../img/blue_back3.jpg); }

#blue.started { background-image:url(../img/blue_back3a.jpg); }

#blue.contactus { background-image:url(../img/blue_back4.jpg); }

#blue.search { background-image:url(../img/blue_back.jpg); }

#blue.mods { background-image:url(../img/blue_back_mods.jpg); }

#blue_tag_cloud { float:left; width:500px; height:310px; margin-left:450px; margin-top:5px; }

#white_tag_cloud { float:left; width:240px; height:240px; margin-left:0px; margin-top:5px; }

#white_tag_cloud a { color:#333333; }

#blueadtop { float: right; width:348px; height:128px; background-image: url(../img/blueadback.png); margin:0px 0px 0px 0px; }

#blueadbot { float: right; width:348px; height:128px; background-image: url(../img/blueadback.png); margin:0px 0px 0px 0px; }

#contentwrap { background: url(../img/content_back.png) repeat-y top center; /* border-left:#999999 1px solid; border-right:#999999 1px solid;*/ }

#indexleftcontent { float:left; width:275px; height:auto; margin:4px 0px 0px 55px; }

#indexrightcontent { float:right; width:550px; margin:4px 50px 0px 0px; padding-bottom:20px }

#rightcontentbox { float:left; padding-top:15px; }

#rightcontentbox img { float:left; }

#rightcontentbox h2 { line-height:24px; }

.homebox { border:1px solid #ddd; height:125px; width:240px; margin:15px 10px 0px 0; padding:10px; }

.otherbox { }

.boxtext { padding:0px 0px 0px 55px }

.boxtext h2 { font-size:1.3em; font-weight:normal; line-height:.5em; }

.boxtext p { font-weight:normal; font-size:.9em; }

#rightcontent1col .homebox { border:1px solid #ddd; height:125px; width:240px; margin:15px 10px 0px 0; padding:10px; }

#rightcontent1col .boxtext { padding:0px 0px 0px 55px }

#rightcontent1col .boxtext h2 { font-size:1.3em; font-weight:normal; line-height:.5em; }

#rightcontent1col .boxtext p { font-weight:normal; font-size:.9em; }

#leftcontent2col { float:left; width:550px; height:auto; margin:4px 0px 0px 55px; padding-bottom:15px; }

#leftcontent2col h1 { margin:10px 0; }

#leftcontent2col h2 { margin:10px 0 }

#leftcontent2col p { margin:10px 0 }

#leftcontent2col p a { margin:10px 0; font-size:1em; line-height:.5em; }

#leftcontent2col p.small { margin:3px 0; font-size:.8em; font-weight: normal; font-style:italic; line-height:0em; color: #666666; }

#rightcontent1col { float:right; width:255px; margin:4px 50px 0px 0px; padding-bottom:20px; }

#leftcontent2col.home h1 { font-weight:bold; margin:10px 0; }

#leftcontent2col.home h2 { margin:10px 0 }

#leftcontent2col.home .boxtext h2 { margin:0 0 5px 0 }

/* Layout Sticky Footer */

* { margin:0; padding:0; }

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
body { background-color:#0B3D69; }

#wrap { height: 100%; width: 960px; margin: 0 auto; /*	background:url(../img/body_back.png) top center repeat-x;*/ background-color:#0B3D69; }

body > #wrap { height: auto; min-height: 100%; }

#main { padding-bottom: 300px; }  /* must be same height as the footer */

#footer { position: relative; margin-top: -300px; /* negative value of footer height */ height: 300px; background:url(../img/tabbot.png) top center repeat-y; clear:both; color:#fff; }

#footer p { font-size:.95em; line-height:1.3em; font-weight: normal; }

#footer a:link,
#footer a:visited { text-decoration: none; color: #00A8E6; font-weight: bold; }

#footer a:hover { color: #ffffff; }

#footer a:hover { color: #FFFFFF; }

#footerboxleft { float:left; margin:80px 0px 0px 50px; width:280px; text-align:left; }

#footerboxright { float:right; margin:80px 50px 0px 0px; width:280px; text-align:right; }

#disclaimer { float:left; margin:20px 0px 0px 50px; padding-top:14px; width:860px; font-size:88%; text-align:left; border-top:#041626 dotted 1px; }

#disclaimer p { font-size:.9em; line-height:1em; font-weight:normal; color:#fff; }

/* clear fix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */


/* Navigation */
.container { width: 970px; margin: 0 auto; }

ul#topnav { margin: 0px 15px 0px 0px; padding: 0; float: right; width: 950px; list-style: none; position: relative; font-size: .85em; background: url(topnav_stretch.gif) repeat-x; font-weight:bold; }

ul#topnav li { float: right; margin: 0; padding: 0;/*	border-right: 1px solid #555;*/ }

ul#topnav li a { padding: 5px 15px; display: block; color: #f0f0f0; text-decoration: none; }

ul#topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }

ul#topnav li span { float: right; padding: 10px 10px; position: absolute; left: 0; top:28px; display: none; width: 930px; background: #1376c9; color: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }

ul#topnav li:hover span { display: block; }

ul#topnav li span a { display: inline; padding:0px 10px; }

ul#topnav li span a:hover { text-decoration: underline; }

#navwrap { background:url(../img/nav_back.png) center top repeat-x; height:40px; }

/*#navigate ul { margin: 0; padding: 0 0 0 0; }
#navigate li { list-style: none; display: inline;  }
#navigate a:link, #navigate a:visited { color: #ffffff; float: left; font-size: 1.1em; font-weight:bold; text-decoration: none; margin: 0px 10px 0px 0px; padding-bottom:4px; letter-spacing: .5px; }
#navigate a:hover { border-bottom: #2A669A solid 3px; }*/

/* Content Styles*/

#maincontent { width: 460px; float: left; padding-top: 15px; }

#maincontent h1 { font-size: 1.4em; line-height: 1.2em; margin-bottom: .3em; margin-top: .5em; font-weight: lighter; letter-spacing: .25px; }

#maincontent h2 { font-size: .8em; line-height: 1.4em; margin-bottom: 1em; color: #333333; }

#maincontent h3 { font-size: .9em; line-height: 1.4em; margin-bottom: .8em; padding-top: .8em; padding-bottom: .5em; color: #144476; text-transform: uppercase; background-image: url(../img/heading_rule.gif); background-repeat: no-repeat; background-position: left bottom; }

#maincontent p { font-size: .75em; line-height: 1.6em; color: #333333; margin-bottom: 1em; }

#bodylist { margin: 0px 0px 30px 0px; padding: 0px; list-style: none; font-size: .75em; font-weight: bold; color: #333333; }

#bodylist li { background-image: url(../img/tribullet.gif); background-repeat: no-repeat; background-position: left top; padding-left: 20px; margin-bottom: .5em; }

a.textlink:link,
a.textlink:visited { text-decoration:none; color: #00A8E6; }

a.textlink:hover { color: #041626; }

/* new styles */

.moreinfo { display:block; width:115px; height:20px; background:url(../img/findmore.gif) left no-repeat; padding-top:5px; }

.moreinfonews { display:block; width:115px; height:20px; background:url(../img/findmore.gif) left no-repeat; padding-top:5px; }

#contentleft { float:left; width:600px; margin-top:10px; padding:0 0 100px 0; color:#999; }

#contentleft h3 { font-size:1.6em; line-height: 1.2em; color: #144476; }

#contentleft p { line-height: 1.2em; color: #333333; }

#contentright { float:right; width:310px; margin-top:10px; color:#999; padding:0 0px 0 15px; border-left:dotted #cccccc 1px; }

.iconimage { float: left; padding: 10px; }

.iconheading { font-size: 14px; font-weight: bold; color: #003366; margin-bottom: 1px; }

.iconpara { font-size: 12px; line-height: 14px; display:block; color:#333333; }

.pane-list { margin: 0; padding: 0; list-style: none; }

.pane-list li { background: #F5F5F5; padding: 10px 20px 10px 0px; border-top: solid 1px #fff; cursor: pointer; }

.pane-list li:hover { background: #DCDCDC; }

/* Form */

.searchQuery { height:20px; width:220px; float:left; font-size:1em; padding:2px 0 0 2px; margin:0; font-weight:bold; color:#999; }

.searchIcon { float:right; }

.panel { clear: both; display: none; border: 3px solid #CCC; padding: 1em; }

.panel.active-tab-body { display: block; }

#tabs { list-style: none; }

#tabs li { float: left; }

#tabs a { float: left; padding: 5px 8px; margin-left: 6px; background-color: #F2F2F2; text-decoration: none; color: #999999; }

#tabs a.active-tab { background-color: #CCC; border-top: 3px solid #999; padding-top: 3px; color: #000; }

input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }

input.required,
textarea.required { border: 1px solid #00A8E6; }

input.validation-failed,
textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; }

input.validation-passed,
textarea.validation-passed { border: 1px solid #00CC00; color : #000; }

.validation-advice { margin: 5px 0; padding: 5px; background-color:#CC0000; color : #FFF; font-weight: bold; }

.custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; }

fieldset { padding: 1em; border:1px solid #ddd; margin-bottom: 0.5em; margin-top:0.5em; width:400px; background-color:#FbFbFb; }

label { font-weight: bold; }

.form-row { clear: both; padding: 0 0 0.75em 0; }

.field-label-checks { width:400px; }

.field-widget input,
.field-widget textarea { width:300px; }

.field-widget textarea.tall { height:100px; }

.field-checks { float:left; border:1px solid #eee; padding:0.25em; margin:0 10px 10px 0; background-color:#F8F8F8; display:block; }

.field-checks input { margin-right:5px; margin-top:2px; }

/* QuickNews | Front Page */
#othernews a,
.QuickNews a { text-decoration:none; color:#333333; font-size:1em; }

#othernews a:hover,
.QuickNews a:hover { color: #000000; font-size:1em; }

.QuickNews { border:1px solid #eee; margin:15px 0; background:url(../img/newsbg.jpg) repeat-x; }

.QuickNews a:hover { text-decoration:none; }

.QuickNews h1 { font-size:1.4em; line-height:100%; color: #0066FF; margin:0 0 15px 0; }

.QuickNewsTop { padding:10px 10px 15px 10px; }

.QuickNewsTop h1 a,
.QuickNewsTop p { color:#FFFFFF; font-weight:bold; }

.QuickNewsTop img { border:1px solid #fff; }

h1.subQNews { font-size:1em; font-weight:normal; margin:10px 0; padding-bottom:10px; display:block; border-bottom:1px solid #edd; }

.QuickNews p { font-size:.7em; line-height:100%; display:block; width:160px; float:right; margin-bottom:10px; }

.Qnewsthumb { width:80px; height:80px; float:left; margin: 0 10px 3px 0; }

.Newsicon_s { padding-left:24px; background:url(../img/newspaper.png) no-repeat left top; }

.Articleicon_s { padding-left:24px; background:url(../img/notebook.png) no-repeat left top; }

.Newsicon_l { }

.Articleicon_l { }

.clearfix hr { border:1px solid #ddd; color:#ddd; margin:0; padding:0; height:1px; }

#othernews { clear:both; padding:5px 40px 20px 40px; margin:0 15px; background-color:#e6ebf0; }

#othernews .split { float:left; width:45%; padding-right:40px; }

#othernews_items h1 { font-size:0.9em; margin:0; line-height:140%; }

#othernews_items a,
#othernews_items { padding-bottom:4px; color:#555; width:100%; }

.BottomNews { background:#D9E1EA; padding:10px 10px 5px 10px; }

h1.newsHead { color: #333333; font-size:0.9em; font-weight:bold; padding:10px 0 10px 10px; margin:0; /*background-color:#003366;*/ }

/* News Content Page */
.newscontent h1 { margin:0 0 15px 0; }

.newscontent p { margin-bottom:15px; }

h3.othernews { margin:15px 0; font-weight:bold; }

em.newsdate { font-size:small; font-weight:bold; color:#333333; }

em.head { color:#eee; padding:0; margin:0; }

h1.newshead { margin:0; width:140px; line-height:90%; float:right; }

/* Rounded Corners */
.cornerBox { position: relative; background: #cfcfcf; width: 99%; margin-top:15px; }

.corner { position: absolute; width: 10px; height: 10px; background: url(../img/corners.gif) no-repeat; font-size: 0%; }

.cornerBoxInner { padding: 10px; }

.cornerBoxInner p { font-size:90%; margin-top:7px; }

.cornerBoxInner img { border:1px solid #999; }

.TL { top: 0; left: 0; background-position: 0 0; }

.TR { top: 0; right: 0; background-position: -10px 0; }

.BL { bottom: 0; left: 0; background-position: 0 -10px; }

.BR { bottom: 0; right: 0; background-position: -10px -10px; }

/* Testimonial */
#testimonial { width:248px; height:291px; no-repeat top left;
margin-top:15px; }

#testimonial a { color:#036; text-decoration:underline; }

#testimonial .quote { height:110px; padding:20px; font-size:0.9em; line-height:120%; font-style:italic; }

#testimonial .quoteby { width:130px; float:left; text-align:left; font-weight:bold; font-size:0.9em; padding:10px 25px 0 20px; color:#003366; }

#testimonial.man1 { background:url(../img/testimonial_man1.jpg) }

#testimonial.man2 { background:url(../img/testimonial_man2.jpg) }

#testimonial.man3 { background:url(../img/testimonial_man3.jpg) }

#testimonial.woman1 { background:url(../img/testimonial_woman1.jpg) }

#testimonial.woman2 { background:url(../img/testimonial_woman2.jpg) }

#testimonial.woman3 { background:url(../img/testimonial_woman3.jpg) }

#testimonial.linda { background:url(../img/testimonial_linda.jpg) }

#testimonial.sean { background:url(../img/testimonial_sean.jpg) }

img.double_border { border: 1px solid #bbb; padding: 5px; /*Inner border size*/ background: #ddd; /*Inner border color*/ }

/* Modules */
.modules h1 { margin-top:20px; }

.modules h2 { line-height:120%; margin:10px 0; }

.modules p { line-height:120%; margin:10px 0; }

.modules .split2 { width:48%; float:left; }

.modules ul { margin: 10px 25px; padding: 0; list-style: disc; color:#006699; font-size:0.9em; }

.modules ul li { position: relative; }

.modules li ul { position: absolute; left: 149px; top: 0; display: none; }

/* Fix IE. Hide from IE Mac \*/
	* html .modules ul li { float: left; }

* html .modules ul li a { height: 1%; }

/* End */
#videoplace { margin:20px 0; width:240px; }

/* Add-ons */
.addons { padding:10px; background:#006699; color:#fff; margin-bottom:20px; }

.addons h3 { margin:0 0 10px 0; font-weight:bold; }

.addons p { padding:0; margin:0; font-size:0.9em; line-height:140%; }

/* Support Number */
#supportnumber { width:248px; height:200px; background:url(../img/supportnumber.jpg); margin:15px 0; }

/* Support Address */

/* Data Sheets */
#datasheet { width:248px; height:110px; background: url(../img/datasheet.jpg) top left no-repeat; margin:15px 0px 5px 3px; padding:10px 0px 0px 0px; }

#datasheet p { margin-left:90px; width:140px; line-height:1.2em; font-size:.9em; color:#fff; font-style:italic; }

#datasheet p img { float:right; }

#datasheet p a { font-weight:bold; font-style:normal; }

#datasheet p.text { margin-left:90px; margin-bottom:5px; width:140px; line-height:1.2em; font-size:.9em; color:#fff; font-style:italic; }

/* Pricelist */
#pricelistsidebar { width:248px; height:110px; background:url(../img/pricelist.jpg) left no-repeat; margin:15px 0px 5px 3px; padding:10px 0px 0px 0px; }

#pricelistsidebar p { margin-left:90px; width:140px; line-height:1.2em; font-size:.9em; color:#fff; font-style:italic; }

#pricelistsidebar p img { float:right; }

#pricelistsidebar p a { font-weight:bold; font-style:normal; }

#pricelistsidebar p.text { margin-left:90px; width:140px; line-height:1.2em; font-size:.9em; color:#fff; font-style:italic; }

/* Brochure */
#brochure { width:248px; height:110px; background:url(../img/brochure.jpg) left no-repeat; margin:15px 0px 5px 3px; padding:10px 0px 0px 0px; }

#brochure p { margin-left:90px; width:140px; line-height:1.2em; font-size:.9em; color:#fff; font-style:italic; }

#brochure p img { float:right; }

#brochure p a { font-weight:bold; font-style:normal; }

#brochure p.text { margin-left:90px; margin-bottom:5px; width:140px; line-height:1.2em; font-size:.9em; color:#fff; font-style:italic; }

/* Module Colours text*/

.allowance h1 { color:#676195; }

.allowance h2 { color:#333333; }

.allowance h3 { font-size:18px; color:#676195; margin-bottom:10px; }

.allowance p { color:#666666; }

.allowance li { color:#333333; }

.modules .purchasing { color:#749c3f; }

.modules .payroll { color:#348dbe; }

.modules .facilities { color:#98211d; }

.modules .forms { color:#872f5e; }

.modules .timeattendance { color:#348dbe; }

.modules .timeattendance li { color:#333333; }

.modules .timeattendance h3 { color:#333333; }

.modules .checkit { color:#2f5b91; }

.modules .checkit li { color:#333333; }

.modules .checkit h3 { color:#333333; }

.checkit h1 { color:#666666; }

.checkit h2 { color:#333333; }

.checkit h3 { font-size:18px; color:#333333; margin-bottom:10px; }

.checkit p { color:#666666; }

.checkit li { color:#333333; }

.modules .plan2care { color:#2f5b91; }

.modules .complaints { color:#2f5b91; }

.central h1 { color:#333333; }

.central h2 { color:#333333; }

.central p { color:#333333; padding:0; margin:0; }

.central li { color:#333333; }

.clients h1 { color:#c59e3b; }

.clients h2 { color:#333333; }

.clients h3 { font-size:18px; color:#c59e3b; margin-bottom:10px; }

.clients p { color:#666666; }

.clients li { color:#333333; }

.purchasing h1 { color:#c59e3b; }

.purchasing h2 { color:#333333; }

.purchasing h3 { font-size:18px; color:#c59e3b; margin-bottom:10px; }

.purchasing p { color:#666666; }

.purchasing li { color:#333333; }

.payroll h1 { color:#c59e3b; }

.payroll h2 { color:#333333; }

.payroll h3 { font-size:18px; color:#c59e3b; margin-bottom:10px; }

.payroll p { color:#666666; }

.payroll li { color:#333333; }

/* Module Colours Backgrounds */
.modules .allowanceBG { background-color:#676195; }

.modules .allowanceBG h3 { color:#fff; padding-bottom:5px; }

.modules .purchasingBG { background-color:#749c3f; }

.modules.payrollBG { background-color:#348dbe; }

.modules.clientsBG { background-color:#c59e3b; }

.modules.facilitiesBG { background-color:#98211d; }

.modules.formsBG { background-color:#872f5e; }

.modules.timeattendanceBG { background-color:#348dbe; }

.modules.plan2careBG { background-color:#2f5b91; }

.modules.complaintsBG { background-color:#2f5b91; }

.modules.centralBG { background-color:#2f5b91; }

.modules .keyfeature { padding-left:30px; background:url(../img/icons/news.png) left center no-repeat; }

.emailsentBG { background-color:#749c3f; }

.searchsimon:link { color: #00A8E6; text-decoration: none }

.searchsimon:visited { color: #339933; text-decoration: none }

.searchsimon:hover { color: #000000; text-decoration: underline }

.searchsimon:active { color: #339933; text-decoration: none }

.searchsimon { font-size:1em; }

/* Priceless */
#price { float:right; font-weight:bold; text-align:center; margin:0 0 15px 15px; height:117px; width:120px; background:url(../img/priceless.png) no-repeat; }

#price p.from { font-size:0.75em; margin:26px 0 0 0; padding:0; line-height:80%; color:#fff; }

#price p.pound { font-size:3em; margin:0; padding:0; line-height:80%; color:#fff; }

#price p.month { font-size:0.9em; margin:0; padding:0; line-height:100%; color:#fff; }

#price p.free { font-size:2.5em; margin:33px 0 0 0; padding:0; line-height:100%; color:#fff; }

/* Table */
#pricelist { color:#111; border:1px solid #ddd; width:100%; }

#pricelist td,
#pricelist th { padding:5px 10px; }

#pricelist a:link,
a:active,
a:visited { font-size:1em; color:#003366; text-decoration:none; }

#pricelist .tblodd { background-color:#ceccd9; }

#pricelist .tblhead { background-color:#041626; color:#fff; }

/* Packages */
#packages img { padding:15px 0; }

.flash { padding:10px; font-size:0.8em; background:#FFCC00; width:211px; margin: 15px 0; }

.screenshot { padding:5px; margin: 0 0 0; }

.imagebox { float:left; margin:15px 0px 0 25px; padding:0 }

.imagebox .thickbox p {/*block level paragraph automatically fills container, so no width is needed*/ text-align:left; margin:0; padding:3px 0px 0px 20px; font-size:90%; color: #003366; background:url(../img/zoomin.jpg) 0px 5px no-repeat; }

.imagebox .thickbox p:hover { }

.imagebox2 .thickbox a:hover { text-decoration:none; }

.imagebox2 { float:right; margin:15px 50px 0 0; padding:0 }

.imagebox2 .thickbox p {/*block level paragraph automatically fills container, so no width is needed*/ text-align:left; margin:0; padding:3px 0px 0px 20px; font-size:90%; color: #003366; background:url(../img/zoomin.jpg) 0px 5px no-repeat; }

.imagebox2 .thickbox p:hover { }

.imagebox2 .thickbox a:hover { text-decoration:none; }

.homecare { float:left; margin:0 25px 0 0; display:inline; }

.homecare2 { float:right; margin:0 0 20px 15px; }

.subpurchase { background: #003366; padding:8px 4px; font-size:15px; }

.subpurchase { background: #003366; padding:8px 4px; font-size:15px; }

.subpurchase a { color: #FFFFFF; font-weight: bold; text-decoration:none; }

#modmoreinfo { overflow:hidden; }

#modmoreinfo p { font-size:.85em; color:#666; }

#modmoreinfo h3 { color: #036; }

#modmoreinfo a { color: #003366; padding-left:60px; }

#modmoreinfo img { float:left; margin:12px 7px 5px 7px; }

#modmoreinfo img.link { float:right; margin:0; }

p.featuretext { background: #D9E1EA url(../img/wizard.gif) top left no-repeat; padding:8px 4px 8px 80px; font-size:15px; font-style:italic; min-height:70px; }

h3.featuretext { font-size:18px; color:#003366; padding:0px 0px 10px 80px; line-height:18px; margin:0; }

p.featuretext.allowance { background: #D9E1EA url(../img/safe.gif) top left no-repeat; padding:8px 4px 8px 80px; font-size:15px; min-height:70px; }

h3.featuretext.allowance { font-size:18px; color:#003366; padding:0px 0px 10px 80px; line-height:18px; margin:0; }

p.featuretext.time { background: #D9E1EA url(../img/time.gif) top left no-repeat; padding:8px 4px 8px 80px; font-size:15px; min-height:70px; }

h3.featuretext.time { font-size:18px; color:#003366; padding:0px 0px 10px 80px; line-height:18px; margin:0; }

p.featuretext.realtime { background: #D9E1EA url(../img/realtime.gif) top left no-repeat; padding:8px 4px 8px 80px; font-size:15px; min-height:70px; }

h3.featuretext.realtime { font-size:18px; color:#003366; padding:0px 0px 10px 80px; line-height:18px; margin:0; }

p.featuretext.maintain { background: #D9E1EA url(../img/maintain.gif) top left no-repeat; padding:8px 4px 8px 80px; font-size:15px; min-height:70px; }

h3.featuretext.maintain { font-size:18px; color:#003366; padding:0px 0px 10px 80px; line-height:18px; margin:0; }

p.featuretext.record { background: #D9E1EA url(../img/record.gif) top left no-repeat; padding:8px 4px 8px 80px; font-size:15px; min-height:70px; }

h3.featuretext.record { font-size:18px; color:#003366; padding:0px 0px 10px 80px; line-height:18px; margin:0; }

.carecloudwrap { background: url(../img/carecloudback.png); height:240px; width:230px; display:block; float:right; margin-top:10px; padding-top:40px; padding-left:10px; }