/* myForest Ssssstyling.  Yeeeeah. */

    body {
        margin: 0px;
        background-color: #fff;
        font-size: 14px;
        font-family: arial, sans-serif;
        color: #333;
        line-height: 140%;
        position: relative;
    }

    a:link {
        text-decoration: none;
        color: #0c794d;
        outline: none;
    }
    a:visited {
        text-decoration: none;
        color: #0c794d;
        outline: none;
    }
    a:hover {
        text-decoration: none;
        color: #1b6f93;
        position: relative;
        outline: none;
    }
    a:active {
        text-decoration: none;
        color: #0c794d;
        outline: none;
    }

    a.light:link {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        outline:none;
    }
    a.light:visited {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        outline: none;
    }
    a.light:hover {
        text-decoration: none;
        color: #d4fae7;
        font-weight: bold;
        position: relative;
        outline: none;
    }
    a.light:active {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        outline: none;
    }

    /* tooltips */
    a span.helpPopup {
        display: none;
    }

    a:hover span.helpPopup {
        display: block;
        position: absolute;
        top: -10px;
        left: 0px;
        text-align: left;
        width: 350px;
        border: 1px solid #cccccc;
        background-color: white;
        padding: 20px;
        line-height:1.5;
        z-index: 3;
        cursor: default;
    }

    #container {
        width: 100%;
        position: relative;
        text-align: center;
        z-index: 1;
    }

    #content {
        margin: 30px auto 30px auto;
        text-align: left;
        width: 960px;
        position: relative;
        overflow: hidden;
        z-index: 5;
    }

    #projectBar {
        position: relative;
        width: 100%;
        background-color: #000;
        height: 28px;
        z-index: 350;
    }

        #projectTabArea {
            position: relative;
            width: 960px;
            margin-left: auto;
            margin-right: auto;
            height: 28px;
            z-index: 350;
        }
        #sylvaLogo {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 150px;
            height: 148px;
            background-color: #fff;
            z-index: 350;
        }

    #topBar {
        position: relative;
        width: 100%;
        height: 120px;
        background-color: #62b137;
        z-index: 310;
    }
        #header {
            position: relative;
            width: 960px;
            height: 120px;
            margin-left: auto;
            margin-right: auto;
            background-image: url("images/header_bg.png");
            background-repeat: no-repeat;
            z-index: 310;
        }

        #rightButtons {
            position: absolute;
            right: 0px;
            top: 15px;
            width: 130px;
            height: 100px;
        }

        #crowdFundingGrey {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 181px;
            background-color: #555;
            z-index: 500;
            opacity: 0.7;
            filter:alpha(opacity=70);
        }

        #crowdFundingTextContainer {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            z-index: 501;
        }
        #crowdFundingText {
            width: 660px;
            height: 146px;
            margin-left: auto;
            margin-right: auto;
            background-color: #fff;
            border: 1px solid #fff;
            text-align: left;
            z-index: 501;
        }

    #navBar    {
        position: relative;
        width: 100%;
        height: 33px;
        background-color: #388a2b;
        z-index: 320;
    }
        #mainMenu {
            position: relative;
            width: 960px;
            height: 33px;
            margin-left: auto;
            margin-right: auto;
            z-index: 320;
            margin-bottom: -3px;
        }
            .navItem {
                position: relative;
                cursor: pointer;
                float: left;
                height: 33px;
                background-color: transparent;
            }
            .navItem.navHover {
                background-color: #62b137;
            }
            .navItem.navSelected {
                background-color: #e5f5e5;
            }
            .navText {
                color: #ffffff;
                margin: 7px 15px 0px 15px;
                font-size: 18px;
                font-family: arial, sans-serif;
            }
            .navText.textSelected {
                color: #3b865f;
            }

            .navDropdown {
                display: none;
                position: absolute;
                top: 33px;
                z-index: 330;
                width: 180px;
                font-weight: bold;
                font-size: 14px;
                background-color: #388A2B;
                opacity: 0.9;
                filter:alpha(opacity=90);
            }

            .navDropdownLink {
                width: 100%;
                text-align: left;
                overflow: hidden;
                color: #fff;
            }
            .navDropdownLink.hover {
                background: #62b137;
            }

            .tabInner {
                z-index: 302;
                margin: 5px;
                color: #fff;
                line-height: 150%;
                font-weight: normal;
                text-align: left;
                font-family: arial, sans-serif;
                opacity:1;
                filter:alpha(opacity=100);
            }
            .tabInner a, .tabInner a:hover, .tabInner a:visited, .tabInner a:active {
                color: #fff;
                font-weight: normal;
                font-family: arial, sans-serif;
            }

        #subMenu {
            position: relative;
            background-color: #e5f5e5;
            width: 960px;
            height: 35px;
            margin-left: auto;
            margin-right: auto;
            z-index: 310;
        }
            .subNavItem {
                position: relative;
                cursor: pointer;
                float: left;
                height: 35px;
                color: #236318;
            }
            .subNavItem.subHover {
                border-bottom: 2px solid #62b137;
            }
            .subNavItem.subSelected {
                background-color: #e5f5e5;
                border-bottom: 2px solid #62b137;
            }
            .subNavText {
                margin: 9px 15px 0px 15px;
                font-size: 14px;
                font-family: arial, sans-serif;
            }


    #loginBox  {
        position: absolute;
        display: none;
        width: 750px;
        right: 0px;
        bottom: 0px;
        background-color: #388a2b;
        height: 40px;
        vertical-align: bottom;
        font-family: arial, sans-serif;
        font-size: 12px;
        z-index: 3;
        color: #444;
        -border-radius: 10px 0px 0px 0px;
        -moz-border-radius: 10px 0px 0px 0px;
        -webkit-border-radius: 10px 0px 0px 0px;
    }
    #loginText  {
        float: right;
        margin: 8px 8px 0px 0px;
        font-size: 14px;
        color: #fff;
    }

    #pmBox  {
        position: absolute;
        top: 25px;
        left: 160px;
        font-family: arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        vertical-align: bottom;
        z-index: 3;
        color: #fff;
    }


    ul.splashPageList {
        margin-left: 20px;
        padding-left: 0px;
    }
    ul.splashPageList li {
        margin-bottom: 10px;
    }

    .niceBox {
        position: absolute;
        background-image: url("images/fadebg.jpg");
        background-repeat: repeat-x;
        border: 2px solid #93ae63;
        overflow: hidden;
        /*border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        */
    }
    .nicePad {
        margin-top: 12px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }


    hr {
        border: 0;
        color: #ddd;
        background-color: #ccc;
        height: 1px;
    }

    #alert {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        font-size: 14px;
        font-style: italic;
        border:1px solid #cccccc;
        background-color: #eee;
        padding: 10px;
    }

    .title {
        font-family: Georgia, Cambria, Times, "Times New Roman", serif;
        font-size: 17px;
        color: #3b865f;
        margin-bottom: 15px;
    }

    h1 {
        font-family: Georgia, Cambria, Times, "Times New Roman", serif;
        font-size: 20px;
        font-weight: normal;
        color: #2c7750;
        margin: 0px 0px 20px 0px;
    }
    h2 {
        font-family: sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #2c7750;
        margin: 0px 0px 10px 0px;
    }
    h2.boxTitle {
        margin: 10px;
        color: #fff;
        text-shadow: 1px 1px 2px #000;
    }
    h3 {
        font-family: sans-serif;
        font-size: 16px;
        font-weight: normal;
        color: #2c7750;
        margin: 0px 0px 5px 0px;
    }

    .title.t1 {
        font-size: 18px;
    }

    .title.t2 {
        font-size: 16px;
        color: #093000;
    }

    td {
        padding: 0;
        border-spacing: 0;
        text-align: left;
        vertical-align: top;
        font-family: arial, sans-serif;
        font-size: 12px;
    }

    td.form {
        padding: 5px;
        border-spacing: 5px;
        text-align: right;
        vertical-align: top;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
        font-size: 12px;
        color: white;
        background-color:#62523a;
    }

    td.topper  {
        border-spacing: 0;
        text-align: center;
        vertical-align: top;
        font-style: italic;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
        font-size: 16px;
        color: #444;
    }

    table.acnt {
        width: 100%;
        border-collapse: collapse;
        padding: 5px;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #aaa;
    }

    table.acnt td {
        padding: 7px;
        font-size: 14px;
        font-family: arial, verdana, sans-serif;
    }

    table.acnt td.acnt1 {
        background-color: #dff1d9;
        background-image: url("images/boxbg.jpg");
        background-repeat: repeat-x;
        font-style: italic;
        padding: 10px;
        font-size: 16px;
        font-family: Georgia,Cambria,Times,"Times New Roman",serif;
    }
    table.acnt td.acnt1.a {
        background-image: url("images/boxbg2.jpg");
        color: #fff;
    }
    table.acnt td.acnt1.b {
        background-image: url("images/boxbg3.jpg");
        color: #fff;
    }

    table.acnt td.acnt2 {
        background-image: url( "images/acnt2.jpg" );
        background-repeat: repeat-y;
        background-color: #eeeeee;
        border-bottom: 1px dashed #ccc;
        text-align: left;
        font-family: serif;
        vertical-align: top;
        padding-top: 10px;
        padding-right: 14px;
        padding-left: 14px;
        width: 150px;
     }
    table.acnt td.acnt3 {
        background-image: url( "images/acnt3.jpg" );
        background-repeat: repeat-y;
        border-bottom: 1px dashed #ddd;
        background-color: #f7f7f7;
        padding-left:14px;
    }
    table.acnt td.acnt4 {
        background-color: #fff;
        padding-left: 14px;
    }
    table.acnt td.acnt5 {
        background-color: #e5fffd;
        padding-left: 14px;
        font-weight: bold;
    }
    table.acnt th.acnt3 {
        background-color: #f6f6f6;
        padding: 5px;
        font-family: arial, verdana, sans-serif;
    }


    table.minimal {
        border-collapse: collapse;
    }

    table.minimal td {
        vertical-align: middle;
        padding: 0px 10px 5px 5px;
        font-size: 12px;
        font-family: arial, verdana, sans-serif;
    }

    table.minimal td.comp {
        padding: 7px;
        color: #1d4b78;
        border-bottom: 1px dashed #ddd;
    }

    .sylvaWord {
        font-family: serif, "times new roman";
        color: #660033;
    }

    table.woodlandList {
        border: 1px solid #ccc;
        width: 100%;
        border-collapse: collapse;
        padding: 2px;
    }
    td.list1 {
        background-color: #ccc;
        padding: 4px;
        font-size: 11px;
    }
    td.list2 {
        background-color: #eee;
        padding: 4px;
        font-size: 10px;
    }

    table.info {
        border: 1px solid #ccc;
        width: 200;
        border-collapse: collapse;
        padding: 2px;
        margin-left: auto;
        margin-right: auto;
    }
      td.info1 {
        background-color: #ccc;
        padding: 2px;
        font-size: 11;
        font-style: italic;
        font-weight:bold;
      }
      td.info2 {
        background-color: #eee;
        padding: 2px;
        font-size: 11;
      }

    table.query { border:0px; }
    .q1 td {
        background-color: #a3d1e5;
        padding: 3px;
    }
    .q2 td {
        background-color: #cfdce2;
        padding: 3px;
        font-family: arial, sans-serif;
    }
    .q3 td {
        background-color: #cfdce2;
        padding: 2px;
        padding-left: 3px;
        border-top: 1px dashed black;
        border-bottom: 1px dashed black;
    }


    #map {
        float: right;
        clear: right;
        width: 615px;
        height: 600px;
        border: 1px solid #aaa;
    }

    #submap {
        width: 615px;
        float: right;
        clear: right;
        background-image: url( "images/acnt2.jpg" );
        background-repeat: repeat-y;
        background-color: #eee;
        border: 1px solid #aaa;
        border-top: 0px;
    }

    .polybox {
        background-image: url( "images/acnt2.jpg" );
        background-repeat: repeat-y;
        position: relative;
        width: 320px;
        border: 1px solid #888;
        background-color: #eee;
    }

    .polyinner {
        margin: 20px;
        font-size: 13px;
        color: #000;
        line-height: 130%;
    }

    #listtop {
        position: relative;
        width: 340px;
        border: 2px solid #002806;
        padding-top: 5px;
        margin-bottom: 0px;
        border-bottom: 2px dashed #002806;
    }

    .list {
        position: relative;
        width: 325px;
        height: 620px;
        overflow: auto;
        margin-top: 0px;
        font-family: sans-serif;
    }

    .directoryListing {
        position: relative;
        margin-bottom: 2px;
        font-family: arial, sans-serif;
        cursor: pointer;
        height: 30px;
        overflow: hidden;
        clear: left;
    }

    .listitem  {
        position: relative;
        margin-bottom: 2px;
        font-family: arial, sans-serif;
        cursor: pointer;
    }

    .listhl {
        position: relative;
        margin-bottom: 2px;
        background-color: #c0e0fc;
        font-family: arial, sans-serif;
        padding: 10px 5px 10px 5px;
    }

    .basebox {
        font-size: 9px;
        display: inline;
        z-index: 2;
    }

    .fullbox {
        font-size: 9px;
        display: none;
        z-index: 2;
    }

    .textInput {
        font-family: arial, sans-serif;
        font-size: 15px;
        color: #225827;
        padding: 5px;
        height: 30px;
        vertical-align: middle;
    }
    .textAreaInput {
        font-family: arial, sans-serif;
        font-size: 15px;
        color: #225827;
        padding: 5px;
    }

    .btnfix {
        padding-top: 0px;
    }

    .checkbox {
        height: 15px;
    }

    .underTab {
        float:right;
        position: relative;
        height: 30px;
        vertical-align: middle;
        background-repeat: no-repeat;
        width: 77px;
    }
    .underOff {
        background-image: url("images/tabunder.png");
    }
    .underOn {
        background-image: url("images/tabunder_hl.png");
    }
    .underTabText {
        position: relative;
        top: 6px;
        font-size: 13px;
        text-align: center;
        font-family: arial, sans-serif;
        font-weight: bold;
    }


    /*----------------  tabs  -----------------*/

    .new_topTab {
        position: relative;
        display: inline-block;
        height: 31px;
        background-position: bottom;
        background-repeat: no-repeat;
        /* Fix ie hasLayout bug */
        zoom: 1;
        *display:inline;
    }
    .new_tabText {
        position: relative;
        top: 8px;
        font-size: 13px;
        text-align: center;
        font-family: arial, sans-serif;
        font-weight: bold;
    }
    .new_tab_small {
        width: 115px;
        background-image: url("../shared/images/tabs/tab_small.png");
    }
    .new_tab_small_on {
        width: 115px;
        background-image: url("../shared/images/tabs/tab_small_hl.png");
        color: #0C794D;
    }
    .new_tab_medium {
        width: 145px;
        background-image: url("../shared/images/tabs/tab.png");
    }
    .new_tab_medium_on {
        width: 145px;
        background-image: url("../shared/images/tabs/tab_hl.png");
        color: #0C794D;
    }
    .new_tab_large {
        width: 245px;
        background-image: url("../shared/images/tabs/tab2.png");
    }
    .new_tab_large_on {
        width: 245px;
        background-image: url("../shared/images/tabs/tab2_hl.png");
        color: #0C794D;
    }
    .new_tabStart {
        background-image: url("../shared/images/tabs/tabStart.png");
        width: 28px;
        margin-right: -4px;
    }
    .new_tabEnd {
        background-image: url("../shared/images/tabs/tabEnd.png");
        width: 260px;
        margin-left: -4px;
    }


    .accountTab {
        position: relative;
        height: 31px;
        vertical-align: middle;
        background-repeat: no-repeat;
    }
    .tabText {
        position: relative;
        top: 8px;
        margin-left: 5px;
        font-size: 13px;
        text-align: center;
        font-family: arial, sans-serif;
        font-weight: bold;
    }
    .tab1 {
        width: 145px;
        background-image: url("images/tab.png");
    }
    .tab1on {
        width: 145px;
        background-image: url("images/tab_hl.png");
        color: #0C794D;
    }
    .tab_small {
        width: 115px;
        background-image: url("images/tab_small.png");
    }
    .tab_small_on {
        width: 115px;
        background-image: url("images/tab_small_hl.png");
        color: #0C794D;
    }
    .tabStart {
        background-image: url("images/tabStart.png");
        background-position: bottom;
        background-repeat: no-repeat;
        width: 28px;
    }
    .tabEnd {
        background-image: url("images/tabEnd.png");
        background-position: bottom;
        background-repeat: no-repeat;
        width: 260px;
    }







    .button {
        position: relative;
        display: inline-block;
        height: 27px;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        background-repeat: no-repeat;
        margin-left: 10px;
        font-family: arial, sans-serif;
        font-weight: bold;
        cursor: pointer;
    }

    .buttontext {
        position: relative;
        top: 5px;
    }

    .b1 {
        width: 119px;
        background-image: url("acntbtn1.png");
    }
    .b2 {
        width: 175px;
        background-image: url("acntbtn2.png");
    }
    .agent {
        width: 197px;
        background-image: url("images/button_agent.png");
    }

    .b1on {
        width: 119px;
        background-image: url("acntbtn1on.png");
        color: #fff;
    }
    .b2on {
        width: 175px;
        background-image: url("acntbtn2on.png");
        color: #fff;
    }


    /* alert area for man plan editing page */
    .maxxed {
        color: #555;
        font-size: 12px;
        display: none;
    }

    .infoBox2 {
        width: 950px;
        border: 1px solid #f1dc77;
        background: #f4f4d3 url('images/box_bg_yellow.jpg') repeat-x;
        overflow: hidden;
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .infobox {
        width: 90%;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        background-color: #fffee6;
        background-image: url( "images/infobg.jpg" );
        background-repeat: repeat-x;
        border: 1px solid #d4a21a;
        font-family: arial, sans-serif;
        font-size: 14px;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
     }

    .featureBoxLeft {
        width: 465px;
        float: left;
        height: 250px;
        color: #666;
        margin: 10px 10px 10px 0px;
    }
    .featureBoxRight {
        width: 465px;
        float: left;
        height: 250px;
        color: #666;
        margin: 10px 0px 10px 10px;
    }


    .smallgrey {
        font-family: arial, sans-serif;
        font-size: 11px;
        color: #666;
     }
    .smallgreen {
        font-family: arial, sans-serif;
        font-size: 11px;
        color: #6b8b62;
     }

    .greenSuccess {
        font-size: 14px;
        color: #13d00f;
        font-weight: bold;
     }

    /* map buttons */
    #hand_b {
        width:31px;
        height:31px;
        background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);
    }
    #hand_b.selected {
        background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
    }
    #shape_b {
        width:89px;
        height:31px;
        background-image: url(http://www.myforest.org.uk/startdrawing.png);
    }
    #shape_b.selected {
        background-image: url(http://www.myforest.org.uk/startdrawing2.png);
    }
    #marker_b {
        width:89px;
        height:31px;
        background-image: url(http://www.myforest.org.uk/placemarker.png);
    }
    #marker_b.selected {
        background-image: url(http://www.myforest.org.uk/placemarker2.png);
    }
    #reset_b {
        width:42px;
        height:31px;
        background-image: url(http://www.myforest.org.uk/reset.png);
    }



    /*---  wood market page  ---*/

    .productListing {
        position: relative;
        display: inline-block;
        *display: inline;
        vertical-align: top;
        border: 1px solid #888;
        width: 440px;
        margin: 10px;
        background-color: #fff;
        overflow: hidden;
        border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }
    .productTitle {
        position: absolute;
        top: 10px;
        left: 49px;
        font-weight: bold;
        color: #fff;
        height: 30px;
        width: 395px;
        overflow: hidden;
    }
    .productTitle.colour1 { background-color: #ff0000; }
    .productTitle.colour2 { background-color: #ff7e00; }
    .productTitle.colour3 { background-color: #c4d82e; }
    .productTitle.colour4 { background-color: #593c1b; }
    .productTitle.colour5 { background-color: #4110d2; }
    .productTitle.colour6 { background-color: #406325; }

    .productContactList {
        border: 1px solid #888;
        width: 930px;
        margin-bottom: 5px;
        background-color: #fff;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }



    /*---  new anti-table boxes  ---*/

    .mainBox {
        border: 1px solid #aaa;
        background-color: #eee;
        background-image: url( "images/acnt2.jpg" );
        background-repeat: repeat-y;
        overflow: hidden;
        /*
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        */
    }

    .mainBoxHeader {
        background: #a2c198 url("images/boxbg.jpg") repeat-x;
        overflow: hidden;
        height: 40px;
        font: 18px sans-serif;
        color: #fff;
    }
    .mainBoxHeaderHighlight {
        background: #95b38d url("images/boxbg4.jpg") repeat-x;
        overflow: hidden;
        height: 40px;
        font: 18px sans-serif;
        color: #fff;
    }
    .mainBoxHeader.purple {
        background-color: #9d697f;
        background-image: url("images/boxbg2.jpg");
    }
    .mainBoxHeader.yellow {
        background-color: #d0d166;
        background-image: url("images/boxbg3.jpg");
    }

    .boxContentLeft {
        width: 120px;
        float: left;
        clear: left;
        margin: 10px;
        font-size: 15px;
        font-weight: bold;
        color: #454;
    }
    .boxContentRight {
        float: left;
        margin: 10px;
    }

    .imageButton {
        background-repeat: no-repeat;
        background-position: 5% 50%;
    }
    .addLive {
        background-image: url(../shared/images/icons/24/Add.png);
        height: 35px;
    }
    .addDisabled {
        background-image: url(../shared/images/icons/24/Add_grey.png);
        height: 35px;
    }
    .addLiveSmall {
        background-image: url(../shared/images/icons/12/Add.png);
        height: 25px;
    }
    .addDisabledSmall {
        background-image: url(../shared/images/icons/12/Add_grey.png);
        height: 25px;
    }
    .saveLive {
        background-image: url(../shared/images/icons/24/Save.png);
    }
    .saveDisabled {
        background-image: url(../shared/images/icons/24/Save_grey.png);
    }

    .uploadLiveSmall {
        background-image: url(../shared/images/icons/12/Load.png);
        height: 25px;
    }


    #countryButton {
        position: absolute;
        right: 330px;
        top: 120px;
    }

/* --== google translate ==-- */

    #translateDropdown {
        position: absolute;
        right: 40px;
        top: 120px;
    }
    #translateBranding {
        position: absolute;
        right: 200px;
        top: 124px;
    }
    .jq-translate-ui {
        background: #c5d18f;
        border: 1px solid #c5d18f;
        color: #555555;
    }
    .gBrandingText {
        color: #555555;
    }




/* --== list controls ( accounts / GIS etc ) ==-- */

    #featureControls {
        margin-bottom: 10px;
        width: 450px;
        background: #dddddd url("images/acnt3.jpg");
        border: 1px solid #bbb;
        overflow: hidden;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    .gisLayer {
        width: 450px;
        border: 1px solid #fff;
        margin-bottom: 10px;
        display: none;
    }
    .featureList {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        border: 1px solid #fff;
    }
    .featureItem {
        margin: 0px;
        clear: left;
        width: 430px;
        min-height: 25px;
        font-weight: bold;
        font-size: 16px;
        background-image: url('../shared/images/icons/24/tree_middle.png');
        background-repeat: no-repeat;
    }
    .featureListPlaceHolder {
        height: 25px;
        background-image: url('../shared/images/icons/24/tree_middle.png');
        background-repeat: no-repeat;
    }
    .featureDetails {
        width: 430px;
        height: 130px;
        margin-top: 5px;
        font-size: 12px;
        font-weight: normal;
        display:none;
    }
    .featureSpacer {
        clear: left;
        height: 20px;
        overflow: hidden;
        background-image: url("../shared/images/icons/24/tree_middle_long.png");
        background-repeat: no-repeat;
    }