/* Start of CMSMS style sheet 'styles' */
/******* Accessibility ******/
a.skip:link, a.skip:visited {
position: absolute;
top: 0;
left: -9999px;
}
a.skip:focus, a.skip:hover, a.skip:active {
position: absolute;
top: 30px;
left: 350px;
color:#FFFFFF;
z-index: 9000;
}


/*** General Reset ***/
*, body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#myframe {
height: 600px;
width: 400px;
}

/******************
DARK BLUE: #00335f
GREEN LINE #d1d246
*******************/


/************* GENERIC TAGS ***********/
.wrapper {
width: 1100px;
margin: 0 auto 0 auto;
position: relative;
}
.centerbutton {
float:right;
position:relative;
left:-35%;
text-align:left;
}

a {
text-decoration: none;
/*outline: none;*/
color: #00335f;
}
a:hover {
text-decoration: none;
color: #000;
}
a img {
border: none;
}

/*********************************************************/
/********** NEW FREE TRIAL BUTTON (inline content button) *********/
/*********************************************************/
a.ftbutton {
background: transparent url(uploads/images/but-ft.gif) no-repeat scroll bottom right;
color: #000;
display: block;
float: left;
font: bold 12px arial, sans-serif;
height: 52px;
margin: 10px 6px 0 0;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.ftbutton:active {
background-position: top right;
color: #000;
outline: none;
}
a.ftbutton span.butty {
background: transparent url(uploads/images/but-ft-span.gif) bottom left no-repeat;
display: block;
line-height: 39px;
padding: 6px 5px 3px 25px;
}
a.ftbutton:active span.butty {
background-position: top left;
padding: 7px 5px 3px 25px;
}
/*********************************************************/


/***** GENERIC UL LISTS *****/
ul {
font-size: 14px;
margin: 10px 0;
color: #00335f;
}
ul li {
margin: 8px 0;
}
ul li ul {
margin: 0 0 0 20px;
}
ul li ul li {
margin: 0;
}


/***** GENERIC SPANS *****/
.clear {
clear: both;
margin: 0;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.upper {
text-transform: uppercase;
}
.highlight {
color: #00335f;
}
.normal {
font-weight: normal;
}
.centered {
text-align: center;
}
.size11 {
font-size: 11px;
}
.size18 {
font-size: 18px;
}
.size22 {
font-size: 22px;
}
.size34 {
font-size: 34px;
}
.size38 {
font-size: 38px;
}
.smaller {
font-size: 12px;
vertical-align: middle;
}

/****** Colours *****/
.yellow {
color: #FFF000;
}
.darkred {
color: #CC0000;
}
.red {
color: #FF0000;
}
.grey {
color: #999999;
}
.blue {
color: #00335f;
}
.green {
color: #d1d246;
}
.white {
color: #FFFFFF;
}



h1 {
font-size: 26px;
color: #f6f6f6;
}
h2 {
font-size: 24px;
color: #00335f;
}
h3 {
font-size: 18px;
color: #00335f;
}
h4 {
font-size: 14px;
color: #00335f;
}
p {
font-size: 12px;
color: #666666;
}


/************** HEADER SECTION **************/
#header {
width: 100%;
height: 332px;
background: #0068af url(uploads/images/bg-header.jpg) top center no-repeat;
}
#header-inner {
width: 100%;
height: 170px;
background: #0068af url(uploads/images/bg-header.jpg) top center no-repeat;
}

h1.topphone {
position: absolute;
color:#FFFFFF;
margin: 10px 0 0 340px;
font-size: 30px;
}
h1#innerheader {
margin: 32px 0 0 0;
}
h1#innerheadernew {
margin: 20px 0 0 0;
font-weight: normal;
font-size: 22px;
width: 650px;
color: #d1d246;
}

a#badgefreetwo  {
background: transparent url(uploads/images/bg-badgefreetwo.png) no-repeat scroll bottom right;
display: block;
width: 156px;
height: 120px;
position: absolute;
z-index: 2000;
top: -20px;
right: 230px;
text-align: center;
line-height: 32px;
padding: 36px 0 0 0;
text-shadow: 0 0 4px #666666;
letter-spacing: -1px;
-moz-transform: rotate(15.1deg);  /* FF3.5+ */
-o-transform: rotate(15.1deg);  /* Opera 10.5 */
-webkit-transform: rotate(15.1deg);  /* Saf3.1+, Chrome */
zoom: 1;
-ms-filter: Shadow(Color=#cccccc, Direction=120, Strength=4);
}
a#badgefreetwo:active  {
background: transparent url(uploads/images/bg-badgefreetwo.png) no-repeat scroll top right;
}



