/*#region Master layout */

/* Nutno kvůli bugu ve Firefoxu, který nezná Arial Narrow */
@font-face 
{ 
    font-family: LocalArialNarrow; 
    src: url("http://funglovky.cz/funglovky/Fonts/Arial Narrow Bold.ttf"), url("../Fonts/Arial Narrow Bold.ttf"); 
}

.autofast
{
    color: #be0808;
}

body
{
    margin: 0;
    font-family: "Arial", Sans-Serif;
    font-size: 10pt;
}

a img
{
    border-width: 0;
}

textarea
{
    white-space: pre-wrap;
}

#main
{    
}

    #header-outline
    {
        height: 101px;
        min-width: 936px;
        background-image: url("../Images/menu-top-bg.jpg");
        background-repeat: no-repeat;
        background-position: center top;
    }

        #header
        {       
            height: 101px;
            width: 936px;
            margin-left: auto;
            margin-right: auto;               
        }

            #logoarea
            {
                display: block;
                position: absolute;            
                float: left;
                
                margin-left: 3px;               
                width: 205px;
                height: 90px;            
            }
        
        #mainmenu
        {          
            float: right;
            margin: 0 0 0 0px;
            padding: 0;
            font-size: 15px;
                        
            height: 101px;                     
        }
                 
            #mainmenu span.outline
            {
                display: inline-block;                
                margin-top: 2px;                                                                                              
            }                                      
                #mainmenu span.outline span
                {
                    display: inline-block; 
                    height: 46px; 
                    padding-top: 55px;   
                    padding-left: 10px;
                    padding-right: 10px;                                                                       
                }
                                       
            #mainmenu > span.outline.active
            {
                background-image: url("../Images/menu-top-item-sep.png");
                background-repeat: no-repeat;
                background-position: right 51px;
            }
            
                #mainmenu > span.outline.active span
                {
                    background-image: url("../Images/menu-top-item_act.png");
                    background-repeat: no-repeat;
                }
            
            #mainmenu span.outline.first
            {
                margin-left: 150px; 
            }
            
                #mainmenu span.outline a
                {
                    color: White;
                    font-size: 11pt;
                    font-weight: bold;                   
                    text-decoration: none;                                                    
                }
    
    #content
    {
        clear: both;      
        position: relative;        
    }

     #content #UpdateProgressHome
     {
        position: absolute;  
        left: 40px;    
        top: 290px;
        width: 100px;
        height: 100px;
        line-height: 100px;
        /*background-color: white;*/
        text-align: center;
     }

        #content #UpdateProgressHome img
        {
            vertical-align: middle;
        }

        #content .AboutTextSeparator
        {
            height: 20px;
        }

