/* Reset stylesheet by Eric Meyer (http://meyerweb.com/eric/tools/css/reset/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {
    list-style: none;
}

br.clear {
    clear: both;
}

a {
    color: #43B249;
}

section, article, aside, header, footer, nav { display: block; }

/* voordelicht CSS Rules for the layout */

body {
    line-height: 1;
    font-family: Verdana;
    font-size: 12px;
    text-align: center;
    overflow: scroll;
}    

html, body, #background-gradient { min-height: 100%; }

#voordelicht {
    margin: auto;
    width: 960px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.detail-project {
    background: none !important;
    padding:0px 20px 30px 20px !important;
}

.detail-project .text {
    color: #626262;
    line-height: 22px;
}

header {
    height: 125px;
}

header a {
    float: left;
    margin: 28px 0px 0px 20px;
    width: 127px;
    height: 65px;
}  

nav {
    background: url(../images/menu_background.jpg) repeat-x;
    height: 50px;
}

nav ul {
    padding: 7px 10px 0px 0px;
    float: right;
}

nav li {
    float: left;
}

nav li a {
    color: #516049;
    text-decoration: none;
    font-size: 17px;
    padding: 10px 16px 15px 16px;
    display: block;
    height: 17px;
}

nav li.selected {
    height: 38px;
    border-top: 1px solid #e7e6e6;
    border-right: 1px solid #e7e6e6;  
    border-left: 1px solid #e7e6e6;  
}

nav li.selected a {
    color: #43b249;    
    background-color: white;
}

.submenu {
    height: 24px;
}

.default {
    background: url(../images/default_background.jpg) repeat-y !important;
}

.new-products {
    background: url(../images/default_background2.jpg) repeat-y !important;
    padding-top:0px!important;
}

.new-products .sub-page .image {
    border:1px solid #c1c1c1;
    float: left;
    margin: 0px 22px 10px 0px;
}

.new-products .sub-page .description {
    float: right;
    width: 425px;
}

.new-products .sub-pages > ul {
    list-style: disc;
    color: #45b14b;
}

.new-products .sub-pages > ul li ul {
    padding-top: 0px;
    padding-left: 0px;
    display: none;
}

.new-products .sub-pages > ul li ul li {
    color: #626262;
}

.new-products .sub-pages > ul li ul a {
    color: #626262;
}

.new-products .sub-pages ul li a {
    color: #45b14b;
}

.new-products .sub-pages ul li {
    padding: 0px 0px 0px 0px;
}

.new-products .sub-pages  ul li.selected a {
    color: #626262;
    text-decoration: none;
}

.new-products .sub-pages {
    padding: 15px 10px 10px 20px;
    width: 305px;
}

.new-products .sub-page {
    width: 575px;
}

.new-products .sub-pages ul {
    padding: 18px 0px 0px 15px;
}

.new-products .page-content table {
    border-collapse: collapse;
    
}

.new-products .page-content table td {
    
}

.sub-pages {
    padding: 15px 20px 10px 20px;
    width: 164px;
    float: left;
}

.sub-pages h2, .sub-page h2 {
    color: #43b249 !important;
}

.sub-pages ul {
    padding: 18px 0px 0px 14px;
    vertical-align: top;
}

.sub-pages ul li {
    line-height: 23px;
    color: #43b249;
    padding: 0px 0px 0px 2px;
}

.sub-pages ul li a.selected {
    color: #626262 !important;
    text-decoration: none;
}

.sub-pages ul a {
    color: #43b249;
    font-size: 12px;
}

.sub-page {
    float: right;
    width: 696px;
    padding: 15px 20px 10px 20px;      
}

.sub-page .page-content {
    line-height: 22px;
    padding: 18px 0px 0px 0px;
    color: #626262;
}

.submenu .first {
    list-style: none !important;
}

.submenu ul {
    float: left;
    padding: 5px 0px 0px 0px;
    list-style: disc;
    color: #43b249;
}

.submenu li {
    float: left;
    padding: 0px 25px 0px 0px;
}

.submenu li a {
    text-decoration: none;
    font-size: 16px;
    color: #454545;
}

.submenu li a.selected {
    color: #43b249; 
}

.index {
    background: url("../images/content_background.jpg") repeat-y !important;
}

.slideshow {
    margin: 8px 0px 0px 0px;
}

