@charset "UTF-8";

/*----------------------------------------------------------------------------
    CMS Kidderminster 2009
------------------------------------------------------------------------------

    Author:     Astute Media, www.astutemedia.com
    Updated:    February 11 2009 by Phil Ricketts
    Copyright:  (c) 2009 

    All rights reserved.
    
----------------------------------------------------------------------------
   Contents 
----------------------------------------------------------------------------

    00 Colours           
    ------------------
    01 Global           (Global declarations for content-level adjustments)
    02 Main Layout      (Main site structure)
    03 Header (#hd)   
    04 Body (#bd)       (Page content area - main content always in .bd)
    05 Footer (#ft)     (Copyright, Validating links, Terms, Privacy)
    ------------------
    06 Page Content
    ------------------
    07 Fixes
    
   
--------------------------------------------------------------------------*/

/* 00 Colours --

    CMS Red         #CC0000
    CMS Yellow      #EFE200
    Mid Grey        #999999
    Light Grey      #CCCCCC
    Dark Grey       #666666
    
    
--------------------------------------------------------------------------*/
    
    

/* 01 Global --*/


    .tr {text-align:right}  .tl {text-align:left} .tc {text-align:center} 
    .fl {float:left}        .fr {float:right}     .clear {clear:both}
    
    .up {text-transform:uppercase}
    
    h1 span, h2 span, h3 span, 
    h4 span, h5 span, h6 span,
    .hide {display:none}
    
    span.clear{display:block}
    
    

/* 02 Main Layout --*/


    html {
        background-color:#fff}
    
    #cms {
        background:url(/images/body-bg.png) 0 0 repeat-x;
        height:600px}
        
    .site-wrap {
        width:999px}



/* 03 Header (.hd) --*/


    #hd {
        width:999px;
        height:81px}
       
        #hd .logo {
        display:block;
        width:227px;
        height:81px;
        background: url(/images/header-cms-logo.png) no-repeat;
        float:left;}
        
        #hd .telephone {
        width:460px;
        height:31px;
        margin-bottom:4px;
        background:url(/images/header-telephone.png) no-repeat;
        float:left}
        
        /*
        #hd .passionate-about-vauxhall {
        display:block;
        width:123px;
        height:131px;
        background:url(/images/header-passionate-about-vauxhall.png) no-repeat;
        float:right} 
        */
        
        #hd .passionate-about-vauxhall {
        display:block;
        width:123px;
        height:131px;
        background:url(/images/header-passionate-about-vauxhall.png) no-repeat;
        position:absolute;
        top: 0px;
        left: 870px}
        
    #nav {
        width:580px;
        height:42px;
        background-color:#ccc;
        float:left} 
               
        #nav li {
        width:90px;
        float:left}   
               
        #nav li a {
        display:block;
        height:42px;
        border-right:2px solid #fff;
        background:url(/images/header-navigation.png) 0 0 no-repeat}        
          
        #nav a span {
        display:none}  
              
        #nav li .new-cars {background-position: 0 0}
        #nav li .new-cars:hover {background-position: 0 -44px}
        #nav li .used-cars {background-position: -92px 0}
        #nav li .used-cars:hover {background-position: -92px -44px}
        #nav li .motability {background-position: -184px 0}
        #nav li .motability:hover {background-position: -184px -44px}
        #nav li .van-centre {background-position: -276px 0}
        #nav li .van-centre:hover {background-position: -276px -44px}
        #nav li .fleet {background-position: -368px 0}
        #nav li .fleet:hover {background-position: -368px -44px}
    

