﻿body{font-family: Calibri, Arial, Helvetica, sans-serif; font-size:small;}
img{border:none;}

a
{
    color: #3366FF;
    text-decoration: none;
}

a:hover
{
    color: #3366FF;
    text-decoration: underline;
}


h1
{
    font-family: calibri, verdana;
    font-size: 1.3em;
    font-weight: bold;
    display:inline;
}

h1.title
{
    font-family: Arial;
    font-size: 1.2em;
}

div.carTitleContainer
{
   margin-bottom:10px;
   padding-top:10px;
   padding-bottom:10px;
   margin-left:5px;
   width:585px;
   border-top: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
}

    h1.car-title
    {
        font-family: Arial;
        font-size: 1.2em;
        font-style:italic;
    }    

div.h1title
{
    text-align:center;
} 

div.h1title h1
{
    font-family: calibri, verdana;
    font-size: 1.4em;
    font-weight: bold;
    font-style:italic;
    display:inline; 
}    


/* CarDealerLocator - main CSS */
#main-container
{
    border: 1px solid #CCCCCC;
    margin: 0 auto;
    width: 960px;
    height: auto;
}

/* main top bar with logo */
.logo-box
{
    width: 100%;
    height: 130px;
    background-repeat: repeat-x;
    background-image: url(/images/top-gradient.png);
}
    #main-logo
    {
        position: relative;
        top: 30px;
        left: 25px;
    }
    
    div.carDealerLogos
    {        
        float:left;        
        position: relative;
        top: 30px;
        left: 15px;
    }
    
    div.top-banner
    {
        float:right;
        position: relative;
        top: 30px;
        left: -15px;
    }
    
.navigation-bar
{
    border: 1px solid black;
    width: 80%;
    height: 42px;
    background-image: url(/images/navigation-bar-gradient.png);
    background-repeat: repeat-x;
    position: relative;
    top: -15px;
    left: 10%;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: 500;
    font-style: italic;
    text-decoration: underline;
    color: #FFFFFF;
}
    .link-container-div
    {
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width:50px;
        text-align: center;
        float:left;
    }
    .link-container-div-signup
    {
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width: 70px;
        text-align: center;
        float: left;
    }
    .link-container-div-regional
    {
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width:150px;
        text-align: center;
        float:left;
    }
    .link-container-div-search
    {
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        width:60px;
        text-align: center;
        float:left;
    }
    .divider-div
    {
        margin-top:7px;
        width:15px;
        float:left;
        text-align: center;
    }