.slideshow-text {
    margin-top: -128px;
    border: 1px solid #e4e4e4;
    position: absolute;
    z-index: 100;
    background: url(../images/slideshow_background.png);
    padding: 10px 15px 10px 15px;
}

.slideshow-text p {
    display: none;
    font-size: 21px;
    color: #7b7e79;
    float: left;
    line-height: 32px;
}     

.slideshow-text p span.bold {
    font-weight: bold;
}

.slideshow-text p.selected {
    display: block !important;
}

.static-slideshow {
    background: url(../images/static-image.jpg);
    height: 73px; 
    margin: 8px 0px 0px 0px; 
}

.static-slideshow p {
    float: left;
    padding: 10px 15px 15px 15px;
    background: url("../images/slideshow_background.png") repeat-x;
    margin: 13px 0px 0px 0px;
    border: 1px solid #E4E4E4;
    font-size: 21px;
    color: #7b7e79;
}

.static-slideshow p strong {
    font-weight: bold;
}

.content {
    background: url(../images/content_border.jpg) repeat-x;
    margin: 14px 0px 0px 0px;
    padding: 20px 0px 0px 0px;
}

.index .left-block {
    background-color: #f9f8f8;
    width: 430px;
    padding: 15px 20px 30px 20px;
    float: left;
}

.content h2 {
    color: #393939;
    font-size: 17px;
    line-height: 27px;
}

.index .left-block .text {
    color: #626262;
    padding: 18px 0px 0px 0px;
    line-height: 23px;
}

.index .right-block {
    background-color: #f9f8f8; 
    margin: 0px 0px 0px 20px;
    width: 451px;
    float: left;
    padding: 15px 0px 30px 19px;     
}

.index .right-block img {
    padding: 10px 0px 0px 0px;
}

/*.index .right-block a {
    background: url(../images/bereken_background.jpg) repeat-x;
    display: block;
    height: 24px;
    width: 228px;
    text-decoration: none;
    padding: 3px 10px 3px 10px;
    color: white;
    font-size: 17px;
    float: right;
    margin: 10px 19px 0px 0px;
}*/

.referenties {
    color: #636162;
}

.pagination {
    text-align: center;
}

.pagination a.active-page {
    font-weight: bold;
    text-decoration: none;
    color: #626262 !important;
}

.pagination a {
    color: #516d4c;
}

.pagination .next-page {
    text-decoration: none;
}

.pagination .previous-page {
    text-decoration: none;
}

.page-background {
    background: url(../images/content_background.jpg) repeat-y;
    padding: 0px 0px 30px 0px;
}

.news {
    width: 430px;
    padding: 10px 20px 0px 20px;
    float: left; 
}

.dealers {
    float: right !important;
}

.referenties h2 {
    color: #46b24c !important;
}

.referenties p, .detail p {
    line-height: 23px;
    padding: 17px 0px 0px 0px;
    color: #626262;
}

.referenties .selected {
    border-bottom: none !important;
}

.referenties .select {
    border-bottom: 1px solid #dcdadb !important;
}

.collapse {
    border-bottom: 1px solid #dcdadb !important;
}

.collapse .summary {
    padding: 0px 0px 10px 0px;
}

.collapse p {
    padding: 0px 0px 0px 0px !important;
}

.referenties .row, .detail .row {
    width: 430px;
    border-bottom: 1px solid #dcdadb;
    clear: left;
    padding: 10px 0px 0px 0px;
    color: #626262;
    line-height: 23px;
}

div.detail {      
    background: none;        
    background-color: #f9f8f8;
}

.detail .news {
    width: 922px;
}

.detail .row {
    width: 430px;
    float: left;
    clear: none !important;
}

.detail .right {
    float: right !important;
}

.referenties .row strong.title {
    color: #516d4c;
}

.referenties .selected, .detail .selected {
    border-bottom: none !important; 
}

.row .thumb {
    float: left;
    margin: 0px 15px 15px 0px;
    border: 1px solid #dbdbdb;    
}

.show_item {
    display: none;
    padding: 0px 0px 10px 0px !important;
}  
    
.referenties .row h3 {
    float: right;
    padding: 0px 0px 0px 14px;
    width: 323px;
    color: #526d4e;
    line-height: 25px;
}

