/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
    }

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

button,
input,
select,
textarea {
    color: #4d4f53;
    font-family: Arial, Tahoma, sans-serif;
}

body {
    margin: 0;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/*::-moz-selection { background: #aabe2c; color: #fff; text-shadow: none; }
::selection { background: #007f64; color: #fff; text-shadow: none; }*/


/* =============================================================================
   Links
   ========================================================================== */

a {
    color: #41a940;
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }

    /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
    a:hover, a:active {
        outline: 0;
    }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:before, q:after {
        content: "";
        content: none;
    }

small {
    font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
    font-size: 75%; /*line-height: 0;*/
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

h1, h2, h3 {
    font-family: 'FocoRegular', Arial, Verdana, sans-serif;
    color: #41a940;
    font-weight: normal;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label {
    cursor: pointer;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input {
    line-height: normal;
}

    /*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

    button, input[type="button"], input[type="reset"], input[type="submit"] {
        cursor: pointer;
        -webkit-appearance: button;
        *overflow: visible;
    }

        /*
 * Re-set default cursor for disabled elements
 */

        button[disabled], input[disabled] {
            cursor: default;
        }

    /* 	
 * Consistent box sizing and appearance
 */

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
        *width: 13px;
        *height: 13px;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    /*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

    /* Colors for form validity */
    input:valid, textarea:valid {
    }

    input:invalid, textarea:invalid {
        background-color: #f0dddd;
    }

/* =============================================================================
   Tables
   ========================================================================== */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: black;
    padding: 0.2em 0;
}


/* Main Body Styles */

html {
    font-size: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    height: 100%;
    background-attachment: fixed;
}

/* Clear class for floated elements */
.clr {
    content: ".";
    display: block;
    /*height: 1px;*/
    width: 1px;
    clear: both !important;
    visibility: hidden;
    overflow: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.micro {
    font-size: 0.005em;
}

/*General Framework Start*/

.ContentHolder {
    width: 980px;
    margin: 0px auto;
    zoom: 1;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    background: #fff;
}

/*General Framework End*/

/* Global Bar Start*/

#sister-links {
    display: block;
    background: #000;
    height: 25px;
    font-size: 13px;
    padding: 5px 0;
}

    #sister-links a {
        color: #e0e1dd;
        text-decoration: none;
        line-height: 2em;
        display: block;
        margin-right: 10px;
        margin-left: 7px;
        font-weight: bold;
    }

        #sister-links a:hover {
            color: #FFFFFF;
        }

    #sister-links ul {
        display: block;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

        #sister-links ul li {
            display: block;
            float: left;
            margin-right: 5px;
        }
/*Global Bar End*/





/*OLD STYLES*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

/*h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}*/

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input, select {
    vertical-align: middle;
}

legend {
    color: #675c53;
}
/* 
fonts 
---------------------------------------------------*/
body {
    font-family: Arial, helvetica, clean, sans-serif;
}

select, input, button, textarea {
    font-family: Arial, helvetica, clean, sans-serif;
}

table {
    font-size: inherit;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    line-height: 100%;
}

*:focus {
    outline: none;
}
/* removes yellow focus line in Chrome */
/*
fonts
---------------------------------------------*/
@font-face {
    font-family: 'FocoRegular';
    src: url('/fonts/foco/foco-webfont.eot');
    src: url('/fonts/foco/foco-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/foco/foco-webfont.woff') format('woff'), url('/fonts/foco/foco-webfont.ttf') format('truetype'), url('/fonts/foco/foco-webfont.svg#FocoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Foco';
    src: url('/fonts/foco/foco-webfont.eot');
    src: url('/fonts/foco/foco-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/foco/foco-webfont.woff') format('woff'), url('/fonts/foco/foco-webfont.ttf') format('truetype'), url('/fonts/foco/foco-webfont.svg#FocoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FocoBlackRegular';
    src: url('/fonts/foco/focoblack-webfont.eot');
    src: url('/fonts/foco/focoblack-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/foco/focoblack-webfont.woff') format('woff'), url('/fonts/foco/focoblack-webfont.ttf') format('truetype'), url('/fonts/foco/focoblack-webfont.svg#FocoBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FocoBold';
    src: url('/fonts/foco/focobold-webfont.eot');
    src: url('/fonts/foco/focobold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/foco/focobold-webfont.woff') format('woff'), url('/fonts/foco/focobold-webfont.ttf') format('truetype'), url('/fonts/foco/focobold-webfont.svg#FocoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FocoLightRegular';
    src: url('/fonts/foco/focolight-webfont.eot');
    src: url('/fonts/foco/focolight-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/foco/focolight-webfont.woff') format('woff'), url('/fonts/foco/focolight-webfont.ttf') format('truetype'), url('/fonts/foco/focolight-webfont.svg#FocoLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
Lists
----------------------------------------------*/
/* numbered list */
ol.simpleList li {
    list-style-type: decimal;
    margin-left: 40px;
    margin-bottom: 0.75em;
    line-height: 1.231em;
}
/* standard list */
ul.simpleList li {
    list-style-type: disc;
    margin-left: 40px;
    margin-bottom: 0.75em;
    line-height: 1.231em;
}
/*
Headings
-----------------------------------------------*/
/* .h1-.h6 classes should be used to maintain the semantically appropriate HTML heading levels - NOT for use on non-headings */
h1, h2, h3 {
    font-family: "FocoRegular", Arial, Helvetica, sans-serif;
}
/* 
GRIDS 
----------------------------------------------- */
.line:after, .lastUnit:after {
    clear: both;
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0 !important;
    line-height: 0;
    font-size: xx-large;
    content: " .";
}

.flt {
    float: left;
}

.frt {
    float: right;
}

.line {
    /* margin-top: 20px;*/
    margin-bottom: 10px;
    *zoom: 1;
}

.unit {
    float: left;
}

.size1of1 {
    float: none;
}

.size1of2 {
    width: 50%;
}

.size1of3 {
    width: 33%;
}

.size2of3 {
    width: 540px;
}

.size1of4 {
    width: 220px;
}

.size3of4 {
    width: 700px;
}

.size1of5 {
    width: 20%;
}

.size2of5 {
    width: 40%;
}

.size3of5 {
    width: 60%;
}

.size4of5 {
    width: 80%;
}

.lastUnit {

    float: none;
    width: auto;
    *display: block;
    *zoom: 1;
}

.size1of6 {
    width: 380px;
}
/* Default spacing 
------------------------------------------*/
.media {
    margin: 10px;
}

h1, h2, h3, h4, h5, h6, img {
    padding-bottom: 0px;
}

pre {
    margin: 10px;
}

table h1, table h2, table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {
    padding: 0;
}

.elearn {
    padding-right: 20px;
}

    .elearn ul,
    .elearn ol {
        font-size: 1em;
        line-height: 1.286em;
        margin: 1.25em 0;
    }

    .elearn ul,
    .elearn ol {
        padding: 0 0 0 20px;
    }

        .elearn ul li,
        .elearn ol li {
            margin: 5px 0;
            list-style: inside square;
        }

/* spacing helpers 
----------------------------------------- */
.ptn, .pvn, .pan {
    padding-top: 0px !important;
}

.pts, .pvs, .pas {
    padding-top: 5px !important;
}

.ptm, .pvm, .pam {
    padding-top: 10px !important;
}

.ptl, .pvl, .pal {
    padding-top: 20px !important;
}

.prn, .phn, .pan {
    padding-right: 0px !important;
}

.prs, .phs, .pas {
    padding-right: 5px !important;
}

.prm, .phm, .pam {
    padding-right: 10px !important;
}

.prl, .phl, .pal {
    padding-right: 20px !important;
}

.pbn, .pvn, .pan {
    padding-bottom: 0px !important;
}

.pbs, .pvs, .pas {
    padding-bottom: 5px !important;
}

.pbm, .pvm, .pam {
    padding-bottom: 10px !important;
}

.pbl, .pvl, .pal {
    padding-bottom: 20px !important;
}

.pln, .phn, .pan {
    padding-left: 0px !important;
}

.pls, .phs, .pas {
    padding-left: 5px !important;
}

.plm, .phm, .pam {
    padding-left: 10px !important;
}

.pll, .phl, .pal {
    padding-left: 20px !important;
}

.mtn, .mvn, .man {
    margin-top: 0px !important;
}

.mts, .mvs, .mas {
    margin-top: 5px !important;
}

.mtm, .mvm, .mam {
    margin-top: 10px !important;
}

.mtl, .mvl, .mal {
    margin-top: 20px !important;
}

.mrn, .mhn, .man {
    margin-right: 0px !important;
}

.mrs, .mhs, .mas {
    margin-right: 5px !important;
}

.mrm, .mhm, .mam {
    margin-right: 10px !important;
}

.mrl, .mhl, .mal {
    margin-right: 20px !important;
}

.mbn, .mvn, .man {
    margin-bottom: 0px !important;
}

.mbs, .mvs, .mas {
    margin-bottom: 5px !important;
}

.mbm, .mvm, .mam {
    margin-bottom: 10px !important;
}

.mbl, .mvl, .mal {
    margin-bottom: 20px !important;
}

.mln, .mhn, .man {
    margin-left: 0px !important;
}

.mls, .mhs, .mas {
    margin-left: 5px !important;
}

.mlm, .mhm, .mam {
    margin-left: 10px !important;
}

.mll, .mhl, .mal {
    margin-left: 20px !important;
}
/*
Colours
--------------------------------------*/
.sageGreen{color:#007f64 }              
.sageBrightGreen{color:#41a940 }  
.sageMidGreen{color:#41a940 }        
.sageOrange{color: #ff5800}           
.sageVeryLightGrey{color:#eff0ee }      
.sageLightGrey{color: #e0e1dd}          
.sageMidGrey{color:#afafaf }          
.sageDarkGrey{color:#4d4f53 }          
.white{color:#fff }                 
.black{color:#000 }                  
.very-light-grey{color: #eff0ee}       
.light-grey{color: #e0e1dd}             
.mid-grey{color: #afafaf}              
.dark-grey{ color:#4d4f53}            
.dark-green{ color:#007f64}             
.light-green{color: #41a940}            
.orange{color: #ff5800}                 

/*
Menus
--------------------------------------*/
.topMenuCMSListMenuLinkHighlighted {
    background-color: #fff;
    padding: 5px 8px;
    margin-right: 3px;
    color: #69923a;
    border: 1px solid #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
}

.topMenuCMSListMenuLinkActive {
    padding: 5px 8px;
    background-color: #fff;
    margin-right: 3px;
    color: #69923a;
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

body.myAcc .topMenuCMSListMenuLinkActive {
    color: #a8b400;
}

body.detPref .topMenuCMSListMenuLinkActive {
    color: #e98300;
}

body.support .topMenuCMSListMenuLinkActive {
    color: #00a1de;
}

body.comm .topMenuCMSListMenuLinkActive {
    color: #007f64;
}

body.webAdmin .topMenuCMSListMenuLinkActive {
    color: #c55e9b;
}

body.train .topMenuCMSListMenuLinkActive {
    color: #652d86;
}
/******** Top Mega Menu Styles ************/

.main-menu {
    margin: 20px 0;
}

    .main-menu ul {
        margin: 0;
        padding: 0;
    }

    .main-menu > ul > li {
        float: left;
        width: 120px;
    }

        .main-menu > ul > li > a {
            display: block;
            min-height: 48px;
            padding: 4px 15px 6px 8px;
            color: #000;
            text-decoration: none;
            border-left: 1px solid #AFAFAF;
            position: relative;
            -webkit-transition: all 0.1s;
            -moz-transition: all 0.1s;
            transition: all 0.1s;
            font-weight: normal;
            line-height: 1.143em;
            font-size: 0.875em;
        }

        .main-menu > ul > li.hasSub > a:after {
            content: ".";
            background: url(../images/nav-arr.png);
            display: block;
            text-indent: -9999px;
            width: 14px;
            height: 8px;
            position: absolute;
            bottom: 6px;
        }

        .main-menu > ul > li.current > a {
            position: relative;
            background: #41a940;
            color: #fff;
            border-left: 1px solid #AFAFAF;
            padding: 4px 16px 6px 8px;
            margin-right: -1px;
            z-index: 2;
        }

            .main-menu > ul > li.current > a:after {
                background-position: 0 -8px;
            }

        .main-menu > ul > li.hasSub:hover > a:after {
            background-position: 0 -8px;
        }

        .main-menu > ul > li:hover > a {
            background: #41a940;
            color: #fff;
            border-left: 1px solid #AFAFAF;
            padding: 4px 16px 6px 8px;
            margin-right: -1px;
            z-index: 2;
        }

    .main-menu > ul ul {
        display: none;
        position: absolute;
        z-index: 99;
        background: #fff;
        border-width: 1px;
        border-style: solid;
        border-color: #41a940;
        -moz-box-shadow: 2px 5px 20px #afafaf;
        -webkit-box-shadow: 2px 5px 20px #afafaf;
        box-shadow: 2px 5px 20px #afafaf;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s;
    }

        .main-menu > ul ul li.hasSub ul {
            display: none;
        }

    .main-menu > ul > li:hover ul {
        display: block;
    }

    .main-menu > ul ul li {
        position: relative;
    }

        .main-menu > ul ul li a {
            display: block;
            text-decoration: none;
            color: #41a940;
            font-size: 0.875em;
            padding: 4px 75px 6px 5px;
            max-width: 250px;
            -webkit-transition: all 0.1s;
            -moz-transition: all 0.1s;
            transition: all 0.1s;
        }

            .main-menu > ul ul li a:hover {
                color: #fff;
                background: #41a940;
            }

        .main-menu > ul ul li a {
            display: block;
            text-decoration: none;
            color: #41a940;
            font-size: 0.875em;
            padding: 4px 75px 6px 5px;
            max-width: 250px;
            -webkit-transition: all 0.1s;
            -moz-transition: all 0.1s;
            transition: all 0.1s;
        }

            .main-menu > ul ul li a:hover {
                color: #fff;
                background: #41a940;
            }

        .main-menu > ul ul li.hasSub:before {
            content: "\f105";
            position: absolute;
            right: 10px;
            top: 3px;
            color: #fff;
            font-family: 'FontAwesome';
            font-size: 1.125em;
        }

        .main-menu > ul ul li:hover > ul {
            display: block;
            position: absolute;
            background: #41a940;
            right: -75px;
        }

        .main-menu > ul ul li:hover {
            background: #41a940;
        }

        .main-menu > ul ul li > ul a:hover {
            background: #41a940;
        }


/****** basic layout constructs ******/

.home-msg {
    margin-right: 20px;
}

.home-showHide {
    float: right;
}

/****** Side Menu Styles ******/
#secondryMenu {
    margin: 0;
}

    #secondryMenu li {
        background: none;
        padding: 0;
        margin: 0;
        list-style:none; background: url(/images/bg_sage-border.png) repeat-x bottom;
    }
        #secondryMenu li:last-child {
            background: none;
        }
        #secondryMenu li.hasChild.selected {
            background-color: #007f64;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
        }

#pnlRightHandMenu #h2CommunityArea {
    color: #4d4f53;
  font-family: "FocoRegular", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: normal;
  padding-bottom: 12px;
  padding-top: 3px;
  margin-bottom: 0;
  background: url(/images/bg_sage-border.png) repeat-x bottom;
}
#pnlRightHandMenu .mod {
      padding: 10px ;
}
    #secondryMenu a {
        color: #000000;
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 8px 8px 10px 0px;
 
    }

        #secondryMenu a:hover {
            color: #000000;
            text-decoration: none;
        }

    #secondryMenu .hasChild.selected a {
        color:white!important;
    }



    #secondryMenu .hasChild ul {
        margin: -2px 0px 0px 0px;
        padding-bottom: 3px;
    }

        #secondryMenu .hasChild ul ul {
            margin-bottom: 3px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        #secondryMenu .hasChild ul li {
            margin: 0px 6px 0px 6px;
            /*border-top: 1px dotted #afafaf;*/
        }

    #secondryMenu .last-child {
        border: 1px solid #06F;
    }

    #secondryMenu .hasChild ul li a {
        border: none;
        padding: 8px 8px 8px 15px;
    }

        #secondryMenu .hasChild ul li a:hover {
            border: none;
            color: #ff5800;
            text-decoration: underline;
        }

    #secondryMenu .hasChild ul ul li a {
        padding: 8px 8px 8px 25px;
    }

    #secondryMenu .hasChild .hasChild {
        border: none;
    }

.selected a {
    color: #41a940 !important;
}

#secondryMenu .hasChild ul li.selected a {
    color: #41a940 !important;
}

#secondryMenu .hasChild ul li.selected ul li a {
}

.selected ul a {
    color: #000000 !important;
}

    .selected ul a:hover {
        color: #000 !important;
        text-decoration: underline;
    }

#secondryMenu .hasChild ul li.selected ul li a:hover {
    color: #000 !important;
}



/*generic
------------------*/
.bold {
    font-weight: bold;
}

.imageRight {
    clear: both;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    float: right;
    font-size: 0.9em;
    color: #007f64;
}

.imageLeft {
    clear: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 0px;
    float: left;
    font-size: 0.9em;
    color: #007f64;
}

.edged {
    border: 1px solid #e0e1dd;
}

.roundedCorners {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.noDecoration {
    text-decoration: none;
    border-bottom: none;
}
/* 
mods 
-------------------------------------*/
.mod {
    position: relative;
    background: #eff0ee;
    padding: 10px 10px 20px;
    margin-bottom: 10px;
}

    .mod p a {
        color: #000000;
        text-decoration: underline;
    }

        .mod p a:hover {
            color: #000000;
        }

    .mod.altBack p a {
        color: #ff5800;
    }

    .mod h2 {
        color: #4d4f53;
    }

    .mod .hd h2 {
        color: #4d4f53;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 10px;
        background: url(/images/bg_sage-border.png) repeat-x bottom;
        margin-bottom: 10px;
    }

    .mod > h2:first-child,
    .mod > h3:first-child,
    .altBack .cloak > h2:first-child {
        margin-top: 0;
    }


    .mod .heading1 {
        color: #007f64;
    }

    .mod .heading3 a {
        color: #007f54;
        text-decoration: none;
    }

        .mod .heading3 a:hover {
            color: #000000;
            text-decoration: underline;
        }

.mod-nopad {
    position: relative;
    background: #eff0ee;
    padding: 0px;
    margin-bottom: 10px;
}

.modHead { /*opacity layer*/
    display: block;
    background: #fff; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#607D40)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #fff, #607D40); /* for firefox 3.6+ */
    background: linear-gradient(top, #fff, #607D40); /* for firefox 3.6+ */
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .60;
    filter: alpha(opacity="60");
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.dashHead .plain { /*opacity layer*/
    opacity: .65;
    filter: alpha(opacity="65");
}

.dashHead .myAcc { /*opacity layer*/
    opacity: 1;
    filter: alpha(opacity="100");
}

.bd.soft {
    background: #ffffff url(/images/soft.jpg) repeat-x 0 0;
    margin: 0 -10px -10px -10px;
    padding: 10px;
    height: 100px;
}


/*
Status message
----------------------------------------*/
.statusbar {
    background: #777;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: bold;
    height: 42px;
    left: 0;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    overflow: hidden;
    padding-bottom: 8px;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 100%;
    z-index: 200;
    /*overflow-y: auto; */
}

.statusbarhighlight {
    font-weight: bold;
    background-color: #F00;
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity="100");
}

.statusbarclose {
    position: absolute;
    right: 10px;
    top: 2px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-top: 3px;
}
/*
CSS Stylesheet for IE Alert! plugin.
----------------------------------------*/
/*
Overlay Background
----------------------------------------*/
#ie-alert-overlay {
    width: 100%;
    height: 100%;
    background-image: url(/images/iealert/bg.png);
    _background-image: url(/images/iealert/bg.gif); /* no transparency for ie6 for IE6 */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1200;
}

* html #ie-alert-overlay { /* fixed position hack for IE6 */
    position: absolute;
}
/*
Pop Up Panel
-----------------------------------------*/
#ie-alert-panel {
    width: 520px;
    height: 331px;
    position: fixed;
    background: url(/images/iealert/iealertsprite.png) no-repeat;
    background-position: -1px -109px;
    top: 50%;
    left: 50%;
    margin: -201px 0 0 -296px;
    padding: 72px 0 0 72px;
    _position: absolute; /* fixed position hack for IE6 */
    _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); /* top:300px hack for IE6 */
    /* font settings */
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    line-height: 1.5em;
    z-index: 1200;
}

    #ie-alert-panel p {
        width: 486px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.5em;
        font-weight: normal;
    }

    #ie-alert-panel img {
        border: 0;
    }

    #ie-alert-panel span {
        font-size: 18px;
        margin: 0 0 20px 0;
        display: block;
        padding: 0;
    }

    #ie-alert-panel ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #ie-alert-panel li {
        float: left;
        margin: 0 22px 0 0;
        background-image: none;
    }

        #ie-alert-panel li.last {
            margin-right: 0;
        }

    #ie-alert-panel a {
        display: inline-block;
        border-bottom: none;
    }

