/* CSS Document */

/*--- Global and commons ---*/
html {
    /*background:url(../images/widetile.png) #F4F4F4 center repeat-y;
    background:url(../images/tile.gif) #F4F4F4 repeat;*/
    background:url(../images/body_bg.jpg)  #fff repeat-x left top;
    }

body {
    background:url(../images/background.gif) center repeat-y;
    color:#4B4C4E;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0;
    font-size: 0.75em;
    text-align:left;
    line-height:1.3em;
    min-width:812px;
    }

table, input, button, savebutton, select, textarea {font:100% Verdana,sans-serif;}
pre, kbd, code, .code {font-family:"Courier New",Courier,monospace;margin:.5em 0;}
.code {border:1px solid #757575;background:#FFFFDE;color:#f00;padding:0 .3em;}
pre {width:100%;overflow:scroll;}
address {;}
blockquote {;}
p, dl {margin:0;}
dd {margin-left:0;}
ul, ol {margin:.4em 0 .4em 1em;padding:0 0 0 17px;}
form {margin:0;}
caption {color:#555;}
hr {height:1px;color:#bbb;}
.hr hr {display:none;}
img {border:0;}

.prev-next {
    font-size:0.9em;
    text-align:right;}

.clearfloat {
    overflow:auto;
    }

.clear {
    clear:both;
    font-size:0.1em;
    height:1px;
    line-height:1px;
    }

.nofloat {clear:both;}
.hidden {display:none;}

.invisible {
    position:absolute;
    top:-1000px;
    left:0;
    width:1px;
    height:1px;
    overflow:hidden;
    }

/*--- Spacer at bottom of benefits ---*/
.segreg {
    height:1.5em;
    clear:both;
    }
    
/*--- General spacer---*/
.spacer {
    height:10px;
    clear:both;
    width:610px;
    }
    
.article {;} 
.text {;}
.date {;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.strike {text-decoration:line-through;}
.spacing {letter-spacing:.3em;}
.small-caps {font-variant:small-caps;} 
.justify {text-align:justify;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.info {color:#555;font-size:0.9em;}
.info-a {color:#000;font-size:0.9em;}
.info-a span {font-weight:bold;}


/*--- All links ---*/
a:link {
    color:#337cac;
    }
    
a:active {
    color:#337cac;
    }

a:visited {
    color:#337cac;
    }

a:hover, a:focus {
    color:#337cac;
    text-decoration:none;
    }

/*---Quote start form---*/
#qform-obj {;}

#qform-obj {
    background:transparent;
    color:#FFFFFF;
    font-size:1em;
    }
    
.qform h2 {
    color:#666666;
    }

.qform-obj h1 {
    border-bottom:1px solid #E1E1E1;
    background:url(../images/bullet-point.gif) #fff left center no-repeat;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.4em;
    margin-top:10px;
    }
        
.qform-obj h1 span.h1 {
    color:#337cac;
    padding-left:20px;
    padding-bottom:5px;
    background:url(../images/bullet-point.gif) no-repeat;
    }
    
.qform p {
    padding-left:10px;
    padding-bottom:15px;
    }
    
.qform {;}
.qform table {border-collapse:collapse;}
.qform th,.qform td {border:0 solid #000;}
.qform th {font-weight:normal;text-align:left;}
.qform td {padding:.3em 0;}

.qform .qform-txt, .qform .qform-txt a {
    padding:0.5em 0.5em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
    text-align:right;
    }

td span {
    padding:.7em .5em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    text-align:right;
    }
        
.qform-table p, .qform-table dl {margin:0 0 .7em 0;}
.qform-table ul, .qform-table ol {margin:.4em 0 .4em 1em;}
.qform-table ul li {list-style:square;}

.q-con {
    margin-left:0px;
    border-bottom:solid 1px #CCCCCC;
    }
.q-con p, .q-con dl {margin:0 0 .7em 0;}
.q-con ul, .q-con ol {margin:.4em 0 .4em 1em;}
.q-con ul li {list-style:square;}
/*-Bckground colour for quote start form---*/
/*
.q-con tr {
    background-color:#f6f6f6;
    border:solid 1px #CCCCCC;
    }
    */
    

/* hardcore form */
.h-frm {;}
.h-frm fieldset {border:1px solid #B7B0A4;padding:.5em;margin-bottom:.5em;}
.h-frm legend {padding:.2em .5em;color:#f00;font-size:1.1em;text-align:right;}
.h-frm p {clear:both;}
.h-frm p label {width:35%;padding:.2em .2em 0 0;font-size:1em;float:left;}
.h-frm p label.obligatory {font-weight:bold;}
.h-frm p span {color:#f00;font-weight:bold;text-align:left;font-size:1em;}

/*---Global Form Elements, Fields, Btns etc---*/
input.inp, textarea, select {
    border:1px solid #ccc;
    padding:2px;
    font-size:0.9em;
    }

input.inp, textarea {
    width: 200px;
}

input.small {
    width: 100px;
}

input.capitalize {
    text-transform: capitalize;
}

input.uppercase {
    text-transform: uppercase;
}

.required {
    background-image:url(../images/required.gif); /*-little red star for required form fields-*/
    background-color:#efefef;
    background-repeat:no-repeat;
    background-position:top right;
    color:inherit;
    }

.optional {
    background-color:#efefef;
    color:inherit;
    }
    
.invalid {
    background:inherit;
    color:#f00;
    }

input.button {
    border:1px solid #C7C7C7;
    background:url(../images/formsubmit.jpg) #d9d9d9 repeat-x;
    color:#FFFFFF;
    margin:.2em .2em 0 0;
    padding:2px 2px 2px 2px;
    cursor:pointer;
    }

.savebutton {
    border:1px solid #C7C7C7;
    background:url(../images/formsubmit.jpg) #d9d9d9 repeat-x;
    color:#FFFFFF;
    margin:.2em .2em 0 0;
    padding:2px 2px 2px 2px;
    cursor:pointer;
    }

.savebutton:hover {
    border:1px solid #C7C7C7;
    background:url(../images/formsubmit.jpg) 0 -40px repeat-x;
    color:#920303;
    }
        
input.button:hover {
    border:1px solid #C7C7C7;
    background:url(../images/formsubmit.jpg) 0 -40px repeat-x;
    color:#920303;
    }

/*---Global - Input focus for all form fields(search,quote start), change to light blue---*/
input.inp:focus, textarea:focus, select:focus {
    border:1px solid #aaa;
    background-color:#d8e6e4;
    }

/*---Text Size---*/
#header .text-size {
    float:left;
    margin-top:0px;
}
/*---CustServ Contact No top right of header---*/
#header .resizeAll {
    float:right;
    margin-top:5px;
    margin-right:5px;
    }
    
#header .resizeAll a {
    text-decoration:none;
    }
    
#header .custserv-contact {
    float:right;
    margin-top:35px;
    margin-right:5px;
    }

#header .custserv-contact p {
    color:#666666;
    margin-left: 110px;
    }
    
#header .custserv-contact p a {
    color:#666666;
    text-decoration:none;
    }

/*--- Begin Site Search box ---*/

#searchtext {
    position:relative;
    float:right;
    text-align:right;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    }
    
#searchtext input.inp {
    width:150px;
    padding:2px;
    border:1px solid #cacbcb;
    }

#searchtext input.inp, .searchtext input.inp, .mail input.inp, .auth input.inp {
    background-image:url(../images/searchbg.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    margin-bottom:1px;
    }
    
#searchtext input.inp:focus, .searchtext input.inp:focus, .mail input.inp:focus, .auth input.inp:focus {
    background-image:none;
    }
    
input.button-img {
    width:21px;
    height:26px;
    background:url(../images/search.jpg) no-repeat left bottom;
    padding-top:5px;
    cursor:pointer;
    border:none;
    overflow:hidden;
    }
    
input.button-img:hover {
    background:url(../images/search-hover.jpg) no-repeat left bottom;
    }
        
/*--- End search ---*/
        
img.info {
    border:1px solid #000;
    width:5px;
    height:5px;
    }

/*---Quote Btn alignment---*/
div.button {
    text-align:right;
    }

div.savebutton {
    text-align:center;
    }
    
/*--- layout-config ---*/
#page {
    text-align:left;
    border-bottom:solid 1px #999999;
    }