.referenties .row p, .detail .row p {
    line-height: 23px;
    padding: 0px 0px 0px 0px !important;   
}

.referenties .row a, .detail .row a {
    cursor: pointer;
    color: #43b347;
    text-decoration: underline;
}

.detail .left {
    float: left;
    width: 430px;
}

.detail .right {
    float: right;
    width: 430px;
}

.referenties .collapse {
    display: none;
}

.content .faq {
    background: url(../images/faq_background.jpg) repeat-y !important;
}

.faq .form {
    float: right;
    width: 262px;
    padding: 15px 20px 0px 20px;
}

.faq h2 {
    color: #46b24c !important;
}

.faq .form textarea {
    width: 186px;
    height: 166px;
}



.faq .collapse {
    display: none;
}

.faq ul li {
    background: url(../images/bullet.gif) no-repeat 0px 13px;
}

.faq ul a.title {
    color: #699351;
    text-decoration: underline;
    cursor: pointer;
    display: block;
    line-height: 23px;
    width: 100%;
    padding: 2px 0px 4px 0px;  
}

.faq .sub-pages {
    width: 638px;
    padding: 0px 0px 0px 0px;
}

.faq .sub-pages h2 {
    padding: 15px 20px 0px 20px;
}

.faq .sub-pages ul {
    padding: 0px 20px 0px 35px;
}

.faq .sub-pages ul.white {
    background-color: white;
}

.faq .sub-pages ul.first {
    padding: 15px 20px 0px 35px;
}

.faq .sub-pages li {
    padding: 0px 0px 0px 20px;
}

.faq .collapse {
    border-bottom: none !important;
    color: #626262;
    width: 560px;
    padding: 0px 0px 5px 0px;
}

.faq .sub-pages ul li a.selected {
    color: #699351 !important;
    text-decoration: underline !important;
}

.contact .page-content, .contact .form {
    width: 430px;
    padding: 15px 20px 0px 20px;
}

.contact .page-content {
    float: left;
}

.contact .form {
    float: right;
}

.contact h2 {
    color: #43b249;
}

.page-content .content {
    background: none;
    padding: 18px 0px 0px 0px;
    margin: 0px;
    line-height: 22px;
    color: #626262;
}

.form p {
    padding: 18px 0px 0px 0px;
    line-height: 22px;
    color: #626262;
}

.form table {
    border-collapse: collapse;
    margin: 13px 0px 0px 0px;
    border: none;
    padding: 0px;
    width:100%;
}

.form .error {
    border: 1px solid red !important;
}

.form .red {
    color: red;
}

.form table td {
    line-height : 35px;
    vertical-align: top;
    padding: 0px 20px 0px 0px;
}

.form .input {
    border: 1px solid #e2e8dd;
    background-color: white;
    width: 186px;
    height: 21px;
}

.form table label {
    color: #626262;  
}

.form .fields {
    padding: 0px 0px 0px 0px !important;
}

.form textarea {
    border: 1px solid #e2e8dd;
    background-color: white;
    width: 359px;
    display: block;
}

.calculeer-contact textarea {
    width: 259px !important;    
}

.calculeer-contact td {
    padding: 0px 0px 0px 0px !important;
}

.form #submit {
    border: none;
    background: url(../images/verzenden.jpg) no-repeat;
    width: 69px;
    height: 21px;
}

.investering .left {
    float: left;
    width: 430px;
    padding: 15px 20px 0px 20px;
}

.investering .all-page {
    float: left; 
    padding: 15px 20px 0px 20px;
    background:#f9f7f8;
}

.investering .no-background {
    background:none !important;
    padding:0px !important;
}

.investering .right {
    float: right;
    width: 430px;
    padding: 15px 20px 0px 20px;
}

.investering .content {
    background: none !important;
    margin: 0px 0px 0px 0px !important;
    padding: 18px 0px 0px 0px !important;
    line-height: 22px;
    color: #626262;
}

.investering h2, .producten h2, .doelgroepen h2 {
    color: #43b249;
}

.producten .page {
    float: left;
    width: 430px;
    padding: 15px 20px 0px 20px;
}

.producten .category a.selected {
    background: url(../images/minus.jpg) no-repeat 411px center !important;
}