.browser {
    position: absolute;
    bottom: 35px;
}

.chrome, .firefox, .ie9, .opera, .safari {
    background: url(/images/iealert/iealertsprite.png) no-repeat;
}
/*
Browsers
-----------------------------*/
.chrome {
    background-position: 0 0;
    width: 73px;
    height: 96px;
    margin: 0 4px 0 0;
}

.firefox {
    background-position: -292px 0;
    width: 73px;
    height: 98px;
}

.ie9 {
    background-position: -179px 0;
    width: 95px;
    height: 98px;
}

.opera {
    background-position: -90px 0;
    width: 73px;
    height: 98px;
}

.safari {
    background-position: -387px 0;
    width: 73px;
    height: 98px;
    margin: 0 4px 0 0;
}

/* 
headings 
----------------------------------------*/
.heading {
    font-size: 48px;
    font-family: "FocoRegular", Arial, Helvetica, sans-serif;
    color: #007f64;
    margin: 0.15em 0 0.25em;
}

.heading1, h1.heading2 {
    font-size: 48px !important;
    font-family: "FocoRegular", Arial, Helvetica, sans-serif;
    color: #007f64;
}

    .heading1 a {
        border-bottom: none;
    }

        .heading1 a:hover {
            border-bottom: none;
        }

.heading2 {
    font-size: 32px;
    color: #4d4f53;
    margin: 0em 0 0.5em;
}


.heading3 {
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    color: #41a940;
    margin-top: 0.7em;
    margin-bottom: 0.3em;
    font-family: FocoRegular, Arial, Helvetica, sans-serif;
}

.hd .heading3 {
    margin-top: 0;
    color: #4d4f53;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 10px;
    font-weight: bold;
    background-image: url(/images/bg_sage-border.png);
    background-repeat: repeat-x;
    background-position: 0 100%;
    margin-bottom: 10px;
}

.hd .heading1:first-child {
}

.heading4 {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #41a940;
    text-transform: uppercase;
}

.heading5 {
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    color: #41a940;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
}

.heading6 {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    color: #4d4f53;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
    font-family: FocoRegular, Arial, Helvetica, sans-serif;
}

.heading7 {
    font-size: 125%;
    font-weight: normal;
    color: #4d4f53;
    margin-bottom: 0.2em;
}

.heading8 {
    font-size: 1.7em;
    font-weight: normal;
    font-style: normal;
    color: #4d4f53;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    font-family: FocoRegular, Arial, Helvetica, sans-serif;
}

h4 span {
    float: right;
    color: #41a940;
}

h4 span {
    float: right;
}

.alignLeft {
    text-align: left !important;
}
/* if additional headings are needed they should be created via additional numbered classes as above, never via location dependant styling */

/* heading links */
.heading3 a,
.heading4 a,
.heading6 a {
    color: #41a940;
}

    .heading3 a:after,
    .heading4 a:after,
    .heading6 a:after {
        content: " >";
    }

#accountBalance .heading4 a:after {
    content: "";
}
/* 
numbered list 
------------------------------------*/
ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

    ol li {
        list-style-type: decimal;
        margin-left: 20px;
        margin-bottom: 0.75em;
        line-height: 1.231em;
    }

.askSageArticles ol li {
    line-height: 1.3em !important;
    list-style: square outside none !important;
    margin-left: 20px;
    background: none;
    padding-left: 0;
}

.askSageArticles .heading4 {
    padding: 2px 0 2px 20px;
    background: url(/images/asksage.png) left center no-repeat;
}
/* 
standard list
-------------------------------------- */


