/*.................................................. GENERAL ...............................................*/
body {margin:5px 0 0 0;  padding:0; text-align:center; font-size:100.01%; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  color: #545454; background: #fff;}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}

a {	color: #00689C; text-decoration: none;}
a:hover{	text-decoration:underline;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s80 { width:80px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
select.s170 { width:178px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s208 { width:208px; }
.s240 { width:240px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s400 { width:400px; }
.s490 { width:490px; }
.s600 { width:600px; }

.pc30 { width:30%;}
.pc35 { width:35%;}
.pc40 { width:40%;}
.pc50 { width:50%;}
.pc60 { width:60%;}
.pc65 { width:65%;}
.pc70 { width:70%;}
.pc100 { width:100%;}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff; float:left; }
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. WRAP ALL ................................................*/
#wrapall {width:946px; margin:0 auto; font-size: 0.8em; text-align: left; border: 1px solid #c9c7c6; }

/*.................................................. HEADER ................................................*/
#header { padding: 10px 15px 0 15px; margin: 0px 0 13px 0; width:916px; clear:both; float: left; }
#header h1 {float: left; }
#header h2 {margin: 30px 0 0 0; float: right; }

/*.................................................. BANNER ................................................*/
#banner {clear: both; background:#515254;}
.forSale {float: left; }
.forSale img {display: block}
img.bannerImage {float: left; background:#1a2c5a}

#bannerRightWrap {padding: 9px 0px 0px 10px; width: 327px; float: left; background:#515254;}
#wrapall.home #bannerRightWrap {width: 327px; }
#bannerRight { background: url(../img/bg/small-mobile-phone.jpg) no-repeat 10px bottom #851b1e;  width: 265px; float: left; height: 95px;}
#wrapall.home #bannerRight{ padding: 20px 0 0 64px; background: url(../img/bg/grey-dots.gif) 0 0 #515254;  width: 257px; height: auto}
#banner h1 {margin: 0px 0 3px 0; color: #c1c1c1; font-size: 1.3em;}
#banner form {margin: 6px 0 0 91px; width: 160px;  }
#banner form table {margin: 5px 0 0 0}
#banner form label {color: #4f5052; background:#fff; }
#banner form input {border: none; width: 85px; background:#fff; font-size: 0.85em; }
#banner form input.submit {padding: 4px 25px 6px 8px; color: #fff; border: none; width: 88px; background:url(../img/buttons/button_login.gif) no-repeat top right; }
#banner tr td {vertical-align: middle}
#banner tr.action td {padding: 3px 0 0 0; text-align: right; }
#banner tr td.inputLeft {padding: 4px 0px 4px 5px; background: url(../img/bg/input-left.gif) no-repeat bottom left; border-bottom: 3px solid #851b1e; font-size: 0.85em; }
#banner tr td.inputRight {padding: 4px 5px 4px 5px; background: url(../img/bg/input-right.gif) no-repeat bottom right; border-bottom: 3px solid #851b1e; text-align:left;  }
#banner form p {margin: 3px 0 0 0; }
#banner form a {text-decoration: none; }
#banner form a:hover {color: #fff;  }

#banner a {color: #c1c1c1; text-decoration: underline;}
#banner a:hover {text-decoration:none}
#flash {float:left; width: 187px;}

/*.................................................. MAIN NAVIGATION ................................................*/
#mainmenu {background: #14214e; height: 31px; clear:both; width: 100%; }
#wrapall.home #mainmenu {background: url(../img/mobile-phone-mid.jpg) no-repeat 683px 0 #14214e;}
#mainmenu ul { float: left;  }
#mainmenu ul li {padding: 6px 22px 7px 21px; float: left; display: inline; border-right: 1px solid #30395a}
#mainmenu ul li#m06 {border-right: 0px;}
#mainmenu ul li a { color: #7494c6; font-size: 1.15em;}
#mainmenu ul li a:hover, #mainmenu ul li.on a { color: #fff; text-decoration: none; }
#mainmenu ul li a:focus { outline: none}

/*........................ MAIN this wraps the left and right columns........................*/
#main {float:left; clear: both; }
#main.home {background:url(../img/bg/thirdcol.gif) repeat-y right 0 ;}

/*.................................................. LEFTCOL ...............................................*/
#leftCol {float:left; }

/*......... RIGHTCOL ...............................................*/
#rightCol {float: left; width: 946px }

/*............................................. COLUMN THREE ...............................................*/
#thirdCol {padding: 0 0 0 7px; float: right; width: 327px; }
#thirdColWrap {padding: 0 0 10px 0; float:left; width: 320px; }
#thirdCol img.keypad {margin: 0 0 0 64px; }
#thirdCol h1 { margin: 15px 0 10px 0; font-size:1.5em;color:#3486c0; line-height:1.5em; text-align:center; font-weight: normal}
#thirdCol h2 { font-size: 1.5em;  text-align:center; font-weight: normal}
#thirdCol h2 span {font-size: 1.2em; color:#3486c0}
#thirdCol ul.statistics {padding: 10px; margin: 10px 17px;  background:#fff; border: 1px solid #eee;}
#thirdCol ul.statistics li {line-height: 1.5em; font-size: 1.0em;}
#thirdCol ul.statistics li.secondLastLine {margin-bottom: 10px; }
span.percentage {color:#3486c0; }
#flash2 {float:left; border: 1px solid #ddd; }

/*............... COLUMN THREE FOR INSIDE PAGES .........*/
#thirdColInside {float: right; }

/*.................................................. CONTENT ...............................................*/
#bcrumb {font-size: 1.0em;}

#content {  float:left; background:url(../img/bg/content.gif) 0 0; width: 100%}
#wrapall.home #content {margin:10px 0 0px 0px; padding: 0 10px 0 10px; width: 588px; background:none;}
#content h1 {margin:0px 0px 0px 0; color:#14214e; font-size:2.3em; font-family:"lucida sans unicode", "lucida grande", verdana, tahoma, arial}
#wrapall.home #content h1 {margin:0px 5px 10px 0; color:#3486c0; font-size:1.5em; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-weight: normal; }
#content h2 {margin:15px 0px 10px 0; color:#000; font-size:1.4em; }
#wrapall.home #content h2 {color: #006C86; font-size:1.1em;}
#content h3 {margin:10px 5px 0px 0;color:#006C86; font-size:1.0em; }
#content p {margin:5px 0 10px 0; line-height: 1.5em; color: #545454}
#content #headings p {color: #545454}
#content p.note {font-size: 0.9em;}
#content p.emphasise {font-size: 1.2em; color:#3498d8; font-weight: bold; }
#content img.marginRight {margin: 4px 10px 5px 0; }
#content a {text-decoration: underline}
#content a:hover {text-decoration: none}
#content a.readmore {margin-top: 3px;}
#content a.readmore2 {margin: 3px 0 0 60px;}
#content a.more {padding: 0 8px 0 0; background: url(../img/icons/arrow4.gif) no-repeat right 6px}
#content span.homeTxt {color: #173465; font-weight:bold; }
.benefitsThirdCol {margin: 0 0 0 20px; float: right; width: 232px;}
.benefitsThirdCol p {text-align: center; }

/*Images*/
div.adminPanel {float: right; padding-left: 10px; }
div.adminPanel a img {padding: 5px;  border: 1px solid #9cd5fa;}
div.adminPanel a:hover img { border: 1px solid #851b1e;}
div.adminPanel a.image02 {display:  none; }
div.adminPanel p {padding-right: 5px;clear: both; text-align:right;  }
#content .benefitsThirdCol img {border: 1px solid #8f9194; }
#content img.l {margin: 0 10px 10px 0; border: 1px solid #8f9194; }
#content img.r {margin: 5px 5px 10px 15px; border: 1px solid #8f9194; }
/*displaying the Curved Images*/
ul.curvedImages {margin: 15px 0; }
ul.curvedImages li {display: inline; }
#thirdColInside ul.curvedImages {margin: 40px 15px 0 10px; }
#thirdColInside ul.curvedImages li {margin: 0 0 10px 0; display: block;}
img.moreBenefits {margin-right: 10px; float: left; }
#content p.moreonBenefits {margin-top: 30px; float: left; }

/*This is to wrap the content for the Inside Pages*/
#contentWrap {padding: 0 0 50px 0; float:left; width: 100%; background:url(../img/logos/hometxt-logo-onpage.gif) no-repeat bottom right }
#mainContent {margin: 10px 15px 0px 0; padding: 0 0 0 40px; float: left; width: 886px;}
#mainContent h2 { color: #3486c0; }

/*Home Page*/
#para1 {margin: 0 0 0 0; border-bottom: 1px solid #c9c7c6}
#para2 {margin: 10px 0px 0 0; float: left; }
#para2 p {margin-top: 0px;}
#content #para1 img {padding: 2px; border: 1px solid #9cd5fa}
#content #para2 a img {padding: 2px; border: 1px solid #9cd5fa}
#content #para2 a:hover img {border: 1px solid #3598d8}
#content #para2 p span.emphasise {font-size: 1.5em; color:#3486c0}

#headings {padding: 15px 0 15px 40px; background: url(../img/bg/heading.gif) repeat-x bottom left #efefef;   border-bottom: 1px solid #c9c7c6; }
#headings h1 {color: #14214e; }

/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}

ul.generalList {margin: 15px 10px;}
ul.generalList li {padding: 0px 0 10px 15px;margin: 0 0 5px 0; background:url(../img/icons/square.gif) no-repeat 0px 6px  }
ul.linkTo {margin-left: 15px;}
ul.linkTo li {padding: 0px 0 10px 15px;margin: 0 0 5px 0; background:url(../img/icons/arrow3.gif) no-repeat 0px 6px  }

/*block quotes*/
blockquote {margin: 10px 10px 10px 0; padding: 10px 10px 10px 40px;  background: #fff;  color: #2C537E; }
blockquote p{margin:5px 0 0 0; padding: 0; font-size: 1.0em; color:#2C537E;}
blockquote cite {color: #aaa;}

/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }

/*************************** FORMS ***************************************/
fieldset {border: 0px}
form.inputform input {padding: 2px 3px; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; }
form.inputform select {padding: 2px 0px; font-size: 1.0em;font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  }
form.inputform textarea {padding: 2px 3px; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em;}
form.inputform tr.action td {padding-top: 10px}
form.inputform table {margin: 0 0 10px 0; width: 90%}
form.inputform table td {padding: 2px 3px; }
.mand {color: #fff000;}


/*Contact us Page*/
#content #address {padding: 15px; background:#fff; float: left; border: 1px solid #eee;  width: 400px;}
#content #address p {margin-top: 0px;}
#content #address ul li {padding: 0px 0 3px 25px;  }
#content #address ul li.tel {background: url(../img/icons/telephone.gif) no-repeat 0px 0px}
#content #address ul li.fax {background: url(../img/icons/fax.gif) no-repeat 0 0px}
#content #address ul li.email {background: url(../img/icons/email.gif) no-repeat 0px 1px }

/*Contact Us Form*/
#contactForm {padding: 15px; float: right; width: 360px; background:url(../img/steps/hover.gif) repeat-x left bottom #515254; border: 1px solid #851b1e; }
#contactForm table {margin:0px; width: 100%}
#contactForm label {color: #fff; }
#contactForm form.inputform td.inputLeft { border-bottom: 3px solid #515254; background: url(../img/bg/input-left.gif) no-repeat bottom left; width: 1%; }
#contactForm form.inputform td.inputRight {padding: 0px 5px 0px 0px; border-bottom: 3px solid #515254;  background: url(../img/bg/input-right.gif) no-repeat bottom right; width: 160px; }
#contactForm input { background: none; border:none; width: 90%}
#contactForm textarea {background: none; border:none; height: 99px; width: 90%}
#contactForm td.queryLeft {background: url(../img/bg/query.gif) no-repeat 0 0;}
#contactForm td.queryRight {background: url(../img/bg/query-right.gif) no-repeat top right ; }
#contactForm table tr.action td {padding-bottom: 0px; }
#contactForm form input.button {padding: 4px 15px 6px 0px; color: #fff; border: none; width: 77px; background:url(../img/buttons/button_submit.gif) no-repeat top right ; }
#contactForm form input.button.clearForm {width: 99px; background-image:url(../img/buttons/button_clearform.gif) }

/*.................................................. FOOTER ...............................................*/
#footer {padding: 10px 0 ; clear:both; border-top: 1px solid #c9c7c6; display: block; width: 100%; font-size: 0.85em; text-align: center; }
#footer p {text-align: center; clear:both;  }
#footer ul li {display: inline;}
#footer ul li span {margin: 0 5px;}
#footer span {color: #851b1e}