/*---  Header ---*/
#header {
    background:#fff;
    color:inherit;
    margin-bottom:4px;
    }
    
#header p {
    font-size:0.9em;
    }
    
h1#logo {
    float:left;
    display:inline;
    margin:5px 10px 10px;
    padding:inherit;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.5em;
    }
h1#logo a {
    display:block;
    width:330px;
    height:50px;
    position:relative;
    overflow:hidden;
    }
h1#logo span {
    display:block;
    z-index:1;
    /*background:url(../images/horse-logo.gif) top left no-repeat;*/
    width:330px;
    height:50px;
    margin:0;
    padding:0;
    position:absolute;
    left:0;
    top:0;
    cursor:pointer;
    }
h1#logo a {
    text-decoration : none;
}
h2#logo {
    float:left;
    display:inline;
    margin:5px 10px 10px;
    padding:inherit;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.5em;
    }
h2#logo a {
    display:block;
    width:330px;
    height:50px;
    position:relative;
    overflow:hidden;
    }
h2#logo span {
    display:block;
    z-index:1;
    /*background:url(../images/horse-logo.gif) top left no-repeat;*/
    width:330px;
    height:50px;
    margin:0;
    padding:0;
    position:absolute;
    left:0;
    top:0;
    cursor:pointer;
    }