ol ul li {
    margin-left: 0px;
}

ul {
    margin-top: 10px;
    margin-bottom: 15px;
}

.altBack ul li ol li {
    list-style: decimal;
    background: none;
    padding-left: 0;
}

.altBack ul,
.unauth ul {
    list-style-type: square;
}

.altBack ol ul,
.unauth ol ul,
.altBack ol ol {
    margin-left: 20px;
    margin-top: 10px;
}

.altBack ul li,
.unauth ul li {
    list-style: square;
}

.altBack li {
    background: none;
}

.altBack ul, .altBack ol {
  
    margin-left: 40px;
}

    .altBack ul li, .altBack ol li {
        margin: 5px 0;
    }


body {
    color: #4d4f53;
}

    body.popup {
        background-color: #F5F5F5;
    }

strong {
    font-weight: bold;
}

#sage-logo {
    margin-top: 10px;
    float: left;
}

.head {
    background-color: #c55e9b;
    width: 100% !important;
}

#sister-links ul li a.liLast {
    padding-right: 0;
    background: none;
    border: none;
}

a.imgLink {
    width: 18px;
    height: 18px;
    /*float: left;*/
}

li.imgLink {
}
/*a.uk {
	background:url(/images/union_jack-2.png) no-repeat;
}
a.ire {
	background: url(/images/irish_tricolour.png) no-repeat;
}
    */
a.twit {
    background: url(../images/twitter-2.png) no-repeat;
}

a.in {
    background: url(../images/linkedin-2.png) no-repeat;
}

a.wp {
    background: url(../images/wordpress-2.png) no-repeat;
}

a.fb {
    background: url(../images/facebook-2.png) no-repeat;
}

a.goog {
    background: url(../images/goog.png) no-repeat;
}

#content {
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1px;
    width: 980px;
    min-height: 370px;
}

.content {
    padding: 0 0 50px;
}

body.contactUs #content {
    min-height: 468px;
}

.hub-landing p.landing {
    margin: 0 0 1.125em;
    font-size: 1.125em !important;
}

.hub-landing {
    background: #eff0ee no-repeat 98% 2%;
    padding: 20px;
}
/*
body.myAcc .hub-landing {
    background-image: url(/images/logo-ma.png);
}

body.detPref .hub-landing {
    background-image: url(/images/logo-dp.png);
}

body.support .hub-landing {
    background-image: url(/images/logo-s.png);
}

body.comm .hub-landing {
    background-image: url(/images/logo-c.png);
}

body.webAdmin .hub-landing {
    background-image: url(/images/logo-wa.png);
}

body.train .hub-landing {
    background-image: url(/images/logo-et.png);
}*/

.hub-landing ul {
    margin: 0.5em 0;
}

    .hub-landing ul li {
        margin: 5px 0;
    }

.hub-landing a {
    padding-left: 20px;
    background: url(/images/arrowgreen14.png) no-repeat;
    font-weight: bold;
    text-decoration: none;
}

    .hub-landing a:hover {
        text-decoration: underline;
    }

.popup #content {
    padding-right: 40px;
    margin-bottom: 50px;
}

.modal {
    background-color: #fff;
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=40); /* for IE5-7 */
    opacity: 0.4;
}

.modal #content {
    padding-top: 50px;
    padding-right: 40px;
    width: 750px;
}

.modal .wrapperPadding {
    width: 730px;
}

.modal p {
    font-size: 0.875em;
    line-height: 1.286em;
    margin: 1.25em 0;
}

.simAcc {
    padding: 40px;
    text-align: center;
}

#site-header {
    padding: 35px 20px 0;
    margin: 0 0 20px;
    /*background: url('../images/bdr.png') repeat-x left bottom;*/
    min-height: 80px;
    position: relative;
}

    #site-header .logo {
        text-decoration: none;
        display: block;
        width: 162px;
        height: 60px;
        float: left;
    }

        #site-header .logo img {
            display: block;
        }

#hgroup {
    margin: 0px 60px 0 240px;
}

#site-header .title {
    font-family: 'FocoRegular', Arial, Verdana, sans-serif;
    font-size: 2em;
    font-weight: normal;
    margin: 0;
    line-height: 1.056em;
    letter-spacing: -0.025em;
    color: #007f64;
    margin-top: -8px;
}

#site-header .oneLine {
    margin-top: 4px;
}

#site-header .description {
    font-family: 'FocoRegular', Arial, Verdana, sans-serif;
    font-size: 2em;
    color: #41a940;
    font-weight: normal;
    margin: 0;
    line-height: 1.056em;
    letter-spacing: -0.025em;
}

#nav {
    margin-bottom: 20px;
}

    #nav li {
        display: inline;
        margin-left: 0;
        background: none;
        padding: 0;
    }

#breadcrumb {
 
    margin: 20px 0px 30px;
    padding: 9px 10px 11px 0;
    font-size: small;
}

    #breadcrumb span a {
        padding-right: 0px;
    }

    #breadcrumb a {
        padding-right: 4px;
        color: #4d4f53;
        text-decoration: underline;
        border-bottom: none;
        font-weight: normal;
        /*background:url(/images/breadcrumb-seperator.png) no-repeat right;*/
        /*text-indent: -9999px;
    padding-right:10px;
	margin-right:5px;*/
    }

        #breadcrumb a:hover {
            color: #41a940;
            text-decoration: underline;
        }

    #breadcrumb span {
        display: inline;
        margin-left: 0;
        background: none;
        padding: 0;
        margin-right: 5px;
    }

.login-pod {
    width: 380px;
    float: left;
}

.loginLine {
    margin-top: 25px;
}
/*#footer- h6.copyright {
	color: #999999;
	font-weight:normal;
	font-size:1em;
	display:inline;
	margin-left:10px;
}

#footer- ul {
	margin-left:0;
}
*/
.col.firstcol img {
    vertical-align: middle;
}

.popup #footer h6 {
    width: 90%;
    margin-left: 20px;
    background: none;
}

#footer .firstcol h6 {
    background: none;
}

#footer ul li a img {
    margin-left: 8px;
}



ul.dataRepair li a {
    padding-left: 20px;
    background: url(/images/arrowgreen14.png) no-repeat;
    font-weight: bold;
    text-decoration: none;
}

    ul.dataRepair li a:hover {
        text-decoration: underline;
    }

.popup #footerImage {
    background: url(/images/bg-footer_links.png) no-repeat 0 50px;
}

.wrapperPadding {
    margin-left: 20px;
    width: 940px;
}

.popup .wrapper {
    width: 100%; /*margin-left:50px;*/
    background-color: #fff;
}
/*
library CMX form
---------------------------------------*/

fieldset.cmxform:first-child {
    margin: 0;
}

.cmxform legend {
    font-size: 15px;
    padding: 0;
    font-weight: bold;
    margin-bottom: 10px;
    padding-right: 10px;
}

.cmxform label {
    display: inline-block;
    line-height: 1.5em;
    vertical-align: top;
    font-weight: bold;
    margin-bottom: 5px;
}

fieldset.cmxform ol {
    margin: 0;
    padding: 0;
}

fieldset.cmxform li {
    list-style: none;
    margin: 0;
    padding: 5px 0px 7px 0px;
}

.cmxform ol li {
    list-style: none;
}

fieldset.cmxform fieldset {
    border: none;
    margin: 3px 0 0;
}

    fieldset.cmxform fieldset legend {
        padding: 0 0 5px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.25em;
    }

    fieldset.cmxform fieldset label {
        display: block;
        width: auto;
    }

.cmxform em {
    font-weight: bold;
    font-style: normal;
}

.cmxform label {
    width: 89%;
}

.cmxform.ddDetails label {
    width: 91%;
}

.cmxform.ddDetails a {
    color: #ff5800;
    text-decoration: none;
}

    .cmxform.ddDetails a:hover {
        text-decoration: underline;
    }

.cmxform.dataServices label {
    font-size: 0.875em;
    font-weight: normal;
}

.cmxform a {
    color: #000;
}

fieldset.cmxform fieldset label {
    margin-left: 123px;
}
/* Width plus 3 (html space) */
/*\*/ /*/ .cmxform legend { display: inline-block; } /* IE Mac legend fix */
/*---------- CMX form custom pretties--------------*/
.cmxform li span {
    line-height: 2em;
}

    .cmxform li span.radio {
        line-height: 1em;
    }

#mPassportSignName .cmxform input.field {
    width: 280px;
}

.cmxform input.field {
    width: 250px;
}

.cmxform textarea.field {
    width: 260px;
    min-height: 40px;
}

#tabs fieldset.cmxform {
    padding: 0 0 10px;
    border: none;
}

fieldset.cmxform fieldset {
    background: none;
}

.cmxform textarea {
    display: inline-block;
}
/* CMX Form */
fieldset.cmxform table label {
    width: 95%;
    text-align: left;
    margin-top: 0px;
}

fieldset.cmxform table.tableBtnList label {
    width: 100%;
    padding-left: 20px;
}

.tableBtnList .radio {
    margin-top: 17px;
    margin-bottom: -17px;
}

fieldset.cmxform li li {
    line-height: 0.5em;
}

fieldset.cmxform table.wizard .addressList label {
    width: 400px;
}

fieldset.cmxform table.wizard .addressList select {
    margin-left: 30px;
    width: 390px;
}

.cmxform select {

      display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 15px;
  line-height: 1.42857;
  color: #4d4f53;
  background-color: #eff0ee;
  background-image: none;
  border: 1px solid #e0e1dd;
  border-radius: 0px;
    padding: 3px;
}
.tab-content select {
    background-color: #fff;
}
#termsAndConditionsAccept label {
    margin-left: 5px;
}

.cmxform .numeric {
    width: 51px;
    font-weight: normal;
    font-size: 1em;
}

#wizContainer label {
    font-size: 0.875em;
}

#wizContainer select {
    float: right;
}

#wizContainer ul {
    margin-left: 0;
}

#wizContainer .sort,
#pnlUK .sort,
#pnlIreland .sort {
    width: 53px;
}

#wizContainer .button {
    margin-left: 10px;
}

#liEnquiry {
    margin-top: 10px;
}

    #tabs fieldset.cmxform #liEnquiry label, #liEnquiry span {
        font-size: 1.3em;
        display: inline;
        font-family: arial;
        color: #675C53;
        margin-right: 2px;
        vertical-align: middle;
        font-weight: normal;
        font-family: "FocoRegular",Arial, Helvetica, sans-serif;
    }

    #liEnquiry label {
        width: 75px;
    }

#lstTitle {
    width: 134px;
    margin-top: 0;
}

.labelReset label {
    width: auto !important;
    line-height: 1.231em;
    vertical-align: baseline;
}
/* 
FORMS
------------------------------------ */

input, textarea, select {
 
  font-size: 15px;
  line-height: 1.42857;
  color: #4d4f53;
  background-image: none;
    color: #333333;
    display: inline-block;
    line-height: 20px;
    max-width: 350px;
    outline: medium none;
    padding: 5px 7px;
}
input[type='checkbox'] {
    box-shadow: none;
    border:none;
}
.tab-content input,.tab-content textarea,.tab-content select,
.mod input, .mod textarea,.mod select,
.form-holder input,.form-holder textarea,.form-holder select,
.ui-tabs-panel input,.ui-tabs-panel  textarea,.ui-tabs-panel select{
    background-color: #fff;
}
    select:focus,
    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus {
        border: 1px solid #ddd;
        outline: none;
    }



select {
    height: 30px;
    line-height: 30px;
}

    select option.ghost {
        color: #afafaf;
    }

span.required {
    color: #CD202C;
}

span.checkbox input,
input.checkbox {
    margin-right: 5px;
    vertical-align: middle;
}

input.watermarked {
    color: #B0B0B0;
    font-family: Arial, Helvetica, sans-serif;
}

.cmxform ol li.check-under {
    padding: 0 0 8px;
    margin-top: -10px;
}

.loginForm p.forgot {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

    .loginForm p.forgot a {
        text-decoration: underline;
    }

.loginForm input[type="submit"] {
    margin-top: 10px;
}


/*-------------------------------*/
table.wizard {
    width: 100%;
}

    table.wizard td {
        border-collapse: separate;
    }

table.addAcc p {
    margin-left: 0 !important;
}

table.wizard p {
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

#wizAccountSearch ol {
    margin-left: 40px;
}

    #wizAccountSearch ol li {
        list-style-type: decimal;
    }