#headerbar {
height: 75px;
z-index: 100;
width: 100%;
position: relative;
background: #105897;
}
.narrowheaderbar_displayfix {
width: 1100px;
height: 62px;
margin: 0 auto 0 auto;
padding: 13px 0 0 0;
background: #105897;
}

img.toplogo {
float: left;
}
table#toplogin {
width: 370px;
float: right;
color: #FFFFFF;
font-size: 10px;
margin: 5px 0 0 0;
}
table#toplogin td {
vertical-align: middle;
}
table#toplogin input.login {
width: 150px;
height: 20px;
font-size: 14px;
padding: 0;
}
table#toplogin input {
margin: 3px 0 0 0;
}

img#freetrialtop {
position: absolute;
z-index: 2001;
right: 112px;
top: 14px;
}

#keepyou {
margin: 40px 0 0 0;
width: 400px;
float: left;
}
#keepyou h1 {
color: #f6f6f6;
font-weight: normal;
font-size: 25px;
line-height: 34px;
margin: 0 0 25px 10px;
}
a.bigbutton {
background: transparent url(uploads/images/but-freetrial-home.png) no-repeat scroll bottom right;
color: #00335f;
text-transform: uppercase;
text-shadow: #eff0c0 0px 2px 1px;
display: block;
width: 334px;
text-decoration: none;
font-size: 24px;
font-weight: bold;
height: 40px;
padding: 12px 0 0 70px;
}
a.bigbutton:active {
background-position: top right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
text-shadow: #eff0c0 0px -2px 1px;
height: 39px;
padding: 13px 0 0 70px;
}


/************** MAIN CONTENT *************/
#maincontent {
background: #FFFFFF url(uploads/images/bg-maincontent.gif) top left repeat-x;
border-top: #d1d246 5px solid;
padding: 10px 0 0 0;
}
#maincontent-inner {
background: #FFFFFF url(uploads/images/bg-maincontent.gif) top left repeat-x;
border-top: #d1d246 5px solid;
padding: 30px 0 0 0;
}

#breadcrumbs {
margin: 0 0 10px 0;
/*border: #000 1px solid;*/
}
#breadcrumbs p {
font-size: 10px;
}


#leftcolmenu {
width: 240px;
background: #FFFFFF url(uploads/images/bg-leftmenu.gif) top right repeat-y;
padding: 0 0 20px 0;
float: left;
}
#leftcolmenu h2 {
padding: 0 0 10px 10px;
border-bottom:1px solid #dcddde;
display: block;
}
#leftcolmenu h3 {
margin: 10px 0 0 0;
}


/************** MAIN (LEFT) NAVIGATION ************/
ul#homebutton {
margin: 0 0 15px 0;
}
ul#homebutton a {
background: #f4f9fc url(uploads/images/icon-home.gif) 10px 10px no-repeat;
color: #797c80;
display: block;
font-size: 16px;
font-weight: normal;
padding: 20px 0 14px 60px;
position: relative;
width: 180px;
}

ul#nav-01 {
margin: 0 0 20px 0;
}
ul#nav-01 li, ul#nav-02 li, ul#homebutton li {
list-style: none;
margin: 0;
width: 230px;
}
ul#nav-01 li a {
border-bottom:1px solid #dcddde;
border-top:1px solid #fff;
color:#797c80;
display:block;
font-size:14px;
font-weight: normal;
padding:10px 0 10px 10px;
position:relative;
width:230px;
}
ul#nav-01 li a:hover, ul#homebutton a:hover {
color:#00335f;
}
ul#nav-01 .currentpage a, ul#nav-01 .currentpage a:hover {
background: transparent url(uploads/images/bg_nav-01-current.gif) no-repeat right center;
border:none;
color:#FFFFFF;
padding-right:11px;
text-shadow:-1px -1px 0 #A59902;
}


/************** SECOND NAVIGATION *************/
ul#nav-02 {
margin: 10px 0 70px 15px;
background: #FFFFFF url(uploads/images/bg-submenu.gif) top right repeat-y;
width:182px;
}