/* search bar div */    
.search-bar-div
{
    float: left;
    width: 214px;
}

    .left-column-titles
    {
        font-size: 1.2em;
        font-family: calibri;
        text-align: center;
    }

    .left-column-models
    {
        border: 1px solid #CCCCCC;
        width: 190px;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 5px;                
        padding-bottom: 10px;        
        overflow:auto;
    }        
    
    .most-popular-image-left-column
    {
        margin-left:10px;
        padding-bottom:5px;
        padding-top:5px;        
    }
    
    .search-container
    {
        width: 195px;
        height: 850px;
        background-image: url(/images/search-container-background.jpg);
        background-repeat: repeat-x;
        margin: 8px;
        color: White;
        font-size: 1.2em;
        padding-left:5px;
        border:solid 1px black;
        float:left;                       
    }
    
    .car-tab
    {    
        width: 40px;
        height: 25px;
        background-color: #26A9E0;
        font-weight:500;
        margin-left:5px;
        float:left;     
    }
    
    .van-tab
    { 
        width:40px;
        height:25px;
        background-color: #00A69C;
        font-weight:500;
        margin-left:2px;
        float:left;
    }
    
    .tab-container
    {
        height:25px;
        width:100%;
        text-align:center;      
    }
    
    .dropdowns-container
    {
        width:180px;
        height:482px;
        border:solid 1px white;
        background: url(/images/serach-dropdowns-bg.png);
        background-repeat:repeat-x;       
        padding-left:8px;
        padding-top:5px;
    }
       
        .search-text
        {
            font-family: calibri, ariel;
            text-align: center;
            font-size: 1.3em;
            font-style: italic;
            font-weight: bold;
        }
                
        .top-search-text-div
        {
            text-align: center;
            width:190px;
        }
        
            .top-search-text-div h2
            {
                font-size: 1.2em;
                font-style:italic;
                margin:0px;
                padding-top:2px;
                padding-bottom:2px;
            }
        
        
        .dropDown
        {
            font-family: calibri, ariel;
            width:170px;
            height:20px;
            margin-top:3px;
        }
        
        .dropDown-search
        {
            font-family: calibri, ariel;
            width:120px;
            height:20px;
            margin-top:3px;
        }
        
        .postcode-input
        {
            font-family: calibri, ariel;
            width:165px;
            height:15px;
            margin-top:3px;
        }
        
        .search-input
        {
            font-family: calibri, ariel;
            width:165px;
            height:15px;
            margin-top:3px;
        }
        
        .search-button1
        {
            width: 65px;
            cursor: pointer;
            border: 1px outset #E4E4E4;
            background: #999;
            color: black;
            font-weight: bold;
            background: url(/images/button1-bg.gif);
            float: right;
            margin-top:5px;
            margin-right:9px;
            font-family: calibri, ariel;
        }
        
        .white-dropdowns-hr
        {
            width:95%;
            height:1px;
            color:White;   
        }
        
        .total-advert-number-text
        {            
            font-style: italic;
            font-weight: bold;
            padding-right:3px;
        }
        
        .total-advert-number
        {
            font-style: italic;
            font-weight: bold;
            padding-right: 3px;
            font-size:1.2em;
        }
        
        .serach-keywords-title
        {
            font-size:0.7em;
        }
        

    /* regional search container */        
    .regional-dropdowns-container
    {
        width:180px;
        height:100px;
        border:solid 1px white;
        background: url(/images/regional-search-bg.png);
        background-repeat:repeat-x;       
        padding-left:8px;
        padding-top:5px;
    }
    
    #back-to-search-results
    {
        cursor: pointer;
    }
    
    .search-button2
    {
        width: 65px;
        cursor: pointer;
        border: 1px outset #E4E4E4;
        background: #999;
        color: black;
        font-weight: bold;
        background: url(/images/button2-bg.gif);
        float: right;
        margin-top:5px;
        margin-right:9px;
        font-family: calibri, ariel;
    }
    
    .bodystyle-table
    {        
        text-align: center;
        margin-left:5px;
        margin-bottom:10px;
    }
        
    .bodystyle-table a
    {
        font-size: small;
        color: White;
        text-decoration: none;
    }    
    .bodystyle-table a:hover
    {
        font-size: small;
        color: White;
        text-decoration: underline;
    }
    