/* 04 Sidebar (#sidebar) --*/

    #sidebar {
        width:181px;
        border-right: 5px solid #fff;
        float:left;
        clear:both}
 
    #used-car-search {
        width:181px;
        height:165px;
        background:url(/images/sidebar-usedcarsearch-bg.png) bottom left no-repeat #ccc}
        
        #used-car-search h3 {
        height:30px;
        background:url(/images/title-used-car-search.png) 0 0 no-repeat #cc0000}
            
        #used-car-search h3 a {
        display:block;
        height:30px}
        
        #used-car-search ul {
        margin: 10px 0 0 14px}
        
        #used-car-search input,
        #used-car-search select {
        width:134px;
        margin: 0 0 4px 0;
        border: 1px solid #999}
        
        #used-car-search label {
        font-weight:bold;
        font-size:93%;
        color:#666}
        
        #used-car-search .submit {
        width:100px;
        border:none;
        background:url(/images/button-blank.png) top left no-repeat;
        padding:0 2px 2px 0}
        
    #left-nav {
    border-top:4px solid #fff}
    
        #left-nav ul li a:link,
        #left-nav ul li a:visited {
        display:block;
        text-transform:uppercase;
        text-decoration:none;
        letter-spacing: 0.1em;
        font-size:93%}
        
        #left-nav li {border-top:2px solid #fff}
    
        #left-nav .primary li a:link,
        #left-nav .primary li a:visited {
        background-color: #999;
        padding: 16px 8px 6px 8px;
        color: #fff;
        height:14px /*IE6*/}
        
        #left-nav .primary li a:hover,
        #left-nav .primary li a:active {
        background-color: #CC0000}
        
        #left-nav .secondary li a:link,
        #left-nav .secondary li a:visited {
        background-color: #ccc;
        padding: 6px 8px 6px 8px;
        color: #666;
        height:12px}
        
        #left-nav .secondary li a:hover,
        #left-nav .secondary li a:active {
        background-color: #CC0000;
        color: #fff}

    .left-section {
    margin: 6px 0 8px 0;
    background:#ececec}
    
        .left-section h3 {
        border-bottom: 2px solid #cc0000}
    
        .left-section .title {
        display:block;
        color:#fff;
        padding: 6px 0 4px 6px;
        text-decoration:none;
        text-transform:uppercase;
        font-weight:bold;
        background-color:#999;
        border-bottom: 2px solid #fff}
        
        .left-section p {
        margin: 8px 6px 6px 6px;
        font-size: 85%;
        color: #666}
        
        .left-section .button {
        margin: 4px 0 6px 6px;
        float:right}
        
    #awards img {
        margin-top:2px}
        


/* 04 Body (#bd) --*/

    #bd {
        min-height:600px}

    #bd,
    #ft {
        width:808px;
        margin-left:186px}
        
    /* General */
    
    #bd h1, #bd h2, 
    #bd h3, #bd h4, 
    #bd h5 {
        clear:both;
        color:#333333;
        font-family:"Segoe UI normal",Verdana,Tahoma,Arial,Helvetica,Sans-Serif;
        font-weight:normal;

        }

    #bd p {
        font-size:85%;

        padding:0 10px 8px 10px;
        font-family: "Segoe UI normal", Verdana, Tahoma, Arial, Helvetica, Sans-Serif}

    
        
        #main-spotlight {
        float:left;
        height:165px;
        background:#fff;
        overflow:hidden}
            
            #main-spotlight-inner {
            width: 855px !important; 
            margin-left:-40px}
        
        #my-favourite-vauxhall-dealer {
        display:block;
        width:110px;
        height:110px;
        border-left:3px solid #fff;
        border-right:3px solid #fff;
        margin-top:55px;
        background:url(/images/main-spotlight-favouritedealer.png) 0 0 no-repeat;
        float:left}
        
    .section{
     float:left;
     margin-top:6px}
     
        .section.full {
        width:798px}
        
        .section.half {
        width:396px;
        margin-right:6px}
        
        .section.grey {
        background-color:#ececec}
        
        .section.standard {
        min-height:190px}
        
        .section.standard p{
        font-size:75%;
        min-height:90px;
        margin: 10px 9px 8px 0;
        padding-right: 8px !important;
        color: #666}
   
        .section h3 {
        height:28px;
        background: url(/images/title-bg.png) repeat-x}
        
        .section .title {
        display:block;
        height:28px;
        background-repeat:no-repeat}
      
        /* Home page Sections */

        #used-cars h3 {
        margin-bottom:6px;}
        
        #used-cars .title {
        background-image: url(/images/title-managers-latest-specials.png);
        background-color: transparent !important/* KLUDGE: to over-ride the pre-2009 css */}
        
        #used-cars .result {
        width:260px;
        min-height:140px;
        margin: 4px 0 4px 6px;
        background: url(/images/main-usedcars-tab-bg.png) bottom left no-repeat;
        float:left}
        
            #used-cars .result h5 {
            display:block;
            height: 23px;
            overflow:hidden;
            font-weight:bold;
            background: url(/images/main-usedcars-tab-bg.png) top left no-repeat;
            margin-bottom:5px}
            
            #used-cars .result h5 a:link, 
            #used-cars .result h5 a:visited{
            display:block;
            padding: 6px 0 0 6px;
            color: #000;
            overflow:hidden;
            text-decoration:none;
			font-size:11px !important}
            
            #used-cars .result .thumbnail {
            margin: 0 8px 0 6px;
            _margin-right: 0px;
            float:left}
            
            #used-cars .result p {
            font-size: 85%;
            color: #727272;
            padding-top:4px;
            min-height:66px}
            
            #used-cars .result p strong {
            font-weight: bold}
        
        #new-cars {
        background:url(/images/main-newcars-bg.png) no-repeat bottom left;
        height:213px !important;
        overflow:hidden !important}
        
            #new-cars .title {
            background-image: url(/images/title-new-cars.png)}

            #new-cars .prev,
            #new-cars .next{
            display:block;
            position:relative;
            width:42px;
            height:42px;
            background:url(/images/button-carousel-navigation-trans.png) -3px -3px no-repeat;
            z-index:20}
            
                #new-cars .prev {
                left:20px;
                top:-110px}
                
                #new-cars .prev:hover,
                #new-cars .prev:active {
                background-position: -3px -52px}
                
                #new-cars .next {
                left:330px; 
                top:-152px;
                background-position: -48px -3px}
                
                #new-cars .next:hover,
                #new-cars .next:active {
                background-position: -48px -52px}
                
            #new-cars .carousel {
            height:182px;
            overflow:hidden !important}    
                
            #new-cars .carousel li{
            width:398px;
            height:182px !important}
            
            #new-cars .carousel p {
            margin:0 auto;
            width:240px;
            font-size:85%;
			padding: 0 !important;
            color:#666}
            
                #new-cars .carousel p a.button {
                width:100px; 
                height:14px;
                margin-top:6px;
                margin-left:0;
                background-position: bottom left;}
            
            #new-cars .carousel p:first-child {
            border-bottom: 1px solid #999;
            margin-bottom: 5px}
            
            #new-cars .carousel p span.item {
            display:inline-block;
            font-weight:bold;
            margin-bottom: 5px;
            color: #000}
        
        #after-sales .title {
        background-image: url(/images/title-aftersales-offers.png)}
        
        #vauxhall-fleet-management .title {
        background-image: url(/images/title-vauxhall-fleet-management.jpg)}
      
        #van-services .title {
        background-image: url(/images/title-van-services.jpg)}
        
        
    .button {
        display:block;
        width:90px;
        height:20px;
        margin-right: 2px;
        background: url(/images/button-blank.png) no-repeat;
        text-decoration:none;
        padding: 2px 8px 0 0;
        color: #cc0000;
        font-weight:bold !important;
        text-align:right;
        font-family: Verdana,Tahoma,Arial,Helvetica,Sans-Serif !important;
        font-size:93%}
        
        input.button {
        cursor:pointer;
        cursor:hand}
        
    
/* 05 Footer --*/

    #ft a:link,
    #ft a:visited {
    color: #cc0000;
    text-decoration}

    #ft p {
    font-size: 85%;
    color: #666;
    margin: 20px 0 0 0}
    
    #ft > p:first-child {
    border-top: 1px solid #ccc;
    padding-top:10px}
    
    
    #ft p.astute-media {
    padding-bottom:20px}
       

/* 06 Page Content --*/

    

/* 07 Fixes --*/