/*
	Quill - Default CSS
*/

body {
	background:#eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px auto; font-size:12px;
	text-align:center;
}

h1 { color:#000000; font-size:18px; margin: 5px 0px 5px 0px; font-weight:normal;}
h2 { color:#000000; font-size:18px; margin: 5px 0px 5px 0px; }
h3 { color:#000000; font-size:16px; margin: 5px 0px 5px 0px; }
h4 { color:#000000; font-size:14px; margin: 5px 0px 5px 0px; }
h5 { color:#000000; font-size:12px; margin: 5px 0px 5px 0px; }
p { font-size:12px; color:#4f4f4f;}
a { color:#323232; text-decoration:none; }
a:hover { text-decoration:underline; }

ul,ol { font-size:12px; color:#4f4f4f; margin-bottom:10px;}
li { margin-bottom:20px; list-style: url(images/bullet.png); vertical-align:middle;}
hr { color: #b1afaf; background-color: #b1afaf; height: 1px; border:0px; }
.orange { color:#ff7f01; }

/* LAYOUT SECTION */

#maincontainer {
	width:972px;
	padding: 5px 15px 0px 15px;
	text-align:left;
	margin: 0px auto;
	background:#ffffff;
}

.headerbar {
	margin:0px auto;
	width:970px;
	height:10px; font-size:10px;
	color:#9C9B9B; padding-top:5px; padding-bottom:5px; text-align:right;
}

.headerbar a { color:#9C9B9B; }
#headercont { height:76px; background:url(images/logo.png) no-repeat; z-index:10; margin:0px auto; width:972px;}

#headercont .em {
	position:relative;
	float:right;
	top:35px;
}

#headercont .home {
	position:relative;
	float:left;
	top:10px;
}

.topcontent {
	padding-left:25px; padding-right:25px;
}

#QuillNav { background:url(images/search-tnav.png) no-repeat right; height:32px; width:960px; margin-left:5px; margin-top:2px;}

#QuillNav .home a { background:url(images/home-tnav.png); width:114px; height:32px; }
#QuillNav .home a:hover { background:url(images/home-tnav-hover.png); width:114px; height:32px; }

#QuillNav .company a { background:url(images/company-tnav.png); width:113px; height:32px; }
#QuillNav .company a:hover { background:url(images/company-tnav-hover.png); width:113px; height:32px; }

#QuillNav .solutions a { background:url(images/solutions-tnav.png); width:113px; height:32px; }
#QuillNav .solutions a:hover { background:url(images/solutions-tnav-hover.png); width:113px; height:32px; }

#QuillNav .resources a { background:url(images/resources-tnav.png); width:113px; height:32px; }
#QuillNav .resources a:hover { background:url(images/resources-tnav-hover.png); width:113px; height:32px; }

#QuillNav .news a { background:url(images/news-tnav.png); width:113px; height:32px; }
#QuillNav .news a:hover { background:url(images/news-tnav-hover.png); width:113px; height:32px; }

#QuillNav .contact a { background:url(images/contact-tnav.png); width:113px; height:32px; }
#QuillNav .contact a:hover { background:url(images/contact-tnav-hover.png); width:113px; height:32px; }

#QuillSplash { height:190px; text-align:center; margin-left:-3px;}
#QuillSplash p { margin:0px;}
#QuillNav .SearchArea {
	background:url(images/search-tnav.png) no-repeat;
	width:288px; height:32px;
	float:right;
}

#QuillNav .SearchBox {
	float:right; width:135px; 
	position:relative; right:100px; top:12px;
	background:transparent; border:0px;
}

#QuillNav .SearchBox .textfield {
	border:0px; font-size:8px; color:#242424; padding:1px;
	font-weight:bold; width:100%;
}

#QuillBlackArea h1,#QuillBlackArea h2,#QuillBlackArea h3,#QuillBlackArea h4,#QuillBlackArea h4 { color:white; }
#QuillBlackArea p { color:white; }

#QuillNewsScroll {
	background:url(images/news-scroll-bg.png) no-repeat;
	height:34px;
	width:945px;
	margin-top:5px;
	margin-bottom:15px;
}

#QuillNewsScroll a { text-decoration:none; }
#QuillNewsScroll a:hover { text-decoration:underline; }

#MicroContact {
	background:url(images/micro-contact-bg.png) no-repeat;
	padding:3px; height:424px;
	margin-bottom:20px;
}

#MicroContact .title { font-size:15px; color:white; position:relative; top:16px; left:13px; }

#MicroContact .formtable {
	position:relative;
	top:29px;
}

#MicroContact .formcell1,#MicroContact .formcell2 {
	background:white;
	font-size:10px; font-weight:normal;
}

#MicroContact .button {
	color:#666666; font-weight:normal;
}