#footer-outline
{
    background-image: url("../Images/footer-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    min-width: 936px;
}

    #footer
    {                          
        width: 936px;
        margin-left: auto;
        margin-right: auto;
    }
        #footer-motto
        {
            padding-top: 30px;
            text-align: center;
            
            color: White;
            font-size: 11pt;
            font-weight: bold;                                
        }
        
        #notes
        { 
            /* nahrazuje nutnost použití spec divu s "clear: both", see http://www.quirksmode.org/css/clearing.html */
            overflow: auto;	        	        
	        margin-top: 36px;	        
        }

            #notes .note
            {
                float: left; 
                width: 30%;
                height: 62px;
                border-right: solid 1px LightGray;
                margin: 24px 0 24px 0;
                padding: 5px 10px 5px 10px;
                text-align: center;
                color: #4b4b4b;
                font-size: 10pt;
            }
            
            #notes .note:last-child
            {              
                border-right: none;               
            }
            
            #notes .note a
            {
                color: #be0808;
                font-weight: bold;
            }
            
            #notes .note a.mailto
            {
                font-weight: normal;   
            }
        
        #footer-copy
        {                      
            padding-top: 10px;           
            text-align: center;           
                       
            color: #757575;
            font-size: 9pt;
            
            background-image: url("../Images/footer-line.jpg");
            background-repeat: no-repeat;
        }
        
            #footer-copy a
            {
                color: #be0808;
      
            }

        #footer-tipcars
        {          
            margin-bottom: 50px;
            text-align: center;            
            line-height: 50px;   
            color: #757575; 
            font-size: 9pt;        
        }

        #footer-tipcars *
        {
            vertical-align: middle;
        }

    .clearfix:after /* Firefox, IE8, Opera, Safari, etc.*/
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    * + html .clearfix { /* IE7 */
        display: inline-block;
    }
 
    * html .clearfix { /* IE6 */
	    height: 1%;
    }

    .center-wrapper {
        position:relative;    
    }    
        .center-wrapper .center-object
        {        
             margin:auto;     
             position:absolute; 
             top:0; bottom:0; 
             left:0; right: 0;
         
             max-height: 100%;
             max-width: 100%;                     
        }

 /*#endregion*/     
 
 /*#region left fixed hand*/

#left-hand
{
    position: absolute;
    top: 120px;
    left: 0px;
    width: 140px;
    height: 140px;
    z-index: 100;

    background-image: url("../Images/left-hand.png");        
    background-repeat: no-repeat;    
    background-position: right top;   
}

 /*#endregion*/
                   
/*#region Finances bottom*/

.fin-outline
{
    background-image: url("../Images/finance-bg.jpg");        
    background-repeat: no-repeat;
    background-position: center top;
    height: 232px;
    min-width: 936px;
    margin-top: 40px;	
    overflow: auto;
}

.fin
{
    /* nahrazuje nutnost použití spec divu s "clear: both", see http://www.quirksmode.org/css/clearing.html */
    clear: both;    
	width: 100%;	
    margin-left: auto;
    margin-right: auto;
    width: 936px;
}      

    .fin .box
    {
        float: left;
        display: inline;
        width: 452px; 
        height: 135px;
        overflow: visible;
        margin-top: 35px;       
        border: solid 1px #d7d7d7;
        border-radius: 8px;
    }   
        .fin .box .label
        {                
            padding: 10px;
            color: White;
            font-size: 10pt;
            font-weight: bold;
            background-color: #262626;
            border-radius: 8px 8px 0 0;
        }                             
        
    .fin .box1
    {        
        margin-left: 0px;
    } 
    
    .fin .box1 .finslider_wrapper_left
    { 
        width: 424px;
        height: 6px;
        margin-top: 20px;  
        margin-left: auto;     
        margin-right: auto;
        
        background-image: url("../Images/slider-left.png");
        background-repeat: no-repeat;
        background-position: left;
    }
    
        .fin .box1 .finslider_wrapper_right
        {
            width: 100%;
            height: 100%;
            
            background-image: url("../Images/slider-right.png");
            background-repeat: no-repeat;
            background-position: right;
        }
            
            .fin .box1 #finslider_wrapper
            {        
                width: 412px;
                height: 6px;   
                margin-left: auto;     
                margin-right: auto;                    
              
                background-image: url("../Images/slider-inner.png");
                background-repeat: repeat-x;
            }
    
                .fin .box1 #finslider
                {           
                    margin-left: auto;            
                    margin-right: auto;
                    width: 350px; 
                    height: 6px;           
                    border-width: 0;           
                    background-color: transparent;   
                    background-image: none;                  
                }   
    
                    .fin .box1 #finslider .ui-slider-handle
                    {
                        width: 67px;
                        height: 17px;
                        border-width: 0;
                        margin-top: 0px;                       
                        margin-left: -33px; 
                        cursor: pointer;           
                        background-color: transparent;  
                        background-image: url("../Images/slider-button.png");                          
                    }                           
    
    .fin .box1 .finslider-steps
    {
        margin: 0px 15px 0 15px;      
    }  
    
        .fin .box1 .finslider-steps .step
        {
            display: inline-block;            
            width: 70px;
            height: 45px;  
            padding-top: 20px;  
            margin-right: 43px;       
            font-size: small;   
            text-align: center;
            vertical-align: bottom;
            color: #4b4b4b;         
            
            background-image: url("../Images/slider-mark.png");
            background-position: center top;
            background-repeat: no-repeat;
        }                     
        
        .fin .box1 .finslider-steps .step.step4
        {           
            margin-right: -3px;          
        }    
            
    
    .fin .box2
    {    
        margin-left: 26px;  
    }  
    
        .fin .box2 .car
        {
            float: left; 
            width: 105px;
            height: 25px; 
            line-height: 25px;
            margin-left: 5px;
            margin-top: 9px;            
            cursor: pointer;
            text-align: center;                      
        }
        
         .fin .box2 .car:hover
         {
            background-image: url("../Images/compare-bg_act.png");          
            background-repeat: no-repeat;
         }

        .fin .box2 .text
        {
           clear: left;
           font-size: 18px;
           font-weight: bold;
           color: #908b8b;
           line-height: 45px;           
           text-align: center;                    
        }
    
            .fin .box2 .car .carlabel
            {                
                font-size: 9pt;
                font-weight: bold;            
                color: #4b4b4b;
                text-decoration: underline;                
            } 
            
    .fin .buttons
    {
         float: left; 
         clear: left;
         width: 100%;
         height: 33px;
         margin-top: -15px;        
    }
            
    .fin .button
    {              
        float: left; 
        display: inline;              
        width: 128px;  
        height: 24px; 
        margin-top: 0px;
        padding-top: 10px;         
        text-align: center;
        cursor: pointer;              
            
        color: White;
        font-size: 9pt;
        font-weight: bold;
        background-image: url("../Images/finance-button.png");
        background-repeat: no-repeat;                     
    } 
    
    .fin .button.confirm
    {
        margin-left: 155px;
        text-decoration: none;    
    }
    
    .fin .button.compare
    {
        display: block;
        margin-left: 360px;
        text-decoration: none;    
    }
/*#endregion*/
       
/*#region Calculator Control in Finances*/

.finances
{
    padding: 20px;
}   

    .finances .calculator
    {
        width: 85%;
    }  
    
    .finances .calculator .FinCalculator
    {
        border-width: 0px;
    } 

/*#endregion*/
    
/*#region Search Entry Control*/

.search-outline
{
    background-image: url("../Images/search-bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    height: 312px;    
    min-width: 936px;
}

    .search-outline #left-hand-search
    {                           
        height: 159px;      
        width: 147px;
        left: -157px;    
        position: absolute;                   
        background-image: url("../Images/left-hand.png");        
        background-repeat: no-repeat;    
        background-position: center 19px;      
        display: none;
    }

.search
{           
    position: relative;
    width: 936px;
    margin-left: auto;
    margin-right: auto;
    height: 312px;
}   

    .search .sel-box
    {
        float: left;
        display: inline;    /* IE6 double margin workaround*/
        margin-left: 16px;
        margin-top: 10px;
        height: 223px;
        border: solid 1px LightGray;
        padding: 0px;
        color: #3b3b3b;
        background-color: White;
        border-radius: 8px;
        border: 1px #b0b0b0 solid;
 
    }           
        
        .search .sel-box .header
        {         
            width: 100%;
            height: 35px;
            color: White;
            font-size: 10pt;
            background-color: #262626;
            border-radius: 8px 8px 0 0;
            vertical-align: middle;
        }
        
            .search .sel-box .header .step
            {
                display: inline-block;                       
                height: 25px;
                padding: 10px 10px 0 10px;
                color: White;
                background-color: #cd0505;
                font-weight: bold;
                border-radius: 8px 0 0 0;
            }
            
            .search .sel-box .header .text
            {
                display: inline-block;
                padding-left: 10px;
                height: 25px;
                border-radius: 0px 8px 0 0;
            }

    .search .sel-box.sel-car
    {             
        width: 230px;  
        margin-left: 0;             
    }
                 
        .search .sel-car .dropdown
        {
            margin-top: 20px;
            margin-left: 20px;
            display: block;
            width: 190px;
            padding: 5px;
        }
   
    
    .search .sel-fin
    {      
        width: 325px; 
        font-size: 10pt;      
    }
    
        .search .sel-fin .rblist
        {
            margin-left: 16px;
            margin-top: 20px;
            margin-bottom: 20px;
            display: block;
        }
        
            .search .sel-fin .rblist label
            {
                padding-right: 10px;
                color: Black;
                font-weight: bold;
            }
        
        .search .sel-fin .row
        {
            margin: 5px 0 10px 0;
            vertical-align: middle;
        }            
            
            .search .sel-fin .row #LabelAmountFrom,
            .search .sel-fin .row #LabelAmountTo
            {
                margin-left: 20px;
                display: inline-block;
                width: 65px;
            }
            
        
            .search .sel-fin .row .dropdown
            {              
                margin-left: 10px;  
                width: 215px;
                padding: 5px;                
            }
            
        .search .sel-fin .note
        {
            text-align: right;
            margin-top: 30px;
            padding-right: 20px;
            color: #878787;
        }
    
    .search .sel-bstyle
    {      
        width: 335px;             
    }
    
        .search .sel-bstyle .groups
        {               
        }
        
            .search .sel-bstyle .groups .group
            { 
                float: left;
                display: inline;    
                width: 93px;
                height: 79px;
                margin: 10px 0 0 14px;               
                cursor: pointer;
            }
            
                .search .sel-bstyle .groups .caricon
                {    
                     float: left;
                    width: 100%;
                    height: 100%;                          
                    background-position: center 10px;
                    background-repeat: no-repeat;              
                }
            
            .search .sel-bstyle .groups .group.selected
            { 
                background-image: url("../Images/search-body_sel.png"); 
                background-repeat: no-repeat;                            
            }
            
                #BodyHatch .caricon { background-image: url("../Images/search-body-small.png"); }            
                #BodyHatch .caricon:hover { background-image: url("../Images/search-body-small_act.png"); }
                #BodySUVMPV .caricon { background-image: url("../Images/search-body-suvmpv.png"); }            
                #BodySUVMPV .caricon:hover { background-image: url("../Images/search-body-suvmpv_act.png"); }
                #BodyCabrio .caricon { background-image: url("../Images/search-body-cabrio.png"); }            
                #BodyCabrio .caricon:hover { background-image: url("../Images/search-body-cabrio_act.png"); }
                #BodySerious .caricon { background-image: url("../Images/search-body-serious.png"); }            
                #BodySerious .caricon:hover { background-image: url("../Images/search-body-serious_act.png"); }
                #BodyCombi .caricon { background-image: url("../Images/search-body-combi.png"); }            
                #BodyCombi .caricon:hover { background-image: url("../Images/search-body-combi_act.png"); }
                #BodyOther .caricon { background-image: url("../Images/search-body-other.png"); }            
                #BodyOther .caricon:hover { background-image: url("../Images/search-body-other_act.png"); }
                                                                  
            
                .search .sel-bstyle .groups .group .label
                { 
                    width: 75;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 56px;
                    font-size: small;
                    text-align: center;                    
                    text-decoration: underline;
                }
    
    .search .sel-links-area
    {
        clear: left;
    }
        
        .search .sel-links-area .dialog
        {
            display: none;
        }
        
        .search .sel-links
        {     
            display: inline-block;                                             
            margin-top: 20px;                           
        }
    
            .search .sel-links span
            {
                display: inline-block;
                vertical-align: middle;
                text-decoration: underline;
                cursor: Pointer;
                margin-right: 10px;
                padding-left: 27px;
                font-size: 10pt;
                font-weight: bold;
                text-decoration: none;
                
                background-image: url("../Images/search-other-arrow.png");
                background-repeat: no-repeat;
            }                                                
            
           .search .sel-links span:hover
            {
                background-image: url("../Images/search-other-arrow_act.png");  
                text-decoration: underline; 
            } 
            
            .search .sel-links span.checkboxes
            {
                background-image: none;
                padding-left: 0px;
                cursor: inherit;
            }
            
            .search .sel-links span.searchbutton
            {
                background-image: none;
                margin-left: 10px;              
                cursor: inherit;
            }
            
            .search .sel-links span.checkboxes:hover
            {
                text-decoration: none;
            }
            
            .search .sel-links span a
            {
                text-decoration: none; 
                color: black;
            }  
            
                              
            
            .search .sel-links span a:visited
            {
               color: Black;                            
            }
 
/*#endregion*/

/*#region Galleriffic Control*/

.image-gallery
{
    background-color: black;   
    width: 982px;  
}

    .image-gallery .title
    {
        /*background-color: #262626;*/
        height: 45px;
        overflow: hidden;
    }

    .image-gallery .title .title-text
    {
        float: left;
        padding-left: 10px;
        height: 45px;        
        line-height: 45px;  
        vertical-align: middle;
        color: white;
        font-size: 15pt;
        font-weight: bold;
        margin: 10px 0 0 10px;
    }

    .image-gallery .title .close
    {
        float: right;
        background-image: url("../Images/search-ajax-close.png");
        width: 25px;
        height: 25px;
        margin: 10px;
        cursor: pointer;
    }


    /* Hlavní kontejner, kam Galleriffic přesouvá obsah galerie */
    .image-gallery div.galleriffic-container {
	    /* display: none; */	   
    }

        /* Kontejner, kam Galleriffic přesouvá element třídy "caption" */
        .image-gallery .galleriffic-container .caption {	
        }

        /* Kontejner pro slideshow" */
        .image-gallery .galleriffic-container .slideshow-container {	
        }

            /* Kontejner pro slideshow" */
            .image-gallery .galleriffic-container .slideshow-container .loading {	
                position: absolute;
	            top: 0;	
	            background-image: url('http://funglovky.cz/Css/loader.gif');
	            background-repeat: no-repeat;
	            background-position: center;	
	            height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */
            }

            /* Kontejner pro strukturu obrázků */
            .image-gallery .galleriffic-container .slideshow-container .slideshow {   
                position: relative;             
                height: 550px;                 
            }

                /* Obalovací prvek renderovaný jQuery */
                .image-gallery .galleriffic-container .slideshow-container .slideshow span.image-wrapper {	
                    position: absolute;
                    display: block; 
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;             
                    overflow: hidden;
                }

                     /* Obalovací prvek renderovaný jQuery */
                    .image-gallery .galleriffic-container .slideshow-container .slideshow span.image-wrapper a.advance-link {                                                                  
                        display: block;
                        height: 100%;
                        width: 100%;
                        line-height: 550px;    /* same as slideshow container*/
                        text-decoration: none;  
                        text-align: center;                              
                    }
                        /* Vlastní obrázek */
                        .image-gallery .galleriffic-container .slideshow-container .slideshow span.image-wrapper a.advance-link img {                         
                            vertical-align: middle;                                              
                       }
             

            /* Kontejner ovládací prvky galerie */
            .image-gallery .galleriffic-container .caption {
                text-align: center;
                vertical-align: top;
                color: white;
                margin-top: 5px;
                height: 20px;                       	          
            }

    .image-gallery .navigation-thumbs
    {
        text-align: center;      
    }

        .image-gallery .navigation-thumbs ul.thumbs
        {
            padding: 0;            
        }

    .image-gallery .navigation-thumbs ul.thumbs li
    {        
        display: inline-block;        
        
        *display: inline; /* IE6/7 hack */
        zoom: 1;
    
    }        

        .image-gallery .navigation-thumbs ul.thumbs li a.thumb
        {             
            display: block;                 
            height: 85px;                
            line-height: 85px;    /* same as slideshow container*/
            text-decoration: none;  
            text-align: center;                                                
            margin: 0 5px;                    
        }

            .image-gallery .navigation-thumbs ul.thumbs li a.thumb::after
            {
                /* Nutno vložit obsah, aby se aplikovalo vertical-align pro vnořené prvky (img) */
                display: inline-block;
                width: 0px;
                content: ".";                                  
                visibility: hidden;                     
            }

            .image-gallery .navigation-thumbs ul.thumbs li a.thumb:focus
            {
                outline: none; 
            }     

            .image-gallery .navigation-thumbs ul.thumbs li a.thumb img
            {                
                vertical-align: middle;
                border: solid 4px Black;
            }

            .image-gallery .navigation-thumbs ul.thumbs li.selected a.thumb img
            {                
                border: solid 4px White;
            }

    .image-gallery div.pagination
    {                     
        height: 50px;    
        line-height: 50px;   
    }

        .image-gallery div.pagination a, 
        .image-gallery div.pagination span.current, 
        .image-gallery div.pagination span.ellipsis {
	        display: inline;    
	        margin-right: 2px;
	        padding: 4px 7px 2px 7px;	            
            font-weight: bold;
            font-size: 10pt;
            color: White;
            text-decoration: none;
            border: 2px solid black;
            vertical-align: middle;
        }

        .image-gallery div.pagination a:hover {	       	       
            border: 2px solid #E5E5E5;
        }

        .image-gallery div.pagination span.current {
	        font-weight: bold;
	        background-color: #CD0505;
            border-color: #A30000;
	        color: White;
        }

        .image-gallery div.pagination span.ellipsis {
	        border: none;
	        padding: 5px 0 3px 2px;
        }

/*#endregion*/
              
/*#region AJAX dialog*/   

.ui-dialog
{
    border: solid 1px black;
}

    .ui-dialog .ui-dialog-content
    {
        padding: 1em;
    }
      
    .ui-dialog .ui-widget-header
    {
        background-image: none;
        background-color: #262626;
        color: White;
        font-size: 1.2em;
    }

        .ui-dialog .ui-dialog-titlebar
        {
            border-width: 0;
            margin: -3px -3px 0 -3px; 
            padding: 0.7em;  
            border-radius: 0px 0px 0 0; 
        }            
    
            .ui-dialog .ui-dialog-titlebar-close
            {
               margin: -14px 0 0;
               right: 0.7em;
               width: 25px;
               height: 25px;             
            }
        
                .ui-dialog .ui-dialog-titlebar-close.ui-state-hover               
                {
                    border-color: #262626;
                    background-image: none;
                    background-color: inherit;
                    border-width: 0;
                }  
                
                .ui-dialog .ui-dialog-titlebar-close:hover
                {
                    padding: 1px;
                }                                           

    .ui-dialog .ui-icon-closethick
    {
        background-image: url("../Images/search-ajax-close.png");
        background-position: 0 0;
        width: 25px;
        height: 25px;        
    }
    
    .ui-dialog .ui-dialog-buttonpane
    {
        margin: 0.5em 10px 0 10px;
        padding: 0.3em 0 0.5em 0;
        border-color: #d0d0d0;
    }
    
    .ui-dialog .ui-dialog-buttonpane button 
    {
        margin-right: 0;
    }
    
    .ui-dialog .ui-button
    {
        background-image: url("../Images/search-ajax-button.png");
        background-position: 0 0;
        width: 128px;
        height: 33px;
        color: #FFFFFF;
        border-width: 0;
        font-family: "Arial",Sans-Serif;
        font-size: 9pt;
        font-weight: bold;        
    }

/*#endregion*/    

/*#region AJAX dialog - Select Color*/ 

#DialogColor table.checkboxlist
{
    width: 450px;    
}

#DialogColor .checkboxlist td
{
    padding-left: 20px;
    height: 27px;
}

#DialogColor .checkboxlist td:first-child
{
    border-right: solid 1px #d3d3d3;
}

#DialogColor .checkboxlist .text
{
    display: inline-block;
    width: 80px;
    font-size: 9pt;
}

#DialogColor .checkboxlist .color
{
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 70px;
}

#DialogColor .checkboxlist .color.border
{
    border: 1px solid #434242;
}

/*#endregion*/

/*#region AJAX dialog - Select Equipment*/ 

#DialogEqp table.checkboxlist
{  
    font-size: 9pt; 
}

#DialogEqp .checkboxlist td
{
    padding-left: 20px;
    height: 27px;
    width: 280px;
}

#DialogEqp .checkboxlist td:first-child
{
    border-right: solid 1px #d3d3d3;
}

/*#endregion*/

/*#region Page Home (Cars)*/ 
      
/*#region Suppliers list*/

.cars
{
    width: 936px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .cars #UpdateProgress
    {
        position: absolute;
        top: 10px;
        left: -50px;
    }

.cars .suppliers
{
    background-image: url("../Images/supplier-select.png");
    background-position: 140px top;
    background-repeat: no-repeat;
}  
    
    .cars .suppliers .list
    {
        padding-top: 50px;
        /* nahrazuje nutnost použití spec divu s "clear: both", see http://www.quirksmode.org/css/clearing.html */
        overflow: hidden;     
	    width: 936px;
    }

        .cars .suppliers .list h1
        {
            font-size: inherit;
            font-weight: normal;
            color: #989797;
        }
    
        .cars .suppliers .list a.supp
        {
            float: left;
            margin: 10px 0 0 25px;
            width: 92px;
            height: 86px;          
            cursor: pointer;  
            border-width: 0;         
        }
        
        .cars .suppliers .list .supp:hover
        {
            background-image: url("../Images/supplier-bg_act.png");        
            background-repeat: no-repeat;   
        }
        
            .cars .suppliers .list a.supp img
            {  
                width: 100%;
                height: 100%; 
                border-width: 0;                          
            }
/*#endregion*/   

/*#region Search Result */              

.cars .searchres
{   
}

    .cars .searchres .topfilters
    {
         font-size: 10pt; 
         margin: 5px 0 5px 0;      
    }

        .cars .searchres .topfilters .carsnum
        {
            float: left;
            display: inline;      /* IE6 double margin workaround */         
            margin-top: 10px;            
            
            height: 31px;
            line-height: 31px;
            vertical-align: middle;         
            
            color: #3b3b3b;           
            font-weight: bold;
        }
        
        .cars .searchres .topfilters .filters
        {                      
            margin-left: 152px;           
            width: 770px;          
            padding-bottom: 10px;         
        }
    
            .cars .searchres .topfilters .filters .filter
            {                  
                /* display: inline-block; */
                float: left;
                height: 31px;         
                
                margin-left: 7px;
                margin-top: 10px;     
            }       
            
                .cars .searchres .topfilters .filters .filter .left-bg
                {                       
                    float: left;
                    width: 5px;
                    height: 31px;                  
                    
                    background-image: url("../Images/filter-button-left.png");
                    background-repeat: no-repeat;
                }         
                .cars .searchres .topfilters .filters .filter .text
                {                       
                    float: left;
                    height: 31px;
                    line-height: 31px;
                    padding-left: 5px;                  
                    padding-right: 5px;
                    
                    background-image: url("../Images/filter-button-bg.png");
                    background-repeat: repeat-x;
                }
            
                .cars .searchres .topfilters .filters .filter .close
                {       
                    float: left;
                    width: 28px;
                    height: 31px;
                    
                    background-image: url("../Images/filter-button-right.png");
                    background-repeat: no-repeat;
                    
                    cursor: pointer;
                }
                
        .cars .searchres .res-container
        {            
            clear: left;            
            position: relative;
            top: 10px;          
            width: 940px;           
            
            /* nahrazuje nutnost použití spec divu s "clear: both", see http://www.quirksmode.org/css/clearing.html */
            overflow: auto;	         
            
            background-image: url("../Images/result-top-bg2.png");
            background-position: center top;
            background-repeat: no-repeat;
        }
        
            .cars .searchres .res-container .leftcol
            {
                float: left;                
            }
                .cars .searchres .res-container .leftcol .filter
                {
                    margin-top: 30px;
                }
                
                .cars .searchres .res-container .leftcol .filter .filter-header
                {
                    width: 232px;
                    height: 37px;                                       
                    
                    background-repeat: no-repeat;
                }
                    .cars .searchres .res-container .leftcol .filter .filter-header .label
                    {                        
                        display: inline-block;
                        padding-top: 10px;
                        padding-left: 15px;
                        
                        font-weight: bold;
                    }
                    
                    .cars .searchres .res-container .leftcol .filter.fuel .filter-header
                    {
                        background-image: url("../Images/filter-left-fuel-header.png");                                  
                    }
                    
                    .cars .searchres .res-container .leftcol .filter.body .filter-header
                    {
                        background-image: url("../Images/filter-left-body-header.png");                                  
                    }                                         
                    
                    .cars .searchres .res-container .leftcol .filter.equip .filter-header
                    {
                        background-image: url("../Images/filter-left-equip-header.png");                                  
                    }
                    
                    .cars .searchres .res-container .leftcol .filter.color .filter-header
                    {
                        background-image: url("../Images/filter-left-color-header.png");                                  
                    }
                
                .cars .searchres .res-container .leftcol .filter .filter-content
                {
                    width: 232px;
                    height: 121px;
                    overflow: auto;
                    
                    background-color: #f6f6f6;
                    border-left: 1px solid #dcdcdc;
                    border-right: 1px solid #dcdcdc;
                    border-bottom: 1px solid #dcdcdc; 
                    border-radius: 0 0 4px 4px;                  
                }
                
                .cars .searchres .res-container .leftcol .filter.body .filter-content
                {
                    height: 175px;
                }                                                                                                
                
                    .cars .searchres .res-container .leftcol .filter .filter-content .checkboxlist
                    {
                        margin: 0;
                        padding: 0 10px 10px 10px;
                        
                        list-style-type: none;
                    } 
                    
                        .cars .searchres .res-container .leftcol .filter .filter-content .checkboxlist li
                        {
                            padding-top: 8px;                                                         
                        }   
                        
                            .cars .searchres .res-container .leftcol .filter .filter-content .checkboxlist li .text
                            {
                                display: inline-block;
                                
                                width: 80px;
                            }
                        
                            .cars .searchres .res-container .leftcol .filter .filter-content .checkboxlist li .color
                            {
                                display: inline-block;
                                width: 70px;
                                height: 15px;
                                border-radius: 3px;
                                vertical-align: middle;   
                            } 
                            
                            .cars .searchres .res-container .leftcol .filter .filter-content .checkboxlist li .color.border
                            {
                                border: 1px solid #434242;   
                            }                                                         
            
            .cars .searchres .res-container .rightcol
            {
                float: left;
                width: 705px;                                                                   
            }
            
                .cars .searchres .res-container .rightcol .modelboxes
                {
                    overflow: auto;
                    padding-left: 7px;                    
                }
                
                    .cars .searchres .res-container .rightcol .modelbox
                    {
                        float: left;
                        margin-top: 30px;
                        margin-left: 14px;
                        width: 158px;
                        /* height: 197px; */
                        vertical-align: top;
                        cursor: pointer;
                        background-color: white;
                    
                        border: 1px solid #dedede;
                        border-radius: 7px;                    
                        text-decoration: none;
                        color: black;
                    }

                    .cars .searchres .res-container .rightcol .modelbox:hover
                    {
                        background-color: #eaeaea;
                    }
                                                        
                
                        .cars .searchres .res-container .rightcol .modelbox .title
                        {                     
                            padding: 6px 10px 0 10px;
                            height: 60px;
                        
                            font-size: 11pt;
                            font-weight: bold;                           
                            color: #414141;
                        }
                        
                        .cars .searchres .res-container .rightcol .modelbox .title .car
                        {
                            text-decoration: underline;
                        }
                        
                        .cars .searchres .res-container .rightcol .modelbox .title .bodystyle
                        {
                            text-decoration: none;
                            padding-top: 5px;
                            font-size: 10pt;
                            font-weight: normal;
                            color: #797979;
                        }                                             
                    
                        .cars .searchres .res-container .rightcol .modelbox .logo
                        {                                         
                            margin-left: auto;
                            margin-right: auto;  
                            text-align: center;                      
                           
                            width: 145px;
                            height: 80px; 
                            line-height: 80px;                                                                    
                        }
                                                   
                            .cars .searchres .res-container .rightcol .modelbox .logo img
                            {                                                                               
                                vertical-align: middle;                              
                            }
                    
                        .cars .searchres .res-container .rightcol .modelbox .store
                        {
                            height: 25px;
                            padding-left: 15px;                         
                            padding-right: 15px;
                        }
                    
                            .cars .searchres .res-container .rightcol .modelbox .store .instore
                            {                 
                                color: #838383;                        
                                line-height: 25px;       
                            }
                    
                            .cars .searchres .res-container .rightcol .modelbox .store .num
                            {
                                float: right;
                                height: 25px;
                                line-height: 25px;
                        
                                color: #599b27;
                                font-weight: bold;
                            }
                    
                        .cars .searchres .res-container .rightcol .modelbox .price
                        {
                            font-size: 9pt;
                            padding-left: 15px;
                            padding-right: 15px;
                            height: 39px;
                            line-height: 39px;
                            text-align: center;
                            background-color: #eaeaea;
                            white-space: nowrap;     
                            overflow: hidden;                       
                        
                            border-radius: 0 0 7px 7px;
                        }
                    
                            .cars .searchres .res-container .rightcol .modelbox .price .price-from
                            {
                                font-weight: bold;
                            }
                    
                        /* šipka pro zobrazení další stránky */    
                       .cars .searchres .res-container .rightcol .modelbox .next
                        {
                            width: 160px;
                            height: 210px;
                            background-image: url("../Images/result-next.png");                        
                            background-repeat: no-repeat;
                            background-position: center center;
                        }
                    
                    /* pager (stránkovač) */
                    .cars .searchres .res-container .rightcol .pager
                    {
                        clear: left;
                        float: right;
                        margin-top: 25px;                                             
                        
                        font-size: 8pt;                       
                    } 
                    
                        .cars .searchres .res-container .rightcol .pager a
                        {
                            text-decoration: none;
                            color: black;                            
                        }
                    
                    .cars .searchres .res-container .rightcol .bookmarks .pager
                    {                        
                        margin-right: 15px;
                        margin-bottom: 15px;                     
                    }  
                    
                        .cars .searchres .res-container .rightcol .pager .pagebutton
                        {
                            display: inline-block;
                            height: 23px;
                            line-height: 23px;
                            padding-left: 7px;
                            padding-right: 7px;
                            
                            background-color: #f1f1f1;
                            border: 1px solid #e5e5e5;
                            
                            cursor: pointer;                            
                        }
                        
                        .cars .searchres .res-container .rightcol .pager .separator
                        {
                            display: inline-block;
                            height: 23px;
                            line-height: 23px;
                            padding-left: 5px;
                            padding-right: 5px;                                                                     
                        }
                        
                        .cars .searchres .res-container .rightcol .pager .pagebutton.page
                        {
                            font-weight: bold;
                        }
                        
                        .cars .searchres .res-container .rightcol .pager .pagebutton.page.current
                        {
                            color: White;
                            border-color: #a30000;
                            background-color: #cd0505;
                        }
                        
                        .cars .searchres .res-container .rightcol .pager .pagebutton.inactive
                        {                                                    
                            color: #b0b0b0;
                        }
                        
                .cars .searchres .res-container .rightcol .bookmarks
                {                                                           
                    margin-top: 30px;
                    margin-left: 21px;                                        
                    
                    z-index: 100;                                        
                }
                
                    .cars .searchres .res-container .rightcol .bookmarks .tab
                    {    
                        position: relative;
                        z-index: 2;
                                           
                        display: inline-block;
                        margin-left: 6px;
                        width: 136px;
                        height: 63px;
                        padding: 5px 10px 0 10px;
                        vertical-align: top;                        
                        
                        border: solid 1px #ced6d6;                        
                        border-radius: 10px 10px 0 0;
                                                                       
                        background-image: url("../Images/result-box-bg.png");
                        
                        cursor: pointer; 
                        text-decoration: none;                                                                                                 
                    }  
                    
                    .cars .searchres .res-container .rightcol .bookmarks .tab.first
                    {                       
                        margin-left: 10px;                    
                    }
                    
                    .cars .searchres .res-container .rightcol .bookmarks .tab.active
                    {   
                        border-bottom: solid 1px White;  
                        background-color: White;
                        background-image: none;
                        text-decoration: none;                 
                    }  
                        .cars .searchres .res-container .rightcol .bookmarks .tab .title
                        {
                            color: #414141;
                            font-size: 11pt;
                            font-weight: bold;
                            text-decoration: underline;    
                        }
                        
                        .cars .searchres .res-container .rightcol .bookmarks .tab.active .title
                        {
                            color: #414141;
                            font-size: 11pt;
                            font-weight: bold;
                            text-decoration: none;    
                        }
                    
                        .cars .searchres .res-container .rightcol .bookmarks .tab .body
                        {
                            padding-top: 5px;
                            font-size: 10pt;
                            text-decoration: none;
                            color: #868686;
                        }
                    
                    .cars .searchres .res-container .rightcol .bookmarks .content
                    {       
                        position: relative;
                        z-index: 1;                                    
                        margin-top: -1px; 
                        width: 680px;
                        border: solid 1px #ced6d6;
                        border-radius: 5px;
                        
                        overflow: auto;  /* nahrazuje nutnost použití spec divu s "clear: both", see http://www.quirksmode.org/css/clearing.html */                                                                                                                                                         
                    }                                             
                    
                        .cars .searchres .res-container .rightcol .bookmarks .content .logo
                        {
                            width: 145px;
                            height: 80px;
                            line-height: 80px;
                            text-align: center;
                            margin-left: 15px;
                            margin-top: 15px;
                            cursor: pointer;                                                        
                        }
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .logo img
                            {
                                vertical-align: middle;                              
                            }
                    
                        .cars .searchres .res-container .rightcol .bookmarks .content .modelinfo
                        {
                            float: right;                             
                            margin: 15px;                                                      
                        }
                            .cars .searchres .res-container .rightcol .bookmarks .content .modelinfo tr td
                            {
                                text-align: right;
                            }
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .modelinfo tr.instock
                            {
                                color: #6b9c3e;
                                font-size: 13pt;
                                font-weight: bold;
                                height: 30px;
                                vertical-align: top;                                                             
                            }
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .modelinfo tr.inproduction
                            {
                                color: #a4a6a7;
                                font-size: 9pt; 
                                font-weight: bold;                           
                            }

                            .cars .searchres .res-container .rightcol .bookmarks .content .modelinfo tr.prezentation
                            {
                                color: #5c8fb3;
                                font-size: 9pt;    
                                font-weight: bold;                        
                            }
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .modelinfo tr.price
                            {
                                font-size: 13pt;
                                font-weight: bold;                                                            
                            }
                          
                        /* Tabulka výsledků v záložce */                   
                        .cars .searchres .res-container .rightcol .bookmarks .content .cars
                        { 
                            margin-left: auto;
                            margin-right: auto;
                            margin-top: 15px;
                            padding-bottom: 15px;
                            width: 640px;
                            text-align: left;                                                                                 
                        }  
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars td
                            {                                
                                vertical-align: top;
                            }   
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars th
                            {
                                text-align: left;
                            }                                           
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars th a
                            {
                                color: #c90303;
                                font-weight: normal;
                                background-repeat: no-repeat;
                                background-position: right center;
                                padding-right: 15px;                          
                            } 
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars th a.morephotos
                            {
                                background-image: url("../Images/result-sort-plus.png");
                                background-repeat: no-repeat;
                                background-position: right center;
                                padding-right: 20px;
                            }                                                                           
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars th a.sorteddesc
                            {
                                background-image: url("../Images/result-sort-down.png");                               
                            }
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars th a.sortedasc
                            {
                                background-image: url("../Images/result-sort-up.png");                               
                            }
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars tr.header-separator td
                            {
                                height: 12px;       /* výška obrázku */
                                
                                background-image: url("../Images/result-sort-sep.png");
                                background-repeat: no-repeat;
                                background-position: center 10px;                                
                            }
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td
                            {
                                padding-top: 10px;                            
                            }                                                   
                                                  
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td.colname
                            {        
                                width: 180px;                    
                                color: #060606;
                                font-weight: bold;
                                text-decoration: none;
                                padding-left: 10px;
                            }
                            
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row .colname a.title
                            {
                                display: inline-block;
                                width: 110px;
                                color: black;
                                text-decoration: inherit;
                                white-space: normal;
                            }

                                .cars .searchres .res-container .rightcol .bookmarks .content .cars .row .colname a.title:hover
                                {
                                    text-decoration: underline;
                                }
                                                    
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td.colcreated
                            {              
                                width: 90px;                                        
                                font-stretch: condensed;                           
                            }

                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row .colfuel
                            {
                                width: 90px;
                            }
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row .colpayment
                            {
                                width: 80px;
                            }
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td.colprice
                            {                                                      
                                font-weight: bold;                            
                            }

                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td.colavailable
                            {              
                                width: 90px;                                        
                                font-weight: bold;                            
                            }

                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td.colavailable.SKL
                            {              
                                color: #599b27;
                            }

                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td.colavailable.VYR
                            {              
                                color: #a0a0a0;
                            }

                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .row td.colavailable.PRE
                            {              
                                color: #5c8fb3;
                            }                           
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .rowalt td
                            {
                                padding-top: 5px;
                                padding-bottom: 15px;
                                border-bottom: dotted 1px #000000;
                            }
                            
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .rowalt:last-child td
                            {
                                padding-top: 5px;
                                padding-bottom: 15px;
                                border-bottom-width: 0;
                            }
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .rowalt .color
                            {                
                                margin-left: 10px;              
                                width: 70px;
                                height: 15px;
                                border-radius: 3px;
                                vertical-align: middle;    
                            }
                        
                            .cars .searchres .res-container .rightcol .bookmarks .content .cars .rowalt .note
                            {
                                color: #818283;
                                padding-right: 10px;
                            }

                                .cars .searchres .res-container .rightcol .bookmarks .content .cars .rowalt .note .car-link-container
                                {
                                    text-align: right;
                                }

.cars .page-about-text
{
    color: #989797;
}
                       

/*#endregion*/

/*#endregion*/

/* #region Page Car Detail */

.car-detail
{
    margin-left: auto;
    margin-right: auto;
    width: 936px;
}

    .car-detail h1
    {
        color: #cd0505;
        font-size: 23px;
        font-family: Arial Narrow, LocalArialNarrow, Arial;
    }

    .car-detail .car-sections
    {
        background-repeat: no-repeat;
        background-image: url("../Images/result-top-bg.png");
        padding-top: 30px;
        padding-left: 10px;
        margin-left: -10px;
        overflow: hidden;
    }

        .car-detail .car-sections .left-sections
        {
            float: left;
            width: 600px;            
        }

        .car-detail .car-sections .right-sections
        {                       
            float: right;                     
        }

    .car-detail .car-content
    {                     
    }

        .car-detail .car-content .car-tab-header
        {
            height: 35px;
            width: 620px;
            background-image: url("../Images/car-detail-header.png");
            background-repeat: no-repeat;
        }

            .car-detail .car-content .car-tab-header .car-id
            {
                float: right;
                font-size: 90%;
                color: #676767;
                margin-top: 5px;
                padding-left: 20px;
                margin-right: 20px;
                background-image: url("../Images/list-item-flag.png");
                background-repeat: no-repeat;
                background-position: left center;
            }

        .car-detail .car-content .car-tab
        {
            border: solid 1px #d2d2d2;
            border-radius: 0px 0px 4px 4px;
            border-top-width: 0px;
            width: 577px;
            padding: 5px 20px 20px 20px;            
        }

            .car-detail .car-content .car-tab .logo-content
            {
                margin-top: -35px;
                left: 10px;
                width: 240px;
            }

                .car-detail .car-content .car-tab .logo-content .logo-image
                {                    
                    width: 260px;
                    height: 152px;
                    line-height: 152px;
                    text-align: center;
                }

                    .car-detail .car-content .car-tab .logo-content .logo-image img
                    {                                   
                        vertical-align: middle;     
                        cursor: pointer;
                    }

                .car-detail .car-content .car-tab .logo-content .logo-footer
                {
                    margin-top: 5px;
                }

                    .car-detail .car-content .car-tab .logo-content .logo-footer .logo-footer-left
                    {
                        display: inline-block;
                        color: #676767;
                    }

                    .car-detail .car-content .car-tab .logo-content .logo-footer .logo-footer-right
                    {
                        display: inline-block;
                        float: right;
                        padding-left: 9px;
                        background-image: url("../Images/list-item-arrow.png");
                        background-repeat: no-repeat;
                        background-position: left center;
                        text-decoration: underline;
                        cursor: pointer;
                    }

            .car-detail .car-content .car-tab table.car-base-info
            {
                float: right;
                font-size: 115%;
                width: 304px;
                table-layout: fixed;
                margin-left: 10px;
                border-collapse: collapse;
            }

                .car-detail .car-content .car-tab table.car-base-info td
                {
                    padding: 1px 0 1px 0px;
                }

                .car-detail .car-content .car-tab table.car-base-info tr.price td
                {
                    border-bottom: dotted black 1px;
                    padding: 8px 0 8px 0;
                }

                .car-detail .car-content .car-tab table.car-base-info tr.price .left-col
                {
                    font-weight: bold;
                }

                .car-detail .car-content .car-tab table.car-base-info tr.price .right-col
                {
                    color: #cd0505;
                }

                .car-detail .car-content .car-tab table.car-base-info tr.ident-top td
                {
                    padding-top: 10px;
                }

                .car-detail .car-content .car-tab table.car-base-info .left-col
                {
                    width: 150px;
                }

                .car-detail .car-content .car-tab table.car-base-info .right-col
                {
                    font-weight: bold;
                    text-align: right;
                }

                    .car-detail .car-content .car-tab table.car-base-info .right-col .ad-text
                    {
                        font-weight: normal;
                    }                

            .car-detail .car-content .car-tab .car-equip
            {
                margin-top: 15px;
                font-size: 12px;
            }

                .car-detail .car-content .car-tab .car-equip .car-equip-title
                {
                    padding: 5px 0 5px 0;
                    font-weight: bold;
                }

                .car-detail .car-content .car-tab .car-equip #ShowMore a
                {
                    color: #cd0505;
                }

             .car-detail .car-content .car-tab .car-about
            {
                margin-top: 15px;
                font-size: 12px;
            }

                .car-detail .car-content .car-tab .car-about h3.car-about-title
                {
                    padding: 5px 0 5px 0;
                    font-weight: bold;
                }              

    .car-detail .FinCalculator
    {
        overflow: auto;
        margin-top: 20px;
        width: 100%;      
    }

        .car-detail .FinCalculator .LabelMain
        {
            display: block;
            color: #cd0505;
            font-weight: bold;
            font-size: 120%;
            padding: 10px 0;
            padding-left: 35px;
            border-top: dotted 1px black;
            border-bottom: dotted 1px black;
            background-image: url("../Images/calculator-icon.png");
            background-repeat: no-repeat;
            background-position: left center;
        }

        .car-detail .FinCalculator .PanelLeft
        {
            float: left;    
            width: 285px;           
        }

            .car-detail .FinCalculator .PanelLeft .LabelAdvancePay
            {
                display:block;
                padding-top: 20px;
                padding-bottom: 10px;
                color: #676767;
            }

            .car-detail .FinCalculator .PanelLeft .SliderSteps .Step1
            {
                margin-left: 26px;             
            }

            .car-detail .FinCalculator .PanelLeft .SliderSteps .Step
            {                
                margin-right: 21px;
            }

            .car-detail .FinCalculator .PanelLeft .DetailsTable
            {
                display: none;
            }

        .car-detail .FinCalculator .PanelRight
        {                
            float: right;                                
            width: 290px;                     
        }

            .car-detail .FinCalculator .PanelRight .LabelMonths
            {
                display:block;
                margin-left: 10px;
                padding-top: 20px;
                padding-bottom: 10px;
                color: #676767;
            }

            .car-detail .FinCalculator .PanelRight .LabelSliderMin
            {
                margin-left: 10px;
            }
        
            .car-detail .FinCalculator .PanelRight .SliderSteps .Step1
            {
                margin-left: 37px;                
            }

            .car-detail .FinCalculator .PanelRight .SliderSteps .Step
            {
                margin-right: 35px;
            }

            .car-detail .FinCalculator .PanelRight .DetailsTable
            {
                position: relative;
                left: -290px; 
                margin-top: 20px;
                padding-top: 10px;              
            }

                .car-detail .FinCalculator .PanelRight .DetailsTable td.Left
                {                  
                    width: 120px;
                }

                .car-detail .FinCalculator .PanelRight .DetailsTable td.Right
                {
                    font-weight: bold;                  
                }

                .car-detail .FinCalculator .PanelRight .DetailsTable tr.CarPrice td.Right
                {
                    color: #cd0505;
                    font-weight: bold;
                }

        .car-detail .FinCalculator .LabelSliderMin,
        .car-detail .FinCalculator .LabelSliderMax
        {
            display: inline-block;
            font-weight: bold;
            text-align: center;
            vertical-align: middle;        
        }

            .car-detail .FinCalculator .LabelSliderMin .unit,
            .car-detail .FinCalculator .LabelSliderMax .unit
            {
                font-weight: normal;
            }

        .car-detail .FinCalculator .LabelSliderMin
        {
            margin-right: 20px;            
        }

        .car-detail .FinCalculator .LabelSliderMax
        {
            margin-left: 20px;
        }

        .car-detail .FinCalculator .SliderWrapperLeft
        {
            background-image: url("../Images/slider-left.png");
            background-position: left 10px;
            background-repeat: no-repeat;
            display: inline-block;
            height: 20px;
            padding-top: 10px;
            vertical-align: middle;
            width: 170px;
        }

        .car-detail .FinCalculator .SliderWrapperRight
        {
            background-image: url("../Images/slider-right.png");
            background-position: right top;
            background-repeat: no-repeat;
            display: block;
            height: 6px;
            width: 100%;
        }

        .car-detail .FinCalculator #SliderWrapperAdvancePay
        {
            display: block;
            height: 6px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .car-detail .FinCalculator .ui-slider
        {
            background-image: url("../Images/slider-inner.png");
            background-repeat: repeat-x;
            border-radius: 0 0 0 0;
            border-width: 0;
            display: block;
            height: 6px;
            text-align: center;
        }        

            .car-detail .FinCalculator #SliderWrapperAdvancePay .ui-slider-handle .value
            {
                display: none;
            }                

        .car-detail .FinCalculator #SliderWrapperMonths
        {
            display: block;
            height: 6px;
            margin-left: 5px;
            margin-right: 5px;
        }

            .car-detail .FinCalculator .ui-slider
            {
                height: 6px;
                border-width: 0;
                background-image: url("../Images/slider-inner.png");
                background-repeat: repeat-x;
            }                            

                 .car-detail .FinCalculator #SliderWrapperMonths .ui-slider-handle .value
                 {
                    display: none;
                 }

        .car-detail .FinCalculator .ui-slider-handle
        {
            width: 43px;
            height: 17px;
            border-width: 0;
            margin-top: 0px;
            margin-left: -21.5px;
            cursor: pointer;
            background-color: transparent;
            background-image: url("../Images/slider-button-short.png");
            background-position: left center;
        }

        .car-detail .FinCalculator .SliderSteps
        {
            height: 15px;
        }
   
            .car-detail .FinCalculator .SliderSteps .Step
            {
                background-image: url("../Images/slider-mark.png");
                background-position: left top;
                background-repeat: no-repeat;
                color: #4B4B4B;
                float: left;
                font-size: small;
                height: 15px;
                text-align: center;
                vertical-align: top;
                width: 5px;
            }          

        .car-detail .FinCalculator .MonthPaymentSummary
        {            
            margin-top: 20px;
            padding-top: 10px;
            position: relative;
            left: 285px;           
        }

        .car-detail .FinCalculator .MonthPaymentSummary .Label
        {
            background-color: #262626;
            color: white;
        }

            .car-detail .FinCalculator .MonthPaymentSummary .Label,
            .car-detail .FinCalculator .MonthPaymentSummary .Value
            {                 
                 color: white;
                 padding: 5px 10px;
                 font-weight: bold;
            }

            .car-detail .FinCalculator .MonthPaymentSummary .RateBlock
            {
                float: right;
            }

            .car-detail .FinCalculator .MonthPaymentSummary .PaymentBlock
            {             
                float: right;
                clear: right;
                height: 32px;
                padding-bottom: 5px;
                background-image: url("../Images/car-price-shadow.png"); 
                background-repeat: no-repeat;
                background-position: center bottom;                          
                white-space: nowrap;
            }

            .car-detail .FinCalculator .MonthPaymentSummary .InfoBlock
            {
                float: right;
                margin-top: -5px;
                font-size: 12px;
                text-align: center;
                color: #676767;
            }

            .car-detail .FinCalculator .MonthPaymentSummary .PaymentBlock .Label
            {
                display: inline-block;                      
                background-color: #262626;                
                border-radius: 4px 0 0 4px;
                clear: both;
            }

            .car-detail .FinCalculator .MonthPaymentSummary .PaymentBlock .Value
            {
                display: inline-block;                
                background-color: #cd0505;   
                border-radius: 0 4px 4px 0;            
            }


            .car-detail .FinCalculator .MonthPaymentSummary .LabelRate,
            .car-detail .FinCalculator .MonthPaymentSummary .ValueRate
            {
                font-size: 90%;
                padding-bottom: 5px;
            }            

            .car-detail .FinCalculator .MonthPaymentSummary .ValueRate
            {             
                padding-left: 5px;
            }

        .car-detail .FinCalculator .DetailsTable
        {
            margin-top: 30px;
        }

        .car-detail .FinCalculator .SliderBlock
        {
            display: block;
            vertical-align: middle;         
        }

    .car-detail .car-fincalc-border
    {
        clear: left;
        float: left;
        position: relative;
        top: -75px;
        border-top: 1px black dotted;        
    }

    .car-detail .call-back
    {            
        font-family: Arial Narrow, LocalArialNarrow, Arial;
        font-weight: bold;
        font-size: 18px;
        color: #aa0000;
        background-image: url("../Images/callback-bg.png");
        background-repeat: no-repeat;
        height: 65px;
        line-height: 65px;
        margin-top: 15px;     
        width: 626px;
        vertical-align: middle;
        text-align: center;        
        margin-left: -7px;
    }

    .car-detail .car-dealer-detail-header
    {      
        font-family: Arial Narrow, LocalArialNarrow, Arial;
        font-weight: bold;
        font-size: 17px;
        color: #676767;
        margin-top: 15px;
        width: 621px;       
        height: 35px;         
        line-height: 35px;
        vertical-align: middle;
        padding-left: 40px;      
        background-image: url("../Images/car-detail-dealer-header.png");   
        background-repeat: no-repeat;         
    }

    .car-detail .car-dealer-detail-content
    {            
        width: 577px;
        padding: 20px;      
        border: solid 1px #d2d2d2;
        border-top-width: 0px;   
        border-radius: 0px 0px 4px 4px;
        background-image: url("../Images/car-dealer-box-down-bg.png"); 
        background-repeat: repeat-x;
        background-position: left bottom;
        overflow: auto;            
    }

        .car-detail .car-dealer-detail-content.short
        {
            background-image: url("../Images/car-dealer-box-down-bg2.png");
        }

        .car-detail .car-dealer-detail-content .contact-info
        {
            float: left;
            width: 210px;
            overflow: visible;
            /*white-space: nowrap;*/
        }

            .car-detail .car-dealer-detail-content .contact-info .contact-info-dealer-name
            {
                font-weight: bold;
            }

            .car-detail .car-dealer-detail-content .contact-info .contact-info-contacts
            {
                margin-top: 15px;
            }

                .car-detail .car-dealer-detail-content .contact-info .contact-info-contacts .contact-info-contact
                {
                    margin-bottom: 10px;
                }
                .car-detail .car-dealer-detail-content .contact-info .contact-info-contacts .contact-info-contact .contact-info-contact-type
                {
                    display: block;
                }
                .car-detail .car-dealer-detail-content .contact-info .contact-info-contacts .contact-info-contact .contact-info-contact-value
                {                   
                    display: block;
                    font-weight: bold;
                }

            .car-detail .car-dealer-detail-content .contact-info .contact-info-email
            {
                margin-top: 15px;
            }

                .car-detail .car-dealer-detail-content .contact-info .contact-info-email a,
                .car-detail .car-dealer-detail-content .contact-info .contact-info-web a
                {
                    color: #cd0505;
                }
                  

        .car-detail .car-dealer-detail-content .dealer-logo
        {
            float: left;
            margin-left: 15px;
            width: 120px;
            height: 150px;           
            text-align: center;
        }           

        .car-detail .car-dealer-detail-content table.dealer-openning-hours
        {
            table-layout: fixed;          
            float: right;
            width: 190px;                      
        }
            .car-detail .car-dealer-detail-content table.dealer-openning-hours caption
            {
                text-align: left;
                font-weight: bold;
                padding-bottom: 5px;
            }

            .car-detail .car-dealer-detail-content table.dealer-openning-hours td
            {
                vertical-align: top;
                padding: 2px 0;
            }

            .car-detail .car-dealer-detail-content .dealer-openning-hours tr th
            {
                text-align: left;
            }          

            .car-detail .car-dealer-detail-content .dealer-openning-hours td.day-name
            {                                                                                          
            }

        .car-detail .car-dealer-detail-content .bottom-divs
        {
            clear: both;
            padding-top: 15px;
        }

            .car-detail .car-dealer-detail-content .bottom-divs .dealer-map-container
            {
                float: left;
                width: 290px;  
                height: 178px;                  
                border-right: dotted 1px black;
            }

                .car-detail .car-dealer-detail-content .bottom-divs .dealer-map-container .inner
                {
                    width: 270px;
                    border-top: dotted 1px black;    
                }

                .car-detail .car-dealer-detail-content .bottom-divs .dealer-map-container .inner .dealer-map
                {
                    margin-top: 20px;
                    height: 156px;                   
                }

            .car-detail .car-dealer-detail-content .bottom-divs .dealer-photos
            {
                float: left;
                margin-left: 20px;
                width: 260px;               
                border-top: dotted 1px black;
            }

                .car-detail .car-dealer-detail-content .bottom-divs .dealer-photos > .thumb
                {
                    float: left;
                    position: relative;
                    width: 112px;
                    height: 74px;
                    margin-top: 15px;                     
                    margin-right: 15px;
                    cursor: pointer;
                    background-color: white;
                }

                    .car-detail .car-dealer-detail-content .bottom-divs .dealer-photos > .thumb img
                    {   
                        position: absolute;                                            
                        height: 64px;
                        width: 102px;
                        top: 5px;
                        left: 5px;
                    }

                    /*.car-detail .car-dealer-detail-content .bottom-divs .dealer-photos .thumb .decor
                    {
                        position: absolute;
                        border: 5px solid White;
                        height: 64px;
                        width: 102px;
                    }*/

                    .car-detail .car-dealer-detail-content .bottom-divs .dealer-photos .thumb .plus-corner
                    {
                        position: absolute;
                        display: inline-block;
                        font-weight: bold;
                        width: 10px;
                        height: 10px;
                        line-height: 10px;
                        vertical-align: bottom;
                        text-align: right;
                        color: red;
                        background-color: White;
                        bottom: 5px;
                        right: 5px;                            
                    }

    .car-detail .car-dealer-quick-header
    {
        font-family: Arial Narrow, LocalArialNarrow, Arial;
        font-weight: bold;
        font-size: 17px;
        color: #676767;
        height: 34px;
        line-height: 34px;
        vertical-align: middle;
        padding-left: 40px;
        background-image: url("../Images/car-dealer-header.png");
        background-repeat: no-repeat;
    }

    .car-detail .car-dealer-quick
    {     
        border: solid 1px #d2d2d2;
        border-top: none;
        border-radius: 0px 0px 4px 4px;      
        width: 258px;
        padding: 20px;
        overflow: hidden;
    }

    .car-detail .car-dealer-quick .contact-info
    {
        float: left;
        width: 135px;
    }
        .car-detail .car-dealer-quick .contact-info .contact-info-dealer-name
        {
            font-weight: bold;
        }

        .car-detail .car-dealer-quick .contact-info .contact-info-link
        {            
            font-size: 110%;
            text-decoration: underline;
            color: #cd0505;
            line-height: 30px;
            vertical-align: bottom;
            padding-left: 10px;
            background-image: url("../Images/list-item-arrow2.png");
            background-repeat: no-repeat;
            background-position: left center;
        }
                  
        .car-detail .car-dealer-quick .dealer-logo
        {
            float: left;
            margin-left: 15px;
            width: 105px;
            height: 85px; 
            text-align: right;         
        }
            

    .car-detail .banner
    {       
        margin-top: 20px;         
        /*background-color: #d1d3d4;
        font-family: Arial Narrow, LocalArialNarrow, Arial;
        font-weight: bold;
        font-size: 19px;      
        color: #676767;*/                     
    }

        .car-detail .banner.banner-square
        {
            width: 300px;          
            height: 300px;    
        }

        .car-detail .banner.banner-medium
        {
            width: 300px;
            height: 250px; 
            visibility: hidden;   
        }

        .car-detail .banner.banner-ergo
        {
            width: 300px;
            height: 60px;    
            visibility: hidden;   
        }

/* #endregion */

/*#region Page Finances*/

#finances
{        
    margin-left: auto;
    margin-right: auto;    
    width:936px;
}

#finances #sect-header
{
    padding-top: 10px;
    color: #cd0505;
    font-size: 23px;
    font-family: Arial Narrow, LocalArialNarrow, Arial;
}

#finances #sect-calculator
{
    /*position: relative;
    display: inline;*/
    background-image: url("../Images/result-top-bg.png");
    background-repeat: no-repeat; 
    overflow: hidden;
}

    #finances #sect-calculator .FinCalculator
    {
        float: left;
        width: 610px;
        height: 245px;      
        overflow: visible;
    }  

    #finances #sect-payments
    {     
        clear: left;                 

        background-image: url("../Images/horizontal-line.png");
        background-repeat: no-repeat;                    
    }
        #finances #sect-payments #payments-table-container
        {
            margin-right: -200px;
            width: 810px;         
            float: left; 
            display: inline;     /* hack for "double margin/padding" bug in IE6 */
        }

            #finances #sect-payments #payments-table-container h2
            {
                padding-top: 10px;
                color: #cd0505;
                font-size: 15px;
            }

            #finances #sect-payments #payments-table-container img
            {
                display: block;
            }

            #finances #sect-payments #payments-table-container .payments-table-container-under
            {
                color: #646363;
                line-height: 30px;
            }

        #finances #sect-payments #payments-tips
        {         
            padding-left: 20px;
            float: left;         
            width: 300px;           
            margin-top: -300px;
            padding-top: 300px;
            _position: relative;  /* hack for "invisibility with negative margin" bug in IE6 */    
            display: inline;     /* hack for "double margin/padding" bug in IE6 */       

            background-image: url("../Images/vertical-line.png");
            background-repeat: no-repeat;
            background-position: left center;
        }

            #finances #sect-payments #payments-tips h2
            {
                padding-top: 10px;
                color: #cd0505;
                font-size: 15px;                           
            }

            #finances #sect-payments #payments-tips ul
            {
                list-style-image: url('../Images/list-item-arrow.png');  
                padding-left: 15px;             
                margin-left: 0px;       /* for IE*/                        
            }

                #finances #sect-payments #payments-tips ul li
                {
                    margin-bottom: 10px;
                }

    #finances #sect-docs
    {                          
        background-image: url("../Images/horizontal-line.png");
        background-repeat: no-repeat;            
    }
        #finances #sect-docs h2
        {        
            padding-top: 10px;                  
            color: #676767;
            font-size: 18px;          
            font-family: Arial Narrow, LocalArialNarrow, Arial;
            margin: 10px 0;
        }

        #finances #sect-docs ul
        {
            list-style-image: url('../Images/icon-pdf.png');  
            padding-left: 25px; 
            margin-left: 0px;       /* for IE*/
            margin-top: 0px;
        }
            #finances #sect-docs ul li
            {
                margin-bottom: 7px;
            }

            #finances #sect-docs ul li a
            {
                color: #cd0505;
            }

            #finances #sect-docs ul li .sect-docs-doinfo
            {
                color: #959595;
                padding-left: 5px;
            }

    #finances .FinCalculator
    {
        overflow: auto;
        margin-top: 20px;
        width: 100%;      
    }

        #finances .FinCalculator .LabelMain
        {
            display: none;           
        }

        #finances .FinCalculator .DropDownCars
        {
            display: block; 
            width: 290px;                
        }

        #finances .FinCalculator .PanelLeft
        {
            position: relative;
            float: left;  
            font-size: 10px;          
            width: 275px; 
            height: 110px;
            border: 1px solid #dcdcdc;
            border-radius: 5px;
            margin-top: 50px;
            padding: 5px 5px 5px 10px;
        }

            #finances .FinCalculator .PanelLeft .LabelAdvancePay
            {
                font-size: 13px;
                display: block;
                _position: relative;  /* hack for "invisibility with negative margin" bug in IE6 */    
                margin-top: -40px;  
                margin-left: -10px;                           
                margin-bottom: 30px;
                color: #676767;
            }

            #finances .FinCalculator .PanelLeft .SliderSteps .Step1
            {
                margin-left: 23px;             
            }

            #finances .FinCalculator .PanelLeft .SliderSteps .Step
            {                
                margin-right: 22px;
            }

            #finances .FinCalculator .PanelLeft .DetailsTable
            {   
                position: absolute;         /* absolute position from #sect-calculator */                              
                left: 635px;   
                top: -45px;
                width: 250px;
                display: inline;
                height: 1px;   
                font-size: 12px;    
            }

                #finances .FinCalculator .PanelLeft .DetailsTable td
                {
                    padding: 2px 0;

                }

                #finances .FinCalculator .PanelLeft .DetailsTable tr th
                {
                    padding-bottom: 20px;
                }

                #finances .FinCalculator .PanelLeft .DetailsTable tfoot td
                {
                    padding-top: 10px;
                    border-top: solid 2px #d1d1d1;
                    font-size: 110%;
                    font-weight: bold;
                }

                    #finances .FinCalculator .PanelLeft .DetailsTable tfoot td.Left
                    {
                        color: #cd0505;
                    }

        #finances .FinCalculator .PanelRight
        {          
            position: relative;
            font-size: 10px;      
            float: right;                                
            width: 275px;
            height: 110px;
            margin-top: 50px; 
            margin-right: 15px;
            display: inline;
            border: 1px solid #dcdcdc;
            border-radius: 5px;
            padding: 5px;                   
        }

            #finances .FinCalculator .PanelRight .LabelMonths
            {
                display: block;
                _position: relative;  /* hack for "invisibility with negative margin" bug in IE6 */    
                margin-top: -40px;                             
                margin-bottom: 30px;
                color: #676767;
                font-size: 13px;
            }

            #finances .FinCalculator .PanelRight .SliderBlock
            {                            
            }

            #finances .FinCalculator .PanelRight .LabelSliderMin
            {
                margin-left: 10px;
            }
        
            #finances .FinCalculator .PanelRight .SliderSteps .Step1
            {
                margin-left: 40px;
            }

            #finances .FinCalculator .PanelRight .SliderSteps .Step
            {
                margin-right: 34px;
            }

            #finances .FinCalculator .PanelRight .DetailsTable
            {                           
            }

                #finances .FinCalculator .PanelRight .DetailsTable td.Left
                {                  
                    width: 80px;
                }

                #finances .FinCalculator .PanelRight .DetailsTable td.Right
                {                                  
                }

                #finances .FinCalculator .PanelRight .DetailsTable tr.CarPrice td.Right
                {                 
                }

                #finances .FinCalculator .PanelRight .DetailsTable tr.MonthsNum td.Right
                {
                    font-size: 11px;                                        
                    color: #cd0505;     
                    font-weight: bold; 
                }

                    #finances .FinCalculator .PanelRight .DetailsTable tr.MonthsNum td.Right span
                    {
                        padding-right: 5px;
                    }       

        #finances .FinCalculator .LabelSliderMin,
        #finances .FinCalculator .LabelSliderMax
        {   
            display: inline-block;          
            vertical-align: middle;                           
            font-weight: bold;
            text-align: center;                                                               
        }

            #finances .FinCalculator .LabelSliderMin .unit,
            #finances .FinCalculator .LabelSliderMax .unit
            {
                font-weight: normal;
            }

        #finances .FinCalculator .LabelSliderMin
        {
            margin-right: 20px;            
        }

        #finances .FinCalculator .LabelSliderMax
        {
            margin-left: 20px;
        }

        #finances .FinCalculator .SliderWrapperLeft
        {
            display: inline-block;
            height: 20px;
            vertical-align: middle;
            width: 170px;  
            padding-top: 10px;            
            background-image: url("../Images/slider-left.png");
            background-repeat: no-repeat;
            background-position: left 10px;                     
        }

        #finances .FinCalculator .SliderWrapperRight
        {
            display: block;
            height: 6px;
            width: 100%;          
            background-image: url("../Images/slider-right.png");
            background-repeat: no-repeat;
            background-position: top right;         
        }

        #finances .FinCalculator #SliderWrapperAdvancePay
        {
            display: block;          
            margin-left: 5px;
            margin-right: 5px;
            height: 6px;
        }

            #finances .FinCalculator #SliderWrapperAdvancePay .ui-slider
            {
                display: block;
                height: 6px;
                border-width: 0;
                background-image: url("../Images/slider-inner.png");
                background-repeat: repeat-x;
                border-radius: 0;
                text-align: center;
            }

            #finances .FinCalculator #SliderWrapperAdvancePay a
            {
                text-decoration: none;
            }       

            #finances .FinCalculator #SliderWrapperAdvancePay .ui-slider-handle .value
            {
               color: white;
               font-weight: bold; 
               line-height: 15px;
               vertical-align: middle;                             
            }                

        #finances .FinCalculator #SliderWrapperMonths
        {
            display: block;          
            margin-left: 5px;
            margin-right: 5px;
            height: 6px;        
        }

            #finances .FinCalculator #SliderWrapperMonths .ui-slider
            {
                display: block;
                height: 6px;
                border-width: 0;
                background-image: url("../Images/slider-inner.png");
                background-repeat: repeat-x;
                border-radius: 0;                
            }

            #finances .FinCalculator #SliderWrapperMonths a.ui-slider-handle
            {
                text-decoration: none;
                text-align: center;
            }
                 #finances .FinCalculator #SliderWrapperMonths .ui-slider-handle .value
                 {
                    line-height: 15px;
                    vertical-align: middle;
                    color: white;
                    font-weight: bold; 
                 }

        #finances .FinCalculator .ui-slider-handle
        {
            width: 67px;
            height: 17px;
            border-width: 0;
            margin-top: -2px;
            margin-left: -35px;
            cursor: pointer;
            background-color: transparent;
            background-image: url("../Images/slider-button.png");
            background-position: left center;
        }

        #finances .FinCalculator .SliderSteps
        {                     
            height: 15px;
        }
   
        #finances .FinCalculator .SliderSteps .Step
        {
            float: left;
            width: 5px;
            height: 15px;                          
            vertical-align: top;           
            font-size: small;
            text-align: center;         
            color: #4b4b4b;
            background-image: url("../Images/slider-mark.png");
            background-position: left top;
            background-repeat: no-repeat;
        }

        #finances .FinCalculator .MonthPaymentSummary
        {                      
            padding-top: 28px;
            position: relative;            
        }      

            #finances .FinCalculator .MonthPaymentSummary .Label,
            #finances .FinCalculator .MonthPaymentSummary .Value
            {                                                       
            }

            #finances .FinCalculator .MonthPaymentSummary .PaymentBlock
            {                                           
                padding-bottom: 20px;                
            }

            #finances .FinCalculator .MonthPaymentSummary .Label
            {
                float: left;                
                border-radius: 4px 0 0 4px;
                clear: both;
            }

            #finances .FinCalculator .MonthPaymentSummary .Value
            {
                float: left; 
                font-size: 11px;                                        
                color: #cd0505;
                font-weight: bold; 
                padding-left: 5px;  
            }

            #finances .FinCalculator .MonthPaymentSummary .RateBlock
            {
                display: none;
            }

            #finances .FinCalculator .MonthPaymentSummary .InfoBlock
            {
                display: none;
            }

                #finances .FinCalculator .MonthPaymentSummary .RateBlock .LabelRate,
                #finances .FinCalculator .MonthPaymentSummary .RateBlock .ValueRate
                {
                    font-size: 90%;
                    padding-bottom: 5px;
                }

                #finances .FinCalculator .MonthPaymentSummary .RateBlock .LabelRate
                {                    
                }

                #finances .FinCalculator .MonthPaymentSummary .RateBlock .ValueRate
                {                             
                }

        #finances .FinCalculator .DetailsTable
        {
            margin-top: 10px;
        }

        #finances .FinCalculator .SliderBlock
        {
            display: block;        
            vertical-align: middle;                                                      
        }

/*#endregion*/
    
/*#region Page About Us*/

.about
{    
    margin-left: auto;
    margin-right: auto;    
    width:936px;
}
    .about h1
    {        
        margin-top: 0px;
        padding-top: 25px;
        color: #cd0505;
        font-size: 23px;
        font-family: Arial Narrow, LocalArialNarrow, Arial;
    }    

    .about #txt-cols
    {
        background-image: url("../Images/result-top-bg.png");
        background-repeat: no-repeat;       
    }

        .about #txt-cols h2
        {         
            margin-top: 0px;
            padding-top: 25px;
            color: #cd0505;
            font-size: 15px;          
        }

        .about #txt-cols #l-col,
        .about #txt-cols #r-col
        {
            float: left;
            width: 50%;
        }

            .about #txt-cols #l-col .content-div,
            .about #txt-cols #r-col .content-div
            {
                margin:  0 20px 20px 0;
            }

            .about #txt-cols #l-col .content-div
            {
                height: 300px;
                background-image: url("../Images/vertical-line.png");
                background-repeat: no-repeat;
                background-position: 99.5% 40px;
                padding-right: 10px;
            }

    .about #b-sect
    {
        background-image: url("../Images/horizontal-line.png");
        background-repeat: no-repeat;
    }

        .about #b-sect h3
        {
            margin-top: 0px;
            padding-top: 10px;
            color: #8a8a8a;
            font-family: Arial Narrow,LocalArialNarrow,Arial;
            font-size: 16px;
        }

        .about #b-sect #nav-links,
        .about #b-sect #frm-msg
        {
            float: left;            
        }

        .about #b-sect #nav-links
        {
            width: 30%;
        }

            .about #b-sect #nav-links ul
            {
                list-style-image: url('../Images/list-item-arrow.png');  
                padding-left: 15px;             
                margin-left: 0px;       /* for IE*/
            }

                .about #b-sect #nav-links ul li
                {
                    margin: 5px 0;
                }

            .about #b-sect #nav-links a
            {
                color: #cd0505;
            }

        .about #b-sect #frm-msg
        {
            width: 69%;   /* IE6 requires it due round bug*/
        }
      

            .about #b-sect #frm-msg #YourEmail,
            .about #b-sect #frm-msg #YourMessage
            {
                display: block;
                position: relative;                
                margin: 5px -5px 0 -5px;
                padding: 5px;
                border: 1px solid #c3c3c3;
                font: inherit;
            }

            .about #b-sect #frm-msg #YourEmail
            {      
                width: 50%;                       
            }

            .about #b-sect #frm-msg #YourMessage
            {   
                width: 100%;                          
            }

            .about #b-sect #frm-msg .empty-val
            {
                color: #939393;
            }

            .about #b-sect #frm-msg #MessageOk,
            .about #b-sect #frm-msg #MessageError
            {         
                display: inline-block;
                margin-top: 5px;
                margin-left: -5px;            
                padding: 5px;
                font-weight: bold;                              
            }

                .about #b-sect #frm-msg #MessageOk
                {
                   
                }

                .about #b-sect #frm-msg #MessageError
                {                   
                    color: red;
                }

            .about #b-sect #frm-msg #ButtonSend
            {       
                margin-top: 10px; 
                margin-right: -5px;     
                float: right;
            }

    .about #ButtonSend
    {        
        color: white;
        font-size: 9pt;
        font-weight: bold;
        border-width: 0;
        background-image: url('../Images/finance-button.png');    
        width: 128px;
        height: 33px; 
        cursor: pointer;       
    }     

/*#endregion*/

/*#region Page Advisories*/   

.advisories
{
    margin-left: auto;
    margin-right: auto;
    width: 936px;
}

    .advisories .l-col
    {
        float: left;
        width: 620px;
        background-image: url("../Images/vertical-line.png");
        background-repeat: no-repeat;
        background-position: right 60px;
    }

    .advisories .l-col h1
    {
        color: #CD0505;
        font-family: Arial Narrow,LocalArialNarrow,Arial;
        font-size: 23px;
        font-weight: normal;
        margin-top: 0;
        padding-top: 25px;
    }

        .advisories .l-col h1 em
        {
            font-style: normal;
            font-weight: bold;
        }

    .advisories .l-col .select-car
    {
        margin-top: 20px;
        display: block;             
        width: 300px;
    }

    .advisories .l-col table
    {
        margin-top: 20px;
        margin-bottom: 20px;
        table-layout: fixed;
        width: 550px;                     
        /*border-bottom: 1px dotted #262626;*/ 
        background-color: #f0f0f0;
        border-radius: 6px;
    }

        .advisories .l-col table tr.em
        {
            font-weight: bold;
        }

        .advisories .l-col table th,
        .advisories .l-col table td
        {
            padding: 5px;
        }

        .advisories .l-col table th
        {
            background-color: #262626;            
            color: white;           
        }

            .advisories .l-col table th.l-header
            {
                border-top-left-radius: 6px;
            }

            .advisories .l-col table th.second
            {
                border-top-right-radius: 6px;
            }       

        .advisories .l-col table td
        {
            width: 200px;
            text-align: center;
        }

        .advisories .l-col table td.l-header
        {
            color: #cd0505;
            font-weight: bold;
            width: 150px;
            text-align: left;
            padding-left: 10px;
        }

        .advisories .l-col ul.calc
        {
            list-style: none;
            width: 400px;            
        }

        .advisories .l-col ul.calc .formula
        {
            color: #646363;
            line-height: 30px;
        }

            .advisories .l-col ul.calc .new,
            .advisories .l-col ul.calc .used
            {
                line-height: 25px;
                padding-left: 10px;
            }

            .advisories .l-col ul.calc .new
            {
                background-color: #d5ffde;
            }

            .advisories .l-col ul.calc .used
            {
                background-color: #ffd5d5;
            }

            .advisories .l-col ul.calc .price
            {
                font-weight: bold;
            }

        .advisories .l-col ul.advantages
        {
            padding: 20px 0 20px 30px;           
            background-color: #d5ffde; 
            width: 300px;      
        }

            .advisories .l-col ul.advantages li
            {
                line-height: 25px;
                list-style-image: url('../Images/list-item-arrow.png');
            }

    .advisories .r-col
    {
        float: right;
        width: 300px;       
    }

        .advisories .r-col .payments-tips ul li
        {
            margin-bottom: 10px;
            list-style-image: url('../Images/list-item-arrow.png');
        }

    .advisories h2
    {
        margin-top: 0px;
        padding-top: 25px;
        color: #cd0505;
        font-size: 15px; 
    }

#dealers
{
    margin-left: auto;
    margin-right: auto;
    width: 936px;
}

    #dealers h1
    {
        color: #CD0505;
        font-family: Arial Narrow,LocalArialNarrow,Arial;
        font-size: 23px;
        padding-top: 10px;
    }

    #dealers #CheckBoxSalon,
    #dealers #CheckBoxServis
    {
        margin-left: 10px;
    }

    #dealers #region-map
    {
        margin-top: 10px;
        margin-bottom: 30px;
        padding-top: 20px; 
        margin-right: -400px;     
        width: 100%;     
        float: left;
        background-image: url("../Images/horizontal-line.png");
        background-repeat: no-repeat;
        background-position: left top;
    }

    #dealers #supps
    {
        float: left;
        margin-top: 30px;
        margin-bottom: 20px;
        width: 400px;

        background-image: url("../Images/vertical-line.png");
        background-repeat: no-repeat;
        background-position: left top;
    }

    #dealers #supps ul
    {
        float: left;
        width: 30%;
        list-style-image: url('../Images/list-item-arrow.png');
    }

        #dealers #supps ul li
        {
            padding-top: 5px;
        }

        #dealers #supps ul a
        {
            color: black;
        }

        #dealers #supps ul a:hover
        {
            color: #cd0505;
        }

    #dealers h2.result-header
    {
        clear: both;
        margin: 20px 0 0 0;
        padding-left: 20px;
        height: 35px;
        line-height: 35px;
        background-color: #262626;
        color: white;        
        font-size: 10pt;
        font-weight: bold;
        border-radius: 8px 8px 0 0;        
    }     

    #dealers table.result
    {
        width: 100%;
        clear: both;
        border-left: 1px solid #D7D7D7;
        border-right: 1px solid #D7D7D7;
        border-bottom: 1px solid #D7D7D7;
        border-radius: 0 0 8px 8px;
        table-layout: fixed;
    }
        #dealers table.result th,
        #dealers table.result td
        {
            padding: 5px 0 5px 10px;
            border-left: 1px solid #D7D7D7;
        }

            #dealers table.result th.icon,
            #dealers table.result td.icon
            {
                width: 65px;
                border-left: none;
            }

            #dealers table.result th.region
            {
                width: 135px;
            }

            #dealers table.result th.city
            {
                width: 135px;
            }

            #dealers table.result th.contact
            {
                width: 120px;
            }

            #dealers table.result th.carsnum
            {
                width: 180px;
            }

                #dealers table.result td.icon.servis
                {
                    background-image: url("../Images/dealer-servis-icon.png");
                    background-repeat: no-repeat;
                    background-position: center center;
                }

        #dealers table.result tr.header th
        {
            background-color: #e5e5e5;
            text-align: left;
        }

        #dealers table.result tr.alt td
        {
            background-color: #f0f0f0;
        }

        #dealers table.result a
        {
            color: #cd0505;
        }
 
 /*#endregion*/

 /* #region Slepá ulička, chyba 404 */
.blind-alley
{  
    width: 480px; 
    height: 120px; 
    background-image: url('../Images/blind-alley.png'); 
    background-repeat: no-repeat; 
    margin-top: 50px;
    margin-left: auto; 
    margin-right: auto;
    padding-left: 125px;
    text-align: center;
    vertical-align: middle;
}

    .blind-alley h1
    {
        padding-top: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 15pt;
        color: #00a2e8;
    }
 /* #endregion */