/* main-content-div */
.main-content-div
{
    float: left;
    width: 600px;
    padding-right:-10px;
    padding-top:10px;
}

    #tag-cloud-container
    {
        border: 1px solid #E2E2E2;
        margin: 10px;
        padding: 5px;
        background-color: #FFFFFF;
    }
    
        #tagCloudh2
        {
            font-size: 1.0em;
            font-weight: 100;
        }
    
        #popular-search-title
        {
            float: left;
            font-size: 1.3em;
            font-weight: 400;
            font-family: ariel, calibri;
        }
        
        #popular-search-filter
        {
            float: right;
            font-size: 1.3em;
            font-weight: 400;
            font-family: ariel, calibri;
        }
        
        #tag-cloud-title
        {
            height: 20px;
            width:90%;
            padding-top:3px;
            padding-left:4px;
            padding-right:10px;
            margin-bottom:5px;
        }
            
        #tag-cloud-container a
        {
            text-decoration:none;
            margin-left:5px;
            margin-right:5px;
            font-family:Trebuchet MS, Verdana, Arial;
        }
        
        .tag-div-container
        {
            float: left;
            height: 35px;                
        }    
        
        #tag-cloud-container a:hover
        {
            color:#00cc00;
            text-decoration:underline;
        }
        
        #tag-cloud-container a.weight1
        {
            color: #45008A;
            font-size: 1.9em;
            position: relative;
            top: -8px;
        }
        #tag-cloud-container a.weight2
        {
            color: #8A15FF;
            font-size: 1.5em;
            position: relative;
            top: -4px;
        }
        #tag-cloud-container a.weight3
        {
            color: #BD6DFF;
            font-size: 1.4em;
            position: relative;
            top: 0px;
        }
        #tag-cloud-container a.weight4
        {
            color: #FFAAFF;
            font-size: 1.3em;
            position: relative;
            top: -2px;
        }
        #tag-cloud-container a.weight5
        {
            color: #4c37ea;
            font-size: 1.2em;
            position:relative;
            top:-3px;        
        }
        #tag-cloud-container a.weight6
        {
            color: #5c84d5;
            font-size: 1.1em;
            position:relative;
            top:-1px;        
        }
        #tag-cloud-container a.weight7
        {
            color: #83bcd8;
            font-size: 1.0em;
            position:relative;
            top:0px;        
        }
                
    .two-large-main-info-boxes
    {
        border: 1px solid #E2E2E2;
        margin: 10px;
        padding: 5px;
        width:267px;
        min-height:270px;
        float:left;
    }
    
    .two-large-main-info-boxes-upload-adverts
    {
        border: 1px solid #E2E2E2;
        margin-left: 10px;
        padding: 5px;
        width:267px;
        min-height:270px;
        float:left;
    }     
    
    .boxes-advert-title
    {
        float:left;  
    }
    
    .boxes-blue-icon
    {
        float:right;  
    }
    
    .boxes-cars-icon
    {
        position:relative;
        top:30px;
        left:40px;
    }
    
    .boxes-text
    {
        position:relative;
        top:50px;
    }
    
    .boxes-button
    {
        position:relative;
        top:70px;
        left:100px;
        width:160px;
        height:25px;
        cursor: pointer;
        border: 1px outset #E4E4E4;
        color: black;
        background: url(/images/button3-bg.gif);
        font-family: calibri, ariel;
    }
    
    .two-small-main-info-boxes
    {
         border: 1px solid #E2E2E2;
        margin: 10px;
        padding: 5px;
        width:267px;
        float:left;
        height:250px;
        overflow:auto;
	    position: relative;       
	    top: 0px;        
	    left: 0px;
    }
    
        .small-boxes-title
        {
            float:left;   
        }
        
        .small-icon
        {
            float:right; 
        }
        
        .top-makes-container
        {
            float:left;
            padding-left:20px;
            position:relative;
            top:40px;
            left:0px;
        }
            .top-makes-container span
            {
                list-style-type: none;
                font-family: calibri, ariel;
                font-size: 1.3em;
            }
            
        .top-model-container
        {
            float:left;
            padding-left:20px;
            position:relative;
            top:40px;
            left:0px;
        }
            .top-model-container span
            {
                list-style-type: none;
                font-family: calibri, ariel;
                font-size: 1.3em;
            }
            
        .top-makes-model-container
        {
            float:left;
            padding-left:10px;
            position:relative;
            top:40px;
            left:0px;
        }
            .top-makes-model-container a
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 1.15em;
            }
            .top-makes-model-container a:hover
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 1.15em;
            }
            
            
        /* make page */ 
        .dealers-container-page
        {
            padding-left:10px;
            position:relative;
            top:10px;
            left:0px;
        }
            .dealers-container-page a
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 1.1em;
            }
            .dealers-container-page a:hover
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 1.1em;
            }
            .dealers-container-page #title-dealers-seperation
            {
                font-size: 1.2em;
                text-decoration: underline;
                font-style: italic;
                color: #C634B5;
            }
            
        /* model page */ 
        .top-makes-model-container-model-page
        {
            padding-left:10px;
            position:relative;
            top:10px;
            left:0px;
        }
            .top-makes-model-container-model-page a
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 1.2em;
            }
            .top-makes-model-container-model-page a:hover
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 1.2em;
            }
            
        /* variants page */ 
        .variants-model-container-model-page
        {
            float:left;
            padding-left:10px;
            position:relative;
            top:2px;
            left:0px;
        }
            .variants-model-container-model-page a
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 0.9em;
            }
            .variants-container-model-page a:hover
            {
                color:#3366FF;
                font-family: calibri, ariel;
                font-size: 0.9em;
            }
    


.bottom-div
{
    border-top: solid 1px #C0C0C0;
}