#MicroProfile {
	background:url(images/micro-contact-bg.png) no-repeat;
	padding:3px; height:344px;
	margin-bottom:20px;
}

#MicroProfile .title { font-size:15px; color:white; position:relative; top:16px; left:13px; }

#MicroProfile .formtable {
	position:relative;
	top:29px;
}

#MicroProfile .formcell1 {
	background:white;
	font-size:10px; font-weight:bold;
}

#MicroProfile .button {
	color:#666666; font-weight:normal;
}


.IntroContent { padding: 2px 10px 20px 10px; background:#ffffff; width:923px; margin-top:20px; z-index:0;}

.tickercontainer { width: 738px;  height: 24px;  padding-top:3px;}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 920px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

#WelcomeTable {
	margin-top:10px;
}

#WelcomeTable .legal {
	background:url(images/legal-software-bg1.png) no-repeat;
	height:322px; width:241px;
}

#WelcomeTable .legal .body {
	position:relative; top:100px;
	padding: 8px 12px 8px 12px;
	font-weight:bold;
}

#WelcomeTable .outsource {
	background:url(images/outsourced-services-bg1.png) no-repeat;
	height:322px; width:241px;
}

#WelcomeTable .outsource .body {
	position:relative; top:100px;
	padding: 8px 12px 8px 12px;
	font-weight:bold;
}

* .buttons {
	margin-top:-5px;
}

#WelcomeTable .outsourceEnd {
	background:url(images/outsourced-services-under.png) no-repeat;
	height:85px; width:241px;
}

#WelcomeTable .legalEnd {
	background:url(images/legal-software-under.png) no-repeat;
	height:85px; width:241px;
}

#WelcomeTable .legalEnd .body,#WelcomeTable .outsourceEnd .body {
	position:relative; top:10px;
	padding: 15px 15px 15px 15px;
	font-weight:bold;
}

#WelcomeTable .legalEnd .body p,#WelcomeTable .outsourceEnd .body p {
	color:#ffffff;
}

#WelcomeTable .legalEnd .button,#WelcomeTable .outsourceEnd .button {
	margin-top:15px;
}


#WelcomeTable .Resources { height:85px; width:241px; }
#WelcomeTable .GetInTouch { height:85px; width:241px; }
#WelcomeTable .Resources .body,#WelcomeTable .GetInTouch .body {
	position:relative; top:10px;
	padding: 15px 15px 15px 15px;
	font-weight:bold;
}

#WelcomeTable .Resources .body p,#WelcomeTable .GetInTouch .body p { color:#666464; }
#WelcomeTable .Resources .button,#WelcomeTable .GetInTouch .button { margin-top:15px; }


#WelcomeTable .AccountSearch {
	background:url(images/account-search-bg.png) no-repeat;
	width:421px; height:132px;
	margin-bottom:20px;
}

#WelcomeTable .CaseStudies {
	background:url(images/case-studies-bg.png) no-repeat;
	width:421px; height:171px;
}

.AccountSearch {
	background:url(images/account-search-bg.png) no-repeat;
	width:421px; height:132px;
	margin-bottom:20px;
}

.CaseStudies {
	background:url(images/case-studies-bg.png) no-repeat;
	width:421px; height:171px; margin-bottom:20px;}

#AcSearch .content { position:relative; top:6px; padding:10px; }
#AcSearch .title { font-size:15px; color:white; position:relative; top:12px; left:13px; }