.cmxform #wizAccountSearch ol {
    margin-left: 0px;
}

    .cmxform #wizAccountSearch ol li {
        list-style-type: none;
    }

.postcodeSearch {
}

.companyInfoUpdate {
}

.postcodeError {
}

.calendarBtn {
    width: 16px;
    height: 16px;
    background: url(/images/calendar.gif) no-repeat 0 0;
}

    .calendarBtn:hover {
        background: url(/images/calendar.gif) no-repeat 0 -24px;
    }

#lstRestrictMailing, #lstContactByTelephone, #lstThirdPartyOptOut {
    width: 90px;
}
/*-------------------------------*/
.filter {
    margin-top: 0px;
    padding: 0;
}

    .filter ul,
    .filter ol {
        padding: 0 0 15px !important;
        margin: 0 !important;
    }

    .filter li {
        margin-left: 0;
        list-style: none !important;
    }

    .filter .field {
        width: 216px;
    }

    .filter .date {
        width: 127px;
        font-weight: normal;
        font-size: 1em;
        padding: 2px;
    }

    .filter .dateLabel {
        display: block;
        margin-top: 8px;
        font-weight: bold;
    }

    .filter .lastLabel {
        float: none;
    }

/*
buttons
------------------------------------*/
.button, .buttonLarge {
    color: #fff !important;
    padding: 7px 10px 8px;
    text-decoration: none;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: auto;
    background-color: #41a940!important;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    text-decoration: none !important;
    box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.25), inset 1px 1px 0 0 rgba(255, 255, 255, 0.3);
    position: relative;
    border: none;
}

    .button:hover, .buttonLarge:hover {
        transition: background-position .1s linear;
        color: black !important;
        text-decoration: none;
        background-color: #afafaf !important;
    }



    .button i {
        vertical-align: text-bottom;
    }

    .button.large {
        font-size: 19px;
    }

    .button.small {
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .button [class^="icon-"] {
        padding-left: 10px;
    }

        .button [class^="icon-"].left {
            padding: 0 10px 0 0;
        }

    .button.large [class^="icon-"] {
        font-size: 32px;
        line-height: 22px;
    }

    .button.small [class^="icon-"] {
        font-size: 25px;
        line-height: 16px;
    }



    .button.sageOrange {
        background-color: #ff5800!important;
    }
        .button.sageDarkGrey {
        background-color: #e0e1dd!important;
    }
        .button.sageDarkGrey:hover {
        background-color: #afafaf!important;
    }
    .button.shadow,
    .button.large.shadow {
        box-shadow: 0 4px 7px rgba(0,0,0,0.2);
    }

    .button.textBtn {
        background: none !important;
        border: none;
        color: #000000 !important;
        box-shadow: none;
    }

        .button.textBtn:hover {
            text-decoration: underline;
            color: #000000 !important;
        }






.cmxformBtn {
    margin-left: 243px;
}

.loginProfile .cmxformBtn, .defaultAccount .cmxformBtn {
    margin-left: 210px;
}

fieldset.loginForm {
    background: url('../images/bdr.png') repeat-x left bottom;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

ol.recaptcha {
    margin-top: 20px !important;
}

.captchaError {
    margin-left: 225px !important;
    color: #cd202c !important;
    font-weight: bold !important;
}

div.getAnotherCaptcha, div.recaptcha_only_if_audio, div.recaptcha_only_if_incorrect_sol, div.helpCaptcha, div.recaptcha_only_if_image {
    padding-left: 25px;
    line-height: 1.5em;
}

div.getAnotherCaptcha {
    background: url(/images/captcha.png) left 0 no-repeat;
}

div.recaptcha_only_if_image {
    background: url(/images/captcha.png) left -15px no-repeat;
}

div.recaptcha_only_if_audio {
    background: url(/images/captcha.png) left -46px no-repeat;
}

div.helpCaptcha {
    background: url(/images/captcha.png) left -30px no-repeat;
}

label span.recaptcha_only_if_image {
    margin-left: 0px;
}

.recaptcha_audio_cant_hear_link {
    background: url(/images/captcha.png) left -62px no-repeat;
    line-height: 1.5em;
    padding: 0 0 0 25px;
    width: 140px;
}

.radio label, .dataServices td label, .dataServices.updnValidationErrorInput label {
    margin-top: -20px !important;
}

#rdolProgramType input {
    display: inline;
    vertical-align: middle;
}

#rdolProgramType label {
    display: inline;
    margin-left: 5px;
    vertical-align: middle;
}

#rdolProgramType span.radio {
    margin-top: 10px;
    display: inline-block;
}

.dataServices td label {
    margin-bottom: 15px;
}

.dataServices ul li {
    margin-bottom: 7px !important;
    margin-top: 7px !important;
    padding: 0 0 0 15px !important;
}

#rdolDataServices .radio,
#rdolServiceCharges .radio {
    margin-bottom: -5px;
    display: inline;
}

#rdolDataServices label,
#rdolServiceCharges label {
    margin-left: 10px;
    margin-bottom: 0.2em;
}

#rdolBetterExperience label {
    margin-left: 20px;
    margin-top: -17px;
    width: 100%;
}

td span.radio {
    padding-right: 50px;
}

fieldset.dataServices p, fieldset.amountPaid p {
    margin-left: 0 !important;
}

table.dataServices td {
}

input.iAgree {
    margin-top: 15px;
    vertical-align: bottom;
}

label.iAgree {
    vertical-align: middle;
    margin-bottom: -5px;
    font-weight: bold;
}

.radio {
    display: block;
}

.thirdPartyApp .radio input {
    margin-top: 10px;
    margin-bottom: 20px;
}

.additionalInfo {
    height: 200px;
    width: 500px;
    margin-bottom: 10px;
}

.alert {
    color: #CD202C;
    font-weight: bold;
}

    .alert a {
        color: #AE1B25;
        border-bottom: 1px dotted #CD202C;
    }

        .alert a:hover {
            color: #F00;
            border-bottom: none;
        }

h2.alert {
    font-size: 1.5em;
    font-weight: bold;
}
/* --------------------- */

.btn {
    display: block;
    position: relative;
    background: #BBD49E;
    padding: 5px;
    float: left;
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    border-bottom: none;
}

    .btn * {
        font-style: normal;
        background-image: url(/images/btnBckPaleGrn.png);
        background-repeat: no-repeat;
        display: block;
        position: relative;
    }

    .btn i {
        background-position: top left;
        position: absolute;
        margin-bottom: -5px;
        top: 0;
        left: 0px;
        width: 5px;
        height: 5px;
    }

    .btn span {
        background-position: bottom left;
        left: -5px;
        padding: 0 0 5px 10px;
        margin-bottom: -5px;
    }

        .btn span i {
            background-position: bottom right;
            margin-bottom: 0;
            position: absolute;
            left: 100%;
            width: 10px;
            height: 100%;
            top: 0;
        }

        .btn span span {
            background-position: top right;
            position: absolute;
            right: -10px;
            margin-left: 10px;
            top: -5px;
            height: 0;
        }

    * html .btn span, * html .btn i {
        float: left;
        width: auto;
        background-image: none;
        cursor: pointer;
    }

.grey {
    background: #BBD49E;
}

    .grey * {
        background-image: url(/images/btnBckGrey.png);
    }

.white {
    background: #BBD49E;
}

    .white * {
        background-image: url(/images/btnBckWht.png);
    }

.btn:hover {
    background-color: #69923a;
    text-decoration: none;
    color: #fff;
    border-bottom: none;
}

.btn:active {
    background-color: #777;
}

.btn[class] {
    background-image: url(/images/shade.png);
    background-position: bottom;
}

* html .btn {
    border: 1px solid #a8b400;
    background-color: #93A47E;
}

* html .white {
    border-color: #a8b400;
    color: #024731;
}

* html .btn:hover {
    border-color: #a8b400;
}

p .btn {
    margin-right: 1em;
}

.addaccount {
    margin-bottom: 0px;
}

.upNewData {
    margin-top: 10px;
    margin-bottom: 0px;
}

.balance {
    padding-bottom: 40px;
}

    .balance .btn {
        margin-top: 10px;
    }

.pushedDown {
    padding-top: 37px;
}

.listMenu {
    margin-top: 10px;
    margin-left: 0;
}

.bd ul.listMenu {
    margin-left: 10px;
}

.listMenu li,
.altBack .listMenu li {
    margin: 0;
    margin-bottom: 0.6em;
    list-style: none;
    background: none;
    padding: 0;
}

.listMenu a {
    display: block;
    background: url(/images/arrowGrey14.png) no-repeat;
    padding-left: 20px;
    font-weight: normal;
    margin-left: -10px;
    text-decoration: none;
}

.altBack .listMenu a {
    background: url(/images/arrowGreen14.png) no-repeat;
    font-weight: bold;
    color: black;
}

.listMenu a:hover {
    border-bottom: none;
    color: #ff5800;
}

.updnValidatorCalloutPointer {
    display: none;
}

input.updnValidationErrorInput {
    color: #ff5800;
    border: 1px solid #ff5800;
    vertical-align: middle;
}

.validationError {
    color: #ffffff;
    font-weight: bold;
    background-color: #ff5800;
    padding: 6px 2px 8px 5px;
    margin-left: -6px;
    font-family: Arial, Helvetica, sans-serif;
}

.veAddAcc {
    display: inline-block;
    padding-left: 10px;
}

/* LOGIN page */
.login-content {
    width: 520px;
    float: right;
}

.login-info h2 {
    margin: 0 0 -0.25em;
}

.login-info p,
.login-info ul,
.login-info ol {
    font-size: 0.875em;
    line-height: 1.286em;
    margin: 1.25em 0;
}

.login-info ul,
.login-info ol {
    padding: 0 0 0 40px;
}

    .login-info ul li,
    .login-info ol li {
        margin: 5px 0;
        list-style: inside square;
    }


/*
CollapsiblePanels
-------------------------------------*/
#collapsiblePanels {
    padding-bottom: 47px;
}

.panel {
    background-color: #FFFFFF;
    margin-bottom: 2px;
}

.panelHead {
    display: block;
    font-weight: normal;
    padding: 0 15px 0 50px;
    min-height: 41px;
    cursor: pointer;
    background-color: #4d4f53 !important;
    position: relative;
}

    .panelHead.active {
        background-color: #41a940 !important;
    }

    .panelHead h3 {
        padding-top: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #fff;
        font-weight: bold;
    }

h3.productTitle {
    font-size: 1em;
    color: #69923a;
}

.panelHead h3.productTitle {
    margin-left: -40px;
}

#collapsiblePanels .panelHead.myAcc {
    background: url(/images/panelMyAcc.png) no-repeat 10px 45%;
}

#collapsiblePanels .panelHead.detPref {
    background: url(/images/panelDetPref.png) no-repeat 10px 45%;
}

#collapsiblePanels .panelHead.support {
    background: url(/images/panelSupp.png) no-repeat 10px 45%;
}

#collapsiblePanels .panelHead.comm {
    background: url(/images/panelComm.png) no-repeat 10px 45%;
}

#collapsiblePanels .panelHead.webAdmin {
    background: url(/images/panelWebAdmin.png) no-repeat 10px 45%;
}

#collapsiblePanels .panelHead.quick {
    background: url(/images/panelQuick.png) no-repeat 10px 45%;
}

#collapsiblePanels .panelHead.train {
    background: url(/images/panelTrain.png) no-repeat 10px 45%;
}

.panelArrow {
    position: absolute;
    top: 9px;
    right: 10px;
}

    .panelArrow input {
        border: none;
        background: none;
        box-shadow: none;
        width: 19px;
        height: 12px;
        overflow: hidden;
        padding: 0;
    }

#collapsiblePanels .panelContent {
    padding: 10px 15px 20px 15px;
    border-top: none;
    background: #eff0ee;
    font-size: 0.875em;
}

body.myAcc #collapsiblePanels .panelContent {
    padding: 10px 20px 10px 20px;
}

.panelContent p {
    margin-top: 0.75em;
}

.panelContent ol,
.panelContent ul {
    margin-left: 20px;
}

.panelContent li {
    margin-left: 0px;
    list-style: inside square;
    margin-bottom: 0.5em;
}

.panelContent .mod {
    margin: 0px;
}

.panelContent .modLast {
    margin: 0px;
    float: right;
}