.bottom-home-text-container
{
    float:left;
    margin-top:12px;
    width:619px;
    padding:5px;
    margin-bottom:5px;
}

    .bottom-home-title
    {
        font-size:2.5em;
    }
      
    .bottom-home-text
    {
        font-size:1.0em;
    }

.home-mpu-container
{
    margin-top:15px;
    margin-left:30px;
    float:left;
}

    
    

/* Skyscraper */
.skyscraper-div
{
    float: left;
    width: 140px;
    text-align:center;
}

    #home-skyscraper
    {
        margin-top:20px;
        margin-left:10px;
    }


/* bottom Links Conatiner */
.footer-links-container
{
   margin-top:15px;
   text-align:center; 
}

.links-container
{
   width:800px;
   margin: 0 auto;   
}

.footer-links
{
    margin-left:5px;
    text-align:center;
}

.links-container a
{
    font-size: small;
    color: #2161BD;
    text-decoration: none;
}

.links-container a:hover
{
    font-size: small;
    color: #63A6DE;
    text-decoration: underline;
}

#copyright
{
    font-size:1.0em;    
}

/* ©©©©©©©©©©©©©©©©©©©© */
/* -------------------- */
/* search page 
/* -------------------- */
/* ©©©©©©©©©©©©©©©©©©©© */
.popular-makes-container
{
    border: 1px solid #CCCCCC;
    width: 279px;
    height: 249px;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    overflow:auto;
}
    .heading-text-container
    {
        border: 1px solid #CCCCCC;
        width: 270px;
        height: 249px;
        float: left;
        margin-right: 10px;
        margin-left: 5px;
        overflow:auto;
        padding-left:5px;
        padding-right:5px;
        padding-top:5px;
    }
    .most-popular-container
    {
        float:left;
        padding-left:20px;
        position:relative;
        top:40px;
        left:0px;
    }
        .pop-links-container
        {
            margin-top:5px;
        }
        .top-makes-container span
        {
            list-style-type: none;
            font-family: calibri, ariel;
            font-style:italic;
            font-size: 1.6em;
        }
        
        .top-makes-container a
        {
            color: #2161BD;
            text-decoration: none;
        }
        
        .top-makes-container a:hover
        {
            color: #63A6DE;
            text-decoration: underline;
        }

.most-popular-image
{
    position:relative;
    top:15px;
    left:15px;
}

/* pagination */
.advert-found-background
{
    background-image: url("/images/found-bg.png");
    height: 53px;
    margin-left: 10px;
    margin-top: 10px;
}

    .advert-found-background #found-text
    {
        font-size:1.5em;
        font-weight:600;
        font-style:italic;
        position:relative;
        top:11px;
        left:10px;
    }
    
    .advert-found-background #SortOrder-label
    {
        position:relative;
        top:11px;
        left:80px;
    }
    
    .advert-found-background #SortOrder
    {
        position:relative;
        top:11px;
        left:85px;
    }
    
    .advert-found-background #NumberPerPage
    {
        position:relative;
        top:11px;
        left:100px;
    }
    
.advert-found-background-reverse
{
    background-image: url("/images/found-bg2.png");
    height: 53px;
    margin-left: 10px;
    margin-top: 10px;
}

.bottom-paging-hr
{
    border-bottom: 1px solid #808080;
    width: 570px;
}

    .advert-found-background-reverse #found-text
    {
        font-size:1.5em;
        font-weight:600;
        font-style:italic;
        position:relative;
        top:11px;
        left:10px;
    }
    
    .advert-found-background-reverse #SortOrder-label
    {
        position:relative;
        top:11px;
        left:80px;
    }
    
    .advert-found-background-reverse #SortOrder
    {
        position:relative;
        top:11px;
        left:85px;
    }
    
    .advert-found-background-reverse #NumberPerPage
    {
        position:relative;
        top:11px;
        left:120px;
    }
    
.advert-page-numbers    
{
    background-image:url("/images/pagination-bg-large2.png");
    height:29px;
    width:550px;
    margin-left: 10px;
    position:relative;
    left:0px;
}

.advert-page-numbers-reverse    
{
    background-image:url("/images/pagination-bg-large-reverse.png");
    height:29px;
    width:550px;    
    position:relative;
    left:30px;
    text-align:right;
}