h2#logo a {
    text-decoration : none;
}

.header-banner{
    margin-left:90px;
    width: 370px;
}

/*--- Main Image Homepage ---*/
#main-image {
    background:url(../images/main-image.jpg) #eee top left no-repeat;
    }
        
#image {
    height:170px;
    background:#eee top left no-repeat;
    }

/*--- Main quote display page ---*/

#main-image-quote-start {
    height: 70px;
    margin-top: 15px;
    background:url(../images/quote-start.jpg) #eee top left no-repeat;
    }
    
#main-image-how {
    height: 70px;
    margin-top: 15px;
    background:url(../images/main-image-quote.jpg) #eee top left no-repeat;
    }

.q-left-col {
    clear:both;
    z-index:10;
    float:left;
    width:360px;
    }
    
.q-right-col {
    z-index:5;
    float:right;
    margin-right:13px;
    width:235px;
    }
    
#quote-txt h2 {
    float:right;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    }
#quote-txt h3 {
    text-align:center;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    }
#quote-txt p {
    float:left;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    }
        
/*--- Begin discount AD within main image ---*/

#discount-ad {
    display:inline;
    margin:90px 100px 10px 0;
    float:right;
    width:252px;
    height:137px;
    text-align:right;
    }
    
#discount-ad h2 {
    color:#333333;
    font-size:1.6em;
    padding:10px 10px 0 10px;
    margin:0;
    text-align: left;
    line-height:1.0;
    }
    
#discount-ad h3 {
    font-size:1.3em;
    padding:0px 10px;
    margin:7px 0px;
    line-height:1.4;
    color:#666666;
    }
    
#discount-ad p {
    padding:0 10px 10px 10px;
    font-size: 0.9em;
    line-height:1.4;
    font-weight:bold;
    color:#666666;
    width:325px;
    }

/*--- End discount AD within main image ---*/

#crumbs {
    clear:both;border-bottom:2px solid #F90;
    background:url(../images/crumbs.gif) #fff left center no-repeat;
    color:#777;
    font-size:0.9em;
    padding:.3em 1.5em;
    margin-bottom:1.5em;
    }
    
#left {background:#fff;color:inherit;}
#main {background:#fff;color:inherit;}
#right {background:#fff;color:inherit;}

/*--- Begin footer ---*/
#footer {
    background:url(../images/footstrip.gif) #fff top center no-repeat;
    color:#6E6D6D;
    padding-top:5px;
    }
    
#footer a {
    color:#666666;
    padding:5px;
    font-size:0.9em;
    text-align:left;
    text-decoration:none;
    }

#footer a:hover {
    color:#333333;
    }
    
.content {
    text-align:left;
    }
.content h1 {
    border-bottom:1px solid #E1E1E1;
    background:url(../images/bullet-point.gif) #fff left center no-repeat;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.4em;
    margin-top:10px;
    }