ul#nav-02 li a.subtop {
background: transparent url(uploads/images/bg-submenu-top.gif) top right no-repeat;
border-left: none;
border-right: none;
border-top: none;
border-bottom: 1px solid #dcddde;
width:172px;
}
ul#nav-02 li a.subtop span {
background: url(uploads/images/bg-submenuarrow.gif) 149px center no-repeat;
display:block;
padding: 3px 0 0 0;
}

ul#nav-02 li a.subbot {
background: transparent url(uploads/images/bg-submenu-bot.gif) bottom right no-repeat;
border: none;
width:172px;
}
ul#nav-02 li a.subbot span {
background: url(uploads/images/bg-submenuarrow.gif) 149px center no-repeat;
display:block;
padding: 0 0 0 0;
}

ul#nav-02 li a {
border-left: 1px solid #dcddde;
border-right: 1px solid #dcddde;
border-bottom: 1px solid #dcddde;
border-top: 1px solid #fff;
background: url(uploads/images/bg-submenuarrow.gif) 158px center no-repeat;
color:#797c80;
display:block;
font-size:12px;
font-weight: normal;
padding:5px 0 5px 10px;
position:relative;
width:170px;
}
ul#nav-02 li a:hover {
color: #333333;
}
#leftcolmenu .selected a {
color: #333;
background: #f1f1f1 url(uploads/images/bg-submenuarrowdown.gif) 158px center no-repeat;
}

ul#nav-02 ul.ddsubmenu {
margin: 0;
}
ul#nav-02 li.ddsubmenu ul {
padding: 0;
margin: 0;
}
ul#nav-02 li.ddsubmenu ul li a {
background: #e9e9e9;
padding-left: 15px;
margin: 0;
width: 165px;
}
ul#nav-02 li.ddsubmenu ul li a:hover {
background: #CCCCCC;
color: #333333;
}


/****************** MIDDLE COLUMN *******************/
#middlecol {
float: left;
width: 550px;
padding: 0 15px 20px 20px;
margin: 0;
/*border: #000 1px solid;*/
}

h2.welcome {
margin: 0 0 15px 0;
}
p.intro {
margin: 0 0 10px 0;
font-size: 13px;
}

.summaries {
margin: 0 0 20px 0;
}
.summaries a {
font-weight: bold;
}
.summary {
float: left;
width: 260px;
/*border:#000 1px solid;*/
margin: 20px 10px 0 0;
}
.summary img {
float: left;
margin: 0 10px 0 0;
}
.summarytext {
float: left;
width: 190px;
}
.summarytext p {
font-size: 13px;
}

#services {
border: #CCCCCC 1px dashed;
padding: 15px 0 15px 15px;
}
#services p {
background: url(uploads/images/icon-ticksmall.gif) left center no-repeat;
padding: 0 0 0 24px;
margin: 10px 12px 0 0;
float: left;
font-size: 14px;
color: #00335f;
}


/************ MIDDLE COL INNER PAGES *********/
#producttitle {
border-bottom: #d1d246 3px solid;
margin: 0 0 15px 0;
padding: 10px 0 10px 0;
}
h2.keyfactstitlenew {
margin: 0;
}
h2.keyfactstitle {
margin: 0 0 15px 0;
}
.keyfacts p {
background: url(uploads/images/icon-ticksmall.gif) left center no-repeat;
padding: 0 0 0 26px;
margin: 14px 32px 0 0;
font-size: 14px;
color: #00335f;
}
#easypp {
background: url(uploads/images/icon-money.gif) left center no-repeat;
border-top: #CCCCCC 1px dashed;
padding: 20px 0 20px 0;
margin: 20px 10px 0 10px;
text-align: center;
}
#easypp h2 {
color: #CC0000;
margin: 0 0 10px 0;
font-size: 28px;
}
#easypp p {
font-size: 14px;
}
#easypp p.smallprint {
margin: 10px 0 0 0;
font-size: 10px;
background: none;
color: #666666;
}
#foldershowwrap {
margin: 20px 0 20px 0;
}
#foldershowleft {
background: url(uploads/images/bg-foldersshowcase-left.gif) center left no-repeat;
float: left;
width: 11px;
height: 230px;
}
#foldershowmiddle {
border-top: #f4f4d0 1px solid;
border-bottom: #f4f4d0 1px solid;
height: 226px;
width: 309px;
padding: 3px 0 0 30px;
float: left;
}
#foldershowright span.freetrialtext {
font-size: 50px;
line-height: 44px;
}
#foldershowright a.freetrialbutton {
float: left;
background: #FFFFFF url(uploads/images/bg-foldersshowcase-rightbig.gif) no-repeat scroll bottom right;
color: #333300;
text-align: center;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
text-shadow: #f1f1c6 0px 2px 1px;
display: block;
padding: 60px 0 0 0;
height: 170px;
width: 191px;
text-decoration: none;
}
#foldershowright a.freetrialbutton:active {
background-position: top right;
color: #333300;
outline: none;
text-shadow: #f1f1c6 0px -1px 1px;
height: 168px;
padding: 62px 0 0 0;
}