#AcSearch p { color:#4e4e4e; }
#AcSearch .textfield { color:#4e4e4e; border:1px solid #999999; width:250px; height:18px; margin-right:18px;}
#CaseStudy { padding: 5px 10px 5px 10px; }
#CaseStudy p { color:#4e4e4e; font-size:11px;}
#CaseStudy h2 { font-size:16px; color:#616161; }
#CaseStudy .CSName { font-size:15px; color:black; font-weight:bold; }
#CaseStudy .CSTitle { font-size:12px; color:black; font-weight:bold; }

#QullNewsSum a { color:white; text-decoration:none; }
#QullNewsSum a:hover { color:white; text-decoration:underline; }
h2 {
	vertical-align: middle;
}
#MenuBar {
	background:url(images/menubar-bg.png) repeat-x #000000;
	padding: 15px 20px 10px 20px;
	height:20px;
	margin-top:0px; margin-bottom:20px; margin-right:-13px;
}

#MenuBar h1 { color:white; font-size:18px; margin:0px;}
#MenuBar .header { color:white; font-size:18px; float:left; width:48%; }
#MenuBar .rightside { float:right; }

#MenuBar a { color:white; font-size:12px; text-decoration:none; font-weight:bold; }
#MenuBar a:hover { color:#ff7f01; }
#MenuBar .selected { color:#ff7f01; }

#IntroBar {
	background:url(images/menubar-bg.png) repeat-x #000000;
	background-position:0 -9px;
	padding: 15px 20px 0px 20px;
	height:15px;
	margin-top:-2px; margin-bottom:20px; margin-left:-13px;
	margin-right:-10px;
}

#IntroBar h1 { color:white; font-size:18px; margin:0px;}

#ApproachMap {
	background:url(images/mapuk.gif) no-repeat;
	height:500px; width:450px;
}

#ApproachMap .Middlesborough { width:79px; height:23px; position:relative; top:92px; left:262px;}
#ApproachMap .Manchester { width:77px; height:32px; position:relative; top:132px; left:36px; }
#ApproachMap .Liverpool { width:78px; height:16px; position:relative; top:190px; left:21px; }
#ApproachMap .Colchester { width:81px; height:15px; position:relative; top:258px; left:364px; }
#ApproachMap .Brighton { width:81px; height:15px; position:relative; top:334px; left:305px; }