.content h1 span.h1 {
    color:#337cac;
    padding-left:20px;
    padding-bottom:5px;
    background:url(../images/bullet-point.gif) no-repeat;
    }
.content h2 {
    border-bottom:1px solid #E1E1E1;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.4em;
    margin: 0 0 0 0;
    }
.content h2 span.h2 {
    color:#337cac;
    padding-left:20px;
    padding-bottom:5px;
    background:url(../images/bullet-point.gif) no-repeat;
    }

/*--- Global header txt styling ---*/
#left h2,#right h2 {
    background:url(../images/h2_m.gif) #fff left center no-repeat;
    color:#5c5c5c;
    font-size:1.1em;
    margin:0;
    padding:.1em .3em .1em 1.8em;
    border-bottom:1px solid #E1E1E1;
    text-align:left;
    }

/*-- Nav and board column H3 header txt style etc ---*/
#left h3,#left h4,#left h5,#left h6 {
    color:#5c5c5c;
    margin:.7em 0 .15em 0;
    line-height:1.3em;
    }

/*--- Right column H3 ---*/ 
#right h3,#right h4,#right h5,#right h6 {
    color:#5c5c5c;
    margin:.7em 0 .15em 0;
    line-height:1.3em;  
    }

/*--- Begin top nav and top strip ---*/
#nav-top {
    border:solid 1px #dbdbdb;
    background-color:#f4f4f4;
    clear:both;
    padding-bottom: 5px;
    }
    
#nav-top h2 {
    display:none;
    }

#nav-top ul {
    margin:0px;
    padding: 0 10px 0 0;
    }

#nav-top ul li {
    float:right;
    width:125px;
    margin:0;
    background:transparent;
    list-style:none;
    margin-left:0.2em;
    }

#nav-top ul li a {
    display:block;
    margin-top:-1px;
    padding:0;
    overflow:hidden;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:bold;
    text-decoration:none;
    color:#666666;
    }

#nav-top ul li a span:hover {
    color:#999999;
    }
    
#nav-top ul li a span {
    background:url(../images/quote-btn.jpg) right no-repeat;
    }
    
#nav-top .breadcrumb {
    display:block;
    font-size:1.4em;
    font-weight:bold;
    margin-top:3px;
    margin-left:180px;
    color:#336633;
    height:0.9em;
    }
    
#nav-top ul li.active a {color:#000;}
#nav-top ul li span {display:block;margin:0;padding:.3em .7em .3em 2em;}
#nav-top ul li a:hover {color:#000;text-decoration:none;}
/*--- End top nav and top strip ---*/

/*--- Begin side navigation ---*/ 

#left .menu h2 {
    display:none;
        }
        
#navig ul {
    margin:0;
    padding:0;
    }
    
#navig ul li {
    width:100%;
    margin:0;
    border-bottom:1px solid #DBDBDB;
    background:url(../images/menu.gif) 0 -69px no-repeat;
    list-style-type:none;
    list-style-image:none;
    }
    
#navig ul li a {
    display:block;
    width:100%;
    background:url(../images/menu.gif) top left no-repeat;
    color:#18679b;
    text-decoration:none;
}

#navig ul li.active a {
    background:url(../images/menu.gif) 0 -138px no-repeat;
    color:#fff;
    text-decoration:none;
    }

#navig ul li span {
    display:block;
    padding:.3em .3em .3em 22px;
    font-size:0.9em;
    font-weight:bold;
    }

#navig ul li a:hover,#navig ul li li a:hover {
    background-image:none;
    color:#505050;  
    text-decoration:none;
    }
/*--- End side navigation ---*/

/*--- Begin left side fillers, below nav ---*/
#left h3,#right h3 {font-size:1.1em;margin:0 0 .15em 0;}
#left h4,#right h4 {font-size:1em;}
#left h5,#right h5 {font-size:1em;}
#left h6,#right h6 {font-size:1em;}
#left .hr,#right .hr {clear:both;height:1.3em;background:url(../images/hr_m.gif) left center no-repeat;}
/*--- End left side fillers, below nav ---*/