.producten .content {
    background: none !important;
    margin: 0px 0px 0px 0px !important;
    padding: 18px 0px 0px 0px !important;
    line-height: 22px;
    color: #626262;
}

.doelgroepen .terug {
    color: #43b249;
    float: right;
    line-height: 23px;
    margin: 0px 0px 0px 0px;
}

.doelgroepen .lees {
    color: #43b249;     
}

.producten .products {
    float: right;
    width: 430px;
    padding: 15px 20px 0px 20px;
}

.producten .category {
    border: 1px solid #d8d7d7;
    line-height: 25px;
    background-color: white;
    margin: 4px 0px 0px 0px;
}

.producten .category a {
    color: #516d4c;
    text-decoration: underline;
    display: block;
    line-height: 25px;
    padding: 0px 8px 0px 8px;
    font-weight: bold;
    cursor: pointer;
    background: url(../images/plus.jpg) no-repeat 411px center;
}

.products .collapse {
    padding: 0px 7px 0px 7px;
    background: white;
    border: 1px solid #d6d5d5;
    border-top: none;
}

.products img {
    border: 1px solid #c2c2c2;
    margin: 7px 0px 0px 0px;
    float: left;
}

.products p {
    float: right;
    width: 330px;
    padding: 0px 0px 0px 7px;
}

.products p a {
    color: #626262;
    text-decoration: underline;
    display: block;
    line-height: 22px;
}

.products .subcategory {
    padding: 2px 0px 15px 0px;
}

.products .collapse {
    display: none;
    width: 414px;
}

.show-product {
    width: 700px;
    margin: auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

.show-product .index-image {
    float: left;
    border: 1px solid #C2C2C2;
    margin: 0px 10px 10px 0px;
}

.show-product .description {
    float: left;
    width: 403px;
    color: #626262;
    line-height: 22px;
}

.doelgroepen .page-background {
    background: none;
}

.doelgroepen .page {
    background: #f9f8f8;
    padding: 10px 20px 10px 20px;
}

.doelgroepen .page .description {
    line-height: 22px;
    color: #626262;
    padding: 15px 0px 0px 0px;
}

.doelgroepen .description {
    color: #626262;
    line-height: 22px;
}

.doelgroepen .detail {
    background: url(../images/doelgroepen_detail_background.jpg) repeat-y;
    margin: 12px 0px 0px 0px;
}

.doelgroepen .referenties {
    float: left;
    width: 307px;
    margin: 0px 0px 0px 20px;
    padding: 10px 20px 10px 20px;
}

.doelgroepen .subpage {
    float: left;
    width: 307px;
    margin: 0px 0px 0px 20px;
    padding: 10px 20px 10px 20px;
}

.doelgroepen .detail h2 {
    padding: 10px 0px 0px 0px;
}

.doelgroepen .image {
    float: left;
    width: 225px;
}

.doelgroepen .item {
    float: left;
    width: 135px;
    height: 56px;
    display: block;
    padding: 10px 70px 0px 20px;
    margin: 10px 0px 0px 20px;
    color: #516d4c;
    font-size: 17px;
    line-height: 20px;
    text-decoration: none;
}

.doelgroepen .image .item {
    margin: 0px 0px 0px 0px !important;
}

.doelgroepen .first {
    margin: 10px 0px 0px 0px !important;
}

.doelgroepen .kantoren {
    background: url(../images/kantoren.jpg) no-repeat;
}

.doelgroepen .retail {
    background: url(../images/retail.jpg) no-repeat;
}

.doelgroepen .onderwijs {
    background: url(../images/onderwijs.jpg) no-repeat;
}

.doelgroepen .zorg {
    background: url(../images/zorg.jpg) no-repeat;
}

.doelgroepen .magazijnen {
    background: url(../images/magazijnen.jpg) no-repeat;
}

.doelgroepen .industrie {
    background: url(../images/industrie.jpg) no-repeat;
}

.doelgroepen .horeca {
    background: url(../images/horeca.jpg) no-repeat;
}

.doelgroepen .sport {
    background: url(../images/sport.jpg) no-repeat;
}

.doelgroepen .parkeergarages {
    background: url(../images/parkeergarages.jpg) no-repeat;
}

.doelgroepen .winkelcentra {
    background: url(../images/winkelcentra.jpg) no-repeat;
}

.doelgroepen .automotive {
    background: url(../images/automotive.jpg) no-repeat;
}

.doelgroepen .overheid {
    background: url(../images/overheid.jpg) no-repeat;
}

.doelgroepen .warehouse {
    background: url(../images/warehouse.jpg) no-repeat;
}

.doelgroepen .musea {
    background: url(../images/musea.jpg) no-repeat;
}

.doelgroepen .transport---logistiek {
    background: url(../images/transport---logistiek.jpg) no-repeat;
}

.doelgroepen .trein--en-metrostations {
    background: url(../images/trein.jpg) no-repeat;
}

.content .calculeer {
    background: url(../images/calculeer_0_back.jpg) repeat-y !important;
    color: #626262;
    padding:15px 0px 30px 20px;
}

.block_calculeer_0 select {
    color: #626262;
}

.block_calculeer_0 h2, .block_calculeer_1 h2, .bekijk_verschil h2, .bekijk_grafiek h2 {
    color: #43b249; 
}

.block_calculeer_0 .radio {
    position:relative;
    top:3px;
}

.question {
    position:relative;
    top:1px;
}

.block_calculeer_0 p {
    padding: 15px 0px 0px 0px;
    line-height: 27px;
}

.block_calculeer_0 table {
    margin: 15px 0px 0px 0px;
    width: 100%;
}

.block_calculeer_0 table td {
    line-height: 30px;
}

.block_calculeer_0 .input {
    border:1px solid #e2e8dc;
    background-color: white;
    padding:0px;
    width: 45px;
    height:21px;
}

.block_calculeer_0 #submit {
    background: url(../images/bereken.jpg) no-repeat;
    width:88px;
    height:27px;
    border:none;
    float:right;
    margin: 25px 0px 0px 0px;
}

