﻿* {
    padding: 0;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

body { margin: 0px; padding:0px; font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#404040; line-height:18px; background-image:url(../images/bg.png); background-repeat:repeat-x; background-position:top left; background-color:#002044;}

div#content {
    float: left; display:block; width:500px;

}

div#content h1 { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; margin-bottom:20px; text-transform:uppercase; font-weight:normal;
   
    
}


div#content h2 {
    border:0px tranparent #fff;
    font-size: 18px;
    font-family: Arial ;
    font-weight: bold;    
    color :#172562;
    margin: 0px 3px 0px 10px;
    padding: 1px 1px 1px 10px;
    
}
div#content p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; margin-bottom:18px; padding:0px;   
   
}

div#content img {    
    margin: 5px 10px 3px 10px;
    padding: 5px 5px 5px 5px;
}


div#smallbutton     
{ margin-top:4px;
 

}





p {
    padding-bottom: 8px;
}
blockquote p {
    padding-bottom: 0!important;
}

a:hover {
    text-decoration: underline;
}

h2 {
    color: #172562;
    font-size: 1.3em;
    margin-top: 10px;
    padding-bottom: 3px;
    font-size: 1.5em;
}
h2 span {
    color: #4F9FD2;
}
h3 {
    color: #4F9FD2;
    font-size: 1em;
}
#wrapper {
    background-color: #FFFFFF;
    display: block;
    margin: 0 auto;
    width: 930px;
}

.logo {
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-right: 30px;
    padding-left: 32px;
    padding-top: 20px;
}

.logo a {
    text-decoration:none;
	border:none;
}

.logo a img {
    text-decoration:none;
	border:none;
}


#header{ display: block; width:910px; margin:0 auto; background-image:url(../images/top_bg.png); background-repeat:repeat-x; background-position:top left; background-color:#FFFFFF;}
#header_right {
    float: right;
    text-align: right;
    padding: 42px 25px 5px 0;
}
.headertext {
    font-size: 1.4em;
    color: #172562;
    width: 250px;
    padding-bottom: 17px;
}
.headertext span{
    color: #4F9FD2;
}
}
a.extranet {
   
    background:#fff;
    height: 24px;
    width: 136px;
    text-indent: -999em;
    float: right;
    text-align: left;
    
}
a.credentials {
    background: url(../images/credentials_but.jpg) no-repeat;
    height: 24px;
    width: 136px;
    text-indent: -999em;
    float: left;
    text-align: left;
}
a.testimonials {
    background: url(../images/testimonials_but.jpg) no-repeat;
    height: 24px;
    width: 136px;
    text-indent: -999em;
    text-align: left;
    float: left;
}
#menus{ float:left; display: block; padding-top:0px; position:relative; width:910px; background-image:url(../images/menus_bg.png); background-repeat:repeat-x; margin-bottom:2px;}
#menus ul{ float:left; display: block; list-style:none; list-style-type:none;width: 912px; }
#menus ul li{ float:left; display: block; list-style:none; list-style-type:none; font-family:"ArialBold",Arial, Helvetica, sans-serif; font-size:12px; color:#fff;position:relative;  background-image:url(../images/menus_li.png); background-repeat:no-repeat; background-position:left 5px; margin-top:-3px; text-transform:uppercase; padding:0 2px;}

#menus ul li:first-child{background:none; padding-left:0;}
#menus ul li:first-child a{padding:8px 47px;}
#menus ul li a{ text-decoration:none; color:#fff; padding:8px 35px  ; float:left; letter-spacing:0px; font-weight:bold;}
#menus ul li a:hover{ color: #49B1E0; text-decoration: underline;}
/*.menus ul li a.active { color: #49B1E0; text-decoration: underline;}*/
#menus ul li a.active { color: #49B1E0; text-decoration: underline;}

#menus ul li:first-child a{ background-image:url(../images/home_icon.png); background-repeat:no-repeat; display:block; text-indent:-99999px; background-position:center 8px;}

#main { margin:0 auto; width:910px; display:block;
    
  }
  
.login-mainbg{  background: url(../images/login_mainbg.jpg) no-repeat top left; height:416px; width:868px; display:block; float:left; padding-left:42px; padding-top:36px;}

ul.ticklist {
    margin-bottom:10px!important;
}
ul.ticklist li {
    list-style: none;
    background: url(../images/tick.jpg) no-repeat;
    padding: 3px 0 3px 25px;
}
ul.logolist {
    width:340px;
    margin-top: 35px;
    float: right;
}
ul.logolist li {
    float: left;
    list-style: none;
}
ul.dottedlist {
    margin-left: 0!important;
}
ul.dottedlist li {
    border-bottom: dotted 1px #383838;
    padding: 10px 0;
    list-style:none;
}
ul.dottedlist li a {
    color: #17245F;
    font-weight: bold;
}
ul.boldlinks {
    margin-bottom: 5px!important;
}
ul.boldlinks  li {
    padding: 5px 0;
    list-style:none;
}
ul.boldlinks li a {
    color: #172562;
    font-weight: bold;
    text-decoration: none;
}
ul.li_float {
    float: left;
    width:100%;
}
ul.li_float li {
    width: 45%;
    list-style: none;
}
ul.joblist li {
    list-style: none;
    border-bottom: dashed 1px #000;
    padding-bottom:15px;
    float: left;
    width: 400px;
}
ul.joblist li img {
    float: right;
}
ul.home_rotate {
    list-style: none;
    right: 22px;
}