.menu-obj {
    background:#f4f4f4;
    border:solid 1px #cacbcb;
    margin-bottom:4px;
    }
    
.mmenu-obj a {
    color:#000066;
}

.m-con {
    font-size:0.85em;
    padding:.5em;
    height:auto;
    overflow:hidden;
    }
    
.m-con a {
    color:#000066;
    }

.m-con p, .m-con dl {margin:0 0 .7em 0;}
.m-con ul, .m-con ol {margin:.4em 0 .4em .5em;}
.m-con ul li {list-style:url(../images/li_m.gif) square;}
.m-con .info {color:#6c6c6c;font-size:0.9em;} 

#left .trailer1, #left .trailer2, #left .trailer3, #left .trailer4, #left .trailer5, #left .trailer6 {
    padding:20px 3px 5px 55px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1em;
}
    
#left .trailer1 a, #left .trailer2 a, #left .trailer3 a, #left .trailer4 a, #left .trailer5 a, #left .trailer6 a {
    text-align:left;
    font-weight: bold;
}
    
#left .trailer1 {
    background:url(../images/left-keyfacts.jpg) 2px 2px no-repeat;
    height:16px;
    display: block;
}
    
#left .trailer2 {
    background:url(../images/left-claim.jpg) 2px 2px no-repeat;
    height:16px;
    display: block;
}
    
#left .trailer3 {
    background:url(../images/left-accessibility.jpg) 2px 2px no-repeat;
    height:16px;
    display: block;
}
    
#left .trailer4 {
    background:url(../images/left-hints.jpg) 2px 2px no-repeat;
    height:16px;
    display: block;
}
    
#left .trailer5 {
    background:url(../images/left-adobe.jpg) 2px 2px no-repeat;
    height:16px;
    display: block;
}

#left .trailer6 {
    background:url(../images/left-thawte.gif) 2px 2px no-repeat;
    height:16px;
    display: block;
}

/*--- End left side fillers ---*/

/*---  Begin Main div styling for Homepage ---*/
#main a {
    color:#000066;
}
    
#main h1 {
    border-bottom:1px solid #E1E1E1;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.4em;
    margin:0 0 2px 0;
    }

#main h1 span.h1 {
    color:#337cac;
    padding-left:20px;
    padding-bottom:5px;
    background:url(../images/bullet-point.gif) no-repeat;
    }

#main h2, #main h3, #main h4, #main h5 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    color:#666666;
    margin:1em 0 .15em 0;
    line-height:1.3em;
    }

#main h2 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    color:#666666;
    font-size:1em;
    margin:0 0 .20em 0.20em;}

#main h3 {
    font-size:1.2em;
    }

#main h4 {
    font-size:1.1em;
    }

#main h5 {
    font-size:1.1em;
    }

#main .hr {
    clear:both;
    height:1.5em;
    background:url(../images/bullet-point.gif) center center repeat-x;
    }

.c-obj {
    background:transparent;
    color:inherit;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.95em;
    margin-left:10px;
    }
    
.c-objtitle p {
    color:#666666;
    font-weight:bold;
    font-size:1.2em;
    margin-top:10px;
    margin-left:10px;
    text-align:left;
    }
    
.q-table {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    margin-left:5px;
    }

.q-table table, .qform table {
    font-size: 0.9em;
    }
    
.q-table table tr:hover {
    background-color:#CCCCCC;
    }

/*---Global table stuff---*/
    /*tr { background-color: #DDDDDD;}*/
    tr { background-color:#FFFFFF;}/*-Start Quote page bckground colour-*/
  
/*---  Begin Main div styling for Benefits page ---*/
#main-benefits a {
    color:#000066;
}
    
#main-benefits h2 {
    border-bottom:1px solid #E1E1E1;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.4em;
    margin: 0 0 0 0;
    }

#main-benefits h2 span.h2 {
    color:#337cac;
    padding-left:20px;
    padding-bottom:5px;
    background:url(../images/bullet-point.gif) no-repeat;
    }

#main-benefits h3, #main-benefits h4, #main-benefits h5, #main-benefits h6 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    color:#666666;
    margin:10px 0px 0px 12px;
    line-height:1.3em;
    }