.block_calculeer_0 {
    width: 360px;
    float:left;
}

.content .results {
    background: url(../images/calculeer_1_back.jpg) repeat-y !important;
    color: #626262;
    padding:15px 0px 30px 20px;
}

.block_calculeer_1 {
    float:right;
    padding:0px 20px 0px 0px;
    width:497px;
}

.block_calculeer_1 p {
    padding: 15px 0px 0px 0px;
    line-height: 27px;
}

.block_calculeer_1 table {
    border-collapse: collapse;
}

.block_calculeer_1 .margin {
    padding: 0px 5px 0px 5px;
}

.block_calculeer_1 table.all-results {
    margin: 15px 0px 0px 0px;
}

.block_calculeer_1 table.all-results td {
    line-height: 27px;
    border-right: 1px solid #d2d0d1;
    border-bottom: 1px solid #d2d0d1;
    padding: 5px 5px 5px 5px;
    text-align: right;
    vertical-align: middle;
}

.block_calculeer_1 .all-results td img {
    float:right;
    margin: 5px 7px 0px 0px;
}

.block_calculeer_1 .all-results td p {
    text-align: right;
    padding: 5px 0px 0px 0px !important;
    float:left;
    width: 95px;
    line-height: 13px;
    font-size: 11px;
}

.last-row {
    border-bottom: none !important;
}

.last-column {
    border-right: none !important;
}

.green {
    color:#45b247;
}

.short-results {
    line-height:22px;
    width: 100%;
    margin:15px 0px 0px 0px;
}

#bekijk_verschil {
    float:right;
    border:none;
    background: url(../images/bekijk_verschil.jpg) no-repeat;
    width: 108px;
    height: 27px;
    margin: 25px 0px 0px 7px;
}

#bekijk_grafiek {
    float:right;
    border:none;
    background: url(../images/bekijk_grafiek.jpg) no-repeat;
    width: 102px;
    height: 27px;
    margin: 25px 0px 0px 7px;
}

#offerte_aanvragen {
    float:right;
    border:none;
    background: url(../images/offerte_aanvragen.jpg) no-repeat;
    width: 140px;
    height: 27px;
    margin: 25px 0px 0px 7px;
}

.content .bekijk_verschil {
    background: none;
    background-color:#f9f7f8;
    padding: 15px 20px 0px 20px;
    color: #626262;
}

.bekijk_verschil table {
    border-collapse:collapse;
    margin: 10px 0px 0px 0px;
}

.bekijk_verschil p {
    padding: 15px 0px 0px 0px;
    line-height: 27px;
}