.panelContent a {
    color: #000000;
}

    .panelContent a:hover {
        color: #000000;
        text-decoration: underline;
    }

.clear {
    clear: both;
}
/*
Tooltip styles
---------------------------------------------*/

#toolTipContainer {
    display: none;
    position: absolute;
    max-width: 200px;
    height: auto;
    z-index: 2001;
}

div.tooltip {
    background: #fff none;
    padding: 2px;
    border: 1px solid #41a940;
    font-size: 0.875em;
    box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}

.tooltip ul {
    margin-left: 0px;
}

#toolTipTitle {
    padding: 6px 7px 3px 7px;
    background: url('../images/bdr.png') repeat-x bottom;
}

#toolTipBody {
    padding: 7px 7px 3px 7px;
}

div.toolArrowBot {
    margin: -1px 0px 0px 0px;
    padding: 0px;
    height: 18px;
    width: 100%;
    float: left;
    background-attachment: scroll;
    background: transparent url(../images/toolArrowDown.png) no-repeat center top;
}

.hasTipRight img {
    vertical-align: middle;
}

.hasTipTop img {
    vertical-align: top;
}
/* end tool tip*/
.findAcc {
    background: #FFF url(/images/panelArrowFwd.gif) right 7px no-repeat;
    padding: 7px 120px 7px 10px;
    border: 1px solid #e5e5e5;
    color: #69923a !important;
    display: block;
}

    .findAcc:hover {
        background: #FFF url(/images/panelArrowFwd.gif) right -28px no-repeat;
        border: 1px solid #e5e5e5;
        color: #000 !important;
    }
/*
SWITCH ACCOUNTS 
------------------------------------------------------*/
#switchAccount {
    margin: 10px 0;
}

#small_signup {
    display: inline;
    float: none;
    line-height: 23px;
    margin: 25px 0 0;
    width: 150px;
}

#signin_menu {
    display: none;
    background-color: #fff;
    position: relative;
    z-index: 100;
    text-align: left;
    padding: 10px;
}

    #signin_menu input[type=text], #signin_menu input[type=password] {
        margin-bottom: 10px;
        width: 150px;
    }

    #signin_menu p {
        margin: 0;
    }

        #signin_menu p.remember {
            padding: 10px 0;
        }

        #signin_menu p.forgot, #signin_menu p.complete {
            clear: both;
            margin: 5px 0;
        }
/*
TABLES 
--------------------------------------------*/
table.table1 {
    border: none;
    width: 100%;
    margin: 20px 0;
    background: #fff;
}

    table.table1 th {
        font-weight: bold;
        font-size: 15px;
        background: #41a940;
        padding: 10px 5px 10px 5px;
        border: 1px solid #fff;
        text-transform: capitalize;
        color: #f3f3f1;
    }

        table.table1 th:first-child {
            border-left: none;
        }

        table.table1 th:last-child {
            border-right: 1px solid #41a940;
        }

.table1header {
    font-weight: normal;
    font-size: 0.9em;
    padding: 10px;
    text-transform: capitalize;
    color: #69923a;
}

    .table1header a:link, .tableheader a:visited {
        color: #69923a;
        border-bottom: none;
    }

    .table1header a:hover {
        color: #000000;
    }

.table1 td a {
    color: #000000;
    text-decoration: underline;
}

    .table1 td a.button {
        text-decoration: none;
        color: white;
    }

        .table1 td a.button:hover {
            text-decoration: none;
            color: #4d4f53;
        }

    .table1 td a:hover, .table td a:hover {
        text-decoration: underline;
    }

.tableHeaderSelect {
    text-align: center;
    width: 85px;
}

table.table1 tr {
    vertical-align: middle;
}

table.table1 th a, .mod .bd table.table1 th a {
    color: #fff;
    border-bottom: none;
    background: url(../images/sort-none.png) no-repeat right center;
    padding-right: 20px;
}

    table.table1 th a:hover {
        color: #fff;
    }

table.table1 th.sort-asc a {
    background: url(../images/sort-asc.png) no-repeat right center;
}

table.table1 th.sort-desc a {
    background: url(../images/sort-desc.png) no-repeat right center;
}

table.table1 td {
    padding: 8px 5px 8px 5px;
    vertical-align: baseline;
    border: solid #e5e5e5 1px;
    font-size: 0.875em;
}

table.table1 tr:nth-child(n+2) td {
    border-top: none;
}

table.table1 td.rowHeader {
    background: #41a940;
    font-weight: bold;
    color: #f3f3f1;
}

table.table1 th .button,
table.table1 td .button {
}

table.table1.basket td, .tdBck {

    border-bottom: 1px solid #c3c3c3 !important;
    color: #000 !important;
}

    table.table1.basket td a {
        color: #000 !important;
    }

        table.table1.basket td a:hover {
            color: #666 !important;
        }

table.table1.products td {
    padding: 10px;
    border: solid #e5e5e5 1px;
}

table.table1.basket th {
    padding: 7px;
}

table.table1.basket td {
    padding: 7px;
}

table.table1 .btn {
    margin: 0;
}

table .tbl-delete {
    background: transparent url("/images/icon_remove.png") no-repeat center center;
    border: none;
    width: 21px;
    height: 21px;
    overflow: hidden;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

    table .tbl-delete:hover {
        background-color: #eff0ee;
    }

table .info img {
    margin-left: 0;
}

.table2,
.table3small {
    width: 100%;
    margin: 20px 0;
}

.table3 {
    margin: 20px 0;
}

.table2 th,
.table3small th {
    font-weight: bold;
    padding: 10px;
    border: solid #E1E1E1 1px;
    text-transform: none;
    color: #41a940;
}

    .table2 th a,
    .table3small th a {
        text-decoration: underline;
        color: #41a940;
    }

.table2 td,
.table3small td {
    border: solid #E1E1E1 1px;
    padding: 10px;
    border: solid #E1E1E1 1px;
}

    .table2 td span,
    .table3small td span {
    }

table.table3 th {
    font-weight: bold;
    padding: 10px;
    border: solid #E1E1E1 1px;
    text-transform: none;
    color: white;
    background-color: #41a940;
}

.table3 th a {
    text-decoration: underline;
    color: white;
}

.table3 td {
    padding: 10px;
}

.altBack table.plain {
    border: none;
    border-color: transparent;
    margin-bottom: 20px;
}

    .altBack table.plain td, .altBack table.plain th {
        vertical-align: top;
        padding: 10px;
        border: none;
    }
/*------------------------------------*/
.toolsPdf, .toolsXl, .toolsView, .toolsView2, .toolsDelete {
    display: inline-block;
    height: 16px;
    width: 16px;
    border: none;
    vertical-align: text-bottom;
}

.toolsPdf {
    background: url(/images/toolsPdf.png) no-repeat 0 0;
    height: 18px;
    width: 18px;
}

.toolsXl {
    background: url(/images/toolsXl.png) no-repeat 0 0;
    height: 18px;
    width: 15px;
}

.toolsView, .toolsView2 {
    background: url(/images/toolsView-v1.png) no-repeat 0 0;
    height: 18px;
    width: 18px;
}

.toolsDelete {
    background: url(/images/icon_remove-v1.png) no-repeat 0 0;
    height: 18px;
    width: 18px;
}

.page {
    margin: 20px -8px -8px -8px;
    color: #69923a;
    background: #f5f5f5;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

table .page {
    margin: -8px -5px;
    border-top: 4px solid #e5e5e5;
}

.saveRows {
    padding: 15px;
    float: left;
    font-size: 12px;
    color: #555555;
}

.pageBtns {
    float: right;
    padding: 17px 15px 13px;
}

    .pageBtns a {
        color: #000000;
    }

        .pageBtns a:hover {
            color: #000000;
            text-decoration: underline;
        }


.lstPageSelector {
    height: 24px;
    line-height: 24px;
    padding: 2px 2px 2px 1px;
    max-width: 150px;
    top: -2px;
    position: relative;
}

.lblNumber {
    margin-right: 10px;
}

.txtPageSize {
}

.lnkSavePageSize {
    margin-bottom: 0;
    float: right;
}

.btnFirst, .btnPrevious, .btnNext, .btnLast {
    line-height: 1.5em;
    cursor: pointer;
    background-position: 0 0;
    border: none;
    color: #000000;
}

    .btnFirst:hover, .btnPrevious:hover, .btnNext:hover, .btnLast:hover {
        color: #000000;
        text-decoration: underline;
    }

.btnFirst {
    background: url(../images/btnFirst.png) 0 50% no-repeat;
    margin-right: 5px;
    padding-left: 14px;
}

.btnLast {
    background: url(../images/btnLast.png) no-repeat right 50%;
    padding-right: 14px;
}

.btnPrevious {
    background: url(../images/btnPrevious.png) 0 50% no-repeat;
    margin-right: 20px;
    padding-left: 10px;
}

.btnNext {
    background: url(../images/btnNext.png) no-repeat right 50%;
    margin-right: 5px;
    padding-right: 10px;
}

.btnFirstd, .btnPreviousd, .btnNextd, .btnLastd {
    line-height: 1.5em;
    cursor: pointer;
    background-position: 0 0;
    border: none;
    padding-bottom: 2px;
    color: #69923a;
}

.pending {
}

hr {
    color: #d7d7d7;
    height: 1px;
    background-color: #d7d7d7;
    border: solid #d7d7d7 0px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.close {
    text-align: right;
}

    .close a {
        padding-right: 20px;
        padding-top: 2px;
    }

        .close a:hover {
            padding-right: 20px;
        }
/*
Update Progress
---------------------------------*/
#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=75);
    opacity: 0.75;
    z-index: 9998;
}

#processMessage {
    position: fixed;
    font-size: 1.3em;
    top: 30%;
    left: 43%;
    padding: 20px;
    z-index: 9999;
    background-color: #fff;
    border: none;
    text-align: center;
    color: #4d4f53;
}

.status {
    font-weight: bold;
}

.addRemoveQL {
    margin: 10px 0 0;
}

div div p.quickLinkChk {
    /*padding:0;*/
    margin: 0;
    padding: 10px;
    background-color: #eff0ee;
}

p.quickLinkChk label {
    color: #675C53;
    display: block;
    font-size: 1em;
    font-weight: bold;
    vertical-align: middle;
    top: 1px;
    position: relative;
}

p.quickLinkChk input {
    float: left;
    box-shadow: none;
}

.header .heading1 {
    color: #007f64;
}

#account {
    color: #afafaf;
    font-weight: bold;
    margin: -20px 0 20px;
}

    #account span {
        color: #007f64;
    }

#divMiniBasket {
    float: right;
    margin-top: 5px;
}

.miniBasket {
    color: #afafaf;
    float: right;
    padding: 6px 10px 6px 10px;
    text-align: right;
    font-size: 0.875em;
    font-weight: bold;
}

    .miniBasket p {
        display: inline;
        font-family: Arial, Helvetica, sans-serif;
        background: url(/images/basket.png) no-repeat;
        padding-left: 20px;
    }

a.minbasketItems {
    border: medium none;
    font-weight: bold;
    padding: 9px 10px;
}




#lblPasswordHelp {
    display: block;
    line-height: 1.2em;
    margin-left: 330px;
    margin-top: -60px;
    position: absolute;
    width: 320px;
}

    #lblPasswordHelp ul, ol {
        padding: 0 0 0 0px;
        /*margin-left: 0;*/
        /*margin-top: 5px;*/
    }

        #lblPasswordHelp ul li {
            margin: 5px 0;
            list-style: inside square;
        }

.createPassport {
    margin-left: 245px;
}

#Password {
    margin-bottom: -15px;
}

.captchaImg {
    margin-top: -10px;
}

.pnlCompanyInformation select {
}
/*
FEEDBACK feed back
-----------------------------------------------*/
.feedBack h4 {
    margin-top: 15px;
    margin-bottom: 0px !important;
}

.feedBack .ratingStar {
    padding-right: 20px;
    display: block;
    padding: 8px;
    font-size: 0pt;
    padding-bottom: 10px;
    margin: 0px;
    width: 13px;
    cursor: pointer;
    background: no-repeat center center;
    height: 12px;
}

.feedBack .filledRatingStar {
    background-image: url(/images/filled_star.png);
}

.feedBack .emptyRatingStar {
    background-image: url(/images/empty_star.png);
}

.feedBack .savedRatingStar {
    background-image: url(/images/saved_star.png);
}