#main-benefits h3 {
    font-size:1em;
    }

#main-benefits h4 {
    font-size:1.2em;
    }

#main-benefits h5 {
    font-size:1.1em;
    }

#main-benefits h6 {
    font-size:1.1em;
    }
/*--- End Main div styling for Benefits page ---*/

/*---  Begin Main div styling for How does it work page ---*/
#main-how a {
    color:#000066;
}

#main-how p {
    margin-top: 10px;
    font-size:0.9em;
    }

#main-how h1 {
    border-bottom:1px solid #E1E1E1;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.4em;
    margin: 0 0 0 0;
    }

#main-how h1 span.h1 {
    color:#337cac;
    padding-left:20px;
    padding-bottom:5px;
    background:url(../images/bullet-point.gif) no-repeat;
    }

#main-how h2 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.1em;
    color:#339900;
    margin:10px 0px 0px 12px;
    line-height:1.3em;
    }

#main-how h3 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;;
    font-weight:bold;
    color:#FF0000;
    margin:10px 0px 0px 12px;
    line-height:1.3em;
    }
    
.plus-sign {
    text-align:center;
}


/*--- End Main div styling for How does it work page ---*/
    
/*--- All bullet pointed lists ---*/
.c-con {
    padding:5px;
    border-bottom:dotted 1px #cccdcd;
    }

.c-con p, .c-con dl {
    margin:0 0 .7em 0;
    }
    
.c-con ul, .c-con ol {
    margin:.4em 0 .4em 1em;
    }
    
.c-con ul li {
    list-style: square;
    }
        
/*--- Begin of benefit box/s  ---*/
#benefitboxes-top {
    clear:both;
    background:#fff;
    margin:0.5em 0 0.5em 0;
    }
    
#benefitboxes-bottom {
    clear:both;
    background:#fff;
    margin:0.5em 0 0.5em 0;
    }

#benefitboxes-top h2 {
    margin:10px 0 15px 10px;
    }
        
.benefitbox {
    float:left;
    width:146px;
    margin-left: 2px;
    margin-right: 2px;
    }
    
.b-box {
    /*background:url(../images/shoutbox1.jpg) #fff no-repeat;*/
    background-color:#f6f7f6;
    border:solid 1px #CCCCCC;
    }

.b-box p {
    padding:0px 0px 0px 0px;
    }
    
.b-box:hover {
    border:solid 1px #666666;
    }

.benefit-heading {
    margin:0px 0;
    border:0px solid #E3E2E8;
    height:80px;
    }
    
.benefit-heading a {
    display:block;
    height:80px;
    }
    
.benefit-heading a span {
    display:none;
    }

.benefit-txt {
    display:none;
    font-size:0.8em;
    font-weight:normal;
    line-height:normal;
    padding: 5px 5px 5px 5px;
    height: 230px;
    }

.benefit-select-n {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    padding: 5px 5px 5px 5px;
    background:url(../images/cross.gif) right no-repeat;
    font-weight:bold;
    color:#9d292a;
    cursor: pointer;
    }
    
.benefit-select-y {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 5px 5px 5px 5px;
    background:url(../images/tick.gif) right no-repeat;
    cursor: pointer;
    color:#060;
    }

.benefit-select-y a {
    text-decoration: none;
    color:#060;
}
.benefit-select-n a {
    text-decoration: none;
    color:#932528;
}

.benefit1 {
    float:left;
    padding-bottom: 2px;
    }
    
.benefit2 {
    padding-left: 2px;
    padding-bottom: 2px;
    }

.benefit3 {
    padding-left: 2px;
    padding-bottom: 2px;
    }
    
.benefit4 {
    padding-left: 2px;
    padding-bottom: 2px;
    }
    
.benefit5 {
    float:left;
    }
    
.benefit6 {
    padding-left: 2px;
    }
    
.benefit7 {
    padding-left: 2px;
    }
    
.benefit8 .b-box {
    margin-left:2px;
    height:107px;
    width:142px;
    padding-left: 2px;
    }

.benefit8 .b-box .button {
    height:40px;
    width:125px;
    padding-right:10px;
    }

