/*
    ****************************************************************
    CORE SCREEN HTML STYLES
        - Generic rules applied to core html types, a, p img etc.
    *****************************************************************
    */

        html
        {
            text-align  : center;
            font-family : Arial, Helvetica, Tahoma, Sans-Serif;
            font-size   : 10px;
            height      : 100.1%;
            }

            
            body
            {
                width               : 100%;
                margin              : 0px;
                padding             : 0px;
                
                background-color    : #cdcdcd;
                
                font-size           : 10px;
                
                text-align          : center;
                }


                /*
                ****************************************************************
                IMAGES
                *****************************************************************
                */
                    img
                    {
                        display : block;
                        }    
                
                
                /*
                ****************************************************************
                TEXT STYLES
                *****************************************************************
                */
                    h1
                    {
                        font-size   : 17px;
                        line-height : 18px;
                        font-weight : bold;
                        line-height : 18px;
                        margin      : 0px 0px 0px 0px;
                        padding     : 0px 0px 0px 0px;
                        vertical-align : top;
                        }
                    
                    h2
                    {
                        font-size   : 13px;
                        line-height : 16px;
                        font-weight : bold;
                        margin      : 0px 0px 0px 0px;
                        padding     : 0px 0px 0px 0px;
                        vertical-align : top;
                        }

                    h3
                    {
                        font-size   : 11px;
                        font-weight : bold;
                        margin      : 0px 0px 0px 0px;
                        padding     : 0px 0px 0px 0px;
                        vertical-align : top;
                        }
                    
                    h4
                    {
                        font-size   : 10px;
                        font-weight : bold;
                        margin      : 0px 0px 0px 0px;
                        padding     : 0px 0px 0px 0px;
                        vertical-align : top;
                        }
                    
	                p 
	                {
                        font-size   : 11px;
                        line-height : 13px;
		                margin      : 0px 0px 0px 0px;
                        padding     : 0px 0px 0px 0px;
                        vertical-align : top;
                        }

                /*
                ****************************************************************
                FORMS
                *****************************************************************
                */
                
                form
                {
                    margin  : 0px;
                    padding : 0px;
                    }
                    
                    form fieldset 
                    {
                        border  : #ff0000 0px solid;
                        padding : 0px;
                        margin  : 0px;
                        }
                        
                        form fieldset legend
                        {
                            /* display: none; */
                            position        : relative; /* affects ie.7 ONLY - used to reset x position to equivalent of 0 */
                            left            : -7px;     /* affects ie.7 ONLY - used to reset x position to equivalent of 0  */
                            padding         : 0px;
                            margin          : 0px;
                            border-width    : 0px;      /* This removes blue colour from text in ie.7 ??? */
                            }
        

 
    /*
    ****************************************************************
    UTILITY STYLES
        - Generic rules for clearing, floating and hiding content.
    *****************************************************************
    */
        .clear
        {
            clear : both;
            }

        div.clear
        {
            height : 0px;
            /*
             * NASTY HACK: ie.6 gives any element with an opening and closing tag a default minimum height
             */
            font-size           : 0px;
            line-height         : 0px;
            }

        .left
        {
            float : left;
            }

        .right
        {
            float : right;
            }




    /*
    ****************************************************************
    CORE NAMED LAYOUT STYLES
        - Container element css styles that affect the overal page layout.
    *****************************************************************
    */
        div.body
        {
            text-align : left;
            } 




    /*
    ****************************************************************
    DROP SHADOW RELATED STYLES.
        - These provide block level elements with a drop shadow when implemented correctly
    *****************************************************************
    */
        div.dropShadowOuter
        {
            position            : relative;
	        background-image    : url('/assets/web/images/panelElements/dropShadow_panel_main.png');
            /*
            filter : none !important;
            filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/assets/web/images/shadowie6.png');
            */
	        background-repeat   : no-repeat;
	        background-position : bottom right;
	        margin              : 4px 0px 0px 4px;
            }

            *.dropShadowInner
            {
                position    : relative;
	            bottom      : 4px;
	            right       : 4px;
                }

            div.dropShadowTR,
            div.dropShadowBL
            {
                width               : 4px;
                height              : 4px;
                background-repeat   : no-repeat;
                }

            div.dropShadowTR
            {
                position            : absolute;
                top                 : -4px;
                right               : 0px;
                background-image    : url('/assets/web/images/panelElements/dropShadow_panel_topRight.png');
                }

            div.dropShadowBL
            {
                position            : absolute;
                bottom              : 0px;
                left                : -4px;
                background-image    : url('/assets/web/images/panelElements/dropShadow_panel_bottomLeft.png');
                }

            
            
            div.dropShadowOuter.pageElement
            {
                background-image    : url('/assets/web/images/pageElements/dropShadow_pageElement_main.png');
                }

            div.dropShadowOuter.pageElement div.dropShadowTR
            {
                background-image    : url('/assets/web/images/pageElements/dropShadow_pageElement_topRight.png');
                }

            div.dropShadowOuter.pageElement div.dropShadowBL
            {
                background-image    : url('/assets/web/images/pageElements/dropShadow_pageElement_bottomLeft.png');
                }
                
                
        div#search div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#recently-reduced div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#franchise-news div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#sytner-motoring-news div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#motor-sport-news div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#general-motoring-news div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#industry-news div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#new-car-offers div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#used-car-offers div#mainBodyContent div.dropShadowOuter.mainContentPanel,
        div#customer-testimonials div#mainBodyContent div.dropShadowOuter.mainContentPanel
        {
            background-image : url('/assets/web/images/panelElements/dropShadow_panel_main_big.png');
            }