.feedBack .ajax__tab_container {
    margin-top: 40px;
    margin-bottom: 20px;
}

.feedBack .feedList {
    width: 450px;
    height: 70px;
}

.feedBack .userDetails label {
    text-align: left;
}

.feedBack .userDetails .field {
    margin-left: -70px;
}

.feedBack .buttonLarge {
    margin-left: 105px;
    margin-top: 10px;
}
/*-----------------------------------*/

#contentArea {
    width: 231px;
    height: 295px;
    float: right;
    background-image: url(/images/britishIsles.gif);
    margin-right: 200px;
    margin-top: -20px;
}

.info {
    border-bottom: none;
}

    .info:hover {
        border-bottom: none;
    }

    .info img {
        margin-left: 3px;
        vertical-align: middle;
    }

#submissionErrors {
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-right: 15px;
}

.txtClose {
    text-align: right;
    font-style: italic;
    text-align: right;
    color: #999;
}

.expired {
    color: #cd202c !important;
    font-weight: bold;
}

.prodserv .expired {
    font-weight: normal;
}

.productSupport {
    padding: 10px;
}

    .productSupport li {
    }

.expandCollapse {
    display: block;
    float: right;
    margin-right: 16px;
    margin-top: -20px;
}

#errorSummary {
    font-weight: bold;
    color: #ffffff;
    background-color: #ff5800;
    padding: 5px 10px 4px 15px;
}

.error {
    font-weight: bold;
    color: #ff5800;
}

#errorSummary .error {
    font-weight: bold;
    color: #ffffff;
    background-color: #ff5800;
}

    #errorSummary .error li {
        list-style: disc;
    }

.error li {
    list-style: none;
}

.errorPadding {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.lPadding {
    padding-left: 10px;
}

.tPadding {
    padding-top: 10px;
}

.bPadding {
    padding-bottom: 10px;
}

.bMargin {
    margin-bottom: 10px;
}

.mod-content.basket, .accBal {
    padding-bottom: 35px;
}

    .mod-content.basket .table1 td {
        padding: 2px !important;
    }

.bskDelete {
    background: url(/images/icon_remove.png) no-repeat;
    height: 16px;
    width: 16px;
}

.getAdobe a.adobeLogo {
    float: right;
    margin-right: 93px;
    margin-top: -40px;
    border-bottom: none;
}

.getAdobe p a {
}

    .getAdobe p a:hover {
        text-decoration: none;
    }

.getAdobe p {
    width: 470px;
}

.spResult {
    padding-bottom: 35px;
}

.upload input.field {
    margin-bottom: 7px;
    margin-top: 7px;
    padding: 5px;
    width: 358px;
    display: block;
}

.productLinks {
    margin-top: 0;
    margin-bottom: 0;
}

p .expired {
    display: inline-block;
    width: 70px;
    margin-left: 0;
}

.buySageCover.scoMarketing {
    background: url(/images/sagecover.png) no-repeat;
    height: 50px;
    width: auto;
    margin: 0;
    padding: 0 0 10px 70px;
    color: #69923a !important;
    font-family: "FocoBold", Arial;
    font-size: 2em;
    display: block;
    border-bottom: none;
}

    .buySageCover.scoMarketing span {
        margin-left: 0;
        color: #69923a;
        border-bottom: none;
    }

    .buySageCover.scoMarketing:hover {
        color: #666 !important;
    }

        .buySageCover.scoMarketing:hover span {
            color: #666;
        }

p.sageCover a {
    background: url(/images/buy.png) no-repeat;
    border: medium none;
    padding: 9px 6px 6px 35px;
    display: inline-block;
    margin-bottom: 10px;
}

    p.sageCover a:hover {
        background: url(/images/buy.png) no-repeat 0 -31px;
    }

.productLinks .buySageCover {
    font-size: 1em;
    margin-left: 0px;
    width: 150px;
}

.productLinks .support {
    background-image: none;
    display: inline;
    margin-left: 0;
    padding-left: 0;
}
/*
MODS */
.noMod .heading3 {
    margin-top: 0px;
}

.hd .heading4, .bd .heading4 {
    text-transform: uppercase;
    padding: 8px;
    margin-top: 1px;
    margin-bottom: 1px;
    display: block;
}

    .hd .heading4, .bd .heading4 > p {
        margin-bottom: 1.3em;
    }



.highlight2 {
    background-color: #fff;
}

.noMod p, .mod p,
.noMod ul, .mod ul,
.noMod ol, .mod ol, .unit p {
    line-height: 1.286em;
}

.bd p {
    line-height: 1.286em;
    margin: 1.25em 0;
}

.mod .bd a {
    color: #000000;
}

    .mod .bd a:hover {
        color: #000000;
        text-decoration: underline;
    }

.mod.altBack .bd a {
    color: #000000;
}



.account ul {
    font-size: 0.875em;
    line-height: 1.286em;
    margin: 1.0em 0;
}

.account li {
    margin: 5px 0;
    list-style: inside square;
    margin-left: 20px;
}



aside .mod h3 {
    font-size: 1.250em;
    margin: 0 0 0.5em;
}

aside .mod p,
aside .mod ul,
aside .mod ol {
    font-size: 0.875em;
    line-height: 1.286em;
    margin: 1.0em 0;
}

aside .mod ul,
aside .mod ol {
    /*padding: 0 0 0 30px;*/
}

    aside .mod ul li,
    aside .mod ol li {
        /*margin: 5px 0; */
        /*list-style: disc;*/
    }

.mod fieldset p.pNormal {
    margin-left: 0px;
}

.terms {
    padding-bottom: 50px;
}

p.uploadStep {
    color: #B0B0B0;
    font-size: 1.2em;
    font-weight: bold;
}

.stepNotCompleted {
    width: 20px;
    height: 20px;
    padding: 5px;
    background-color: #f5f5f5;
    margin-right: 5px;
    color: #675c53;
    text-align: center;
}

.stepCompleted {
    width: 20px;
    height: 20px;
    padding: 5px;
    background-color: #41a940;
    color: #fff;
    text-align: center;
}

.stepCurrent {
    width: 20px;
    height: 20px;
    padding: 5px;
    background-color: #4d4f53;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.stepBreak {
    width: 3px;
}

.wizardProgress {
    padding-right: 10px;
}

.wizardTitle {
    border: none;
    padding: 8px 8px 8px 0;
    margin-top: 1px;
    margin-bottom: 1px;
    color: #024731;
    display: block;
    font-weight: bold;
}

.txtAdditionalInfo {
    width: 670px;
    height: 250px;
    margin-bottom: 10px;
}

.accPrice {
    display: inline-block !important;
    font-size: 1.2em !important;
    padding-top: 0px !important;
    margin-top: -3px;
}
/* 
comment styles 
-------------------------------------------*/
li.incidentNoteSage {
    font-size: 0.9em;
    font-weight: normal;
    padding: 10px;
    background-color: #eff0ee;
}

    li.incidentNoteSage span, li.incidentNoteCustomer span {
        display: block;
        color: #afafaf;
        clear: both;
        padding: 5px 0px 5px 440px;
        border-top: 1px dashed #4d4f53;
    }

    li.incidentNoteSage h2, li.incidentNoteCustomer h2 {
        display: block;
        clear: both;
        padding: 0px 0px 5px 0px;
        border-bottom: 1px dashed #4d4f53;
        font-size: 15px;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
    }

    li.incidentNoteSage p, li.incidentNoteCustomer p {
        padding: 5px 0px 0px 0px;
        color: #afafaf;
    }

li.incidentNoteCustomer {
    padding: 10px;
}
/*Alfresco CMS content styles
--------------------------------------------------*/
.altBack h1,
.altBack h2,
.altBack h3 {
    padding-bottom: 0.3em;
}

.flashHeading2,
.flashHeading4 {
    font-size: 0.9em;
    font-weight: normal;
    font-style: normal;
    color: #007f64;
    margin-top: 0;
    margin-bottom: 0.3em;
    margin-left: 0;
}

.altBack h1,
.altBack .heading2,
.altBack h2 {
    font-size: 2em;
    margin: 0.25em 0 0.5em;
    font-family: "FocoRegular", Arial, Helvetica, sans-serif;
}

.altBack p {
    margin-bottom: 1em;
}


.altBack .kmHotTopicsList h3 {
    color:#4d4f53;
}

    .altBack h3 a {
        font-weight: normal;
    }

.altBack .heading4,
.unauth .heading4,
.altBack h4,
.unauth h4 {
    text-transform: none;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    color: black;
}

.unauth h5, .unauth .heading5, .altBack h5, .altBack .heading5 {
    font-size: 1em;
    color: #007F64;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
    font-weight: bold;
    line-height: 1.5em;
}

.unauth h6, .altBack h6, .altBack .heading6 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
    font-family: Arial, Helvetica, sans-serif;
}

.altBack table th,
.unauth table th {
    font-weight: bold;
    padding: 10px;
    /*border: solid #E1E1E1 1px;*/
    text-transform: none;
    font-size: 1em;
}

.altBack table td,
.unauth table td {
    padding: 10px;
}

.altBack table td {
    padding: 10px;
    /*border: solid #E1E1E1 1px;*/
}

.altBack table.table3 td {
    border: solid #E1E1E1 1px;
}

.comm #footerImage {
    margin-top: -10px;
}

.altBack .ui-tabs:not(:first-child) {
    margin-top: 20px;
}
.altBack .ui-tabs .ui-accordion-content h3 {
   color:#41a940;
}
.altBack .ui-tabs h3 {
   color:#4d4f53;
}
.altBack .cloak {
    border: 1px solid #E1E1E1;
    padding: 8px;
    margin-top: 1px;
    margin-bottom: 1px;
    display: block;
}



.logotprt {
    background: url(/images/logotprt.gif) no-repeat top right;
}

table.lessPadding td {
    padding: 5px;
    text-align: center;
}

.cmxform table.lessPadding td select, .cmxform div.tabs select {
    font-weight: normal;
}
/*
quote styles 
--------------------------------------*/
blockquote {
    line-height: 1.5em;
}

.fancyQuote {
    font-size: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    color: #007f64;
    line-height: 1.3em;
    margin-right: 15px;
}

.fancyQuoteStart {
    float: left;
    font-size: 600%;
    margin-top: -30px;
    margin-bottom: -50px;
    font-family: Arial, Helvetica, sans-serif;
}

.fancyQuoteEnd {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 600%;
    margin-right: -20px;
    margin-top: -30px;
}

.fancyQuoteName {
    font-size: 1.2em;
    display: block;
    margin-top: 0.5em;
}

.fancyQuotePosition {
    font-size: 1em;
    display: block;
    margin-bottom: 0.5em;
}

.greenboxFancyQuote {
    font-size: 1.3em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.1em;
}

.greenboxFancyQuoteStart {
    float: left;
    font-size: 350%;
    color: #007f64;
    margin-top: -18px;
    margin-bottom: 40px;
    margin-right: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.greenboxFancyQuoteEnd {
    float: right;
    color: #007f64;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 350%;
    margin-right: -25px;
    margin-top: -15px;
}

#loginCapsLockMessage {
    color: #ff5800;
    margin-bottom: 5px;
    font-style: italic;
    font-weight: bold;
}

#elementIt {
    margin-bottom: 20px;
}




a.testDrive {
    background: url("/images/button.png") no-repeat scroll 0 0 transparent;
    border-bottom: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin-top: 20px;
    padding: 3px 15px 10px;
    width: 60px;
}

    a.testDrive:hover {
        background: url(/images/button.png) no-repeat 0 -157px;
    }

.page_item h2 {
    margin: 0 !important;
    font-size: 1em;
    font-weight: bold;
}

    .page_item h2 a {
        color: #595959;
    }

.checkBoxList {
    width: 100%;
}



fieldset.cmxform table.checkBoxList label {
    margin-left: 20px;
    margin-top: 0;
}

.accProfile #lstProfessionalLogo1,
.accProfile #lstProfessionalLogo2,
.accProfile #txtCompanyLogo {
    min-width: 415px;
}

fieldset.logos li {
    margin-bottom: 3px;
}

#lstServices td {
    width: 33.33%;
}

#lstServices label {
    font-size: .875em;
}

fieldset.accProfile label {
    width: 163px;
}

fieldset.accProfile small {
    display: block;
    margin-top: 5px;
    margin-left: 167px;
}

#lblUploadCompanyLogo {
    font-weight: bold;
}