.benefit8 .b-box .savebutton {
    height:32px;
    width:120px;
    margin-left:5px;
    margin-top:5px;
    }

.benefit8 .b-box .savebutton a {
    display:block;
    height:30px;
    width:120px;
    text-decoration:none;
    color:#FFFFFF;
    padding-top:8px;
    padding-right:5px;
    }

.benefit8 .b-box .savebutton a:hover {
    display:block;
    height:30px;
    width:120px;
    text-decoration:none;
    color:#920303;
    padding-top:8px;
    padding-right:5px;
    }
                    
.benefit1 .benefit-heading {
    background:url(../images/benefit1.jpg) #fff no-repeat;
    }
    
.benefit2 .benefit-heading {
    background:url(../images/benefit2.jpg) #fff no-repeat;
    }

.benefit3 .benefit-heading {
    background:url(../images/benefit3.jpg) #fff no-repeat;
    }
    
.benefit4 .benefit-heading {
    background:url(../images/benefit4.jpg) #fff no-repeat;
    }
    
.benefit5 .benefit-heading {
    background:url(../images/benefit5.jpg) #fff no-repeat;
    }
    
.benefit6 .benefit-heading {
    background:url(../images/benefit6.jpg) #fff no-repeat;
    }
    
.benefit7 .benefit-heading {
    background:url(../images/benefit7.jpg) #fff no-repeat;
    }
    
.benefit8 .benefit-heading {
    background:url(../images/benefit8.jpg) #fff no-repeat;
    }
    
#benefitboxes .benefitbox h3 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    text-align:center;
    padding:3px 0 2px 10px;
    margin:0;
    text-align:left;
    }
    
#benefitboxes a {
    color:#000066;
}
    
.benefitbox p {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.1em;
    color:#000000;
    padding:0px 15px 15px;
    }
    
/*--- End of benefit box/s  ---*/


/*--- Begin of homepage shoutbox/s  ---*/
#shoutboxes {
    clear:both;
    background:#fff;
    margin:0.5em 0 0.5em 0;
    }
    
.shoutbox {
    float:left;
    width:301px;
    }
    
.box {
    /*background:url(../images/shoutbox1.jpg) #fff no-repeat;*/
    background-color:#f6f7f6;
    border:solid 1px #CCCCCC;
    height: 260px;
    }

.shout-heading {
    margin:0px 0;
    border:0px solid #E3E2E8;
    height:100px;
    }
    
.shout-heading a {
    display:block;
    height:70px;
    }
    
.shout-heading a span {
    display:none;
    }
    
.shout1 {
    float:left;
    /*border-top:5px solid #f90;*/
    }
    
.shout2 {
    margin-left:2%;
    /*border-top:5px solid #C5110F;*/
    }
    
.shout1 .shout-heading {
    background:url(../images/shoutbox1.jpg) #fff no-repeat;
    }
    
.shout2 .shout-heading {
    background:url(../images/shoutbox2.jpg) #fff no-repeat;
    }
    
#shoutboxes .shoutbox h3 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    text-align:center;
    padding:3px 0 2px 10px;
    margin:0;
    text-align:left;
    }
    
#shoutboxes a {
    color:#000066;
}
    
.shoutbox p {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    color:#000000;
    padding:0px 10px 15px 10px;
    }
    
/*--- End of homepage shoutbox  ---*/


