/*
 *************************************
 NEWS & EVENTS SINGLE TYPE LISTINGS PAGE 

    - SiteCore driven pages
        - Sytner news and events
        - Franchise news

    - Adfero news feed driven pages  
        - Franchise industry news 
        - General Motoring news
        - Motoring sports news

 *************************************
 */
    
    /*
     *************************************
     GENERIC
     *************************************
     */
        
        #mainBodyContent div.dropShadowOuter div.dropShadowInner
        {
            width           : 575px;
            padding-right   : 10px;
            }
            
            #mainBodyContent div.item
            {
                padding     : 15px 0px 15px 0px;
                margin      : 0px;
                }
            
            #mainBodyContent div.item a
            {
                text-decoration : none;
                }
            
            
            #mainBodyContent div.item a.iconButton 
            {
                display : block;
                }   
              
            #mainBodyContent div.item p.date
            {
                padding     : 0px 0px 5px 0px;
                margin      : 0px;
                font-size   : 11px;
                font-style  : italic;
	            
                color       : #3b3b3b;
                }
               
                #mainBodyContent div.item p a
                {
                    text-decoration : underline;
                    }
                    
            #mainBodyContent div.item h2
            {
                padding     : 0px 0px 10px 0px;
                margin      : 0px 0px 0px 0px;
                }
            
            #mainBodyContent div.item div.imageContainer
            {
                margin-right : 10px;
                }
                
                #mainBodyContent div.item div.imageContainer .dropShadowInner
                {
                    display      : block;
                    float        : none;
                    margin       : 0px;
                    padding      : 0px;
                    border-color : #000000;
                    }
            
            #mainBodyContent div.item div.detailsContainer
            {
                float       : left;
                position    : relative;
                clear       : none;
                }
            
        /*
         * MAIN CONTAINER
         */
        #mainBodyContent div.listingContainer
        {
            }
            
            #mainBodyContent div#primaryListingsContainer
            {
                margin-top : 10px;
                }
                
                #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;
                    }
                
                /*
                 * PRIMARY ITEM (ITEM 1)
                 */  
                    #mainBodyContent div.item.primary
                    {
                        border-bottom   : 1px solid #c3c3c3;
                        width           : 540px;
                        }
                        
                        #mainBodyContent div.item.primary p.date
                        {
                            padding-bottom : 7px;
                            }
                            
                        #mainBodyContent div.item.primary h2
                        {
                            font-size   : 15px;
                            font-weight : bold;
                            line-height : 18px;
                            }
                         
                        #mainBodyContent div.item.primary div.detailsContainer
                        {
                            width       : 370px;
                            max-width   : 370px;
                            }
                            
                            #mainBodyContent div.item.primary p.shortDescription
                            {
                                font-size   : 13px;
                                }
                        
                /*
                 * SECONDARY ITEMS (ITEM 2 & 3)
                 */           
                    #mainBodyContent div.item.secondary
                    {
                        float       : left;
                        width       : 270px;
                        border-top  : 1px solid #ffffff;
                        overflow    : hidden;
                        }
                        #mainBodyContent div.item.secondary div.innerContainer
                        {
                            background-image    : url('/assets/web/images/pageElements/newsEvents/newsEvents_listItem_vDivider.jpg');
                            background-repeat   : repeat-y;
                            }
                                
                    #mainBodyContent div.item.secondary.oddItem
                    {
                        }
                            
                        #mainBodyContent div.item.secondary.oddItem div.innerContainer
                        {
                            padding         : 0px 12px 0px 0px;
                            /*border-right    : 1px solid #c3c3c3;*/
                            background-position : right top;
                            }
                            
                    #mainBodyContent div.item.secondary.evenItem
                    {
                        margin-left : -2px;
                        }
                        
                        #mainBodyContent div.item.secondary.evenItem div.innerContainer
                        {
                            padding     : 0px 0px 0px 12px;
                            /*border-left : 1px solid #ffffff;*/
                            background-position : left top;
                            }
                         
                        
                        #mainBodyContent div.item.secondary div.detailsContainer
                        {
                            width       : 158px;
                            max-width   : 158px;
                            }
                            
                        #mainBodyContent div.item.secondary div.detailsContainer p
                        {
                            padding : 0px 0px 4px 2px;
                            margin  : 0px;
                            }
                            
                        #mainBodyContent div.item.secondary div.detailsContainer a
                        {
                            float : none;
                            }
                            
                         #mainBodyContent div.item.secondary.oddItem.fullWidth
                         {
                            width : 540px;
                            }   
                             
                            #mainBodyContent div.item.secondary.oddItem.fullWidth div.innerContainer
                            {
                                padding      : 0px;
                                /*border-width : 0px;*/
                                background-image : none;
                                }
                        
                                #mainBodyContent div.item.secondary.oddItem.fullWidth div.detailsContainer
                                {
                                    width       : 440px;
                                    max-width   : 440px;
                                    }
                
                
                /*
                 * TERTIARY ITEMS (ALL OTHERS)
                 */
                    #mainBodyContent div.item.tertiary
                    {
                        width           : 569px;
                        padding         : 15px 0px 10px 0px;
                        border-top      : 1px solid #f0f0f0;
                        border-bottom   : 1px solid #c3c3c3;
                        overflow        : hidden;
                        }
                        
                    #mainBodyContent div.item.tertiary.firstItem
                    {
                        border-top : 0px solid #f0f0f0;
                        }
                        
                    #mainBodyContent div.item.tertiary.lastItem
                    {
                        border-bottom : 0px solid #f0f0f0;
                        }
                        
                        #mainBodyContent div.item.tertiary p.date
                        {
                            padding : 0px 0px 8px 0px;
                            }
                        
                        #mainBodyContent div.item.tertiary h2
                        {
                            padding : 0px 0px 6px 0px;
                            }
                        
                        #mainBodyContent div.item.tertiary div.detailsContainer
                        {
                            width : 495px;
                            }
                              
                        #mainBodyContent div.item.tertiary p
                        {
                            margin : 0px;
                            padding : 0px 0px 4px 0px;
                            }
                            
                        #mainBodyContent div.item.tertiary a.iconButton
                        {
                            margin-left : 0px;
                            }
    
    /*
     *************************************
     ADFERO DIVEN PAGES ONLY

     - only these pages have pagination controls
     *************************************
     */
    
        /*
        ****************************************************************
        FILTER & PAGINATION ELEMENTS
        *****************************************************************
        */
            div.pagination
            {
                position : relative;
                width    : 570px;
                height   : 30px;
                padding-top : 5px;
                }
                
            div.pagination label
            {   
                position        : relative;
                display         : block;
                float           : left;
                font-size       : 11px;
	            margin          : 0px 8px 0px 0px;
	            padding-top     : 3px;
	            vertical-align  : top;
                }
                
            div.pagination select
            {
                width       : 110px;
                height      : 18px;
                margin      : 0px 0px 0px 0px;
                
                font-family : Arial, Helvetica, Tahoma, Sans-Serif;
                font-size   : 11px;
                }
                
                div.pagination select option
                {
                    padding     : 3px 0px 3px 5px;
                    font-weight : normal;
                    }
	        
	        div.pagination div.pages 
            {
                float       : right;
                position    : relative;
                padding-top : 2px;
                }
                
            div.pagination form#resultsConfiguration
            {
                width       : 215px;
                height      : 20px;
                float       : left;
                position    : relative;
                padding-right : 20px;
                }
                
                div.pagination form#resultsConfiguration legend
                {
                    display : none;
                    }
                    
                div.pagination form#resultsConfiguration div.clear
                {
                    clear : none;
                    }
                    
                div.pagination form#resultsConfiguration fieldset
                {
                    margin : 0px;
                    padding : 0px;
                    }
                    
                div.pagination form#resultsConfiguration fieldset.search,
                div.pagination form#resultsConfiguration fieldset.goButtonContainer
                {
                    position    : relative;
                    float       : left;
                    clear       : none;
                    display     : block;
                    }
                    
                    div.pagination form#resultsConfiguration fieldset.search
                    {
                        padding : 1px 10px 0px 0px;
                        }
                   
                        
                   /*
                     * INPUT BUTTON
                     */
                    
                    form#resultsConfiguration input.goButton
                    {
                        width       : 40px;
                        height      : 22px;
                        margin      : 0px 0px 0px 0px;
                        padding     : 0px 0px 2px 0px;
                        
                        vertical-align  : middle;
                        
                        font-family     : Arial, Helvetica, Tahoma, Sans-Serif;
                        font-size       : 10px;
                        font-weight     : bold;
                        }
		
            /*
             * PAGINATION LINKS
             */
	            #mainBodyContent div.pagination div.pages a 
	            {
		            float               : left;
		            width               : auto;
		            padding             : 2px;
		            height              : 13px;
		            margin              : 0px 0px 0px 4px;
		            border              : solid 1px #ccc;
            		
		            color               : #000000;
		            text-align          : center;
		            background-image    : url('/assets/web/images/pageElements/backgroundGradient_pagination.jpg');
		            background-repeat   : repeat-x;
		            text-decoration     : none;
		            }
            		
	            #mainBodyContent div.pagination div.pages a:hover 
	            {
		            background-image    : url('/assets/web/images/pageElements/backgroundGradient_pagination_hover.jpg');
		            background-repeat   : repeat-x;
		            }
            		
	                #mainBodyContent div.pagination div.pages a.page 
	                {
		                display     : block;
		                width       : 14px;
		                text-align  : center;
	                    }
            	    
	                #mainBodyContent div.pagination div.pages a.page.active 
	                {
		                color               : #ffffff;
		                background-image    : url('/assets/web/images/pageElements/backgroundGradient_pagination_active.jpg');
		                background-repeat   : repeat-x;
	                    }