.advert-page-numbers-reverse ul 
{
    position:relative;
    right:10px;
}

/* used adverts */
.advert-container-div
{
    width: 580px;
    margin-left: 10px;
    height: 120px;
}
    .advert-hr
    {
        width: 95%;
        text-align: center;
    }
    .advert-title
    {
        font-size: 1.3em;
        font-style:italic;
        font-weight:300;
        font-family:ariel, Calibri;
        position:relative;
        top:4px;
        left:5px;
    }
    .advert-image
    {
        position:relative;
        top:6px;
        left:5px;
        float:left;
    }
    .details-container
    {
        float:left;
        position:relative;
        top:5px;
        left:10px;
    }
    .advert-details
    {
        position:relative;
        top:2px;
        left:5px;
    }
    .price-details-container        
    {
        float:right;
        position:relative;
        bottom:15px;
        right:10px;
        top:0px;
        text-align:right;
    }
        .price-details-container #advert-type       
        {
            font-size:1.1em;
            font-style:italic;
            font-weight:600;
        }
        .price-details-container #advert-price       
        {
            font-size:1.9em;
            font-weight:bolder;
        }
        .price-details-container #advert-distanceAway       
        {
            position:relative;
            top:5px;
        }
        
        
    /* Pagination */    
    div.pagination
    {
        padding-top:4px;
        width:auto;
    }
    div.pagination ul
    {
        margin:0px;
        padding:0px;
    }
    div.pagination ul a
    {
        color: #000000;
        text-decoration:none;
    }
    div.pagination ul a:hover
    {
        color: #73A6E7;
        text-decoration: underline;
    }
    div.pagination ul li
    {
        display: inline;
        margin-left: 5px;
        font-family: calibri, ariel;
        font-size: 1.25em;
    }    
        .selected
        {
            border: 1px outset #333333;
            color: #FFFFFF;
            font-family: calibri;
            background-color: #3399FF;
            height: 40px;
        }
    

/* Advert Page */    
div.otherModelsTitle
{
    font-family: Verdana;
    font-size: 1.2em;    
    font-style:italic;
    margin-bottom:10px;
    margin-top:10px;
    text-align:center;
}
    .other-makes-container
    {
        overflow: auto;
        float: left;
        padding-left: 10px;
        position: relative;
        top: 0px;
        left: 0px;
        width:265px;
        height:249px;
        margin-right:10px;
        margin-left:5px;
        border: 1px solid #CCCCCC;
    }
        .other-links-container
        {
            margin-top:5px;
            margin-bottom:5px;
            margin-right:5px;
            width: 115px;
            float: left;
        }
        .other-makes-container a
        {
            list-style-type: none;
            font-family: calibri, ariel;
            font-style: italic;
            font-size: 1.2em;
            color: #3366FF;
            text-decoration: none;
        }
        .other-makes-container a:hover
        {
            list-style-type: none;
            font-family: calibri, ariel;
            font-style: italic;
            font-size: 1.2em;
            color: #3366FF;
            text-decoration: underline;
        }
   div.breadcrumsContainer
   {
       margin-top:10px;
       margin-bottom:10px;
       padding-top:10px;
       padding-bottom:10px;
       margin-left:10px;
       width:585px;
       border-top: 1px solid #CCCCCC;
       border-bottom: 1px solid #CCCCCC;
   }
   
        span.breadcrums
        {
            float:left;  
        }
        span.back-top-search-results
        {
            float:right;  
        }
        
   div.advertdetailsContainer
   {
       margin-top:10px;
       margin-bottom:10px;
       padding-top:10px;
       padding-bottom:10px;
       margin-left:10px;
       width:585px;
       border-top: 1px solid #CCCCCC;
       border-bottom: 1px solid #CCCCCC;
   }
   
       div.advertdetailsContainer #advert-car-title
       {
            font-family: calibri, verdana;
            font-size: 1.3em;
            font-weight: bold;
       }
       
       h2.advert-car-title
       {
            font-family: calibri, verdana;
            font-size: 1.3em;
            font-weight: bold;
            margin:0px;
            padding:0px;
       }
       
       h2.dealer-page-title
       {
            font-family: calibri, verdana;
            font-size: 1.2em;
            font-weight: bold;
            margin:0px;
            padding:0px;
       }
       
       h2.other-adverts
       {
            font-family: calibri, verdana;
            font-size: 1.2em;
            font-weight:normal;
            margin:0px;
            padding:0px;
       }
       
       div.advertdetailsContainer #advert-car-location
       {
            font-family: calibri, verdana;
            font-size: 1.2em;
       }
           div.advertdetailsContainer #advert-car-location-red
           {
                color:red;
                font-weight:bold;
           }
           span.advert-car-location-red a
           {
                color:red;
                font-style:italic;
                font-weight:600;
                font-size:1.2em;
           }
           div.advertdetailsContainer a
           {
               color: red;
               font-weight: bold;
               text-decoration: none;
           }
           div.advertdetailsContainer a:hover
           {
               color: red;
               font-weight: bold;
               text-decoration: underline;
           }
       
       div.advertdetailsContainer #advert-car-price
       {
            font-family: calibri, verdana;
            font-size: 1.7em;
            font-weight: bold;
       }
       div.advertdetailsContainer #advert-phone-number
       {
            font-family: calibri, verdana;
            font-size: 1.35em;
            font-weight: bold;
       }