.bekijk_verschil img.heart {
    margin: 0px 12px 0px 0px;
}

.bekijk_verschil img.money {
    margin: 0px 4px 0px 0px;
}

.bekijk_verschil img.tree {
    margin: 0px 8px 0px 0px;
}

.bekijk_verschil td {
    padding:9px 6px 9px 6px;
    border-right: 1px solid #d2d0d1;
    border-bottom: 1px solid #d2d0d1;
}

.bekijk_verschil td p {
    line-height:25px;
    padding: 0px 0px 0px 0px !important;
}

.bekijk_verschil .last-row {
    text-align: center;
}

.buttons {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}

#opnieuw_invullen {
    float: left;
    margin: 25px 0px 0px 0px; 
}

#uw_verbruik_met_spaarbuis {
    background: url(../images/uw_verbruik_met_led.jpg) no-repeat;
    border: none;
    width: 150px;
    height: 27px;
    float: right;
    margin: 35px 0px 0px 0px;
}



#terug_naar_overzicht {
    background: url(../images/terug_naar_overzicht.jpg) no-repeat;
    width: 146px;
    height: 27px;
    border: none;
    margin: 25px 0px 0px 6px;
}

.content .bekijk_grafiek {
    background: none;
    background-color:#f9f7f8;
    padding: 15px 20px 0px 20px;
    color: #626262;
}

.bekijk_grafiek p {
    padding: 15px 0px 0px 0px;
    line-height: 27px;
}

.bekijk_grafiek .info {
    float:right;
    border-collapse:collapse;
    margin: 45px 30px 0px 0px;
} 

.info td {
    line-height:22px;
    padding:0px 10px 0px 0px;
}

.graphic {
    background :url(../images/graphic.jpg) no-repeat bottom;
    width: 906px;
    height:266px;
    padding: 15px 0px 0px 0px;
    font-size:11px;
}

.graphic .money {
    margin: 1px 11px 0px 8px;
}

.graphic .co2 {
    margin: 1px 12px 0px 9px;
}

.error {
    border:1px solid red !important;
}

.graphic table {
    border-collapse:collapse;
}

.graphic td {
    padding: 5px 0px 5px 0px;
    height:29px;
    vertical-align: top;
    text-align: right;
    line-height:29px;
}

.graphic td img {
    float:right;
    margin:1px 20px 0px 16px;
}

.graphic td p {
    text-align:right;
    line-height: 13px;
    padding: 0px 0px 0px 0px !important;
}

.graphic strong.green {
    padding:0px 10px 0px 0px !important;
    color:#43b249;    
}

.graphic span {
    float:left;
    height:12px;
    font-weight: bold;
    font-size:12px;
    padding: 0px 0px 0px 10px;
    line-height:12px;
    color: #43b249;
}

.graphic .first-row {
    height:22px;
    line-height:22px;
}

.graphic .empty {
    float:left;
    height: 1px;
    margin: 5px 0px 0px 0px;
}

.first-row span {
    color: #626262 !important;
}

.graphic .first-row strong {
    padding: 0px 10px 0px 0px;
}

.graphic .dark-green {
    width: 100%;
    float:left;
    background: url(../images/dark_green_repeat.jpg) repeat-x;
    border:1px solid #d5d4d4;
    height:9px;
    margin:5px 0px 0px 0px;
}

.graphic .light-green {
    float:left;
    background: url(../images/light_green_repeat.jpg) repeat-x;
    border:1px solid #d5d4d4;
    height:9px;
}

.first-column {
    width: 150px;
}

#ToolTipDiv {
    background-color: #FDFCFA;
    border: 1px solid #C7C7C7;
    color: #858585;
    display: none;
    left: 100px;
    line-height: 20px;
    padding: 5px 10px;
    position: absolute;
    top: 100px;
    text-align: left;
    width:380px;
}

footer {
    background: url(../images/content_border.jpg) repeat-x;
    padding: 16px 0px 0px 0px;
    margin: 20px 0px 0px 0px;
}

footer ul {
    float: left;
    padding: 8px 0px 0px 0px;
}

footer li {
    float: left;
    padding: 0px 17px 0px 17px;
    
}

footer a {
    color: #b0b0b0;
    font-size: 11px;
    text-decoration: none;
}

footer img {
    float: right;
}