﻿/*
****************************************************************
SPECIAL OFFERS  : 
                - NEW CAR OFFERS
                - AFTERSALES OFFERS 
*****************************************************************
*/

    /*
    ****************************************************************
    GENERAL
    *****************************************************************
    */

    #mainBodyContent div.list.newcaroffers,
    #mainBodyContent div.list.aftersalesoffers 
    {
        /*width       : 570px;
        margin      : 10px 0px 0px 0px;
        overflow    : hidden;
        */        
        }

    #mainBodyContent div.list a
    {
        text-decoration:none;
        }


    
    #mainBodyContent div.dropShadowOuter div.dropShadowInner
    {
        width           : 575px;
        padding-right   : 10px;
        }
        
        #mainBodyContent div#primaryListingsContainer
        {
            margin-top      : 10px;
            margin-bottom   : 5px;
            }
        
        #mainBodyContent div#primaryListingsContainer div.dropShadowInner
        {
            width       : 540px;
            min-width   : 540px;
            height      : auto;
            
            padding     : 0px 14px 0px 14px;
            
            background-color    : #ececec;
            border-color        : #999999;
            
            background-image    : url('/assets/web/images/pageElements/newsEvents/newsEvents_panelBgnd.jpg');
            background-repeat   : repeat-x;
            
            overflow            : hidden;
            }
        
            #mainBodyContent div#primaryListingsContainer div.dropShadowInner div.rowContainer
            {
                display         : block;
                position        : relative;
                width           : 540px;
                border-bottom   : 1px solid #c3c3c3;
                }
            
            #mainBodyContent div#primaryListingsContainer div.dropShadowInner div.rowContainerNoBorder
            {
                border-bottom-width : 0px;
                }
        
            /*
             **********************************************
             * PRIMARY OFFERS PANELS x 4
             **********************************************
             */

	            #mainBodyContent div.list.newcaroffers div.item.primary.offerodd,
	            #mainBodyContent div.list.newcaroffers div.item.primary.offereven,
	            #mainBodyContent div.list.aftersalesoffers div.item.primary.offerodd,
	            #mainBodyContent div.list.aftersalesoffers div.item.primary.offereven,
	            #mainBodyContent div.list.usedcaroffers div.item.primary.offerodd,
	            #mainBodyContent div.list.usedcaroffers div.item.primary.offereven
                {
	                display         : block;
	                float           : left;
    	            
        	        /*
	                width           : 285px;
	                margin-top      : -2px;
	                border-top      : solid 1px #cccccc;
	                border-bottom   : solid 1px #f0f0f0;
                    */	            
                    padding         : 10px 0px 0px 0px;
                    margin-bottom   : 10px;
            	    
    	            
	                width           : 270px;
                    border-top      : 1px solid #ffffff;
                    
                    overflow        : hidden;
	                }
	                
    	            #mainBodyContent div.list.newcaroffers div.item.primary div.clear,
                    #mainBodyContent div.list.newcaroffers div.item.primary div.clear,
    	            #mainBodyContent div.list.usedcaroffers div.item.primary div.clear,
                    #mainBodyContent div.list.usedcaroffers div.item.primary div.clear
                    {
                        display     : block;
                        position    : relative;
                        }
                        
                #mainBodyContent div.list.newcaroffers div.item.primary.noBorder,
                #mainBodyContent div.list.newcaroffers div.item.primary.noBorder,
                #mainBodyContent div.list.aftersalesoffers div.item.primary.noBorder,
                #mainBodyContent div.list.aftersalesoffers div.item.primary.noBorder,
                #mainBodyContent div.list.usedcaroffers div.item.primary.noBorder,
                #mainBodyContent div.list.usedcaroffers div.item.primary.noBorder
                {
                    }
            	
	                #mainBodyContent div.list.newcaroffers div.item.primary.offerodd div.innerContainer,
	                #mainBodyContent div.list.newcaroffers div.item.primary.offereven div.innerContainer,
	                #mainBodyContent div.list.aftersalesoffers div.item.primary.offerodd div.innerContainer,
	                #mainBodyContent div.list.aftersalesoffers div.item.primary.offereven div.innerContainer,
	                #mainBodyContent div.list.usedcaroffers div.item.primary.offerodd div.innerContainer,
	                #mainBodyContent div.list.usedcaroffers div.item.primary.offereven div.innerContainer
	                {
	                    }
    	                
	                    #mainBodyContent div.list.newcaroffers div.item.primary div.innerContainer,
	                    #mainBodyContent div.list.newcaroffers div.item.primary div.innerContainer,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary div.innerContainer,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary div.innerContainer,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary div.innerContainer,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary div.innerContainer
                        {
                            background-image    : url('/assets/web/images/pageElements/newsEvents/newsEvents_listItem_vDivider.jpg');
                            background-repeat   : repeat-y;
                            }
                            
                    #mainBodyContent div.item.primary.offerodd
                    {
                        }
                            
                        #mainBodyContent div.item.primary.offerodd div.innerContainer
                        {
                            padding             : 0px 12px 0px 0px;
                            background-position : right top;
                            }
                            
                    #mainBodyContent div.item.primary.offereven
                    {
                        margin-left : -2px;
                        }
                    
	                    #mainBodyContent div.list.newcaroffers div.item.primary div.innerContainer h3,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary div.innerContainer h3,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary div.innerContainer h3
                        {
	                        /*width       : 270px;*/
	                        padding     : 0px 0px 3px 0px;
	                        font-size   : 13px;
	                        font-weight : bold;
        	                }
            	        
	                    #mainBodyContent div.list.newcaroffers div.item.primary div.innerContainer h3 a,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary div.innerContainer h3 a,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary div.innerContainer h3 a
                        {
	                        color : #000000;                  
                            }
                            
	                    #mainBodyContent div.list.newcaroffers div.item.primary div.innerContainer h3 a:hover,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary div.innerContainer h3 a:hover,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary div.innerContainer h3 a:hover
                        {
	                        color : #6b6b6b;
                            }
                            
	                    #mainBodyContent div.list.newcaroffers p.finishDate,
	                    #mainBodyContent div.list.aftersalesoffers p.finishDate,
	                    #mainBodyContent div.list.usedcaroffers p.finishDate
                        {
	                        padding     : 0px 0px 0px 0px;
	                        margin      : 0px;
	                        font-size   : 10px;
	                        font-style  : italic;
            	            
	                        color       : #939393;
	                        }
            	        
            	        #mainBodyContent div.list.newcaroffers div.item.primary.offerodd div.innerContainer div.dropShadowOuter,
	                    #mainBodyContent div.list.newcaroffers div.item.primary.offereven div.innerContainer div.dropShadowOuter,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary.offerodd div.innerContainer div.dropShadowOuter,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary.offereven div.innerContainer div.dropShadowOuter,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary.offerodd div.innerContainer div.dropShadowOuter,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary.offereven div.innerContainer div.dropShadowOuter
                        {
                            margin-top  : 9px;
	                        }
            	          
	                    #mainBodyContent div.list.newcaroffers div.item.primary.offerodd div.innerContainer a.dropShadowInner,
	                    #mainBodyContent div.list.newcaroffers div.item.primary.offereven div.innerContainer a.dropShadowInner,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary.offerodd div.innerContainer a.dropShadowInner,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary.offereven div.innerContainer a.dropShadowInner,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary.offerodd div.innerContainer a.dropShadowInner,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary.offereven div.innerContainer a.dropShadowInner
                        {
                            display : block;
	                        width   : 130px;
	                        height  : 110px;
	                        float   : left;
	                        border  : 1px solid #000000;
	                        padding : 0px;
	                        margin  : 0px;
	                        }
            	        
                	    #mainBodyContent div.item.primary.offereven div.innerContainer
                        {
                            padding             : 0px 0px 0px 12px;
                            background-position : left top;
                            }
                           
                            #mainBodyContent div.item.primary div.detailsContainer
                            {
                                width       : 118px;
                                max-width   : 118px;
	                            float       : left;
	                            margin-top  : 6px;
                                }
                                #mainBodyContent div.item.primary.noImage div.detailsContainer
                                {
									width       : 260px;
									max-width   : 260px;
									}
                    	
	                    #mainBodyContent div.list.newcaroffers p.description,
	                    #mainBodyContent div.list.aftersalesoffers p.description,
	                    #mainBodyContent div.list.usedcaroffers p.description
                        {
	                        float       : left;
	                        margin      : 0px;
	                        padding     : 0px 3px 5px 5px;
	                        font-size   : 10px;
	                        }
                        
                        #mainBodyContent div.list.newcaroffers a.iconButton,
                        #mainBodyContent div.list.aftersalesoffers a.iconButton,
                        #mainBodyContent div.list.usedcaroffers a.iconButton
                        {
                            margin-left : 3px;
                            clear       : both;
                            white-space : nowrap;
                            }

                        
                    #mainBodyContent div.list.newcaroffers div.item.primary.offerodd.fullWidth,
	                #mainBodyContent div.list.aftersalesoffers div.item.primary.offerodd.fullWidth,
	                #mainBodyContent div.list.usedcaroffers div.item.primary.offerodd.fullWidth
                    {
                        width : 540px;
                        }   
                        
                        #mainBodyContent div.list.newcaroffers div.item.primary.offerodd.fullWidth div.innerContainer,
	                    #mainBodyContent div.list.aftersalesoffers div.item.primary.offerodd.fullWidth div.innerContainer,
	                    #mainBodyContent div.list.usedcaroffers div.item.primary.offerodd.fullWidth div.innerContainer
                        {
                            padding : 0px;
                            background-image : none;
                            }
                            
                            #mainBodyContent div.list.newcaroffers div.item.primary.offerodd.fullWidth div.detailsContainer,
	                        #mainBodyContent div.list.aftersalesoffers div.item.primary.offerodd.fullWidth div.detailsContainer,
	                        #mainBodyContent div.list.usedcaroffers div.item.primary.offerodd.fullWidth div.detailsContainer
                            {
                                width       : 400px;
                                max-width   : 400px;
                                }

            /*
             **********************************************
             SECONDARY OFFERS PANELS.
             **********************************************
             */

	        #mainBodyContent div.list.newcaroffers div.item.offer,
	        #mainBodyContent div.list.aftersalesoffers div.item.offer,
	        #mainBodyContent div.list.usedcaroffers div.item.offer
	        {
	            display     : block;
	            clear       : both;
	            width       : 570px;
	            /*height      : 65px;*/
	            
	            width           : 569px;
                padding         : 12px 0px 10px 0px;
                border-top      : 1px solid #f0f0f0;
                border-bottom   : 1px solid #c3c3c3;
                overflow        : hidden;
	            }
	            
    	    #mainBodyContent div.list.newcaroffers div.item.offer.firstItem,
    	    #mainBodyContent div.list.aftersalesoffers div.item.offer.firstItem,
    	    #mainBodyContent div.list.usedcaroffers div.item.offer.firstItem
            {
                border-top : 0px solid #f0f0f0;
                }
                
            #mainBodyContent div.list.newcaroffers div.item.offer.lastItem,
            #mainBodyContent div.list.aftersalesoffers div.item.offer.lastItem,
            #mainBodyContent div.list.usedcaroffers div.item.offer.lastItem
            {
                border-bottom : 0px solid #f0f0f0;
                }
                
	            #mainBodyContent div.list.newcaroffers div.item.offer a.dropShadowInner,
                #mainBodyContent div.list.aftersalesoffers div.item.offer a.dropShadowInner,
                #mainBodyContent div.list.usedcaroffers div.item.offer a.dropShadowInner
                {
                    display : block;
                    float   : left;
                    width   : 60px;
                    height  : 60px;
                    border  : 1px solid #000000;
                    padding : 0px;
                    margin  : 0px;
                    }
    	       
                #mainBodyContent div.list.newcaroffers div.item.offer h3,
                #mainBodyContent div.list.aftersalesoffers div.item.offer h3,
                #mainBodyContent div.list.usedcaroffers div.item.offer h3
                {
                    display     : block;
                    float       : left;
                    clear       : none;
                    
                    width       : 495px;
                    height      : 14px;
                    padding     : 0px 0px 4px 5px;
    	            
                    white-space     : nowrap;
                    overflow        : hidden;
                    text-overflow   : ellipsis;
                    }
                    
                #mainBodyContent div.list.newcaroffers div.item.offer.noImage h3,
                #mainBodyContent div.list.aftersalesoffers div.item.offer.noImage h3,
                #mainBodyContent div.list.usedcaroffers div.item.offer.noImage h3
                {
					padding-left	: 70px;
					}
    	                
                #mainBodyContent div.list.newcaroffers div.item.offer h3 a,
                #mainBodyContent div.list.aftersalesoffers div.item.offer h3 a,
                #mainBodyContent div.list.usedcaroffers div.item.offer h3 a
                {
                    color :#000000;
                    }
                       
                #mainBodyContent div.list.newcaroffers div.item.offer h3 a:hover,
                #mainBodyContent div.list.aftersalesoffers div.item.offer h3 a:hover,
                #mainBodyContent div.list.usedcaroffers div.item.offer h3 a:hover
                {
                    color :#6b6b6b; 
                    }
                    
	            #mainBodyContent div.list.newcaroffers div.item.offer p.description,
	            #mainBodyContent div.list.aftersalesoffers div.item.offer p.description,
	            #mainBodyContent div.list.usedcaroffers div.item.offer p.description
	            {
                    display     : block;
                    float       : left;
                    clear       : none;
	                width       : 495px;
	                /*height      : 26px;*/
	                padding     : 0px 0px 6px 5px;
	                }
	                
	                #mainBodyContent div.list.newcaroffers div.item.offer.noImage p.description,
	                #mainBodyContent div.list.aftersalesoffers div.item.offer.noImage p.description,
	                #mainBodyContent div.list.usedcaroffers div.item.offer.noImage p.description
	                {
	                    width : 565px;
	                    }
	                    
					#mainBodyContent div.list.newcaroffers div.item.offer.noImage p.description,
					#mainBodyContent div.list.aftersalesoffers div.item.offer.noImage p.description,
					#mainBodyContent div.list.usedcaroffers div.item.offer.noImage p.description
					{
						padding-left		: 70px;
						width				: 495px;
						}	                
	                    
    	                
	            #mainBodyContent div.list.newcaroffers div.item.offer p.finishDate,
	            #mainBodyContent div.list.aftersalesoffers div.item.offer p.finishDate,
	            #mainBodyContent div.list.usedcaroffers div.item.offer p.finishDate
	            {
                    display     : block;
                    float       : left;
                    clear       : none;
	                padding     : 0px 0px 0px 5px;
	                }
	                
	            #mainBodyContent div.list.newcaroffers div.item.offer.noImage p.finishDate,
	            #mainBodyContent div.list.aftersalesoffers div.item.offer.noImage p.finishDate,
	            #mainBodyContent div.list.usedcaroffers div.item.offer.noImage p.finishDate
	            {
					padding-left		: 70px;
					}
    	        
	            #mainBodyContent div.list.newcaroffers div.item.offer a.moreInfo,
	            #mainBodyContent div.list.aftersalesoffers div.item.offer a.moreInfo,
	            #mainBodyContent div.list.usedcaroffers div.item.offer a.moreInfo
	            {
                    display         : block;
                    float           : right;
                    clear           : none;
	                padding-top     : 0px;
	                padding-right   : 13px;
	                font-weight     : bold;
	                }


