/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr {height: 1px; background-color: #E5E5E5;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 1em;}


/**************** General Links ***********************************/
a:link            {color: #12154c; text-decoration: none;border-bottom:1px solid #12154c;}
a:visited         { color: black; text-decoration: none;border-bottom:1px solid #ccc;}
a:focus, a:hover, a:active {color: white;background-color:#12154c; border-bottom:1px solid #fff;}
/**************** General rules *********************/
html, body{ height:100%;  margin:0;  padding:0;  text-align:center;}
body {height:101%; line-height:150%; color: #555; text-align: center; background:#2c3079 url(../images/blueback.jpg) left top repeat-x;}
#container{width:98%; max-width:1200px;min-width:760px; margin: 0 auto;font-size:76%;background:white url(../images/greyback.gif) left top repeat-y;text-align:left; }
#header{position:relative; height:120px; border-top:1px solid #080a3a; background:#2c3079 url(../images/bluefade.jpg) right top no-repeat;color: #79B30B; width:100%;}
#skip {font-size:80%;   text-align:right; color:white;   margin:0 auto;width:98%; max-width:1200px;font-size:68%;}
#skip li {display:inline;margin:0;  list-style-type: none;  padding: 0 0 0 1em;  }
#skip li a:link, #skip li a:visited  {border-bottom: 1px dotted white; color:#fff; padding:5px;  margin:0;   }
#skip li a:focus, #skip li a:hover, #skip  a:active { border-bottom: 1px dotted white;color:#fff;    padding:5px;border-top:1px solid white;}
#header img.photostrip {position:absolute; top:8px;left:37%;}
#header img.printlogo {display:none;}
.drop {margin:0 1em;}

#wrapper {border-top:4px solid #f9f500;}
#sidebar{width:20%;float:left;position:relative;background-color:#eeeded;padding-bottom:10px;}
#sidebar h3 {font-size:120%; font-weight:bold; margin:20px 0 0 10px;}
#inner{width:80%;float:right;position:relative;background-color:white;}
#extra{width:24%; float:left; position:relative; background-color:#fff; }
#extra p {margin: 5px 10px 8px 10px;font-size:90%;line-height:150%;}
#extra h3 {font-weight:bold; font-size:110%;margin-top:10px;}
.info {background:white url(../images/greyfade.jpg) left bottom repeat-x;margin-right:10px;border-bottom:10px solid #e1e3e2;margin-bottom:10px;}
.info h3 {background-color:#2b2f78;background-image:url(../images/blueheadingback.jpg);background-position: left top;background-repeat: repeat-x;display:block;margin:0;padding:0 0 0 10px;color:white;}
.info h3 span {padding-left:15px;background: url(../images/target.gif) left center no-repeat;}
.contactdets h4 {font-weight:bold;font-size:90%;margin:0 0 0 10px}
.contactdets p {margin:0px 0 0px 10px;}
.contactdets strong {}
#content ul {margin:0 0 0 10px;padding:0px;}
#content ul li {list-style-type:none;background-image: url(../images/roundel.gif);background-position:left 50%;background-repeat: no-repeat;padding-left:12px;}
#content ul.linklist li {list-style-type:none;background-image: url(../images/externalarrow.gif);background-position:left 50%;background-repeat: no-repeat;padding-left:20px;}
#video {margin-left:20px;}
#content ol {margin-left:30px;}
#content{background-color: #fff; float: left; display:inline; position: relative; width:74%; padding-bottom:10px;margin-left:1%;}
#content h1,h2,h3,h4,p,ul,ol {margin-left:20px;margin-right:10px;}
#content h2 {margin-top:10px;}
#footer{min-height:11em; background: #12154c;color: #FFF;clear:both;}
#footer div.left {float:left;margin:1em 0 0.5em 10px;width:70%;border:1px solid white;}
#footer div.right {float:right; margin:8px 10px 0.5em 0;width:24%;text-align:right;}
#footer div.left p {margin:4px 5px;}
#footer a{display:inline;padding:0;color: #fff;border-bottom:none;}
#sidebarpic {width:95%;margin-right:0px;}
#content ul#newsdocs li {list-style-type:none;margin-left:10px; padding-left:15px; background:transparent url(../images/articlebullet.gif) center left no-repeat;   }
#extra ul#newslist li {list-style-type:none;margin-left:0px; padding-left:15px; background:transparent url(../images/articlebullet.gif) 0 0.5em no-repeat;   }
ol.required {font-weight:bold;}
#vidimages {margin-left:20px;}
#vidimages img {margin-right:2%;}
#vidimages a, #vidimages a:link, #vidimages a:visited, #vidimages a:focus ,#vidimages a:hover, #vidimages a:active {border:none;background-color:white;text-decoration:none;}
/********************** Navigation ******************/

#navlist{margin:0;}
#navlist li{display:block;list-style: none;border-bottom:1px solid #dbdbdb;}
#navlist a {font-weight:bold;color:#267166;display:block;text-decoration:none;border-bottom:none;}
#navlist li a { display:block;text-decoration: none; }
#navlist a:link, #navlist a:visited {padding:0; color:#6b6868;border-bottom:none;}
#navlist a:visited {color:#333;}
#navlist a:hover, #navlist a:focus, #navlist a:active {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #2c3079;}

#news #nav-news,#contact #nav-contact, #links #nav-links, #why #nav-why,#home #nav-home, #about #nav-about, #products #nav-products,  #insurance #nav-insurance, #mortgages #nav-mortgages, #testimonials #nav-testimonials, #faqs #nav-faqs, #regulation #nav-regulation {background:#fff url(../images/navfade.jpg) left center repeat-y;color: #12154c;}
#navlist ul li {margin:0;padding-left:15px;border-bottom:none;background: url(../images/bluearrow.gif) left center no-repeat;}
#navlist ul  {margin:0;}
/***************** Headings ********************/
h1 {font-size:210%; color: #fff; font-weight:normal;margin:25px 0 0 10px;} 
h2 {font-size:190%; color: #2c3079; font-weight:normal;margin-top:0;font-family:"Times New Roman", "Trebuchet MS", Helvetica, sans-serif;}
h3 {font-size:120%; color:#2c3079;font-family:Arial, "Trebuchet MS", Helvetica, sans-serif;}
h4 {font-size:110%; color:#2c3079;font-family:Arial,"Trebuchet MS", Helvetica, sans-serif; }

#content h4.toggle, p.toggle {cursor:pointer;font-weight:bold;font-size:110%;margin:2px 0 2px 20px;padding-left:18px;background: url(../images/arrow.gif) left center no-repeat;}

/***************** Image Replacement ****************/
h1 {color:white;margin-left:0px; margin-bottom:0;margin-top:0px;padding:0; position:relative; width:281px; height:120px; overflow:hidden; }
h1 span {display:block;position:absolute; left:0; top:0; z-index:1;width:281px; height:120px; margin:0; padding:0; background:url(../images/logo.gif) top left no-repeat;}


.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 */  

/*************** Other bits *************/
#addresslist  {}
#addresslist dt {font-weight:bold;}
#addresslist dd {font-weight:normal;margin-bottom:8px;margin-left:0;}
span.asterisk {color:#2c3079;font-weight:normal;font-size:120%;}
abbr, acronym, .help {border-bottom: 1px dotted #333;cursor: help;}
blockquote {background: url(../images/quotemarks.gif) left top  no-repeat;margin: 1em 4% 40px 4%;padding-left:10px;}
cite {background: url(../images/quotemarks1.gif) right top no-repeat;padding:5px 20px 0 10px; margin-top:-10px;text-align:right;float:right;width:80%; font-style:normal;font-weight:bold;}
#sidebar a.email {font-size:80%;}
/*************** Forms ******************/
#contactform p {margin:0;}
#contactform p.inline {display:inline;}
#contactform {font-size:100%; color:#000; margin-left:15px;width:90%;   }
#contactform fieldset { border:1px solid #bbb;  padding:12px 8px;margin-bottom:10px; }
#contactform fieldset#main {border:none;}
#contactform legend {   color:#2c3079;font-weight:bold;margin-bottom:5px;}
#contactform input {background:#fff;   border:1px solid #2c3079;  width:70%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
#contactform select {border:1px solid #2c3079; margin:2px 0 5px 0;}
#contactform textarea { background:#FFF;  border:1px solid #2c3079;     width:70%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
#contactform input.button {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background:#59cacb url(../images/aquaback.jpg) left top repeat-x;    }
#contactform input:hover, #contactform textarea:hover {  border:1px solid #2c3079;background-color:#efefef; }
#contactform input.button:focus, #contactform input.button:hover, #contactform input.button:active  { clear:both; color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background-color:#ce071e;  }
#contactform input.radio {width:2em;border:none;}
#contactform input.topic, #contactform label.topic {position:absolute;left:-9999px;}
.required { color:#c2537a;    font-weight:normal;  margin-left:10px; }
.validationerrors ol {color:#000;   margin-left:15px; padding-left:10px;   margin-bottom:10px;  }
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active  { background-color:#538b37;  color:white;   }
#contactform input.shorttext {width:20%;}