dt {
    color: #4F9FD1;
    font-weight: bold;
}
dd {
    padding-bottom: 10px;
}
table.border {
    width:100%;
    border-color: #53A0D2;
    border-width: 0 0 1px 1px;
    border-style: solid;
}
table.border th {
    color: #fff;
    background: transparent url(../images/h2_legend_bg.jpg) repeat-x;
    padding: 5px;
}
table.border td {
    padding: 5px;
    border-color: #53A0D2;
    border-width: 1px 1px 0 0;
    border-style: solid;

}
.lcol {
    width: 400px;
    float:left;
}
.lcol_half {
    width: 410px;
    float:left;
    padding-top: 25px;
}
.rcol {
    float:right;
    width: 428px;
}
.rcol img {
    float:right;
}
.rcol_half {
    float:right;
    width: 405px;
    padding-top: 50px;
    padding-right: 25px;
}
.rabbits {
    clear: both;
    padding-top: 20px!important;
}
.rabbits li {
    float: left;
    list-style: none;
    margin: 0 21px 20px 0;
}
.boxborder 
{
    background-color: #FFF;
    border: 1px solid #54A0D1;
    padding: 10px 10px 20px 15px;
}
.boxborder ul 
{
    margin-left: 15px;
}

.shortlabel {
    width: 100px!important;
}



select 
{
    float: left;
    width: 200px;
    margin: 10px 0 0 0;
}
.uploadbutton {
    width: auto;
    margin-left: 25px;
    margin-right: 0;
}


.breadcrumb 
{
    float: left;
    width: auto;
    vertical-align: bottom;
    padding: 29px 0 0 50px;
    font-size: .8em;
    font-weight: bolder;
    color: #595959;
}
.breadcrumb p 
{
    padding-top: 17px;
}

.breadcrumb a 
{
    text-decoration: none;
    color: #595959;
}

.breadcrumb a:hover
{
    text-decoration: underline;
}

.breadcrumb a:visited 
{
    color: #595959;
}

.submit 
{
    margin: 10px 0 0 0;
    float: right;
}

.error 
{
    color: #CC0000;
    font-weight: bold;
}

.validator 
{
    color: #DD0000;
    clear: left;
    float: left;
    width: 370px;
}

.smallbutton 
{
    width: auto;
}

#enquiryIntro p 
{
    float: left;
    width: 450px;
}
#enquiryIntro img 
{
    float: right;
}

.fotter{ width:895px; display:block; background-image:url(../images/footer_bg.png); background-repeat:repeat-x; background-position:top left; padding:20px 15px 10px 0; float:left; margin-left:10px; margin-top:10px;}
.fotter-logos{ float:left; display:block; margin-right:10px; padding-top:0px;}
.footer-right{ float:right; display:block; width:440px; margin-right:6px;}
.footer-right .fotter-menus{ float:left; display:block; width:491px; float:right; margin-bottom:5px;margin-right: -13px;}
.footer-right .fotter-menus ul{ list-style:none; list-style-type:none; padding-left:20px; float:right; }