/* image picker */
div.image-picker-widget-container
{
    border:1px solid #CCCCCC;
    margin-left:10px;
    height:350px;
    width:585px;
}
    div.large-image
    {
        float:left;
        margin-left:10px;
        margin-top:40px;
        border:1px solid #CCCCCC;
    }
    div.thumbnail-container
    {
        float:right;
        margin-right:10px;
        margin-top:10px;
        width:205px;
        height:330px;
    }
    div.thumbnail
    {
        float:left;
        margin:7px;
        border:1px solid #CCCCCC;
    }
    /* rollover cursor change */
    .over
    {
      cursor:pointer;
    }

/* Advert Details */
div.advert-details-container
{
    margin-top:10px;
    border:1px solid #CCCCCC;
    margin-left:10px;
    width:565px;
    padding:10px;
}
    span.advert-AdditionalDetails
    {
        font-size: 1.05em;
    }
    div.advert-car-details
    {
        margin-top:10px;
        border:1px solid #CCCCCC;
        width:285px;
        padding:10px;
        float:left;        
    }
        div.advert-car-details #advert-title
        {
            font-size: 1.5em;
            font-weight: bold;
            font-style: italic;
        }
    div.detail-container
    {
        border-bottom:1px solid #CCCCCC;
    }
        div.detail-container #detail-container-title
        {
            font-weight: bold;
            float:left;
        }
        div.detail-container #detailContainerValue
        {
            float:right;
        }
    div.dealer-details
    {
        margin-top:10px;
        border:1px solid #CCCCCC;
        width:230px;
        padding:10px;
        float:right;        
    }
        h1.dealer-title-text
        {
            font-size: 1.5em;
            font-weight: bold;
            font-style: italic;
        }
        span.dealer-title-text
        {
            font-size: 1.5em;
            font-weight: bold;
            font-style: italic;
        }
        
    div.main-dealer-details-container
    {
        margin-top:10px;
        padding-left:10px;
    }
        div.main-dealer-details-container #icon
        {
            float:left;
            margin-right:10px;   
        }
        div.main-dealer-details-container #phone-icon
        {
            float:left;
            margin-right:10px;
            margin-top:4px;   
        }
        div.main-dealer-details-container #dealer-contact-number
        {
            font-size:1.3em;
            font-weight:bold;
        }
        