/* table, table-no */
.table,.table-no {;}
.table table {border-collapse:collapse;border:1px solid #999;}
.table th:first-child, .table td:first-child  {border-left-color:#999;} /* Mozilla hack */
.table caption {text-align:left;padding-bottom:.3em;}
.table th,.table td,.table-no th,.table-no td {text-align:left;}
.table th {background:#e4e4e4;color:#000;padding:.3em .4em;font-weight:bold;border-left:1px solid #999;border-bottom:1px solid #999;}
.table td {background:#fff;padding:.2em .4em;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.table tr.even td {background:#eee;}
/* .table tr.selected td {background:#F4F1D9;color:#000;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} */
.table tr.ruled td {background:#FFE7CE;color:#000;border-color:#ccc;}
.table head:first-child+body tr.ruled td {background:#fff;} /* Opera fix */

/*------------ Menu Tabs --------------- */

#tabsJ {float:left;  width:100%; font-size:0.9em;  line-height:normal;  border-bottom:1px solid #3085c4;}
#tabsJ ul {  margin:0;  padding:10px 10px 0 10px;  list-style:none;  }
#tabsJ li {  display:inline;  margin:0;  padding:0; cursor: pointer; }
#tabsJ a {  float:left;  background:url("../images/tableftJ.gif") no-repeat left top;  margin:0;  padding:0 0 0 5px;  text-decoration:none;  }
#tabsJ a span {  float:left;  display:block;  background:url("../images/tabrightJ.gif") no-repeat right top;  padding:5px 15px 4px 6px;  color:#24618E;  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {  color:#FFF;  }
#tabsJ a:hover {  background-position:0% -42px;  }
#tabsJ a:hover span {  background-position:100% -42px;  }
#tabsJ ul li a.selected {  background-position:0% -42px; }
#tabsJ ul li a span.selected {  background-position:100% -42px;  color:#FFF;  }

/*---Validation and error and confirmation msg's---*/  
.error_box {
    display: block;
    background-color:#f1e2e2;
    border: 1px solid #e5c4c4;
}
.error_box p{
    font-size:11px;
    padding-top:5px;
    margin:0px;
}


.error {
    color:#FF0000;
    } 

.confirm_box {
    display: block;
    background-color:#e3f1e2;
    border: 1px solid #bfe0bc;
}
.confirm_box p{
    font-size:11px;
    padding-top:5px;
    margin:0px;
}

label {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:1em;
}
.card_accepted {
    margin: 0px 0px;
    padding: 0px 0px;
    height  : 20px;
    width:35px;
    float: left;
    display: block;
}
.float {
    float: left;
}

/*---  Begin Main div styling for Search page ---*/
#main-search p {
    margin-top: 10px;
    font-size:0.9em;
    }

#main-search h2 {
    border-bottom:1px solid #E1E1E1;
    background:url(../images/bullet-point.gif) #fff left center no-repeat;
    color:#666666;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.3em;
    margin: 0 0 0 0;
    }

#main-search h2 span.h2 {
    background:url(../images/bullet-point.gif) no-repeat;
    padding: 0px 0px 0px 17px;
    }

#main-search h3 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:1.2em;
    color:#339900;
    margin:10px 0px 0px 12px;
    line-height:1.3em;
    }

#main-search h4 {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:0.9em;
    font-weight:bold;
    color:#FF0000;
    margin:10px 0px 0px 12px;
    line-height:1.3em;
    }
    

/*--- End Main div styling for How does it work page ---*/
/* iSearch */
table.isearch-head {
    margin: 0 auto;
    border: 1px solid #CACBCB;
}

table tr td.isearch-head {
    padding: 0px 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.isearch-search {
    font-family: monospace;
    font-weight: bold;
}
.isearch-highlight {
    font-family: monospace;
    color: #E68A00;
}
.isearch-size {
    color: #749ac9;
}
.center {
    text-align: center;
}

.cursor {
    cursor: pointer;
}

/*--- Misc ---*/
#Notes td {
    padding:5px;
    font-size:10px;
    color: #9d292a;
}

#Notes td span{
    padding-left:10px;
}

#icBreadcrumb span {
    display: block;
    border: 1px solid #c5c5c5;
    text-align: center;
    padding: 1% 1%;
    margin: 0px 0.3%;
    width: 21.6%;
    float: left
}

#icBreadcrumb span.selected {
    background-color: #F4F4F4;
    font-weight: bold;
    color: #363;
}
/*---Contact Page - right side contact no's etc---*/
.rightPanel {
    width:33%;
    text-align:left;
    margin-left:410px;
    /*background-color:#f4f4f4;*/
    border-left:solid 1px #CCCCCC;;
    clear:right;
}

.rightPanel h3 {
    padding-left:6px;
    padding-right:6px;
    line-height:12px;
    margin-bottom:2px;
    font-size:1em;
    color:#337cac;
}

.rightPanel p {
    padding-left:12px;
    padding-right:6px;
    font-size:0.9em;
}
.rightPanel p span {
    padding-left:40px;
}