/*	[Pinsent Masons - main site]
    ----------------------------------------------------------------- 
    Author(s):	Chris Goodchild - chris.goodchild@fortunecookie.co.uk
                Julia Gosling - julia.gosling@fortunecookie.co.uk
    Created:	04/04/2011
    Notes: 		Global framework styles for all browsers
*/


/*	COLOUR INDEX
    -----------------------------------
    dark grey: #393737 (headings)
    mid grey: #666 (body copy)
    slightly lighter grey: #545353 (labels)
    lighter grey: #333 (legend)
    red: #c70c47 (nav hover / strapline)
    green: #00AF6A (valid label)
    blue: blue (help button)
    blue: #00f (help anchor)
    black: #000
    white: #FFF
*/


/*  CONTENTS
    -----------------------------------
    1.0 RESETS
    2.0 HTML ELEMENTS
    3.0 STANDARD LAYOUT
    4.0 NAVIGATION
    5.0 MODULES (shared)
    6.0 MODULES (unique)
    7.0 BUTTONS
    X.X CLEARING AND GENERIC CLASSES
*/




/*	1.0 RESETS
    ----------------------------------------------------------------- */
    * { margin: 0; padding: 0 }
    img, a img { border: 0 none }



/*	2.0 HTML ELEMENTS
    ----------------------------------------------------------------- */

    /*	2.1 FONT SIZING --------------------------------------- */
    body { background: #000; font-size: 62.5% } /* 10px base */
    
    #navigation .subsection li { font-size: .867em }
    #navigation .subsubsection li { font-size: .867em }
    
    li li,
    fieldset h3,
    #navigation li strong, 
    #navigation li .subsection { font-size: 1em }
    #navigation li .subsubsection { font-size: 1em }
	
	#navigation li strong.large { font-size:1.25em; }
    
    h5, h6, p, blockquote, li, th, 
    td, label, code, kbd, pre,
    #footer li, #footer small { font-size: 1.2em }
    
    .header-nav li,
    .results-grid p,
    .pagination li { font-size: 1.3em }
    
    #header #SearchText { font-size: 1.4em }
    
    #navigation li, 
    #breadcrumb li,
    .results-grid strong a,
    .home .related h2,
    .home .related li { font-size: 1.5em }

    textarea { font-size: 100% }
    
    /* Headings */
    h1 { color: #1f2528; font-size: 2.6em }
    h2 { color: #000; font-size: 2.1em }
    h3 { font-size: 1.5em }
    h4 { font-size: 1.35em }


    /*	2.1 FONT FORMAT --------------------------------------- */
    body { color: #1E2326 }
    
    abbr, acronym, dfn { cursor: help; border: 0 none }
    a abbr, a acronym, a dfn { cursor: pointer }
    pre, address {}
    p, blockquote { color: #1e2326; padding: 0 0 1em 0; line-height: 1.5em }
    blockquote { margin: 0 0 1em 0; padding: 0 }
    blockquote p { margin: 0; padding: 0 }

    body, #header input, .header-nav li { font-family: Arial, Helvetica, sans-serif }
    em, i { font-style: italic }
    strong, b { font-weight: 700 }
    dfn { font-style: normal }
    cite { font-style: italic }
    code, kbd, pre { font-family: "Courier New", Courier, mono }
    
    /* Alternate font - Georgia */
    p, li, blockquote, address, td, 
    label, input, select, textarea,
    #navigation .subsection li a,
    #navigation .subsubsection li a,
    #footer li,
    #footer small,
    .related li,
    .shortlist-content li,
    .filter-section li,
    .pagination li,
    .region-list ul li,
    .intro,
    .intro p,
    .intro li,
    .cross-news .listing li,
    .profile-overview li,
    .site-search-outlaw .more-results,
    .related .all-sectors { font-family: Georgia }
    
    /* Font Deck declarations (stylesheet in head) */
    h1, h2, h3, h4, h5, h6, th,
    #navigation a,
    #strapline p,
    #breadcrumb li,
    .results-grid strong,
    .office-head strong,
    .button,
    .button span,
    .button input,
    .home .related a,
    .listing-link,
    .case-studies-list li a,
    .search-results-form #SearchText,
    .search-advanced label,
    .sector-glance .more,
    .cross-news .more a,
    .promotion div a,
    .award-content strong,
    .sitemap-menu strong,
    .result-listing .result-section,
    .outlaw-search-banner a,
    .search-advanced a,
    .video-questions strong,
    .search-errors,
    .promotion span span { font-family: "Bliss Medium", "Gill Sans", "Helvetica Neue", Arial, sans-serif; font-weight: 500; font-style: normal }


    /*	2.2 ANCHORS ----------------------------------------- */
    a, a:visited { text-decoration: underline; color: #000 }
    a:active,
    a:hover { color: #000; outline: 0 none; text-decoration: none }
    a:focus { color: #000; outline: 1px dotted #c70c47; text-decoration: none }
    
    #footer li a { color: #ccc; text-decoration: none }
    #footer h2 a, #footer h3 a { color: #fff; font-size: 1em; text-decoration: none }
    #footer a:hover,
    #footer a:active,
    #footer a:focus { text-decoration: underline }
    
    
    
    #breadcrumb a:focus,
    #footer a:focus { outline: 1px dotted #fff }	
    #content a:focus { outline: 1px dotted #000 }
    
    #content .listing-link,
    #content .listing-link:visited { background: url(../images/buttons/listing-link.png) 100% 50% no-repeat; color: #fff; display: inline-block; font-size: 1.5em; padding: 5px 30px 5px 10px; text-decoration: none }
    #content .listing-link:hover,
    #content .listing-link:active,
    #content .listing-link:focus { background-image: url(../images/buttons/listing-link-over.png); text-decoration: underline }	
    


    /*	2.3 HEADERS ----------------------------------------- */
    h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 }
    h1 { margin-bottom: 20px }
    h2 { margin-bottom: 10px }
        h2.people-search { padding-top: 16px }
    #footer h2, #footer h3 { color: #fff; font-size: 1.6em; margin: 0 }


    /*	2.4 LISTS ------------------------------------------- */
    ul, ol, dl { margin: 0; padding: 0 0 1em }
    ul ul, ol ol, ol ul, ul ol { padding: 0; margin: 0 0 0 2em }
    ul { list-style-type: disc }
    ol { list-style-type: decimal }
    li { margin: 0 0 0 2em; padding: 0 }

    ul.links { list-style-type: none }
    ul.links li { margin: 0; padding: 0 }
    ul.horizontal li { float: left; width: auto; margin: 0 1em 0 0 }

    dt { display: block; float: left }
    dd { margin-left: 10em }

    .subcat ul 
    {
        
    }

    /*	2.5 TABLES ----------------------------------------- */
    caption { display: block; padding: 0; margin: 0 }
    table { border: 4px solid black; border-width: 0 0 1px 1px; margin-bottom: 20px; width: 100% }
    th, td { border-right: 1px solid #eee; padding: 12px 16px }
    th { background: #000; border-bottom: 1px solid #919191; color: #fff; font-size: 1.5em }
        th p { color: #fff }
    td { background: #f2f2f2; color: #1e2326; border-bottom: 1px solid #dbdbdb; font-size: 1.3em; vertical-align: top }
    tr.last td { border-bottom: 0 none }

.pmtable { 
}
    

    /*	2.6 FORMS ------------------------------------------ */
    form { margin: 0; padding: 0 }
        fieldset { border: 0 none; padding: 0; margin: 0 0 20px }
        fieldset fieldset { border: 0 none; padding: 0; margin: 0 }
        legend { margin: 0; padding: 0 }

    /*	2.7 FRAMES ------------------------------------------ */
   .iFrameContent {border: none;margin-bottom:13px}


@media only screen and (max-width : 767px) {
   .iFrameContent iframe {border: none;width: 100%;}
   .iFrameContent video {width: 100%;}
}


/*	3.0 STANDARD LAYOUT
    ----------------------------------------------------------------- */
    #page { margin: 0 auto; padding: 0; text-align: left }
    #subnav { clear: both; float: left; width: 24.5% }
    #navigation, #breadcrumb, #content, #footer, #strapline p, .header-nav .nav-wrap, .header-content { margin: 0 auto; width: 960px }
    .header-content { width: 920px }
    #content { background: #fff; padding: 20px; width: 920px }
    #footer { width: 920px }
    .top-content { border-bottom: 4px solid #49555c }
    #graduates .top-content { border: none }


   


    /*	3.2 HEADER ------------------------------------------ */
    .header-nav ul { float: left }
    .site-link { background: url(../images/icons/outlaw-logo.png) 0 50% no-repeat; color: #fff; display: inline-block; float: right; font-size: 1.4em; line-height: 22px; margin-top: 3px; padding-left: 24px }
    
    #graduates .site-link {background-image: url(../../images/icons/pm-logo-site-link.png) }
	.site-link.pm-site-link {background-image: url(../images/icons/pm-logo-site-link.png); margin-right:20px; }
    .site-link a:visited,
    .site-link a:active { color: #fff }
    .header-content { background: #000; margin-top: 12px; padding: 22px 20px 18px }
    #header .logo { float: left; height: 58px; width: auto }
    #header .logo a { display: block }
    #header .search { clear: right; float: right; padding-top: 13px; width: 226px }
    #header .search label { position: absolute; left: -999em; top: -999em }
    #header #SearchText { background: #60727b; border: none; color: #FFF; float: left; height: 2.1em; padding: 0 0 0 7px; width: 188px }
    #header #SearchButton { background: url(../images/btn-search.png) 0 0 no-repeat; border: none; float: left; height: 29px; margin: 0; padding: 0; width: 29px }
    #strapline { padding: 34px 0; zoom: 1 }
        #strapline a { text-decoration: none }
        #strapline p { width: auto }
        #strapline span { background: #c70c47; clear: left; color: #fff; float: left; font-size: 1.750em; margin-bottom: 2px; padding: 6px 8px 8px 20px; white-space: nowrap }
    



/*	4.0 NAVIGATION
    ----------------------------------------------------------------- */

    /*	4.1 SHORTCUTS ------------------------------------------ */
    #shortcuts { position: relative; height: 0 }
    #shortcuts ul, #shortcuts ul li { list-style-type: none; height: 0; padding: 0; margin: 0 }
    #shortcuts ul { position: absolute; width: 100% }
    #shortcuts li a { display: block; position: absolute; left: -500px; top: -500px; z-index:10; }
    #shortcuts li a:focus, #shortcuts li a:active { position: absolute; left: 0; top: 0; width: 100%; font-size: 1.167em; text-align: center; border-bottom: 2px solid #c70c47; color: #f4f4f4; outline: 0 none; padding: 6px 0; background: #040404 }
    .toplink { position: absolute; left: -500px; height: 1px; overflow: hidden; width: 50% }
    strong.navArrow {padding: 0;}

    /*	4.2 FOOTER LINKS --------------------------------------- */
    #footer { background: #000; padding: 20px 20px 30px }
        #footer .grid-row { background: url(../images/layout/footer-shadows.png) 300px 0 repeat-y; margin-bottom: 20px; min-height: 262px }
        #footer .grid {border-top: 4px solid #ccc; padding-top: 16px}
        #footer .grid-outer { border-top: 0; padding-top: 0 }
            #footer .grid h2, 
            #footer .grid h3 { padding-bottom: 20px }
            #footer .grid ul { list-style: none; padding-bottom: 0px; }
                #footer .grid ul ul { margin: 0 }
                #footer .sectors,
                #footer .services { float: none; }
                
                
                #footer .sectors .subshortlist li {background: url(../images/icons/arrow-red-on-black.png) 0% 60% no-repeat; font-size: 1.1em; margin:0 30px 5px 0; padding:0 0 0 15px; float: left; white-space:nowrap; }
                
                #footer .sectors li,
                #footer .services li { font-size: 1.1em; margin: 0px 0 12px 0; padding-right: 10px; }
                
                #footer .sectors li li {margin-bottom:6px; padding-top:6px;} 
                
                #footer .sectors li.col-1,
                #footer .sectors li.col-2,
                #footer .services li.col-1,
                #footer .services li.col-2 { float: left; margin: 0; width: 130px }
                #footer .outlaw strong  { background: url(../images/icons/outlaw-news-tag.png) 0 50% no-repeat; display: inline-block; height: 22px; margin-right: 3px; position: relative; top: -1px; width: 120px; vertical-align: middle }
                #footer .outlaw a:visited, 
                #footer .outlaw a:active { text-decoration: none }
                #footer .outlaw a:hover,
                #footer .outlaw a:focus { color: #fff; text-decoration: underline }
        #footer .legal { clear: left; text-align: right }
            #footer .links { float: right; margin-left: 6px }
            #footer small { color: #fff }
                #footer .legal li { background: url(../images/navigation/footer-links-divider.png) 0 50% no-repeat; display: inline; padding: 0 6px }
                #footer .legal a { color: #fff }
                #footer .legal .last { padding-right: 0 }
    
        #footer .office-locations p { color:#CCC!important; }
		#footer .office-locations .promotion { border:none; width:278px;}
		#footer .office-locations .promotion p { color:#000;}
		
    /*	4.3 NAVIGATION ----------------------------------------- */
    #navigation { background: #424f55; clear: both; font-weight: 700; margin-bottom: 2px }
        #navigation ul { list-style-type: none; margin: 0; padding: 0 }
            #navigation li { background: url(../images/navigation/item-divider.png) 100% 50% no-repeat; float: left; height: 30px; margin: 0; overflow: visible; padding: 0 1px 0 0; position: relative; z-index: 899 }
                #navigation a { display: block; float: left; outline-width: 0; position: relative; text-decoration: none; z-index: 900 }
                    #navigation span { color: #FFF; display: block; float: left; margin: 0; padding: 6px 20px; width: auto }
                
                #navigation .selected a,
                #navigation li:hover a,
                #navigation a:hover,
                #navigation a:focus { background: url(../images/navigation/selected.png) 49% 100% no-repeat; padding-bottom: 5px }
                
                #navigation li:hover a span,
                #navigation a.home-link span, 
                #navigation a:hover span, 
                #navigation a:focus span, 
                #navigation a:active span,
                #navigation .selected a span { background: #c70c47 url(../images/navigation/nav-items-sprite.png) 0 -60px no-repeat; outline: 0 none }
                
                #navigation a.home-link span { background-position: 0 -60px; padding-left: 20px }
                #navigation .selected a.home-link span,
                #navigation a.home-link:hover span,
                #navigation a.home-link:focus span,
                #navigation a.home-link:active span { background-position: 0 -120px }
            
            #navigation .flyout { background: #1e2326; /*display: none;*/ left: 0; padding: 25px 0 10px 25px; position: absolute; top: 30px; width: 243px; z-index: 899; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.75); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.75); box-shadow: 5px 5px 5px rgba(0,0,0,.75)  }
            #navigation .flyout.right { left:auto; right:0; }
            #navigation .fo-double { background: #1e2326 url(../images/navigation/nav-box-divider.png) 269px 25px no-repeat; width: 526px }
            #navigation .fo-language-specific { background: #1e2326 url(../images/navigation/nav-box-divider.png) 269px 25px no-repeat; }
            #navigation li:hover .flyout,
            #navigation li.hovered .flyout { /*display: block*/ }
                
                #navigation .subsection { background-image: none; border-top: 4px solid #ccc; height: auto; margin-right: 35px; padding: 0 0 5px; width: 218px }
                #navigation .fo-language-specific .subsection { float: none; }
                #navigation .fo-double .subsection { width: 228px }
                    
                    #navigation .subsection li,
                    #navigation .flyout .subsection a { font-size: 0.95em; background-image: none; float: none; height: auto }
                    #navigation .flyout .subsection strong { color: #fff; }
                    #navigation .subsection li { margin-bottom: 10px }
                        #navigation .flyout .subsection a { background-color: transparent; color: #fff; padding: 0 }
                        #navigation .flyout .subsection a:hover,
                        #navigation .flyout .subsection a:active,
                        #navigation .flyout .subsection a:focus { text-decoration: underline }
                        
                    #navigation strong { display: block; padding: 10px 0 15px}
                        #navigation strong.navArrow {padding: 0;display: inline-block;}
                        #navigation .flyout .subsection strong a { background: url(../images/icons/arrow-white-on-grey.png) 100% 60% no-repeat; display: inline-block; font-weight: 400; padding-right: 12px; text-decoration: none }
                    #navigation .subsubsection ul { margin-top:5px  ; overflow:hidden;margin-left:0px;}
                    #navigation .subsubsection li {white-space:nowrap;padding-left:15px; margin-left:3px; background: url(../images/icons/arrow-red-on-grey.png) 0 3px no-repeat; overflow:visible; margin-right:20px; float:left;font-style:italic;font-size:75%; }
                     
                        #navigation .flyout .subsubsection a { background-color: transparent; color: #fff; padding: 0 }
                        #navigation .flyout .subsubsection a:hover,
                        #navigation .flyout .subsubsection a:active,
                        #navigation .flyout .subsubsection a:focus { text-decoration: underline }
                        #navigation .flyout .subsubsection ul a { font-size: 0.99em; background-color: transparent; color: #cccccc; padding: 0; }
    .mobileNavOnly {display:none;}
                        
    /*	4.4 GLOBAL LINKS ---------------------------------------- */
    .header-nav { background: #000; padding: 4px 0 }
        .header-nav ul,
        .header-nav li { background: url(../images/navigation/global-item-divider.png) 0 50% no-repeat; list-style: none; padding: 0 }
            .header-nav li { background-position: 100% 50%; float: left; line-height: 28px; padding-right: 10px; margin: 0 0 0 10px }
                .header-nav a { color: #fff; text-decoration: none }
                .header-nav a:hover,
                .header-nav a:focus,
                .header-nav a:active { text-decoration: underline }
			.header-nav li.dropdown { padding-right:0; position:relative; background:transparent url( ../images/icons/arrow-down-white-on-black.png ) right 50% no-repeat; }
				.header-nav li.dropdown>a { margin-bottom:-4px; padding-bottom:4px; display:inline-block; padding-right:15px; height:100%; line-height:28px; background:transparent url( ../images/icons/globe.png ) 0 4px no-repeat; padding-left:30px; }
				.header-nav li.dropdown>ul { -webkit-box-shadow:  5px 5px 7px 0px rgba(0, 0, 0, 0.5); box-shadow:  5px 5px 7px 0px rgba(0, 0, 0, 0.5); border-top:1px solid #363739; display:none; width:120px; padding:10px 20px; margin:0; background:#262626; position:absolute; left:15px; top:32px; }
				.header-nav li.dropdown:hover>ul { display:block; z-index:100000; }
				.header-nav li.dropdown:hover>ul li { line-height:1.4em; margin:0; padding:5px 0; background:none; display:block; font-size:1em; float:none; width:auto; }
				
    /*	4.5 BREADCRUMB ----------------------------------------- */
    #breadcrumb ul { list-style: none; padding: 0 }
        #breadcrumb li,
        #breadcrumb .trail-link { background: url(../images/navigation/breadcrumb.png) 100% -100px no-repeat; color: #fff; float: left; margin: 0; padding: 6px 30px 4px 10px }
        #breadcrumb .trail-link { background-position: 100% 0 }
        #breadcrumb .penultimate { background-position: 100% -50px }
        #breadcrumb .first { padding-left: 20px }
            #breadcrumb a { color: #fff; text-decoration: none }
            #breadcrumb a:hover,
            #breadcrumb a:active,
            #breadcrumb a:focus { text-decoration: underline }
        




/*	5.0 MODULES
    ----------------------------------------------------------------- */
    
    /*	5.1 NEWS LIST ----------------------------------------------- */
    .news-list li { border-bottom: 1px solid #2f363b; line-height: 1.9; margin: 0 0 12px; padding: 0 4px 12px }
        .news-list li a,
        .news-list li a:visited {}
        .news-list li a:hover,
        .news-list li a:active,
        .news-list li a:focus {}
    
    
    /*	5.2 SHORTLIST ----------------------------------------------- */
    .shortlist-group { padding-top: 20px }
        .shortlist { margin-bottom: 30px; padding: 30px 180px 0 0 }
        .location-shortlist { padding-top: 105px }
            .shortlist h2 { background: #c70c47; font-size: 2.1em; margin-bottom: 3px }
                .shortlist h2 a { color: #fff; display: block; padding: 6px 20px; text-decoration: none }
                .shortlist h2 a:hover,
                .shortlist h2 a:focus { color: #fff; text-decoration: underline }
                    .shortlist h2 span { background: url(../images/icons/arrow-white-on-red.png) 100% 65% no-repeat; padding-right: 12px }
            .shortlist .shortlist-content { background: #1f2528; font-size: 1.3em; padding: 20px 20px 8px }
                .shortlist .shortlist-content ul { list-style: none; padding: 0 }
                .shortlist .shortlist-content li.col-1,
                .shortlist .shortlist-content li.col-2 { background-image: none; float: left; margin: 0; padding: 0 20px 0 0 }
                    .shortlist .shortlist-content li { background: url(../images/icons/arrow-red-on-grey.png) 0 3px no-repeat; margin: 0 0 12px; padding: 0 0 0 16px; width: 175px }
                    .shortlist .shortlist-content li ul { margin: 0 }

                        .shortlist .shortlist-content p,
                        .shortlist .shortlist-content li,
                        .shortlist .shortlist-content a { color: #fff; font-size: 1em; text-decoration: none }
                        .shortlist .shortlist-content a:hover,
                        .shortlist .shortlist-content a:focus { text-decoration: underline }
                        #page .shortlist-content li a:focus { outline: 1px dotted #c70c47 }
                
                .shortlist .shortlist-content .subshortlist 
                {
                    margin-left:15px;
                    padding-bottom:30px;		    
                }
                .shortlist .shortlist-content .subshortlist li 
                {
                    background-image:none;
                    margin:0px 30px 3px 0px;
                    padding:0 0px 0 20px ;
                    width:auto;
                    color:#c70c47;
                    float:left;
                    white-space:nowrap;
                    background: url(../images/icons/arrow-red-on-grey.png) 0% 60% no-repeat;
                }
                
                .shortlist .shortlist-content .subshortlist a { color: #cccccc; font-size: 0.95em; text-decoration: none }	
                .shortlist .shortlist-content .subshortlist a:hover,
                .shortlist .shortlist-content .subshortlist a:focus { text-decoration: underline }
    
    
    /*	5.3 RELATED ------------------------------------------------- */
    .related { background: #eee; margin: 0 0 30px 0; padding: 12px 0 }
        .related h2 { color: #000; font-size: 1.5em; margin-bottom: 18px; padding: 0 8px }
        .related ul { list-style: none; margin: 0 0 10px; padding: 0 }
            .related li { background: url(../images/icons/arrow-red-on-grey-alt.png) 8px 12px no-repeat; border-top: 1px solid #d3d3d3; font-size: 1.3em; line-height: 1.3; margin: 0 0 10px; padding: 10px 10px 0 20px }
            .related .first { background-position: 8px 2px; border: 0 none; padding-top: 0 }
                .related a { color: #c70c47; text-decoration: none }
                .related a:hover,
                .related a:focus { color: #000; text-decoration: underline }
                .related .all-sectors { border-top: 1px solid #d3d3d3; color: #c70c47; display: block; font-size: 1.3em; padding: 10px 10px 0 8px }
                    .related .all-sectors span { background: url(../../images/icons/arrow-red-on-grey-alt.png) 0 3px no-repeat; padding-left: 12px }
            .date { background: url(../images/outlaw/divider-grey.png) 0 0 no-repeat; color: #4f4f4f; display: inline-block; padding-left: 6px; margin-left: 6px }
    
    
    /*	5.4 FILTER -------------------------------------------------- */
    .filter { background: #f2f2f2; border: 1px solid #ececec; border-width: 0 1px 1px 1px; padding: 18px 12px 4px; position: relative }
        .filter .button { position: absolute; right: 12px; top: 14px }
        .filter-section .button { margin-bottom: 10px; position: static }
        .filter h2 { font-size: 1.8em; margin-bottom: 20px }
        .filter h3 { font-size: 1.5em; margin-bottom: 20px }
        .filter-section { background: #fff; border: 1px solid #ececec; margin-bottom: 16px; padding: 14px 12px 4px }
            
            .filter-section select { margin: 0 0 12px; width: 228px }
            
            .filter-section ul { list-style: none; padding: 0 }
                .filter-section li { background: url(../images/icons/arrow-red-on-white.png) 0 2px no-repeat; font-size: 1.3em; margin: 0 0 12px; padding: 0 0 0 14px }
                .filter-section li ul { margin: 0 10px 0 -20px; padding-top: 8px }
                .filter-section li li,
                .filter-section li .selected { background: url(../images/bullet-dash.png) 20px 8px no-repeat; border-bottom: 1px solid #f1f1f1; font-size: 1em; line-height: 1.3; margin: 0 0 10px; padding: 0 0 8px 30px }
                .filter-section .selected { background: url(../../images/navigation/filter-selected.png) 0 0 no-repeat; position: relative; line-height: 29px; margin: 0 -12px 12px -21px; padding: 1px 0 0 9px }
                    
                    .filter-section a,
                    .filter-section .selected li a { color: #c70c47; display: block; text-decoration: none }
                    .filter-section a:hover,
                    .filter-section a:focus,
                    .filter-section .selected li a:hover,
                    .filter-section .selected li a:focus { text-decoration: underline }
                    .filter-section .selected a { background: #c70c47; color: #fff; padding-left: 26px }
                    .filter-section .selected .selected a,
                    .filter-section .selected .selected .selected a { color: #000; font-weight: 700 }
                        
                        .filter-section .selected ul { margin: 0 0 20px; padding-left: 10px }
                        .filter-section .selected ul li { border: 0 none; padding: 0 20px }
                            .filter-section .selected li a,
                            .filter-section li .selected li a,
                            .filter-section .selected .selected li a { background: transparent; color: #c70c47; font-weight: 400; padding-left: 10px }
                            .filter-section .selected .selected li { border: 0 none; font-size: 0.923em; padding-bottom: 0 }
                            .filter-section .selected .selected ul { padding-top: 12px }
    
    
    /*	5.5 RESULTS ------------------------------------------------- */
    .results-grid { list-style: none; padding: 0 }
        .results-grid li { float: left; font-size: 1em; min-height: 185px; margin: 0 1.733em 0 0; width: 142px }
        #graduates .results-grid li { margin: 0 2em 0 0; width: 193px }
        .g7-5 .results-grid li { margin: 0 .7em 0 0; width: 140px }
        #content .results-grid .row-end { margin: 0 }
            .results-grid .thumbnail { border: 1px solid #eee; display: block; height: 105px; margin-bottom: 9px; text-align: center; width: 140px }
            #graduates .results-grid .thumbnail { height: auto; width: 191px }
                .results-grid .thumbnail img { margin: 0 auto }
            .results-grid strong { display: block }
                .results-grid strong a { color: #c70c47; text-decoration: none }
                .results-grid strong a:hover,
                .results-grid strong a:focus { color: #000; text-decoration: underline }
            .results-grid p { font-size: 1.2em }
        
        /* Key Contacts inner page area */
        .key-contacts { border-bottom: 4px solid #49555c; margin-bottom: 20px; position: static; }
        .top-content .key-contacts { border-bottom: 0 none }
            .all-contacts { /* position: absolute; */ top: 5px; right: 0 }
                .all-contacts a { background: url(../images/icons/arrow-red-on-white.png) 100% 50% no-repeat; color: #c70c47; padding-right: 12px; text-decoration: none }
                .all-contacts a:hover,
                .all-contacts a:focus { color: #000; text-decoration: underline }
    
    
    
    /*	5.6 NEWSLETTER SIGNUP --------------------------------------- */
    .newsletter { background: #f2f2f2; border-top: 4px solid #49555c; margin-bottom: 20px; padding: 14px 10px }
        .newsletter h2 { color: #000; font-size: 1.8em; margin-bottom: 10px }
        .newsletter .input,
        .newsletter .input input { background: url(../images/forms/input-default.png) 0 50% no-repeat; border: 0 none; font-family: Georgia; height: 34px }
        .newsletter .input { margin-bottom: 10px; padding-left: 12px }
        .newsletter .input input { background-position: 100% 50%; line-height: 34px; outline: 0 none; padding: 0 12px 0 0; width: 236px }
        .newsletter .clear { clear: left; margin-bottom: 12px }
        .newsletter .clear label { font-family: Georgia; font-weight: 400; margin-left: 20px }
        .newsletter .clear input { float: left }
    
    
    /*	5.7 PAGINATION ---------------------------------------------- */
    .pagination { clear: left; padding: 20px 0 }
    .pagination-alt .pagination { border: 1px solid #eee; border-width: 1px 0; padding: 10px 0 }
        .pagination p { float: left; font-size: 1.3em; padding: 0 }
        .pagination ul { float: right; list-style: none; padding: 0; text-align: right }
            .pagination li { background: url(../images/navigation/pagination-divider.png) 100% 50% no-repeat; display: inline; float: left; margin: 0; padding: 0 5px 0 4px }
            .pagination .prev,
            .pagination .next,
            .pagination .last { background-image: none }
                .pagination a { color: #c70c47; display: inline; text-decoration: none }	
                .pagination a:hover,
                .pagination a:active,
                .pagination a:focus { text-decoration: underline }
                .pagination .prev a,
                .pagination .next a { text-decoration: underline }
                .pagination .prev a:hover,
                .pagination .prev a:active,
                .pagination .prev a:focus,
                .pagination .next a:hover,
                .pagination .next a:active,
                .pagination .next a:focus { background: transparent; color: #c70c47; text-decoration: none }
    
    
    /*	5.8 PROMO BOX ----------------------------------------------- */
    .promo-box { background: #f2f2f2; border-top: 4px solid #49555c; margin-bottom: 30px; padding: 12px }
        .promo-box h2 { color: #000; font-size: 1.8em; margin: 0 0 10px }
        .promo-box h3 { margin-bottom: 10px }
        .office-promo .office-content { background: #fff; margin-bottom: 12px; padding: 14px }
        .office-promo address { color: #000; font-size: 1.3em; font-style: normal; line-height: 1.7; margin-bottom: 12px }
        .featured div { margin-bottom: 15px }
        .featured .separate { border-top: 4px solid #49555c; padding-top: 15px }
        .featured h3,
        .spotlight h3 { color: #000; font-family: Georgia; font-size: 1.3em; font-weight: 700; padding-bottom: 10px }
            .featured h3 span { display: block; font-weight: 400 }
        .featured .copy,
        .spotlight .copy { padding: 0 0 10px }
            .featured p,
            .spotlight p { font-size: 1.3em; font-family: Georgia }
        .publication img { float: left; margin: 0 10px 10px 0 }
        .g7-5 .publication .button { margin-left: 90px }
        .partnership .copy { padding-top: 10px }
    
    
    /*	5.9 SECTION ------------------------------------------------ */
    .section { border: 4px solid #49555c; border-width: 0 0 4px; padding-bottom: 12px; margin-bottom: 10px }
        .section h2 { color: #333; font-size: 2.1em; margin: 0; padding-bottom: 14px }
        .section h3 { color: #333; font-size: 1.8em; margin: 0; padding-bottom: 14px }
        .noborder { border: 0 none }
        
    .divider{border-top:4px solid #49555c;padding:20px 0 0 0;}	
    
    
    /*	5.10 LISTING ----------------------------------------------- */
    .sector-list,
    .region-list,
    .case-studies-list { border-width: 4px 0 0 0; padding-top: 12px }
        .sector-list h2 { margin: 0 }
            .sector-list h2 a { text-decoration: none }
            .sector-list h2 a:hover,
            .sector-list h2 a:active,
            .sector-list h2 a:focus { text-decoration: underline }
        .sector-list p { font-size: 1.3em }
        .case-studies-list a { text-decoration: none }
        .case-studies-list a:hover,
        .case-studies-list a:focus { color: #000; text-decoration: underline }
    .article-listing { list-style: none; margin: 0; padding: 0 }
        .article-listing li { border-top: 1px solid #eee; margin: 0; padding: 20px 0 }
        .article-listing .first { border: 0 none; padding-top: 0 }
            .article-listing li h2 { font-size: 1.250em; margin: 0 }
                .article-listing li h2 a,
                .article-listing li h3 a { color: #c70c47 }
            .article-listing li .meta { color: #565656; font-size: 1.083em }
                .article-listing li .meta a { color: #c70c47 }
            .article-listing li p { font-size: 1.083em }
            .article-listing li .button span { font-size: 1.25em }
    .article-listing li .image{width:160px;float:left;}
    .article-listing li .image p{clear:left;}
    .article-listing li .text{width:460px;float:left;}
    .publication-list { background: #f2f2f2; border: 1px solid #eee; border-width: 4px 1px 1px 1px; border-top-color: #49555c; padding: 18px 12px }
        .publication-list h2 { font-size: 1.8em; margin: 0; padding-bottom: 4px }
        .publication-list ul { list-style: none; margin: 0; padding: 0 }
            .publication-list li { margin: 0; padding: 10px 0 }
                .publication-list img { float: left; width: 80px }
                .publication-list .pub-content { display: block; margin-left: 90px; position: relative; top: -2px }
                    .publication-list .pub-content strong { color: #000; font-family: Georgia }
                    .publication-list .pub-content p { line-height: 1.3 }
                    .publication-list li li { border: 0 none; color: #000; font-family: Georgia; padding: 2px 0 }
                    .publication-list .button span { font-size: 1.25em }
    
    
    /*	5.11 CASE STUDIES ------------------------------------------ */		
    .case-studies-alt .section { border: 0 none; padding-top: 0 }
    .case-studies-list h2 { color: #000; font-size: 1.8em; margin: 0 }
    .case-studies-list ul { list-style: none; margin: 0; padding: 0 }
        .case-studies-list li { border-top: 1px solid #eee; margin: 0; padding: 10px 0 }
        .case-studies-list .first { border: 0 none; padding-top: 0 }
            .case-studies-list li a { background: url(../images/icons/arrow-red-on-white.png) 100% 3px no-repeat; color: #c70c47; font-size: 1.250em; margin: 0 0 12px; padding-right: 12px }
            .case-studies-list p { padding-bottom: 0 }
    
    
    /*	5.12 PAGE INTRO -------------------------------------------- */	
    .intro { color: #000; font-size: 1.5em; margin-bottom: 10px; padding-bottom: 10px }
    #graduates .intro { padding: 0 }
        .intro h2 { font-size: 1.4em }
        .intro p,
        .intro li { color: #000; font-size: 1em }
    
    
    /*	5.13 WYSIWYG COPY ------------------------------------------ */	
    .copy, .copy p { font-family: Georgia; font-size: 1.3em }
    .copy p { font-size: 1em }
    .copy ul { list-style: none; margin: 0; padding: 10px 0 }
        .copy ul li { background: url(../images/bullet-default.png) 0 5px no-repeat; color: #000; font-family: Georgia; font-size: 1em; margin: 0 0 16px; padding-left: 12px }
        .copy ol li { font-size: 1em; margin-left: 1.6em }
    
    
    /*	5.14 AT A GLANCE ------------------------------------------- */	
    .sector-glance { background: #1f2528; margin-bottom: 20px; padding: 14px 20px 8px }
    #content .sector-glance a:focus { outline-color: #fff; }
        .sector-glance h2 { background: #c70c47; font-size: 2.1em; margin: 0 -6px 14px -20px }
            .sector-glance h2 a { color: #fff; display: block; padding: 6px 20px; text-decoration: none }
            .sector-glance h2 a:hover,
            .sector-glance h2 a:focus { text-decoration: underline }
        .sector-glance .glance-thumb { border: 1px solid #ccc; float: left }
        .sector-glance .glance-content { margin-left: 158px }
        .no-thumb .glance-content { margin-left: 0 }
            .sector-glance .glance-content p { color: #fff; font-size: 1.250em }
            .sector-glance .glance-content .more { background: url(../images/icons/arrow-white-on-grey.png) 100% 5px no-repeat; color: #fff; font-size: 1.2em; padding-right: 12px; text-decoration: none }
            .sector-glance .glance-content .more:hover,
            .sector-glance .glance-content .more:focus { text-decoration: underline }
    
    
    /*	5.15 CROSS SITE NEWS --------------------------------------- */
    .cross-news { background: #032a42; margin-bottom: 20px; padding: 10px }
        .cross-news .site-link { float: none; margin-bottom: 10px }
            .cross-news .site-link a { color: #fff; font-size: 1.143em }
        .cross-news h3 { background: #0971b1; color: #fff; font-size: 1.8em; margin: 0 0 8px -10px; padding: 7px 10px }
        .cross-news .listing { background: #fff; list-style: none; margin-bottom: 10px; padding: 10px }
            .cross-news .listing li { background: url(../images/icons/arrow-blue-on-white.png) 0 2px no-repeat; color: #565656; font-size: 1.3em; margin: 0; padding: 0 0 20px 12px }
            .cross-news .listing .last { padding-bottom: 0 }
                .cross-news .listing span { color: #000; font-weight: 700 }
                .cross-news .listing .date { color: #565656; font-weight: 400 }
                .cross-news .listing a { color: #01558a; padding-right: 5px; text-decoration: none }
                .cross-news .listing a:hover,
                .cross-news .listing a:focus { color: #000; text-decoration: underline }
                .cross-news .listing strong { color: #1e2326 }
                .cross-news .listing .date { margin-left: 0 }
        .cross-news .more { background: url(../images/icons/cross-news-outlaw.png) 0 50% no-repeat; padding-left: 18px }
            .cross-news .more a { background: url(../images/icons/arrow-white-on-blue.png) 100% 50% no-repeat; color: #fff; font-size: 1.5em; padding-right: 12px; text-decoration: none }
            .cross-news .more a:hover,
            .cross-news .more a:focus { text-decoration: underline }
    
    
    /*	5.16 PROMOTION --------------------------------------------- */
    .promotion {border: 1px solid #eee; margin-bottom: 20px;clear: both;}
        .promotion a,
        .promotion img,
        .promotion span { display: block }
        .promotion span { background: #49555c; padding: 11px }
            .promotion span span { color: #fff; display: inline; font-size: 1.5em; padding: 0 12px 0 0; text-decoration: none }
                .promotion span span .arrow-right { background: url(../../images/icons/arrow-white-on-grey-alt.png) 0 50%; display:inline-block; font-size:0; padding: 0; text-decoration: none; width:7px; height:11px; }
            .promotion a { text-decoration: none }
            .promotion a:hover,
            .promotion a:active,
            .promotion a:focus { color: #fff; text-decoration: underline }
        .promo-body { background: #f2f2f2; padding: 12px }
        .promo-body { font-size: 1.3em }
        .promo-body p,
        .promo-body li { font-size: 1em }
        .promo-body a { display: inline }
        .promo-body a:hover,
        .promo-body a:active,
        .promo-body a:focus { color: #000 }
        .promo-body h2 { font-size: 1.615em }
        .promo-body h3 { font-size: 1.154em }
        .promo-body h4 { font-size: 1em }
    
    
    /*	5.17 KEY CONTACTS BOX -------------------------------------- */
    .top-content .key-contacts { background: #f2f2f2; border-top: 4px solid #49555c; margin-bottom: 30px; padding: 12px }
        .top-content .key-contacts h2 { margin-bottom: 10px }
        .top-content .key-contacts li { min-height: 0; width: auto }
        .top-content .key-contacts .thumbnail { background: #f8f8f8; float: left; height: auto; width: 105px }
        .top-content .key-contacts img { margin: 0 auto }
        .top-content .key-contacts div { margin-left: 115px }
            .top-content .key-contacts p { font-size: 1.3em; padding-bottom: 15px }
            .top-content .key-contacts .view { background: url(../images/icons/arrow-red-on-grey-alt.png) 100% 50% no-repeat; color: #c70c47; font-family: Georgia; font-size: 1.3em; padding-right: 12px }
    
    
    /*	5.18 DATES TABLE ------------------------------------------- */
    .event-detail-intro { border-bottom: 4px solid #49555c; margin: 0 0 5px }
        .event-detail-intro .section { border: 0 none }
    .dates-table { border-bottom: 4px solid #49555c; margin-bottom: 20px; padding-top: 10px }
        .dates-table table,
        .dates-table th,
        .dates-table td { background: transparent; border: 0 none; padding: 17px 0 }
        .dates-table table { padding: 0 }
        .dates-table table,
        .dates-table td { background: url(../images/layout/dates-table-borders.png) 0 0 repeat-x }
        .dates-table td { background-position: 0 100%; vertical-align: top }
        .dates-table .past td { color: #666 }
        .dates-table .cta { text-align: right }
        .dates-table .cta a { background: url(../images/buttons/register-cta.png) 100% 50% no-repeat; color: #fff; float: right; font-weight: 700; line-height: 25px; padding: 0 20px 0 10px; position: relative; right: -3px; text-decoration: none }
        .dates-table .additional { background: url(../images/icons/arrow-additional.png) 0 1px no-repeat; font-size: .846em; font-style: italic; padding: 1px 0 0 16px }
    
    
    /*	5.19 AWARDS PROMO ------------------------------------------- */
    .award-promo ul { list-style: none; margin: 0; padding: 0 }
        .award-promo li { background: #f2f2f2; margin: 0 0 20px 0; padding: 20px }
            .award-promo img { float: left }
            .award-promo .award-content { margin-left: 150px }
                .award-promo .award-content strong { color: #000; display: block; font-size: 1.25em; margin-bottom: 2px }
                    .award-promo .award-content strong a { background: url(../images/icons/arrow-red-on-grey-alt.png) 100% 50% no-repeat; color: #c70c47; padding-right: 12px }
                .award-promo .award-content p { font-size: 1.083em }
    
    
    /*	5.20 QUESTIONS ---------------------------------------------- */
    .video-questions { border: 4px solid #49555c; border-width: 4px 0; margin-bottom: 20px; padding: 5px 0 10px }
    .questions,
    .questions ul,
    .video-questions ul { list-style: none; margin: 0; padding: 0 }
    .video-questions ul { padding: 10px 0 0 }
        .questions li,
        .video-questions li { font-size: 1em; margin: 0; padding: 0 }
        .questions li { border-top: 4px solid #49555c; padding-top: 10px }
            .js .questions h2 { cursor: pointer }
                .questions h2 span { background: url(../../images/outlaw/icons/arrow-black-on-white.png) 100% 10px no-repeat; padding-right: 12px }
            .js .questions h2:hover,
            .js .questions h2:active,
            .js .questions h2:focus { color: #c70c47; outline: 0 none; text-decoration: underline }
            .questions .results-grid li { border: 0; min-height: 175px; padding-top: 0 }
            .questions img { margin-bottom: 5px }
        .video-questions li { float: left; margin: 0 2em 10px 0; width: 193px }
        .video-questions .row-end { margin: 0 }
            .video-questions a { overflow: hidden; text-decoration: none }
            .video-questions strong { display: block; font-size: 1.5em; margin: 0; min-height:34px; padding: 5px 0 0 }
            .video-questions .play-video { display: block; position: relative }
                .video-questions .play-video-icon { background: url(../../images/outlaw/icons/video-thumb.png) 0 0 no-repeat; display: block; height: 43px; left: 73px; position: absolute; top: 53px; width: 43px }
                .video-questions a:visited .play-video-icon { background-position: 0 0 }
                .video-questions a:hover .play-video-icon,
                .video-questions a:active .play-video-icon,
                .video-questions a:focus .play-video-icon { background-position: 0 -43px }
                #cboxContent #mediaplayer_wrapper { margin: 0 auto }
    
    
    /*	5.21 GALLERY ------------------------------------------------ */
    .image-gallery {margin:0 0 20px}
        .image-gallery ul {list-style:none;margin:0;padding:0;overflow:hidden}
            .image-gallery li {float:left;margin:0 20px 20px 0;padding:0}
                .image-gallery img {display:block}
                
    /* TAGS --------------------------------------------------------*/
    .tags{padding-bottom:10px;}
    .tags strong { background: url(../../images/employmentlawplus/arrow-btn-grey.png) 100% 50% no-repeat; color: #fff; float: left; font-size: 1.3em; padding: 3px 16px 3px 5px }
        .tags ul { float: left; list-style: none; margin: 0; padding: 3px 0 0 10px; width: 530px }
            .tags li {  display: inline; margin: 0 3px 0 0;  }
            .tags .first,
            .tags .first a { background-image: none; padding: 0 }
                .tags a { background: url(../../images/employmentlawplus/divider-black.png) 0 50% no-repeat; text-decoration: none;padding: 0 0 0 6px; color:#C70C47; }
                .tags a:hover,
                .tags a:focus { text-decoration: underline; color:#C70C47; }

    /*	5.3 COOKIES INFO PANEL ------------------------------------------------ */
    #cookies-panel { background-color:#e8e9e9 !important;border-bottom:5px #c80c47 solid; }
    #cookies-usage-statement { width:940px; margin:0px auto; padding-top:10px; }
    #cookies-usage-statement h2 { float:left;width:170px;padding-right:15px;color:#c80c47;display:block;}
    #cookies-usage-statement p { width:785px;padding-right:15px;display:block; }
    #cookies-usage-statement p a {color:#c80c47;font-weight:bold;}
    #cookies-ok-link { background-color:#c80c47;display:block;padding:7px 10px 7px 10px;margin-top:-10px;float:right;}
    #cookies-ok-link a { font-size:1.2em;font-weight:bold;color:#fff;}
    #cookies-ok-link a:hover { color:#000; }


/*	6.0 PAGES
    ----------------------------------------------------------------- */
    
    /*	6.1 HOMEPAGE ------------------------------------------------ */
    .home #content { background: transparent; padding: 0 0 100px }
        .home .g10-5 { width: auto }
    .home #strapline { padding-bottom: 10px }
        .home #strapline span { font-size: 1.75em; padding: 8px 8px 10px 20px }
    .home .related { background: #000; margin: 0 0 2px -10px; padding: 5px 10px }
        .home .related h2 { padding: 0 5px 0 0 }
        .home .related h2,
        .home .related ul { color: #fff; display: inline }
            .home .related li { background-image: none; border: 0; display: inline; padding: 0; margin: 0 }
                .home .related a { color: #fff; text-decoration: none }
                .home .related a:hover { text-decoration: underline }
    
    
    /*	6.2 PROFILE ------------------------------------------------- */
    .profile-overview { padding-bottom: 20px }
        .profile-overview img { float: left }
        .profile-overview div { margin-left: 160px; position: relative; top: -8px }
            .profile-overview h1 { margin: 0 0 4px }
            .profile-overview p { margin: 0 }
            .profile-overview ul { list-style: none }
                .profile-overview li { color: #1E2326; margin: 0 0 4px }
                    .profile-overview li strong { color: #000 }
                    .profile-overview li a { color: #c70c47 }
                    .vcard-link { background: url(../images/icons/vcard-icon.png) 0 2px no-repeat; padding: 2px 0 0 26px }
                        .vcard-link a { background: url(../images/icons/arrow-red-on-white.png) 100% 2px no-repeat; color: #c70c47; padding-right: 12px; text-decoration: none }
                        .vcard-link a:hover,
                        .vcard-link a:focus { text-decoration: underline }
                    .twitter-link { line-height: 22px }
                        .twitter-link a { background: url(../images/icons/arrow-red-on-white.png) 100% 2px no-repeat; color: #c70c47; padding-right: 12px; text-decoration: none }
                        .twitter-link a:hover,
                        .twitter-link a:focus { text-decoration: underline }
                        .twitter-link img { margin-right:5px;  }
        .profile-intro p { font-size: 1.3em }
        .profile-intro .copy p { font-size: 1em }
    
    
    /*	6.3 REGION -------------------------------------------------- */	
    .region-map { margin-bottom: 30px }
    .region-list h2 { margin: 0 0 10px }
    .accordian .region-list h2 { margin: 0; cursor: pointer }
    .region-list,
    .region-list ul,
    .office-promo ul { list-style: none; margin: 0; padding: 0 }
        .office-promo ul li { margin: 0 }
    .region-list ul { padding: 10px 0 0 }
    .sub-regions { padding: 0 }
        .sub-regions h2 { padding: 0 }
        .sub-regions .region-content { font-size: 1em; padding-top: 10px }
    .region-list { padding: 14px 0 }
        .region-list address { color: #000; font-size: 1em; font-style: normal; line-height: 1.7 }
        .accordian .region-list li { font-size: 1em }
        .region-list li,
        .region-list ul li { color: #000; font-size: 1em; line-height: 1.7; margin: 0; padding: 0 }
        .accordian .copy,
        .accordian .copy p { font-size: 1em; line-height: 18px; margin: 0; padding: 0 }
        .region-list .dx-info strong,
        .office-promo .dx-info strong { background: url(../images/icons/dx-icon.png) 0 0 no-repeat; display: inline-block; height: 18px; margin-right: 5px; text-indent: -999em; vertical-align: middle; width: 20px }
        .region-list .dx-info,
        .office-promo .dx-info { padding: 12px 0 10px }
        .region-list .map-link,
        .office-promo .map-link { padding: 5px 0 }
            .region-list .map-link a,
            .office-promo .map-link a { background: url(../images/icons/arrow-red-on-white.png) 0 50% no-repeat; color: #c70c47; font-size: 1.083em; padding-left: 12px }
        .region-list .office-head { float: right; width: 142px }
            .office-head img { border: 1px solid #eee; display: block; margin-bottom: 9px }
            .office-head strong { display: block; font-size: 1.250em; margin-bottom: 4px }
                .office-head strong a { color: #c70c47; text-decoration: none }
            .office-head p { font-size: 1em }
    
    
    /*	6.4 SEARCH RESULTS ------------------------------------------ */
    .search-results-form { background: #1f2528; border: 1px solid #bbb; padding: 16px 12px }
    .site-search .search-results-form { margin-bottom: 20px }
        .search-results-form #SearchTextFull, .button { vertical-align: middle }
        .search-results-form #SearchTextFull { background: url(../images/forms/input-inner-shadow.png) 0 0 no-repeat; border: 1px solid #a5a8a9; border-top-color: #777a7b; border-right: 0 none; font-size: 1.8em; margin-right: 9px; padding: 7px 12px; width: 453px }
            .search-advanced { padding-top: 12px }
                .search-advanced a { background: url(../images/icons/arrow-white-on-black.png) 100% 50% no-repeat; color: #fff; font-size: 1.5em; margin-bottom: 12px; padding-right: 11px; text-decoration: none }
                .search-advanced a.active { background: url(../images/icons/arrow-white-on-black-down.png) 100% 50% no-repeat; padding-right: 15px }
                .search-advanced a:hover,
                .search-advanced a:active,
                .search-advanced a:focus { color: #fff }
                .search-advanced .options { padding-top: 12px }
                .search-advanced label { color: #fff; display: inline; font-weight: 400; margin-right: 25px; vertical-align: middle }
                .search-advanced input { margin: 0 3px 0 0; vertical-align: top }
        .search-results .result-section { background: url(../images/search-result-arrow.png) 100% 50% no-repeat; float: left }
        .search-results li h3,
        .search-results li p { margin-left: 90px }
    
    .site-search .section { border-width: 0; margin: 0; padding: 20px 0 0 0 }
        .outlaw-search-banner { background: #032a42; border: 1px solid #cfcfcf; margin-bottom: 20px; padding: 10px 12px }
            .outlaw-search-banner a { background: url(../images/icons/outlaw-search-bar-logo.png) 0 0 no-repeat; color: #fff; float: left; font-size: 1.6em; line-height: 26px; padding-left: 26px; text-decoration: none }
            .outlaw-search-banner a:hover,
            .outlaw-search-banner a:focus { text-decoration: underline }
            .outlaw-search-banner h2 { color: #fff; float: right; padding: 0; text-align: right; width: 420px }
        .result-listing { list-style: none; margin: 0; padding: 0 }
            .result-listing li { border-bottom: 1px solid #eee; font-size: 1em; margin: 0 0 20px; padding: 0 0 10px }
            .result-listing .last { border: 0 }
            .result-listing .result-section { background: url(../../images/search-result-arrow.png) 100% 50% no-repeat; color: #fff; float: left; font-size: 1.5em; line-height: 1; padding: 2px 10px 4px 5px; width: 62px }
            .result-listing .case-study { background-image: url(../../images/search-result-arrow-large.png) }
            .result-listing .tags{padding:10px 0 0 0;}
            .result-listing .tags h4{float:left;font-family:Georgia;font-weight:bold;}
            .result-listing .tags ul{width:450px;padding:0 0 0 10px;}
            .result-listing .tags li{font-size:1.3em;border:none;margin:0 3px 0 0;padding:0;}
            .result-listing .result-content { margin-left: 90px }
                .result-listing .result-content p { font-size: 1.3em }
                .result-listing .result-content p.meta { margin-top:-13px; }
                .result-listing .image{width:160px;float:left;}
                .result-listing .text{width:370px;float:left;}
            .result-listing h3 { margin-bottom: 0; padding: 0 0 13px; }
                .result-listing h3 a { text-decoration: none }
                .result-listing h3 a:hover,
                .result-listing h3 a:focus { text-decoration: underline }
                .site-search-outlaw .result-listing h3 a { color: #055d93 }
                .site-search-outlaw .more-results { background: url(../images/buttons/arrow-btn-blue.png) 100% 50% no-repeat; color: #fff; float: right; font-size: 1.3em; padding: 6px 26px 6px 10px; text-decoration: none }				
                .site-search-outlaw .more-results:hover,
                .site-search-outlaw .more-results:focus { background-image: url(../../images/buttons/listing-link-over.png); text-decoration: underline }
                .site-search-pinsentmasons .result-listing h3 a { color: #c70c47 }
            
            .search-elements h2 { margin-bottom: 20px }
            .search-elements .pagination-alt { margin-bottom: 20px }
        
        .site-search-profile { background: #f2f2f2; border: 1px solid #eee; border-top: 1px solid #ebebeb; margin-bottom: 30px; padding: 10px 10px 30px 10px }
            .site-search-profile h2 { margin: 0 160px 0 0 }
            .site-search-profile .all-contacts {/* position: absolute; */right: 10px;bottom: 0;top: auto;}
                .site-search-profile .all-contacts a { background-image: url(../images/icons/arrow-red-on-grey-alt.png) }
            .site-search-profile .results-grid { list-style: none; padding: 0 }
                .site-search-profile .results-grid li { border: 0 none; float: left; font-size: 1em; margin: 0 1em 0 0; min-height: 0; padding: 0; width: 142px }
                .site-search-profile .results-grid .row-end { margin: 0 }
                    .site-search-profile .results-grid .thumbnail { background: #fff; border: 1px solid #ebebeb; display: block; margin-bottom: 9px; text-align: center; width: 140px }
                        .site-search-profile .results-grid .thumbnail img { float: none; margin: 0 auto }
                    .site-search-profile .results-grid div { margin: 0 }
                    .site-search-profile .results-grid strong { display: block }
                        .site-search-profile .results-grid strong a { color: #c70c47; text-decoration: none }
                        .site-search-profile .results-grid strong a:hover,
                        .site-search-profile .results-grid strong a:focus { color: #000; text-decoration: underline }
                    .site-search-profile .results-grid p { font-size: 1.2em }
    
    
    /*	6.5 SITEMAP ------------------------------------------------- */
    .sitemap-container ul,
    .sitemap-menu li { list-style: none; font-size: 1em; margin: 0; padding: 0 }
    .sitemap-menu li li { background: url(../images/bullet-default.png) 0 5px no-repeat; padding-left: 12px }
        .sitemap-menu li li li { background: url(../images/bullet-dash.png) 0 8px no-repeat; padding-left: 10px }
    .sitemap-menu .top-level { background: url(../images/icons/arrow-red-on-white.png) 0 3px no-repeat; margin: 0 0 1.5em; padding-left: 12px }
        .sitemap-container li ul { margin: 0 0 0 2.5em }
        .sitemap-container li li ul { margin: 0 0 0 1.5em }
        .sitemap-menu a { color: #c70c47; display: block; font-size: 1.3em; margin: 0 0 5px; text-decoration: none }
        .sitemap-menu a:hover,
        .sitemap-menu a:focus { color: #000; text-decoration: underline }
            .sitemap-menu .top-link { color: #000; font-size: 1.5em }
            .sitemap-menu .top-link:hover,
            .sitemap-menu .top-link:focus { text-decoration: underline }
    
    
    /*	6.6 FORM PAGE ----------------------------------------------- */
    .generic-form table { border: 0 none; border-collapse: collapse; border-spacing: 0 }
        .generic-form th,
        .generic-form td { background: transparent !important; border: 0 none; border-collapse: collapse; border-spacing: 0; font-size: 1em; margin: 0; padding: 0 0 28px }
        /* NOTE: "!important" used to prevent background styling on form cells via EpiServer! */
        .generic-form td p,
        .generic-form td span,
        .generic-form td strong { font-size: 1.4em }
        .generic-form label,
        .generic-form legend { display: block; font-size: 1.4em; font-weight: 700; margin-bottom: 10px }
        .generic-form legend { margin: 0; padding-bottom: 10px }
        .generic-form input, 
        .generic-form textarea, 
        .generic-form select { font-size: 1.2em; padding: 2px }
        .generic-form input { width: 240px }
        .generic-form select { width: 245px }
        .generic-form textarea { height: 130px; width: 440px }
        .generic-form .check,
        .generic-form .radio { float: left; margin: 2px 5px 0 0; width: auto }
        .generic-form .form-submit { padding: 5px 8px; width: auto }



/*	7.0 BUTTONS
    ----------------------------------------------------------------- */
    .button,
    .button span,
    .button input { background: url(../images/buttons/buttons.png) 0 0 no-repeat; cursor: pointer; display: inline-block; line-height: 1; text-decoration: none; vertical-align: middle; white-space: nowrap }
    .button input::moz-focus-inner { padding: 0 }  /* removes extra padding in firefox */
    .button { overflow: hidden; padding-left: 10px }
    .button span,
    .button input { border: 0 none; padding-right: 25px; padding-top: 6px }
    
    /* Remove any underlines */
    .button:visited, .button:hover, .button:active, .button:focus,
    .button:visited span, .button:hover span, .button:active span, .button:focus span
    .button:visited input, .button:hover input, .button:active input, .button:focus input { text-decoration: none }
    
    /*	7.1 BUTTON 1 (black/grey with arrow) ------------------------ */
    .button-1 { background-position: 0 -120px; height: 32px }
        .button-1 span,
        .button-1 input { background-position: 100% -120px; color: #fff; font-size: 1.4em; height: 25px; padding-top: 8px }
    .button-1:hover { background-position: 0 -180px; text-decoration: underline }
        .button-1:hover span,
        .button-1:hover input { background-position: 100% -180px }
    
    /*	7.2 BUTTON 2 (light grey with arrow) ------------------------ */
    .button-2 { height: 28px }
        .button-2 span,
        .button-2 input { background-position: 100% 0; color: #c70c47; font-size: 1.5em; height: 23px }
        .button-2 input { padding-top: 0; height: 25px }
    .button-2:hover { background-position: 0 -60px }
        .button-2:hover span,
        .button-2:hover input { background-position: 100% -60px; color: #fff; text-decoration: underline }
    
    /*	7.3 BUTTON 3 (light grey no arrow) -------------------------- */
    .button-3 { background-position: 0 -156px; height: 28px }
        .button-3 span,
        .button-3 input { background-position: 100% -184px; color: #c70c47; font-size: 1.5em; height: 23px; padding-right: 10px }
    
    /*	7.4 BUTTON 4 (form submit - dark text) ---------------------- */
    .button-4 { background-position: 0 -240px; }
        .button-4 span,
        .button-4 input { background-position: 100% -240px; color: #1f2528; font-size: 1.8em; height: 36px; padding-top: 0; text-transform: uppercase }
    .button-4:hover,
    .btn-4-over { background-position: 0 -300px }
        .button-4:hover span,
        .btn-4-over span,
        .button-4:hover input,
        .btn-4-over input { background-position: 100% -300px; color: #fff }
    
    /*	7.5 SOCIAL BUTTONS ------------------------------------------ */
    .social-buttons .clear { margin-bottom: 10px }
    .social-buttons .facebook { margin-bottom: 5px }
    .social-buttons .linkedin { margin-bottom: 20px }
    .add-this { border: 1px solid #eee; border-width: 1px 0; margin-bottom: 30px; padding: 10px 0;clear:both }
        .add-this ul { list-style: none; margin: 0; padding: 0 }
            .add-this li { float: left; margin: 0 2px 0 0; padding: 0 }
    
    /*	X.X BUTTON EXTEND ------------------------------------------- */
    .extend span { padding-right: 65px }



/*	8.0 COLORBOX
    ----------------------------------------------------------------- */
    /*
        ColorBox Core Style:
        The following CSS is consistent between example themes and should not be altered.
    */
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
    #cboxOverlay{position:fixed; width:100%; height:100%;}
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
    #cboxContent{position:relative;}
    #cboxLoadedContent{overflow:auto;}
    #cboxTitle{margin:0;}
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
    .cboxPhoto{float:left; margin:auto; border:0; display:block;}
    .cboxIframe{width:100%; height:100%; display:block; border:0;}

    /* 
        User Style:
        Change the following styles to modify the appearance of ColorBox.  They are
        ordered & tabbed in a way that represents the nesting of the generated HTML.
    */
    #cboxOverlay{background:transparent}
    #colorbox{}
        #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 0;}
        #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -50px;}
        #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px 0;}
        #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 -25px;}
        #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -75px;}
        #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px -25px;}
        #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) repeat-y 0 0;}
        #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) repeat-y -25px 0;}
        #cboxContent{background:#fff; overflow:hidden;}
            #cboxError{padding:50px; border:1px solid #ccc;}
            #cboxLoadedContent{margin-bottom:20px;}
            #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
            #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
            #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
            #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
            #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
            #cboxLoadingOverlay{background:#fff url(../images/colorbox/loading.gif) no-repeat 5px 5px;}
            #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
    
/*------------------------- cookie compliance	--------------------*/

#cookie.cookwarndefault {margin: 0 auto 0 auto; padding: 0; position: fixed; left: 0px; bottom: 0px; right: 0px; width:100%; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 12px; color:#fff; text-align: center; overflow:hidden; }

#cookie.cookwarndefault * {font-size: 1.0em;}
#cookie.cookwarndefault p {margin: 0px 0px; padding: 15px 0px 15px 0; text-align: center;}
#cookie.cookwarndefault .cookieMessage {position: relative; margin: 0 auto 0 auto; background: url(../images/cookback.png); border: 2px solid #c80c47; width:956px; z-index: 900000; -webkit-box-shadow: #000 0px 0px 20px; -moz-box-shadow: #000 0px 0px 20px; box-shadow: #000 0px 0px 20px; padding: 15px 0px 15px 0px; overflow:hidden;}
#cookie.cookwarndefault .cookieButtons {margin: 4px 0px 0px 0px; }
#cookie.cookwarndefault .cookieButtons a {background: #c80c47; padding: 2px 5px; margin: 0px 0 0 10px; color: #fff; text-decoration:none;}
#cookie.cookwarndefault .cookieButtons a:hover{color:#000;}
#cookie.cookwarndefault .cookierButtons a:focus {}
#cookie.cookwarndefault .cookieMessagePara {}
#cookie.cookwarndefault.permanent .cookieMessage {background: url(../images/cookback.png);}
#cookie.cookwarndefault .right {float:right;}
#cookie.cookwarndefault a {text-decoration:dotted; color:#fff;}
#cookie.cookwarndefault a:hover {text-decoration:none; color:#c80c47;}


/*	X.X CLEARING & GENERIC CLASSES
    ----------------------------------------------------------------- */
    .clear:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden }
    .padding10 { padding: 10px }
    .padding20 { padding: 10px }
    .cloak, .subshortlist{ display: none }
    .reader { left: -999em; position: absolute; top: 0 }
    .alert { padding: 20px 0 }
    .search-errors { clear: left; display: block; font-size: 1.3em; line-height: 1.3; padding: 10px 0 5px }
    
#allowCookiesCheckBox input[type="checkbox"] { padding-right:15px } 
#cookie-settings-container label { padding: 0 15px 0 15px; }
#saveCookiePreferencesButton input[type="submit"] { color: white;background-color: #C80C47;font-weight: 700;line-height: 25px;padding: 0 20px 0 20px;position: relative;right: -3px;text-decoration: none; }