/* contact form */
div.contact-dealer-form-container
{
    margin-top:10px;
    border:1px solid #CCCCCC;
    margin-left:10px;
    margin-bottom:10px;
    width:565px;
    padding:10px;
}
    div.contact-dealer-form-container input
    {
        width:195px;
        margin-left:10px;
        margin-right:10px;
        margin-top:10px;
    }
    
    div.contact-dealer-form-container label
    {
        font-style:italic;
    }           
    
    div.message-div-container
    {  
        margin-top:10px;
    }
    
    textarea.message-input-box
    {
        margin-top:10px;
        margin-bottom:10px;
    }  
    
    #dealer-submit-button
    {
        width: 65px;
        cursor: pointer;
        border: 1px outset #E4E4E4;
        background: #999;
        color: black;
        font-weight: bold;
        background: url(/images/button4-bg.gif);
        float: right;
        margin-top:5px;
        margin-right:9px;
        font-family: calibri, ariel;
    }
    
    /* dealer-search */
    .dealer-advert-list-container
    {
        border-top: 1px solid #CCCCCC;
        height: 30px;
        margin-left: 10px;
        cursor: pointer;
        padding:5px;
    }
    
    .dealer-text-details
    {
        float:left;
        width:70%;   
    }
    
    .dealer-text-number
    {
        float:right;    
    }
    
    .dealer-advert-list-container a
    {
        color:Black;
        text-decoration:none;
        cursor:pointer;
    }
    
    .homepage-cmsh2-container
    {
        border-bottom: 1px solid #CCCCCC;
        margin-left: 10px;
        width:580px;
    }
    
        .homepage-cmsh2-container h2
        {
            padding: 0px;
            margin: 0px;
            height: auto;
            font-family: arial, Helvetica, sans-serif;
            font-size: 1.2em;
        }
    
    /* dealer-page */
   .dealerPage-breadcrum-container
    {
        border-bottom: 1px solid #CCCCCC;
        padding-bottom:5px;
        margin-left: 10px;
    }
    
    .dealerSearch-breadcrum-container
    {
        padding-bottom:5px;
        margin-left: 5px;
    }
    
    .dealerPage-title-container
    {
        border-bottom: 1px solid #CCCCCC;
        padding-bottom:5px;
        margin-left: 10px;
    }
        .dealerPage-title-container #title
        {
            padding-top:5px;
            padding-bottom:5px;
            float:left;
        }
        .dealerPage-title-container #title a:hover
        {
            color:red;
        }
        .dealerPage-title-container #contactNumber
        {
            padding-top:5px;
            padding-bottom:5px;
            margin-right: 10px;
            float:right;
            position:relative;
            top:10px;
        }
        .dealer-title-text
        {
            font-size: 1.2em;
        }
        
    .dealer-text-container
    {
        border-bottom: 1px solid #CCCCCC;
        padding-top:5px;
        padding-bottom:5px;
        margin-left: 10px;
    }
    
    .dealer-page-contact
    {
        border: 1px solid #CCCCCC;
        margin-left: 10px;
        padding:5px;
        width:40%;
        float:left;
        height:500px;
    }    
        .dealer-page-contact #contact-title
        {
            font-size:1.1em;
            font-weight:bold;
        }
        
        .dealer-page-contact #contact-dealer-text
        {

        }
        .form-container-div
        {
            height:20px;
            margin-bottom:5px;
        }
            .form-container-div label
            {
                font-weight:bold;
                width:70px;
            }
            .form-container-div input
            {
                width:160px;
            }

        .contact-dealer-text-container
        {
            padding-top:1px;
            padding-bottom:1px;
        }
            .dealer-page-contact label
            {
                float:left;
            }     
            .dealer-page-contact input
            {
                float:right;
            }
            .dealer-page-contact textarea
            {
                float:right;
            }
            
        .form-container-checkboxes-div
        {
            padding-top:1px;
            padding-bottom:1px;
        }   
            .form-container-checkboxes-div input
            {
                float:left;
            }
            .form-container-checkboxes-div span
            {
                float:right;
                width:90%;
            }  
            
    .contact-dealer-button-container
    {
        text-align:center;
        margin-top:10px;
    }
    .contact-dealer-button-container input
    {
        float:none;
    }
    .contact-dealer-button
    {
        width:90px;
        height:25px;
        cursor: pointer;
        border: 1px outset #E4E4E4;
        color: black;
        background: url(/images/button3-bg.gif);
        font-family: calibri, ariel;
    }       
    
    .dealer-page-map-container
    {
        border: 1px solid #CCCCCC;
        margin-left: 10px;
        padding:5px;
        width:52%;
        float:right;
        height:500px;
    }
    
    .dealerMPU
    {
        margin-top:10px;
        border: 1px solid #CCCCCC;
        margin-left: 10px;
        padding:5px;
        float:left;
    }
    
    .dealerText
    {
        margin-top:10px;
        border: 1px solid #CCCCCC;
        margin-left: 10px;
        padding:5px;
        float:left;
        width:255px;
        height:250px;
    }
    
    .dealer-page-map-container #map_canvas
    {
        height:400px;
        width:310px;
    }
    
    .get-directions-container
    {
        text-align:center;
        margin-top:10px;
        padding:10px;
        height:100px;
    }
        .get-directions-container label
        {
            margin-right:10px;
        }    
    #dealer-used-cars-title
    {
        font-size: 1.6em;
        font-style: italic;
        font-weight: 600;
        color: #5265FF;
        padding-left: 20px;
        margin-top: 5px;
        position: relative;
        top: 10px;
    }       
    .no-deals-text-container
    {
        margin-top:10px;
        border-bottom: 1px solid #CCCCCC;
        padding-top:5px;
        padding-bottom:10px;
        margin-left: 10px;
    }
    
    /* upload your advert */
    .topImage
    {
        margin-left:10px;
    }
    .two-large-main-info-boxes-update
    {
        margin: 10px;
        padding: 5px;
        width:267px;
        float:left;
        padding-top:25px;
    }
    .two-large-main-info-boxes-update-image
    {
        padding-top:20px;
        padding-left:20px;
        float:left;
    }
    .steps-title
    {
        font-size: 1.2em;
        text-decoration: underline;
    }  
    .steps
    {
        font-weight:bold;
        font-size:1.1em;
    }
    .steps-instructions
    {
        list-style-type: circle;
    }
    