.packdescription {
margin: 20px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: #CCCCCC 1px dashed;
}
.packdescription p {
margin: 15px 0 0 0;
}
.packdescription ul {
list-style: circle;
color: #666666;
margin: 0 60px 0 30px;
font-size: 12px;
}
.packdescription ul li {
margin: 5px 0 0 0;
}


/*********** LANDING PAGES *********/
#landingtop {
border-bottom: #d1d246 5px solid;
overflow: hidden;
height: 115px;
}
#landingtop-title {
width: 245px;
float: left;
margin: 30px 0 0 0;
}
#landingtext {
background: url(uploads/images/bg-landing.gif) top left repeat-x;
border-bottom: #d1d246 2px solid;
padding: 20px 0 15px 10px;
margin: 0 0 20px 0;
}
.landingkeyfacts p {
background: url(uploads/images/icon-ticksmall.gif) left center no-repeat;
padding: 2px 0 0 26px;
margin: 8px 10px 0 0;
font-size: 12px;
color: #666666;
}

a.freetrial {
background: transparent url(uploads/images/but-freetrial.gif) no-repeat scroll bottom left;
color: #FF0000;
text-transform: uppercase;
text-shadow: #eff0c0 0px 2px 1px;
display: block;
text-decoration: none;
font-size: 24px;
font-weight: bold;
height: 40px;
width: 169px;
padding: 12px 0 0 25px;
margin: 10px 0 0 20px;
}
a.freetrial:active {
background-position: top left;
color: #CC0000;
outline: none; /* hide dotted outline in Firefox */
text-shadow: #eff0c0 0px -2px 1px;
height: 39px;
padding: 13px 0 0 25px;
}


/*********** WHAT IS CUSTOMISED PAGE ************/
h2.customise {
margin: 20px 0 15px 0;
}
.customisations {
margin: 0 0 20px 0;
}
.customisations p {
background: url(uploads/images/icon-starmall.jpg) left center no-repeat;
padding: 0 0 0 26px;
margin: 14px 32px 0 0;
font-size: 14px;
color: #00335f;
}


/*********** TESTIMONIALS PAGE ************/
#testimonialwrapper {
position: relative;
}

.testimonial {
background: url(uploads/images/icon-testimonial.gif) left 10px no-repeat;
border-bottom: #CCCCCC 1px dashed;
padding: 0px 0 16px 0;
margin: 0 0 16px 0;
}
.testimonial p {
font-style: italic;
padding: 0 0 0 70px;
margin: 5px 0 0 0;
}


/********** SITEMAP PAGE **********/
.sitemap {
background: url(uploads/images/icon-sitemap.gif) top left no-repeat;
border-bottom: #CCCCCC 1px dashed;
padding: 0 0 0 100px;
}


/********** CONTACT US PAGE **********/
.contactus {
background: url(uploads/images/icon-contactus.gif) top left no-repeat;
border-bottom: #CCCCCC 1px dashed;
padding: 0 0 20px 70px;
margin: 0 0 20px 0;
}
.contactus h3 {
margin: 10px 0 3px 0;
}
.contactus ul {
margin: 0 0 0 30px;
}
#contactmap {
margin: 10px 0 0 0;
width:425px;
height:350px;
}

/*** FEEDBACK FORM ***/
table.feedbackform {
margin: 15px 0 0 0;
font-size: 12px;
}
table.feedbackform td {
padding: 5px 0 0 0;
}
table.feedbackform label {
margin: 7px 0 0 0;
position: absolute;
}




/*********** NEWS - Right Col *********/
#rightcol p.NewsSummaryLink {
font-size: 12px;
font-weight: bold;
margin: 0;
}
h2.newsh2 {
margin: 0 0 5px 0;
}
.NewsSummary {
border-bottom: #999999 1px dashed;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
}
.newsdate {
font-size: 10px;
color: #999999;
margin: 10px 0 5px 0;
}
.NewsSummaryMorelink {
font-weight: bold;
}