.centralcontainer { padding: 2px 10px 10px 10px; background:#000000; }
.centralcontainerPages { padding: 2px 10px 10px 10px; background:#ffffff; width:916px; margin:0px auto;}
.centralcontainerPagesAlt { padding: 2px 10px 10px 10px; background:#ffffff; width:480px; margin-left:20px;}

.centralcol { background:#000000; padding-right:13px;}
.centralcol2 { background:#000000; padding-left:3px;}

.centralcontainer a { color:black; }
.centralcontainer a:hover { color:#2C2E63; }

#splashbox { margin: 10px 0px 10px 0px;}
#splashbox .left { width:672px; height:262px; float:left; }
#splashbox .right { width:252px; height:262px; float:right; background:url(images/splash-contentbg.jpg) right no-repeat;}
#splashbox .right .buttons { margin-left:15px; margin-right:20px; text-align:right; }
#splashbox .right .buttons a { font-size:16px; color:white; text-decoration:none; font-weight:bold; text-transform:uppercase; background:#419ac4; padding:5px; border:1px dotted silver;}
#splashcontent { margin-left:15px; margin-right:10px; color:white; margin-top:10px; font-size:23px; letter-spacing:-1px; }
#splashcontent p { color:white; font-size:23px; font-weight:normal; letter-spacing:-1px;}

#news .sep,#blog .sep { border-bottom:1px dashed silver; margin-bottom:10px; clear:both;}
#news .h2,#blog .h2 { margin: 5px 0px 0px 0px;  }
#news .title a,
#blog .title a { color:#000000; font-size:16px; text-decoration:none; font-weight:bold;}
#blog .small,#news .small  { font-size:10px; color:#2c2c2c; margin-top:0px; }

#news h1 { font-size:14px; }
/* LEFT RIGHT NAV */

.menuheader {
	background-color:#44afe1;
	height:14px; padding-left:6px; padding-top:3px; padding-bottom:3px;
}

.menuheader h1 {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF; font-size:11px; margin:0px;
}

.menuspace { width:160px; padding: 10px 10px 10px 10px; background:#000000; }
.menuspaceR { width:160px; padding: 10px 10px 10px 10px; background:#000000; }
.QuillRSpace { width:420px; padding: 10px 0px 10px 20px; background:#000000; }

.menubox { border:1px solid #c1c1c1; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:10px; }
.menubox2 { background-color:#dcdcdc; padding: 4px 8px 4px 8px; color:white; }
.menubox2 a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#5e5e5e; }
.menubox p,.menubox2 p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#5e5e5e; }

.menurow { padding:0px; margin:0px; }
.menurow a { color:#5e5e5e; font-size:11px; background:#d3d3d3; display:block; padding:4px; text-decoration:none;}
.menurow a:hover { background:#dadada; display:block; padding:4px;}
.menurow li { border-bottom:1px solid #c8c6c6; list-style:none; color: white; }
.menurow .endmore a { background:#363636; border-bottom:0px; margin-bottom:-1px; color:white;}

/* ENDS */

#footer {
	margin: 0px auto 20px;
	width:942px; text-align:left;
	height:103px;
	background:url(images/footer-bg.png) no-repeat top right #e3e1e1;
	padding: 5px 15px 0px 15px;
	border-right:14px solid white; border-left:14px solid white;
	border-bottom:14px solid white;
}

#footer p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; }
#footer a { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color:#575757; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

/* FORMS */

form { margin:0px; }

.button {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000; font-size:11px; font-weight:bold;
}

.searchtxt {
	font-family: "Tahoma",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#434343; padding:2px 4px 2px 4px;
}

/* INFO SITE CONTENT */

.contenthead h1 { color:#5e5e5e; margin: 0px 0px 3px 0px; font-size:19px; border-bottom:1px dotted silver; }

.productcol { border:1px solid #CCCCCC; }

.productcol p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:black;
}

.productcol a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:black;
}

.productcol a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; color:red;
}
/* COMPETITION */

.listings {
	border:1px solid silver;
}

.listings td {
	background-color:#E7E7E7;
	border-bottom:1px solid #CDCBCB;
	border-top:1px solid #FBF9F9;
	padding:3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.listings th {
	background-color:#D1D1D1;
	border-bottom:1px solid #CDCBCB;
	border-top:1px solid #FBF9F9;
	padding:3px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px; text-align:left;
}

/* LATEST PRODUCTS */

#products li {
	display:block;
	float:left;
	width:200px;
}

#latest a {
	display:block;
	background:#cdcdcd;
	color:#5e5e5e; text-decoration:none;
	padding:6px;
}

#latest a:hover { background:#5e5e5e; color:white;}

#latest .selected {
	background:#5e5e5e;
	font-weight:bold; color:white;
}
.producthead {
	background:#186AB4; padding:6px; color:white;
	font-size:11px; font-weight:bold; text-transform:uppercase;
	text-align:center;
}

.producthead a { font-size:11px; color:white; }
.producthead a:hover { font-size:11px; color:white; }

/* Comments */
.commentsbox {
	border:1px solid silver;
	background:#E7E7E7;
	margin:4px; padding:10px;
}

.commentsbox .date {
	color:#8A8A89;
}
/* JS Live Validation */

.LV_validation_message{ font-weight:bold; margin:0 0 0 5px;}
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }   
.LV_valid_field,input.LV_valid_field:hover, input.LV_valid_field:active,textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }  
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active,textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; }

.isformerror { border:2px solid red; background:#FCF7C1; padding:5px; }
.isformok { border:2px solid #FAD426; background:#FCF7C1; padding:5px; }
/* ENDS */

/* Ticker Boxes */
#marqueecontainer{
position: relative;
background:#1A619D;
height: 200px;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

.ResultsHighLight {
	background:#23639C; color:white;
}

#searchresults
{
	border-top:1px solid silver;
	margin-top:10px;
	text-align:right;
	padding-top:6px;
}

#searchresults a {
	padding-left:3px; padding-right:3px;
	margin-right:2px; color:#3B5998; font-weight:bold;
}

#searchresults .pagecurrent {
	border-top:2px solid #3B5998;
}

#searchresults .pagelink {
}

#bookmarks {
	list-style:none; margin:0px; padding:0px;
}

#bookmarks li {
	float:left; list-style:none; margin-right:10px;
}

.product { border-right:1px dotted silver; border-bottom:1px dotted silver; margin:5px; padding:4px; text-align:left; }
.productname { font-size:1.2em; font-weight:bold; color:black; }
.productname a { text-decoration:none; color:#000000;}
.productname a:hover { text-decoration:underline; }
.productprice { font-size:14px; color:orange; font-weight:bold;}
.productlink a { color:red; font-size:11px; text-decoration:none;}

.productimg img { border:0px; background:url(images/spinner-med.gif) no-repeat; background-position: center; margin-right:4px; }
.ofwproduct { border:1px solid silver; padding:4px; text-align:center;}
.product p { font-size:11px; }
.productrelease { font-size:11px;}
.preorder { background:green; color:white; padding:3px; font-size:10px; margin-bottom:20px;}
.specialoffer { background:red; color:white; padding:2px; font-size:11px; height:28px;}
.productspacebreak { line-height:20%; }
.productstop { border-top:1px solid silver; border-left:1px solid silver; border-right:1px solid silver; text-align:center; padding: 5px 3px 3px; }
.productsmid { border-left:1px solid silver; border-right:1px solid silver; text-align:center; padding-left:3px; padding-right:3px; }
.productsmid p { margin:0px; }
.productspace { width:5px; height:10px; }
.productsend { border-left:1px solid silver; border-bottom:1px solid silver; border-right:1px solid silver; text-align:center; padding-left:2px; padding-right:2px; padding-bottom:4px;}
.prodbuttons { display:block; }

/* CSS Buttons */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.gbutton {
    background: transparent url(images/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.gbutton span {
    background: transparent url(images/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.gbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.gbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Ajaxed Twitter START */

div#twitter {
	background-color:#1A609A;
	color:white;
	margin-bottom:5px;
}

div#twitter a { color:#ffffff; }

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("images/loader-small.gif") 1em center no-repeat;
}

ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 0.8em 0 1em 0;
	border-bottom: 1px solid #154B78;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #ffffff;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #ffffff;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #888;
}
/* Ajaxed Twitter END */

/* Horizontal Table */

.ISTable
{ font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;}

.ISTable td.header
{
border-bottom: 2px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040;
}

.ISTable td {
	border-bottom: 1px dotted #6699CC;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: white;
text-align: left;
padding: 5px 3px 5px 3px;
}

.ISTable td.left { border-left: 1px dotted #CEDCEA; }

/* Vertical Table */

.formrow {
	background-color:#B4C9D6;
	border-bottom: 1px solid #D7E2ED;
	border-top:1px solid White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; padding:3px;
}

.formcell1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; color:#343433; font-weight:bold;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

.formcell2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	color:black;
	border-top:1px solid #EBEBEB;
	border-bottom:1px solid #D1D1D1;
	padding:6px;
}

/* Members Control Panel */

#members a {
	display:block;
	background:#8399be;
	color:white; text-decoration:none;
	padding:6px;
}

#members a:hover {
	background:#164491;
}

#members .selected {
	background:#164491;
	font-weight:bold;
}

#AvatarGallery img {
	border:1px solid silver;
	padding:2px; background:white;
}

#AvatarGallery img:hover {
	border:1px solid black;
	padding:2px; background:white;
}

#messagecenter .box {
	background:#ffffe5;
	border:1px solid #f5e082;
	padding:8px;
	font-size:11px;
}

.termsbox {
	width:420px;
	height:200px;
	overflow:auto;
}