/*
   standard template -
   these stypes are for the about us, contact us, visitor agreement etc
*/

.main-content-div-standard-template
{
    float: left;
    width: 580px;
    padding-left:10px;
    padding-right:10px;
}

    p.title
    {
        font-size: 1.8em;
        font-weight: bold;
        color: #229BFF;
    }
    p.subtitle
    {
        font-size: 1.25em;
        font-weight: bold;
        color: #229BFF;
    }
    
    .side-link-container
    {
        margin-top:5px;
        margin-bottom:5px;
        margin-right:5px;
    }
    
    .side-link-container a
    {
        padding:0;
    }
    
    .advert-links-container
    {
        margin-top:5px;
        margin-bottom:5px;
        margin-right:5px;
    }
        .advert-makes-container a
        {
            list-style-type: none;
            font-family: calibri, ariel;
            font-style: italic;
            font-size: 1.2em;
            color: #3366FF;
            text-decoration: none;
        }
        .advert-makes-container a:hover
        {
            list-style-type: none;
            font-family: calibri, ariel;
            font-style: italic;
            font-size: 1.2em;
            color: #3366FF;
            text-decoration: underline;
        }
    
    
    
                   
           







/* clearer div */
div.clr{clear:both;height:0px;overflow:hidden;}

.no-results-found-text
{
    font-size:1.5em;
    font-weight:600;
    font-style:italic;
    position:relative;
    top:11px;
    left:10px;
}

.bold-text
{
    font-weight:bold;
}
.italic-text
{
    font-style:italic;
}
.red-bold-text
{
    color:red;
    font-weight:bold;
}
.green-large-bold-text
{
    color:green;
    font-weight:bold;
    font-size:1.8em;
}
.left
{
    float:left;
}
.right
{
    float:right;
}
.text-align-left
{
    text-align:left;
}
.text-align-right
{
    text-align:right;
}
.text-align-center
{
    text-align:center;
}

/* regional site map */

ul.directory-list a
{
    color: #000066;
}

ul.sub-directory-list-county a
{
    color: #3333FF;
}

ul.sub-directory-list-town a
{
    color: #3366FF;
}

ul.directory-list
{
    font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.5em;
    color: #000066;
    text-indent: 5px;
    list-style-position: outside;
    list-style-type: circle;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 1.2em;
}

ul.sub-directory-list-county
{
    font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.8em;
    color: #000066;
    text-indent: -5px;
    list-style-position: inherit;
    list-style-type: square;
    font-weight: normal;
    font-weight: bold;
    font-size: 0.9em;
}

ul.sub-directory-list-town
{
    font-family: Calibri, Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.8em;
    color: #000066;
    text-indent: -5px;
    list-style-position: inherit;
    list-style-type: square;
    font-weight: normal;
    font-size: 0.85em;
}