.footer-right .fotter-menus ul li{ float:left; list-style:none; list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003d88; padding:0 13px; border-left:1px solid #003d88; line-height:11px;}
.footer-right .fotter-menus ul li:first-child{ padding-left:0px; border:none;}
.footer-right .fotter-menus ul li a{ text-decoration:none; color:#003d88;}
.footer-right .fotter-menus ul li a:hover{ text-decoration:underline; color:#003d88;}
.footer-right p{ font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#555555; margin-bottom:0px; text-align:right;}

.websitedesign{ float:right; display:block; width:930px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin-bottom:-30px; text-align:right; padding-top:7px; padding-bottom:50px; clear:both; #padding-bottom:0px; #line-height:30px;}

.websitedesign a{ color:#FFF; text-decoration:none; font-weight:normal;}
.websitedesign a:hover{ color:#FFF; text-decoration:underline;}

.clearboth {
    clear: both;
}

.floatl {
    float: left;
}

.floatr {
    float: right;
}

.readmore {
    color: #172562;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
}

.dotted {
    border-bottom: dotted 1px #383838;
    margin-bottom: 8px;
}

.bluetext {
    color: #4F9FD1;
}
.blue_box {
    background: #A8CFE9;
    border: solid 1px #53A0D2;
    padding: 15px;
}
.rcol_margin {
    margin: 30px 25px 25px 25px;
}


.enquirylarge  {
    color: #172562;
    text-align: center;
    font-size: 1.9em;
    margin: 40px 0 20px 0px;
    font-weight: bold;
}
.enquirymedium  {
    color: #172562;
    text-align: center;
    font-size: 1.4em;
    margin: 40px 0 20px 0px;
    font-weight: bold;
}
.liststyle_none {
    list-style: none;
}
.top_dotted {
    border-top: dotted 1px #383838;
    padding-top: 17px; 
    margin-top: 3px;
}
.small_icon {
    float: left;
    padding-right: 7px;
    padding-top: 2px;
}
.registered {
    float: right;
    margin: 0;
    padding: 10px 23px 10px 10px;
    font-size: 0.85em;
}
.testimonialwidth {
    float:left;
    width: 425px;
}
.last {
    margin-right: 0!important;
}

.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #fff; 
    background: #424242 url(../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(../images/grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 14px; 
 }   
.mGrid .pgr a { color: #666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000; text-decoration: none; }


fieldset 
{
  background:#fffff;
  width:320px;
  font-family:Arial;
  padding: 5px 5px 5px 5px;
 
}
 
label {
  float: left;
  width: 75px;
  clear: left;
  margin: 5px 0 0 10px;
  padding: 5px 5px 5px 5px;
}
 
input {
  float: left;
  width: 150px;
  margin: 5px 20px 0 0;
}
 
button {
  background-image: url("button.png");
  width: 200px;
  height: 50px;
  display: block;
  margin: auto;
}
 
button:hover {
  background-image: url("buttonHover.png");
}

label 
{
    font: bold 12px  Arial;
    float: left;
    width: 5em;
    text-align:left;
    vertical-align:  middle;
}
input
{
    font: bold 12px  Arial;
    float: left;
    width: 18em;
    text-align:left;
    vertical-align:text-bottom;
}


#contactmain { width:910px; margin:0 auto; display:block;}

.contactusmain{ float:left; display:block; width:866px;  background-image: url("../images/contactus_mainbg.jpg"); padding-left:44px; padding-top:36px; height:415px;
    background-repeat: repeat-x;}
	
.contactcontent{ float:left; display:block; width:317px;}
  
  #emmaemail 
  {
  	background: transparent;
    padding: 204px 0 10px 85px; 
    width : 200px; 
    
  }
  

.contactusmain  h1 {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.contactusmain p {
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 16px;
    padding: 0;
}

.contactusmain a{color: #2B9ED1;
    font-weight: bold;
    text-decoration: none;}
	
.contactusmain span{color: #2B9ED1;
    font-weight: bold;}

.contactusmain a:hover{color: #2B9ED1;
    font-weight: bold;
    text-decoration: underline;}
  
#helpemail 
  {
  	background: transparent;
    padding: 3px 0 10px 280px; 
    width : 200px; 
    
  }
a.helpmail:hover{ text-decoration:underline;}
  .loginbox {
    background-image: url("../images/loginbox_bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #C3D2D8;
    display: block;
    float: left;
    height: 149px;
    padding-top: 22px;
    width: 392px; margin-bottom:20px;
}

.tabs {
    background-image: url("../images/tabs_login.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    width: 309px;
}

.clientareatab {
    display: block;
    float: left;
    width: 159px;
}


.clientareatab a {
    display: block;
    float: left;
    height: 29px;
    width: 159px;
}


/*.loginbox .wardenatab {
    background-image: url("../images/wrden_activ_tab.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 29px;
    margin: -51px 82px -1px 0;
    position: relative;
    width: 159px;
}*/


.loginbox #submitButton {
    background-image: url("../images/submit_btn.png");
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 35px;
    padding: 10px 0 0 12px;
    text-align: left;
    text-transform: uppercase;
    width: 199px; text-indent:-99999px;
}


.loginbox #submitButton:hover {
    background-image: url("../images/submit_btn_hover.png");
    background-repeat: no-repeat; text-decoration:none;

}

a.helpmail{ display:block; font-weight:bold; color:#2b9ed1; text-decoration:none;}

.clear{ clear:both;}

.logintext{ width:389px;}


.loginbox label {
    color: #404040;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-right: 10px;
    text-align: right;
    width: 72px; font-weight:normal;
}

.loginbox span {
    color: #FF5A00;
}

.loginbox fieldset{ width:auto;}

.loginbox #username, #password {
    border: 1px solid #CDCDCD;
    display: block;
    float: left;
    height: 22px; font-weight:normal;
    width: 254px;
}

.the-parkingtext {
    display: block;
    float: left;
    padding-top: 42px;
}


.callus {
    display: block;
    float: right;
    padding-right: 28px;
    padding-top: 30px;
}

.loginbox .clienttab {
    background-image: url("../images/clientarea_tab.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 29px;
    margin-bottom: -1px;
    margin-left: -2px;
    margin-top: -51px;
    position: relative;
    width: 159px;
}

.wardenareatab > a {
    position: absolute;
    right: -15px;
    top: -11px;
}

.wardenareatab {
    position: relative;
}


div#smallbutton {
    float: right;
    margin-right: 58px;
    margin-top: 4px;
}

#ctl00_ContentPlaceHolder1_sitephotos{#margin-top:-25px;}