﻿.title, h1
{
    color: black;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px; /*border-bottom: 2px solid #8cc63f;*/
    margin-bottom: 5px;
}
h1.underlined
{
    border-bottom: 2px solid #8cc63f;
    margin-bottom: 10px;
}

.title, h2
{
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.divErrors
{
    color: Red;
    padding-top: 10px;
}
a
{
    color: #425d1e;
}

.borderLabel
{
    display: inline-block;
    padding: 4px;
}

.detailWindow
{
    position: absolute;
    left: 500px;
    top: 400px;
    height: 189px;
    width: 214px;
    background-color: Transparent;
    border: solid 0px red;
    visibility: hidden;
    background-image: url(Images/popup_bg.png);
    background-repeat: no-repeat;
    z-index: 3000;
    padding: 4px;
    padding-left: 8px;
    font-size: 12px;
}

.detailWindow .popupheader
{
    color: Black;
    font-size: 16px;
    font-weight: bold;
}

.detailWindow .price
{
    color: #8EC641;
    font-size: 24px;
    font-weight: bold;
    display: inline;
}

.maindiv
{
    position: absolute;
    left: 120px;
    top: 0px;
    width: 950px;
    background-color: White;
    border-left: 1px solid green;
    border-right: 1px solid green;
}
.header
{
    background-image: url(Images/top_header.jpg);
    background-repeat: no-repeat;
    width: 950px;
    height: 73px;
    margin: 0 auto;
}
.keywordExample
{
    font-size: 16px;
    padding: 10px;
    border: solid 1px gray;
    background-color: #e2e9d9;
    display: inline-block;
}

.panel_lb
{
    background-image: url(Images/Panel/lb.jpg);
    background-repeat: no-repeat;
    width: 14px;
    line-height: 14px;
}

.panel_b
{
    background-image: url(Images/Panel/b.jpg);
    background-repeat: repeat-x;
    height: 14px;
    line-height: 14px;
}

.panel_rb
{
    line-height: 14px;
    background-image: url(Images/Panel/rb.jpg);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.panel_l
{
    background-image: url(Images/Panel/l.jpg);
    background-repeat: repeat-y;
    width: 14px;
}

.panel_content
{
    vertical-align: top;
}

.panel_r
{
    background-image: url(Images/Panel/r.jpg);
    background-repeat: repeat-y;
    width: 14px;
}

.panel_lo
{
    background-image: url(Images/Panel/lo.jpg);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.panel_o
{
    background-image: url(Images/Panel/o.jpg);
    background-repeat: repeat-x;
    height: 14px;
}

.panel_ro
{
    background-image: url(Images/Panel/ro.jpg);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

td
{
    /*border:0px solid red;*/
}

.CheckUnchecked
{
    background-image: url(images/icons/checkunchecked.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 13px;
}

.CheckChecked
{
    background-image: url(images/icons/checkchecked.gif);
    background-repeat: no-repeat;
    display: inline-block;
    width: 13px;
    height: 13px;
}

/* Round Block */

.roundblock
{
    margin: 4px;
    display: inline;
    float: left;
}
.roundblock li
{
    display: inline;
    float: left;
    padding-right: 15px;
}
.roundblock li a, .roundblock li a:visited
{
    color: white;
    text-decoration: none;
}

.roundblock li a:hover
{
    color: #88C63D;
    text-decoration: underline;
}


.roundblock .left
{
    background-image: url(Images/RoundBlock/left.jpg);
    background-repeat: no-repeat;
    width: 9px;
    line-height: 29px;
}
.roundblock .content
{
    background-image: url(Images/RoundBlock/center.jpg);
    background-repeat: repeat-x;
    line-height: 29px;
    color: White;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Times New Roman;
}
.roundblock .right
{
    background-image: url(Images/RoundBlock/right.jpg);
    background-repeat: no-repeat;
    width: 9px;
    line-height: 29px;
}

/* Panel Block */

.panelblock
{
    margin: 4px;
}

.panelblock_header, .panelblock_close, .panelblock_content
{
    margin: 0px;
    padding: 0px;
}

.panelblock_header .left
{
    background-image: url(Images/PanelBlock/left.jpg);
    background-repeat: no-repeat;
    width: 8px;
    height: 30px;
    line-height: 30px;
}

.panelblock_header .content_title
{
    background-image: url(Images/PanelBlock/center.jpg);
    background-repeat: repeat-x;
    height: 30px;
    line-height: 30px;
    color: White;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Times New Roman;
}

.panelblock_header .right
{
    background-image: url(Images/PanelBlock/right.jpg);
    background-repeat: no-repeat;
    width: 8px;
    height: 30px;
    line-height: 30px;
}

.panelblock_content .border_left
{
    background-image: url(Images/PanelBlock/border_left.jpg);
    background-repeat: repeat-y;
    width: 8px;
}

.panelblock_content .border_right
{
    background-image: url(Images/PanelBlock/border_right.jpg);
    background-repeat: repeat-y;
    width: 8px;
}

.panelblock_content .container_content
{
    padding: 10px;
}


.panelblock_close .left
{
    background-image: url(Images/PanelBlock/border_left_bottom.jpg);
    background-repeat: no-repeat;
    width: 8px;
    height: 30px;
    line-height: 30px;
}

.panelblock_close .content_title
{
    background-image: url(Images/PanelBlock/border_bottom.jpg);
    background-repeat: repeat-x;
    height: 30px;
    line-height: 30px;
}

.panelblock_close .right
{
    background-image: url(Images/PanelBlock/border_right_bottom.jpg);
    background-repeat: no-repeat;
    width: 8px;
    height: 30px;
    line-height: 30px;
}



.GridFrame
{
    border: solid 1px #7e7e7e;
    border-top: 2px solid #8cc63f;
}

.typeSelector .largeImage
{
    position: relative;
    left: 10px;
    top: 1px;
    border: solid 0px green;
    margin: 2px; /*background-image: url(images/itemSelector_largeImage_bg.gif);*/
    background-position: left top;
    background-repeat: no-repeat;
}

.typeSelector .colorSelectContainer
{
    width: 418px;
    height: 280px;
    background-image: url(images/Showroom/ColorSelectBg_Clean.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.typeSelector .colorSelectColorPicker
{
    left: 2px;
    width: 400px;
    background-image: url(images/Showroom/ColorSelectBg_Bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: #7e7e81;
}

.Todo
{
    border: solid 1px red;
    background-color: White;
    color: Red;
    padding: 10px;
    margin-top: 10px;
}

.FilterPanel
{
    background-color: #afc690;
    padding: 5px;
}

.EditPanel
{
    border: solid 1px #7e7e7e;
    margin-right: 15px;
    background-color: #ebf7db;
    padding: 5px;
}

.panel
{
    border: solid 1px #D3D3D3;
    background-color: #ECF1F6;
    padding: 10px;
}

.panel td.caption, .panel .layout td:first-child
{
    vertical-align: top;
    padding-right: 20px;
    color: #535353;
    width: 175px;
    padding-top: 4px;
}
.panel.paged
{
    border-top: 0px;
}

.panel h1
{
    margin: 10px 0px 10px 0px;
}

.panel h1:first-child
{
    margin: 0px 0px 10px 0px;
}

.specialDealPanel
{
    border: solid 1px #99c75c;
    padding: 10px;
    height: 161px;
}

.specialDealPanel .caption
{
    color: #769a47;
    padding-right: 20px;
}

.specialDealPanel .head
{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.coverFlow
{
    border: solid 1px #99c75c;
    margin-right: 20px;
}

.greenBorderPanel
{
    border: solid 1px #99c75c;
    margin-right: 20px;
}

.hintShow
{
    border: solid 1px #6593CF;
    background-color: White;
    padding: 2px;
    display: inline;
    position: absolute;
    z-index: 1;
    margin-top: -3px;
    margin-left: -3px;
    max-width: 300px;
    white-space: normal;
}

.hintHide
{
    display: none;
}

.hintGlyph
{
    color: #6593CF;
    font-weight: bold;
    font-size: 9px;
    margin-left: 3px;
}

.WebConsole
{
    border: solid 1px #8cc63f;
    padding: 10px;
    font-family: Courier New;
    font-size: 14px;
    background-color: White;
}

hr
{
    color: #8cc63f;
}

.energielabel
{
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
}

.energielabelA
{
    background-color: #00a24a;
}

.energielabelB
{
    background-color: #4ab64a;
}

.energielabelC
{
    background-color: #bddb31;
}

.energielabelD
{
    background-color: #ffef00;
}

.energielabelE
{
    background-color: #efb210;
}

.energielabelF
{
    background-color: #ef6521;
}

.energielabelG
{
    background-color: #e71821;
}

.imagePreview
{
    background-image: url(images/image_bg.gif);
    border: solid 1px black;
    vertical-align: middle;
    text-align: center;
}

/* Removed Inline styles */

.footerlink
{
    padding-right: 20px;
    width: 145px;
}

/* Translate begin new style */
.translateWrap:hover .translatePath
{
    display: block;
}

.translateWrap:hover .translatePath:hover
{
    display: none;
}

.translatePath
{
    display: none;
    position: absolute;
    margin-top: -22px;
    background-color: #CC0000;
    font-weight: bold;
    color: White;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 12px;
}

.translatePath.y
{
    background-color: #008000;
}

.translate, .sqltranslate.n
{
    border: dotted 1px red;
    border-radius: 3px;
}

.translate
{
    display: inline-block;
    cursor: pointer;
}

.translate.y, .sqltranslate.y
{
    border: dotted 1px green;
    border-radius: 3px;
}

.translate .translateInfo
{
    display: none;
}

.translate:hover, .sqltranslate.n:hover
{
    border: solid 1px red;
}

.translate.y:hover, .sqltranslate.y:hover
{
    border: solid 1px green;
}

.translate:hover .translateInfo
{
    border: solid 1px orange;
    padding: 2px;
    background-color: White;
    color: Black;
    display: block;
    position: absolute;
    margin-top: -22px;
    margin-left: -2px;
}


/* End new translate style */
.iframePop
{
    padding: 10px;
    background: #e2e9d9;
}

.divPopup
{
    background-color: White;
    border: solid 1px #88C63D;
    padding: 10px;
}

.mini .caption
{
    color: #808080;
    white-space: nowrap;
    width: 80px;
}

.aanbieding
{
    border: solid 1px #88C63D;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px;
    background-image: url(images/aanbieding_bg.png);
    background-position: top;
    min-height: 275px;
}

.modellen
{
    padding-top: 10px;
}

.modellen .model
{
    border: solid 1px #88C63D;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px;
    background-image: url(images/aanbieding_bg.png);
    background-position: top;
}

.modellen .model .btn
{
    background-color: solid 1px #88C63D;
    width: 200px;
    display: block;
    border-radius: 5px;
}

.aanbieding .imgMerk
{
    position: absolute;
}

.aanbieding .title .merkmodel
{
    font-size: 14px;
}

.aanbieding .title .uitvoering
{
    font-size: 11px;
    height: 22px;
}

.aanbieding .btnBestel
{
    display: block;
    padding: 5px;
    border-radius: 5px;
    background-color: #8CC63F;
    color: White;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    height: 27px;
    width: 90px;
    text-decoration: none;
    padding-top: 15px;
    margin-left: 5px;
}

.aanbieding td.info .item
{
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 10px;
    width: 82px;
    padding: 5px;
    white-space: nowrap;
}

.aanbieding td.info .item.korting
{
    background-color: #EF6521;
    border: solid 1px #EF6521;
    color: White;
}

.aanbieding td.info .item.bijtelling
{
    background-color: #7E7E81;
    border: solid 1px #808080;
    color: White;
}

.aanbieding td.info .item.premie
{
    background-color: #D3D3D3;
    color: #7E7E7E;
    border: solid 1px #808080;
}

.aanbieding td.info .item.label
{
    font-size: 9px;
    background-color: #FFFFFF;
    color: #000000;
    border: solid 1px #A9A9A9;
}

.aanbieding td.info .item.label .inner
{
    padding: 2px;
}

.aanbieding.wrap
{
    border: none;
    background-image: none;
    padding: 0px;
    display: inline-block;
    width: 320px;
}

.btnAds
{
    margin-top: 10px;
    background-color: #7E7E81;
    border: solid 1px #7E7E81;
    color: White;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 0px;
    padding-top: 48px;
    padding-bottom: 48px;
    border-radius: 5px;
    display: block;
}

.dim
{
    color: #808080;
}

.sorter
{
    background-color: #D3D3D3;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    margin: 10px 0px 0px 0px;
}

.sorter .btn
{
    display: inline-block;
    padding: 3px 10px 3px 10px;
    background-color: #8EC641;
    border-radius: 3px;
    text-decoration: none;
    color: White;
    text-align: center;
    font-weight: normal;
    margin: 0px 0px 0px 4px;
}

.h1_underlined
{
    border-bottom: #99c75c 2px solid;
    margin-bottom: 10px;
}

.owbIcon
{
    background-color: #8cc63f; 
}

.btn-search
{
    display: block;
    padding: 10px;   
    background-color: #8EC641;
    border-radius: 5px;
    text-decoration: none;
    font-size: 12px;
    color: White;
    text-align: center;
    font-weight: bold;
}