fieldset.accProfile {
    margin-top: 20px;
}

.maintenance {
    display: block;
    margin-left: 100px;
    margin-top: -21px;
}

#pnlMaintenance {
    /*box-shadow: 5px 5px 5px #bbb;
	-moz-box-shadow: 5px 5px 5px #bbb;
	-webkit-box-shadow: 5px 5px 5px #bbb;
	padding: 10px;
	border:1px solid #e5e5e5;
	background-color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;*/
}

.maintenance a {
    color: #cd202c;
    font-weight: bold;
}

    .maintenance a:hover {
        color: #F00;
    }

.article h2 {
    margin: 0;
    font-size: 1.4em;
}

    .article h2 a:hover {
        color: #ff5800;
        background: url(/images/article.png) no-repeat 0 3px;
    }

    .article h2 a {
        color: #41a940;
        display: block;
        padding-left: 22px;
        border-bottom: none;
        font-weight: normal;
        background: url(/images/article.png) no-repeat 0 3px;
    }

.article p {
    padding-left: 23px;
    font-size: 0.875em;
    line-height: 1.286em;
    margin: 1.25em 0;
}

.articleDate {
    display: block;
    font-size: 0.8em;
    color: #41a940;
    margin-bottom: 1em;
    padding: 4px 4px 4px 23px;
    background: url(/images/calendar.png) no-repeat 0 2px;
}

#loginAdverts a {
    float: left;
    margin-right: 14px;
    border-bottom: none;
}

    #loginAdverts a:hover img {
        opacity: 1;
    }

    #loginAdverts a img {
        opacity: 0.80;
        width: 180px;
        /*border:4px double #e5e5e5;*/
    }
/*
 JQuery validation 
 ------------------------------------*/
.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    z-index: 998;
    cursor: pointer;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}

.formError .formErrorContent {
    width: 100%;
    background: #4d4f53;
    position: relative;
    z-index: 999;
    color: #fff;
    width: auto;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #ddd;
    /*box-shadow: 5px 5px 5px #bbb;*/
    /*-moz-box-shadow: 5px 5px 5px #bbb;*/
    /*-webkit-box-shadow: 5px 5px 5px #bbb;*/
    border-collapse: separate;
    padding: 4px 10px 4px 10px;
    /*border-radius: 6px;*/
    /*-moz-border-radius: 6px;*/
    /*-webkit-border-radius: 6px;*/
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
    z-index: 1000;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-collapse: separate;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrow div {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    /*box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;*/
    font-size: 0px;
    height: 1px;
    background: #4d4f53;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}
/* 
json ajax spinner 
------------------------------------*/
.ajaxSpinner {
    width: 654px;
    height: 100%;
    background: url(/images/ajaxLoader.gif) no-repeat center center #FFF;
    position: absolute;
    /*filter:alpha(opacity=0);
	opacity:0;*/
    margin: 0;
    padding: 0px;
    top: 0;
}
/** contact us **/
#contactus {
    margin-left: 0px;
}

#contactusSelect.unauth {
    margin-bottom: 20px;
    margin-top: 10px;
}

#contactusSelect.auth {
    margin-bottom: 55px;
    margin-top: 10px;
}

#contactus li {

    float: left;
    height: 114px;
    margin-right: 10px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
    width: 114px;
    display: block;
     background-color: #f5f5f5;
}

    #contactus li a {
        border-bottom: none;
        display: block;
        margin: 0px;
        color: #007F64;
        /*padding: 15px 15px 60px;*/
    }

        #contactus li a:hover {
            color: #000000;
            text-decoration: underline;
        }

li#help {
  /*  background: #f5f5f5 url(/images/help-icon.png) no-repeat 20px 95px;*/
    margin-top: 20px;
    margin-bottom: 30px;
}

li:hover#help {
  /*  background: #f5f5f5 url(/images/help-icon.png) no-repeat 20px 95px;*/
    margin-top: 20px;
    margin-bottom: 30px;
}

li#activate {
   /*background: #f5f5f5 url(/images/iconsSco.png) no-repeat 15px 95px;*/ 
    margin-top: 20px;
    margin-bottom: 10px;
}

li:hover#activate {
   /* background: #f5f5f5 url(/images/iconsSco.png) no-repeat 15px 95px;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

li#buy {
    /*background: #f5f5f5 url(/images/buyproduct-icon.png) no-repeat 20px 95px;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

li:hover#buy {
   /* background: #f5f5f5 url(/images/buyproduct-icon.png) no-repeat 20px 95px;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

li#queryOrder {
 /* background: #f5f5f5 url(/images/query-icon.png) no-repeat 20px 95px;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

li:hover#queryOrder {
 /* background: #f5f5f5 url(/images/query-icon.png) no-repeat 20px 95px;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

li#queryOther {
  /*  background: #f5f5f5 url(/images/otherquery-icon.png) no-repeat 20px 95px;*/
    margin-top: 20px;
    margin-bottom: 10px;
}

li#queryOther:hover {
  /* background: #f5f5f5 url(/images/otherquery-icon.png) no-repeat 20px 95px;*/ 
    margin-top: 20px;
    margin-bottom: 10px;
}


/* lhs */
#modContent.auth {
    height: 340px;
}

#modContent.unauth {
    height: 243px;
    min-height: 330px;
}

#modContent.software {
    height: 330px;
}

#modContent.activationHelp {
    height: 206px;
}




#modContent.queryHelp, #modContent.queryOther {
    height: 272px;
}

.unauth #imgProduct {
    width: 170px;
    margin-left: 120%;
}

.auth #imgProduct {
    width: 170px;
    margin-left: 50px;
}
/* rhs */
/*.scoMarketing1 {
	background:url(/images/scoMarketing1.png) no-repeat top right; software
}
*/
/*.scoMarketing2 {
	background:url(/images/scoMarketing2.png) no-repeat top right; activate
}
*/
/*.scoMarketing3 {
	background:url(/images/scoMarketing3.png) no-repeat top right; buy
}
*/
/*.scoMarketing4, .scoMarketing5 {
	background:url(/images/scoMarketing4.png) no-repeat top right; order
}
*/

.scoMarketing1 p:first-child, .scoMarketing2 p:first-child, .scoMarketing3 p:first-child {
    padding-top: 157px;
}

.scoMarketing4 p:first-child, .scoMarketing5 p:first-child {
    padding-top: 125px;
}

#productImage {
    float: right;
    margin-right: 0px;
    margin-top: -60px;
}

.buyHelpLink {
    display: block;
    height: 200px;
    margin-left: 100px;
    width: 470px;
    border: none;
}

    .buyHelpLink:hover {
        border: none;
    }

#searchAskSage {
    /*margin-left: 725px;*/
    /*position: absolute;*/
    /*top: 10px;*/
    white-space: nowrap;
}

#btnSearchAskSage {
    margin-right: 0px;
    margin-left: -10px;
    padding: 4px 10px 8px;
}

.myAcc #searchAskSage {
    margin-left: 18px;
    position: relative;
    top: auto;
}

#txtCriteria {
    padding-right: 10px;
    width: 160px;
}

#productAreas ul {
    margin-left: 0;
}

#productAreas li {
    background-color: #41a940;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    vertical-align: top;
    width: 140px;
    display: block;
    color: #fff;
}

#goContacts {
    margin-top: 10px;
    margin-left: 730px;
    margin-bottom: 20px;
    padding: 12px;
    height: auto;
    margin-right: 0px;
    background-color: #afafaf;
}





#productAreas li:hover {
    background-color: #41a940;
}

#enquireHeading {
    font-weight: bold;
    margin-bottom: 15px;
}

#productAreas li a, #goContacts a {
    border-bottom: none;
    display: block;
    margin: -13px 2px 0 -17px;
    padding: 10px;
    font-size: 0.875em;
    color: #fff;
    line-height: 1em;
    text-decoration:none; 
}


#askSage {
    width: 74.9%;
    padding-top: 10px;
}

.myAcc #askSage {
    width: auto;
    padding-top: 0;
}

#contactOptions {
    margin-top: 20px;
    background: url('../images/bdr.png') repeat-x left top;
    padding-top: 20px;
}

#askSageTitle {
    /*color:#69923a;*/
    font-weight: bold;
}

#askSage .ui-icon {
    display:none;
}

#askSage h2 {
    color: #fff;
    font-weight: bold;
}

#askSage .ui-state-default, #askSage .ui-widget-content .ui-state-default, #askSage .ui-widget-header .ui-state-default {
    display: block;
    cursor: pointer;
    background-color: #41a940 !important;
    position: relative;
    background: url(../images/panelArrU.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

#askSage .ui-inactive, #askSage .ui-widget-content .ui-inactive, #askSage .ui-widget-header .ui-inactive {
    background-color: #4d4f53 !important;
    background: url(../images/panelArrD.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

#contactOptions h2.heading3 {
    /*background: url(/images/bckContactOptions.png) no-repeat scroll 5px 0;*/
    /*padding: 5px 0 5px 45px;*/
    font-size: 1.25em;
}

div.phone, div.email, div.webChat {
    /*background: url(/images/bckPhone.png) no-repeat;*/
    padding: 10px;
    color: #fff;
    background-color: #ff5800;
}

div.phone {
    background-position: right 10px;
}

div.email {
    background-position: right -80px;
}

div.webChat {
    background-position: right -163px;
}

#liPostcodeResults {
    display: none;
}

.contWrapper {
    overflow: hidden;
    padding: 3px 0;
}

.cont {
    width: 65%;
    float: left;
}

.subCont {
    width: 30%;
    float: right;
}

.read {
    margin-top: 10px;
    border-top: 1px solid #fff;
    font-weight: bold;
    padding: 20px 0 10px 0;
}

/* 
softBox Shadow 
------------------- */

.msg-alert {
    background: #ffeee5;
    border: 2px solid #ffcdb2;
    padding: 10px 10px 11px;
    margin: 0 0 20px;
}

    .msg-alert h3 {
        background: url(/images/msg-alert.png) no-repeat 0 4px;
        padding: 0px 0 5px 28px;
        font-size: 1.5em;
        color: #4d4f53;
    }

    .msg-alert p,
    .msg-alert ul,
    .msg-alert ol {
        font-size: 0.875em;
        line-height: 1.429em;
        margin: 0.5em 0;
    }

    .msg-alert ul,
    .msg-alert ol {
        padding: 0 0 0 40px;
    }

        .msg-alert ul li,
        .msg-alert ol li {
            margin: 5px 0;
            list-style: inside square;
        }
/*
Dashboard
-------------------*/
td.size1of4 {
    vertical-align: top;
}

#pending {
    float: right;
    margin-top: -40px;
}

#messages {
    float: right;
    margin-top: -25px;
}

.dash1 {
    margin-bottom: 20px;
}

    .dash1 .dashHead {
        padding-bottom: 0;
        min-height: 200px;
        margin-bottom: 0;
    }

.dashHead .hd {
    margin: -10px -10px 0 -10px;
    background-color: #4d4f53;
    min-height: 50px;
}
.dashHead .heading3{
    color:#4d4f53;
}
.dashHead .bd {
    margin-top: 15px;
    min-height: 80px;
}

    .dashHead .bd > div {
        background: url('../images/bdr.png') repeat-x left bottom;
        padding: 0 0 5px;
    }

        .dashHead .bd > div:last-child {
            background: none;
        }

.dashHead .date {
    margin-left: 10px;
    margin-top: -28px;
    position: absolute;
    color: #fff;
    font-size: 0.75em;
}

.dashHead #accountBalance .heading4 {
    font-size: 0.75em;
}

.dashHead #latestInvoices {
    font-size: 0.75em;
}

    .dashHead #latestInvoices .invoices .invDate {
        color: #afafaf;
        font-size: 0.833em;
        padding: 5px 2px 6px 0;
    }

.dashHead .heading4 a span {
    font-weight: normal;
    position: absolute;
    right: 20px;
}

.dashHead h3 {
    color: #fff;
    font-size: 1.25em;
    padding: 18px 58px 21px 10px;
    line-height: 1.1em;
    background: url(/images/dashSprite2.png) no-repeat top right;
      margin: 0;
}



    .dashHead h3.myAccount {
        padding: 8px 58px 31px 10px;
    }


    .dashHead h3.prodserv {
        background-position: right -880px;
    }

    .dashHead h3.support {
        background-position: right -995px;
    }

    .dashHead h3.webchat {
        background-position: right -765px;
        padding: 18px 58px 21px 10px;
    }
        .dashHead h3.contactus {
        background-position: right -1097px;
        padding: 18px 0px 21px 10px;
    }
    .dashHead h3  a {
        color: #fff;
        text-decoration: underline;
    }


    .dashHead h3 a:hover {
        text-decoration: none;
    }