/******** NEWS ARCHIVE PAGE *********/
.NewsArchiveSummarywrap {
border-bottom: #CCCCCC 1px dashed;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}

.NewsArchiveSummary {
padding: 5px 0 5px 0;
}
.NewsArchiveMorelink {
margin: 0;
}


/*************** NEWS DETAIL PAGE ************/
#NewsPostDetailDate {
margin: 5px 0 10px 0;
padding: 0 0 10px 0;
border-bottom: #CCCCCC 1px dashed;
}
#NewsPostDetailSummary {
margin: 10px 0 10px 0;
}
#NewsPostDetailContent {
margin: 10px 0 0 0;
}
#NewsPostDetailReturnLink {
margin: 5px 0 0 0;
}



/**************** FREE TRIAL FORM PAGE ****************/
#freeformwrap {
border-top: #CCCCCC 1px dashed;
margin: 20px 0 0 0;
padding: 5px 0 0 0;
}
label {
margin: 0;
padding: 0;
}
#freeformwrap p {
width: 225px;
float: left;
margin: 10px 10px 0 0;
}
h5.pleaseselect {
width: 550px;
font-weight: normal;
margin: 5px 0 0 0;
}
.dropcontent h4 {
clear: both;
padding: 10px 0 0 0;
}
input#freetrialsignup {
margin: 0;
}


/********** TERMS AND CONDITIONS PAGE **********/
#tsandcs table {
color: #666666;
font-size: 12px;
border-collapse: collapse;
}
#tsandcs table td {
padding: 5px 0 0 0;
}
#tsandcs h2 {
font-size: 18px;
}
#tsandcs ol {
padding: 10px 0 10px 20px;
}


/************ ERROR PAGES ***************/
h2.error {
background: url(uploads/images/icon-error.png) center left no-repeat;
margin: 0 0 15px 0;
padding: 10px 0 10px 65px;
}
h2.errorpassword {
background: url(uploads/images/icon-success.png) center left no-repeat;
margin: 0 0 15px 0;
padding: 10px 0 10px 65px;
}


/******************* RIGHT COLUMN *******************/
#rightcol {
float: left;
width: 230px;
padding: 0 0 40px 15px;
border-left: #999999 1px dashed;
}

#callnow {
border-bottom: #CCCCCC 1px dashed;
padding: 0 0 10px 0;
width: 245px;
}
#callnow h2 {
font-size: 30px;
}

#searchbox {
border-bottom: #CCCCCC 1px dashed;
float: left;
width: 245px;
padding: 2px 0 12px 0;
margin: 10px 0 15px 0;
}
#searchbox h2 {
margin: 0 0 10px 0;
}
input.search {
color: #999999;
width: 175px;
height: 20px;
font-size: 14px;
}

.twitterbox {
padding: 15px 0 15px 0;
border-bottom: #CCCCCC 1px dashed;
}
.twitterbox h2 {
margin: 0 0 10px 0;
}
.tweetstatus {
margin: 10px 0 0 0;
}
.tweettext {
/*border: #000 1px solid;*/
float: left;
width: 160px;
}


img.compliant {
margin: 45px 0 0 0;
position: relative;
}


/*********** FOOTER **********/
.narrowfooter_displayfix {
width: 1100px;
background: #969799 url(uploads/images/bg-footer.gif) top left repeat-x;
}
#footer {
border-top: #d1d246 5px solid;
background: #969799 url(uploads/images/bg-footer.gif) top left repeat-x;
position: relative;
}
#footer a {
color: #d8d8d8;
}
#footer a:hover {
color: #000;
}
#footer p {
font-size: 14px;
color: #FFFFFF;
}

.footersub {
width: 250px;
margin: 30px 40px 0 0;
padding: 0 0 20px 0;
float: left;
}
.footersub ul {
margin: 5px 0 0 0;
padding: 0 0 0 20px;
list-style: circle;
color: #FFFFFF;
font-size: 12px;
}
.footersub ul li {
margin: 0;
}
.footersublast {
width: 230px;
margin: 30px 0 0 0;
padding: 0 0 20px 0;
float: left;
color: #FFFFFF;
font-size: 12px;
}
.footersublast a img {
margin: 10px 0 0 0;
}
/* End of 'styles' */