#divContactUs .mod.dashHead {
    padding: 10px 10px 0;
}

#divWebChat .mod.dashHead {
    padding: 10px 10px 0;
}

#divPS .mod.dashHead {
    padding: 10px 10px 0;
}

.more {
    text-align: right;
    margin-top: -10px;
    padding: 5px 0 0;
    border-top: 1px solid #e5e5e5;
}

.mod .more a {
    color: #4d4f53;
    text-decoration: underline;
}

    .mod .more a:hover {
        text-decoration: none;
    }

.dashHead .listMenu .date {
    margin-left: 0px;
    margin-top: 0;
    position: relative;
    display: block;
    color: #999;
}

#dashAccBal {
    height: 122px;
    width: 209px;
}

    #dashAccBal table {
        margin-bottom: 3px;
        margin-top: 4px;
        width: 97%;
    }

        #dashAccBal table td {
            padding: 3px 2px 6px 0;
            white-space: nowrap;
        }

            #dashAccBal table td:last-child {
                text-align: right;
            }

/*
bx-slider jquery 
-------------------------------------------------*/
.mod .mod-content.bx {
    padding: 0;
    border: 1px solid #C1D59F;
}

#slider1 div {
    height: 200px;
    overflow: hidden;
    background: #eff0ee;
}

.bx-prev, .bx-next {
    width: 33px;
    height: 33px;
    overflow: hidden;
    position: absolute;
    background: url("/images/bg_sprite.png") no-repeat ;
    background-position: 0 -806px;
    top: 81px;
}
.bx-prev span, .bx-next span {
        display: none;
    }

.bx-prev {
  left: 0;
  background-position: -32px -806px;
}

.bx-next {
    right: 1px;
}

#slider1 .heading2 {
    padding-top: 3px;
    line-height: 1.1em;
    font-size: 28px;
}

#slider1 p {
    line-height: 1.1em;
    margin: 1em 0;
}

#slider1 img {
    float: left;
    height: 200px;
    width: 228px;
    margin: 0 20px 0 -8px;
}

.byline {
    color: #aaa;
    margin-top: -7px;
}

#slider1 div.entrySummary {
    padding-right: 40px;
    height: 144px;
    margin-top: -15px;
}

    #slider1 div.entrySummary h1,
    #slider1 div.entrySummary h2,
    #slider1 div.entrySummary h3,
    #slider1 div.entrySummary .heading1,
    #slider1 div.entrySummary .heading2,
    #slider1 div.entrySummary .heading3 {
        margin-bottom: 0.7em;
        line-height: 1.3em;
        color: #675c53;
        font-size: 1em;
        margin-top: 0;
        padding: 0;
    }

a.moreLink {
    float: right;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 4px 10px;
}

#slider1 .heading2 a {
    font-weight: normal;
    color: #007f64;
}

#slider1 .pager {
    margin:0;
}
    #slider1 .heading2 a:hover {
        text-decoration: underline;
    }

.bx-pager {
    clear: right;
    margin: -19px 0 0 305px;
    position: absolute;
    text-align: center;
    width: 470px;
    height: 17px;
}

    .bx-pager a {
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 2px 2px;
        border-radius: 4px;
        border: 1px solid #41a940;
    }

        .bx-pager a.pager-active {
            width: 8px;
            height: 8px;
            margin: 1px 1px;
            border-radius: 5px;
            background: #41a940;
        }

.cmxform input.field.datepicker {
    width: 127px;
    font-weight: normal;
    font-size: 1em;
    padding: 2px;
}

.chkAskSageItems td {
    width: 33.3333%;
}

.chkAskSageItems label {
    display: block;
    margin-left: 20px;
    margin-top: -18px;
    font-size: 14px;
}

.bordered {
    border: 1px solid #e5e5e5;
    border-radius: 6px 6px 6px 6px;
    margin-bottom: 20px;
}

    .bordered td:hover {
        -moz-transition: all 0.1s ease-in-out 0s;
        /*background: none repeat scroll 0 0 #FBF8E9;*/
    }

    .bordered td {
        border-left: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5;
        padding: 10px;
        text-align: left;
    }

        .bordered td:first-child {
            border-left: medium none;
        }

    .bordered tr:first-child td:first-child {
        border-radius: 6px 0 0 0;
    }

    .bordered tr:first-child td:last-child {
        border-radius: 0 6px 0 0;
    }

    .bordered tr:last-child td:first-child {
        border-radius: 0 0 0 6px;
    }

    .bordered tr:last-child td:last-child {
        border-radius: 0 0 6px 0;
    }

#pnlSalesLead fieldset.cmxform {
    /*background:url(/images/head-sage-act.png) no-repeat right top;*/
    min-height: 130px;
}

/*
Google Maps 
------------------------------*/
.gmap3 {
    margin: 20px auto;
    border: 1px dashed #C0C0C0;
    width: 480px;
    height: 310px;
    float: left;
}
/*
Events & Training 
------------------------------ */

.train h2.heading3 {
    border-bottom: 0;
}

    .train h2.heading3 span {
        font-family: "focoRegular", Arial, sans-serif;
    }



.train .heading3:first-child {
    margin-top: 0;
}



.view {
    text-align: left;
}

    .view a.event:hover, .view a.train:hover {
        color: #000;
        text-decoration: none;
    }

#divLocations fieldset.cmxform {
    margin-top: 0;
}

#divLocations .cmxform {
    padding: 0;
    border: none;
}

    #divLocations .cmxform select {
        padding: 0;
    }

#divLocations label {
    font-weight: bold;
}

#hlViewLocation {
}

#lblSelected {
    padding: 5px 35px 5px 0;
    background: url(/images/delSelected.png) no-repeat right;
    color: #000;
}

table#tblSummary.table2 td,
table#tblSummary.table2 th {
    padding: 5px 10px;
}

#locationWrapper {
    margin-top: -30px;
}

    #locationWrapper p {
        margin-bottom: 0.7em;
        margin-top: 0.7em;
    }

#divAddress {
    margin-left: 500px;
    margin-top: 80px;
}

.gmnoprint a {
    border: none;
}

#udPanel4 label,
#liLinkedAccount label {
    width: 670px;
}

p.priceMyet {
    clear: both;
    color: #41a940;
}

.studyCourse h3 {
    padding: 0.5em;
    margin-top: 1.5em;
    margin-left: -10px;
    margin-right: -10px;
    font-weight: bold;
    /*border-top:1px solid #e5e5e5;*/
    /*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    /*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.studyCourse .edged {
    background-color: #fff;
}

#lblAmtToPay {
    font-weight: bold;
}

.hlcLogo {
    background-color: rgba(255,255,255,0.7);
    padding: 0 10px 10px;
    border: 1px solid #D4D4D4;
    border-radius: 6px 6px 6px 6px;
    float: left;
}

    .hlcLogo img {
    }

    .hlcLogo p {
        text-align: center;
        color: #003d90;
        font-weight: 100;
        font-size: 1.2em;
    }

.hlcDownloadImage {
    float: left;
}

.hlcDownloadButton {
    margin: 20px 0px 0px 0px;
}

.form-holder {
    background: #eff0ee;
    padding: 20px 20px 40px 20px;
    margin-top: 20px;
}

.feedback-holder {
    margin-top: 20px;
    padding: 0px 0px 0px 0px;
    float: left;
}

.tabscontainer {
}

.spliter {
    background: url('../images/bdr.png') repeat-x left bottom;
    margin-bottom: 20px;
    height: 10px;
}

.qlinkp {
    padding: 0px 10px 20px 10px;
}

.contactline {
    background: url('../images/bdr.png') repeat-x left bottom;
}

.eventsContainer .h3 {
    color: #41a940;
    font-size: 1.5em;
}

#btnImgDelete {
    border: none;
    box-shadow: none;
}

.mhm {
    min-height: 210px;
}

.buttonGrey {
    border: none;
    box-shadow: none;
    background: none;
}

.edit {
    border: none;
    box-shadow: none;
    background: url(/images/toolsEdit.png) no-repeat 0 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
    display: inline;
}

.pls {
    padding-left: 5px;
}

.phs {
    padding-left: 5px;
    padding-right: 5px;
}

.prs {
    padding-right: 5px;
}

#contactclose {
    width: 220px;
    background-color: #ff5800;
    height: 40px;
    margin-top: 50px;
}

.PathSeparator {
    border: 1px solid #41a940;
}

.imgborder {
    float: left;
    margin: 20px 5px 20px 0;
    width: 160px;
    text-align: center;
}

    .imgborder img {
        height: 160px;
    }



/* ticker css*/

.newsTickerContainer {
    margin-bottom: 20px;
    box-shadow: 0 4px 7px rgba(0,0,0,0.2);
}

    .newsTickerContainer .bx-prev, .newsTickerContainer .bx-next {
  position: relative;
  float: right;
  right: auto;
  top: 1px;
  cursor: pointer;
  background-color: #eff0ee;
  box-shadow: none;
  background-image: none;
  width: 20px;
  height: 34px;
  padding-left: 5px;
  padding-top: 7px;
  font-weight: bold;
    }

    .newsTickerContainer .bx-prev {
        left:-2px;
    }

        .newsTickerContainer .bx-prev:hover, .newsTickerContainer .bx-next:hover {
            background-color: #e0e1dd;
        }

    .newsTickerContainer .newsItemContainer {
        background-color: #eff0ee;
        height: 37px;
        margin: 0 42px 0 0;
        border: 1px #fff solid;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 37px;
    }

    .newsTickerContainer .newsTickerItem {
        position: absolute;
        display: none;
        padding: 0 10px 0 10px;
    }

        .newsTickerContainer .newsTickerItem a .newsTickerMainHeadline {
            font-weight: normal;
            padding: 0 0 0 7px;
            font-family: "focoBold",arial;
            font-size: 1.3em;
            letter-spacing: -0.01em;
        }

        .newsTickerContainer .newsTickerItem .newsTickerShortHeadline {
            padding: 0;
            font-size: 1.3em;
            font-family: "focoBold",arial;
        }

        .newsTickerContainer .newsTickerItem a {
            color: #007f64;
        }
/*PYE icons*/
.altBack .pyeIcons {
    padding-left: 0;
    text-align: center;
}

    .altBack .pyeIcons li {
        display: inline-block;
        padding: 0 20px 0 20px;
        list-style: none;
        text-align: center;
        vertical-align: top;
    }

.pyeIcons li a {
    text-align: center;
}

    .pyeIcons li a img {
        margin-bottom: 7px;
    }

    .pyeIcons li a span {
        display: block;
        clear: both;
    }

.mod #txtSearch {
    width: 115px;
}

.paySoft td {
    padding: 10px;
}

.paySoft h3 {
    text-align: right;
}

.accordionTable td {
    padding: 10px;
    font-size: 1em;
}

.enterSite {
    padding: 10px;
    font-size: .1em;
}

    .enterSite td {
        padding: 0px 40px 20px 40px;
        font-size: .1em;
    }

    .enterSite img {
        box-shadow: #AFAFAF 2px 2px 10px;
    }

#divChatFormShow p,
#divHiddenChatForm p {
    font-size: 0.875em;
}

#webChatWidget h3 {
    margin-top: 0;
}

#webChatWidget input[type=text] {
    width: 183px;
}

#divHiddenChatForm input[type=text] {
    width: 253px;
}

#divHiddenChatForm label {
    font-weight: bold;
    font-size: 0.875em;
}

#divHiddenChatForm .field {
    margin-top: 5px;
}

.ddMandate {
    border: 4px solid #e0e1dd;
    padding: 20px;
}

    .ddMandate img {
        float: right;
    }

    .ddMandate #txtBankAccountSortCode1,
    .ddMandate #txtBankAccountSortCode2,
    .ddMandate #txtBankAccountSortCode3 {
        width: 40px;
    }

#trainingCentres ul li a {
    padding-left: 20px;
    background: url(/images/arrowGreen16.png) left no-repeat;
}

.public-logo {
  padding: 10px 0 0 155px;
  background: url(/images/sageLogoTrans.gif) no-repeat 0 -3px;
}