@import url("xstandard.css");
@import url("menu-h.css");
@import url("menu-v.css");
@import url("forms.css");
@import url("products.css");
@import url("jquery.lightbox-0.5.css");
@import url("../corners/corners.css");
@import url("modalPopup.css");
@import url("carousel.css");

body 
{
    background-color:#d2e3f5; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:0.6em; 
    color:#333;
    border:none;
    width:auto;
    padding:0;
    margin:0;
}

img { border:none; }

/* Text Styles */



/* Main Layout */

#wrapper { width:970px; margin:0 auto; font-size:1.2em; }

#top-bg { background:url(/cms/outertemplates/images/BG/bg-top.gif) repeat-x top left; }
#mid-bg { background:url(/cms/outertemplates/images/BG/bg-mid.gif) repeat top left; }
#btm-bg { background:url(/cms/outertemplates/images/BG/bg-btm.gif) repeat-x bottom left; }

#top-links { width:970px; }
    #top-links ul { margin:0; float:left; }
	#top-links ul li { float:left; list-style:none; margin:0 1px 0 0; }
		#top-links ul li a { background-color:#b0ceec; color:#006594; float:left; height:25px; background:url(/cms/outertemplates/images/btn/top-menu-a-1.png) no-repeat right bottom; line-height:25px; padding:0 5px 0 0; }
		#top-links ul li a:hover, #top-links ul li a.hover, #top-links ul li a.selected { background-position:right top; }
		#top-links ul li a  span { display:block; height:25px; background:url(/cms/outertemplates/images/btn/top-menu-span-1.png) no-repeat left bottom; padding:0 5px 0 10px; float:left; cursor:pointer; }
		#top-links ul li a  span span.btn { background:url(/cms/outertemplates/images/btn/top-menu-closed-a.gif) no-repeat top right; float:left; padding:0 14px 0 0; }
		#top-links ul li a:hover span span.btn { background-position:bottom right; }
		#top-links ul li a.selected span span.btn { background:url(/cms/outertemplates/images/btn/top-menu-open.gif) no-repeat right; }
		#top-links ul li a:hover span, #top-links ul li a.hover span, #top-links ul li a.selected span { background-position:left top; }
		
#header { width:970px; position:relative; float:left; height:105px; }

    .tm-drop  
    {
        width:364px; 
        height:68px; 
        padding:4px 10px; 
        position:absolute; 
        top:10px; 
        left:0; 
        display:none; 
        background:url(/cms/outertemplates/images/bg/drop-down-bg.png) no-repeat top left; 
        font-size:0.9em;
        }
    .tm-drop a { color:#006594; }
    .tm-drop label { color:#006594;  }
    .tm-drop div.col { width:176px; margin:0; float:left; line-height:22px; height:22px; }
    .tm-drop div.col label { padding:0 0 0 6px; line-height:22px; height:22px; }
    .tm-drop div.col span.cb { float:left; vertical-align:middle; }
    .tm-drop div.col span.cb input { vertical-align:middle; }
    .tm-drop h3, .tm-drop p { margin:0; }

    .tm-drop div.input-text { padding:0 0 0 8px; margin:4px 10px 0; background:url(/cms/outertemplates/images/input/login-box-div.gif) no-repeat left; float:left; height:22px; }
    .tm-drop div.input-text div { padding:0 8px 0 0; background:url(/cms/outertemplates/images/input/login-box-input.gif) no-repeat right; border:none; color:#006594; height:22px; float:left; }
    .tm-drop div.input-text div input { padding:2px 0; border:none; color:#006594; height:18px; width:140px; line-height:18px; float:left; }
    .tm-drop div.input-submit { background:url(/cms/outertemplates/images/btn/login-div.gif) no-repeat left; padding:0 0 0 7px; margin:4px 10px 0; float:left; height:19px; }
    .tm-drop div.input-submit input { background:url(/cms/outertemplates/images/btn/login-input.gif) no-repeat right; padding:1px 20px 1px 0; border:none; color:#FFF; margin:0; height:19px; float:left; font-size:0.9em; text-transform:uppercase; }

    #suggestions-drop {  }
    #login-drop {  }
        #login-drop div.input { margin:0 10px; float:left; }
        #login-drop div.input div  
        {
            padding:0 0 0 8px; 
            margin:0;
            background:url(/cms/outertemplates/images/input/login-box-div.gif) no-repeat left; 
            float:left;
            margin:0; 
            height:22px; 
           
        }
            #login-drop div.input input  
            {
                padding:2px 8px 2px 0; 
                background:url(/cms/outertemplates/images/input/login-box-input.gif) no-repeat right; 
                border:none; 
                color:#006594; 
                height:18px; 
                width:140px; 
                line-height:18px; 
                float:left;
                display:inline;
            }
        #login-drop div.col input.cb { margin:4px 5px 0 10px; float:left; }
        #login-drop a { float:left; }
        #login-drop div.submit { background:url(/cms/outertemplates/images/btn/login-div.gif) no-repeat left bottom; padding:3px 0 0 7px; margin:0; float:right; height:19px; }
        #login-drop div.submit input { background:url(/cms/outertemplates/images/btn/login-input.gif) no-repeat right; padding:0 20px 1px 0; border:none; color:#FFF; margin:0; height:19px; float:left; font-size:0.9em; cursor:pointer; }
        #login-drop div.loginerror { color:#F00; height:1em; line-height:1em; overflow:hidden; clear:both; padding:4px 0; }
    #access-drop {  }
    #contact-drop {  }
    #contact-drop p span { float:left; width:40px; }
    
    #widgets { margin:0; }
        #widgets li { float:left; padding:0 5px; border-left:1px solid #999; list-style:none; line-height:18px; }
           #widgets li.first { border:none; }
    #smallText { font-size:12px; }
    #mediumText { font-size:16px; }
    #largeText { font-size:18px; }
    
    /* TEXT RESIZE */
    
    .smallText { font-size:0.6em; }
    .mediumText { font-size:0.8em; }
    .largeText { font-size:1em; }
            
	#logo { position:absolute; right:0; top:0; width:127px; height:124px; }	
	
	#slogan {position:absolute; left:50px; top:50px; }

#menu { width:970px; position:relative; z-index:20; }

#main {  clear:both; width:970px; padding-top:20px; }

#pos-fix { }

#main-top { background:url(/cms/outertemplates/images/BG/main-top-bg.png) no-repeat top; width:970px; float:left; margin:22px 0 0; }
#main-btm { background:url(/cms/outertemplates/images/BG/main-btm-bg.png) no-repeat bottom; width:970px; float:left; margin:20px 0 0; }
#main-mid { background:url(/cms/outertemplates/images/BG/main-mid-bg.gif) repeat-y; width:970px; float:left; margin:0; }
#main-mid-fix { width:970px; height:55px; float:left; }

#banner { width:970px; height:67px; background:url(/cms/outertemplates/images/BG/top-call-bg.png) no-repeat; }
#banner img { margin:12px 0 0 90px; float:left; }
	#search-box { float:right; margin:20px 0 0; }
		#search-box p { color:#FFF; float:left; line-height:21px; margin:0 10px 0 0; font-size:0.9em; }
		    #search-box p input {background: none; color: #fff; border:none; padding:0; cursor:pointer;}
		#search-box div { height:21px; background:url(/cms/outertemplates/images/input/search-box-div.gif) no-repeat right; padding:0 8px 0 0; float:left; }
			#search-box div div { height:21px; background:url(/cms/outertemplates/images/input/search-box-input.gif) no-repeat left; padding:0 0 0 8px; }
			    #search-box div div input { height:17px; border:none; background:none; padding:2px 0; }

#left-col { float:left; width:210px; position:relative; left:-20px; z-index:2; }
	#left-col h3 { font-weight:bold; color:#FFF; position:relative; top:-5px; }
	#left-col-top { width:210px; height:31px; background:url(/cms/outertemplates/images/BG/left-blue-top.png) no-repeat; }
	#left-col-mid1 { width:210px; background:url(/cms/outertemplates/images/BG/left-blue-mid.png) repeat-y; position:relative; z-index:900; }
	#left-col-join { width:210px; height:52px; background:url(/cms/outertemplates/images/BG/left-col-join.png) no-repeat; }
	#left-col-mid2 { width:210px; background:url(/cms/outertemplates/images/BG/left-white-mid.png) repeat-y; position:relative; z-index:1; }
	#left-col-btm { width:210px; height:37px; background:url(/cms/outertemplates/images/BG/left-white-btm.png) no-repeat 0 0; }
	div.left-col-content { width:170px; margin:0 10px; padding:0 10px; }
	div.left-col-content p { margin:0; }
		a.arrow-link { color:#006595; font-size:1em; font-weight:bold; text-decoration:underline; text-align:right; display:block; margin:3px 0 0; padding:0 8px 0 0; background:url(/cms/outertemplates/images/btn/arrow-btn.png) no-repeat right center; }
	div.news-content { width:145px; padding:5px 10px; background-color:#d2e3f5; margin:10px 0 0; }
		div.news-content a { color:#006595; font-size:1em; font-weight:bold; text-decoration:underline; }
		div.news-content p { color:#006595; margin:5px 0; }
		div.news-content ul { margin:0; }
		div.news-content div.corner { background-image:url(/cms/outertemplates/images/corners/news-box-corners.gif); width:15px; height:15px; }
		div.news-content div.boxContent { padding:0; }
#main-col { float:left; width:560px; position:relative; z-index:1; }
	#main-flash { width:560px; }
	
	#content .redHeader, #content .greyHeader { width:540px; }
	
	#content-mid { background-color:#FFF; width:540px; padding:0 10px; float:left; overflow:hidden; }
	#content-top { background:url(/cms/outertemplates/images/bg/content-bg-top.png) no-repeat top; width:560px; background-color:#006595; float:left; }
	    #content-header { width:560px; height:44px; }
	        #content-header h1 { text-align:center; color:#FFF; font-size:1.3m; font-weight:bold; text-transform:uppercase; margin:15px 0 0; float:left; width:560px; }
	#content-btm { background:url(/cms/outertemplates/images/bg/content-bg-btm.png) no-repeat bottom; width:560px; padding:0 0 30px 0; float:left; }
	    
	    #breadcrumb { float:left; width:540px; border-bottom:solid 1px #DDD; padding:0 0 2px; margin-bottom:10px; }
	    #breadcrumb a { color:#000; text-decoration:underline; }
	    #breadcrumb p { float:left; }
	    #breadcrumb ul { margin:0; padding:0; float:left; }
	    #breadcrumb ul li { display:inline; margin:0 4px; }
	    #breadcrumb ul li { background:url(/cms/outertemplates/images/bg/breadcrumb-div.gif) no-repeat left; padding:0 0 0 16px; }
	    	#breadcrumb ul li.first { background:none; padding:0 0 0 5px; }
	    
	    div.dub3Content { clear:both; }
	
	#btm-foldout-top { background:url(/cms/outertemplates/images/bg/btm-box-bg-top.gif) no-repeat top; width:560px; height:19px; float:left; padding:0; margin:0; }
	#btm-foldout-btm { background:url(/cms/outertemplates/images/bg/btm-box-bg-btm.gif) no-repeat bottom; width:560px; height:23px; float:left; padding:0; margin:0; }
	#btm-foldout { background:url(/cms/outertemplates/images/bg/btm-box-bg-mid.gif) repeat-y; padding:0; float:left; width:560px; }
	    #btm-foldout div{ /*width:520px; padding:0 10px 10px; float:left;*/ }
	    #btm-foldout div.header { width:525px; float:left; margin:0 10px 0 5px; padding:0 10px; }
	    #btm-foldout div.boxContent { margin:0;  }
	    #btm-foldout h3 { background:url(/cms/outertemplates/images/btn/expand-1.gif) no-repeat center left; padding:0 0 0 20px; margin:0; color:#006495; text-transform:uppercase; float:left; }
	    #btm-foldout p { padding:10px 10px 0; }
	    #btm-foldout span.open { background:url(/cms/outertemplates/images/btn/expand-2.gif) no-repeat center right; padding:0 20px 0 0; color:#006495; text-transform:uppercase; float:right; font-size:0.8em; line-height:18px; }
	
#right-col { float:right; width:200px; position:relative; right:-25px; top:-20px; }
	#right-col-top { width:200px; height:58px; background:url(/cms/outertemplates/images/BG/right-col-top.png) no-repeat; }
	#right-col-top-a { width:200px; height:46px; background:url(/cms/outertemplates/images/bg/right-col-a/right-col-top.png) no-repeat; }
	div.right-col-mid { width:200px; background:url(/cms/outertemplates/images/BG/right-col-a/right-col-mid-1-a.png) repeat-y; }
	#right-col-mid1-a { width:200px; background:url(/cms/outertemplates/images/BG/right-col-a/right-col-mid-1.png) repeat-y; }
	div.right-col-join { width:200px; height:63px; background:url(/cms/outertemplates/images/BG/right-col-join.png) no-repeat; }
	#right-col-join-a { width:200px; height:59px; background:url(/cms/outertemplates/images/bg/right-col-a/right-col-join-1.png) no-repeat; }
	#right-col-btm { width:200px; height:39px; background:url(/cms/outertemplates/images/BG/right-col-btm.png) no-repeat; }
	/*#region-content { background:url(/cms/outertemplates/images/BG/playforce-region.png) no-repeat center; width:167px; margin:0 9px; }*/
	#region-content { height:145px; margin:0 9px; position:relative; width:167px; }
	#region-content a { left:0; position:absolute; top:-18px; }
	#region-content a img { display:block; }
	
	div.col-news { background:#d2e3f5; padding:4px 10px; }
	div.col-news .boxContent { padding:0; }
	div.col-news .corner { background-image:url(/cms/outertemplates/images/corners/news-box-corners.gif); height:10px; width:10px; }
	div.col-news ul.feedListing { list-style:none; margin:0; }
	div.col-news ul.feedListing li { padding:6px 0; }
	div.col-news ul.feedListing li a { text-decoration:underline; }
		
	div.right-col-content { width:165px; margin:0 0 0 10px; overflow:hidden; }
	img.col-header { display:block; margin:0 auto 6px; }
	a.img-link { display:block; margin:0 auto; text-align:center; }
	#right-col img.rcDiv { margin:0 5px; }
		
#footer { height:250px; background:url(/cms/outertemplates/images/BG/footer.png) no-repeat center center; width:100%; }

ul#newsItems { list-style:none; }
ul#newsItems li { margin:0 0 1.4em; }
ul#newsItems li a { font-weight:bold; text-decoration:underline; }
ul#newsItems li p { margin:0 0 0.8em; }

/* FORM Styling */

div.input-text { height:22px; background:url(/cms/outertemplates/images/input/text-box-div.gif) no-repeat right; padding:0 8px 0 0; float:left; margin:5px 0; }
div.input-text div { height:22px; background:url(/cms/outertemplates/images/input/text-box-input.gif) no-repeat left; padding:0 0 0 8px; }
div.input-text div input { height:18px; background:none; padding:2px 0 2px; border:none; width:150px; color:#030303; }

div#right-col div.formRow { margin:0 0 6px; overflow:hidden; padding:0; }
div.inputText { background:url(/cms/outertemplates/images/input/textboxBG.png) no-repeat; height:21px; margin:0 0 0 2px; padding:4px 6px 0; width:150px; }
div.inputText input { background:none; border:none; font-size:1em; width:150px; }
div.inputTextarea { background:url(/cms/outertemplates/images/input/textareaBG.png) no-repeat; height:47px; margin:0 0 0 2px; padding:6px; width:150px; }
div.inputTextarea textarea { background:none; border:none; font-family:Verdana, Arial, Sans-Serif; font-size:1em; height:47px; width:150px; }

input.submit-1 {
	width:67px;
	height:21px;
	background:url(/cms/outertemplates/images/input/submit-1.gif) no-repeat;
	border:none;
	text-indent:-999em;
	overflow:hidden;
	float:right;
	margin:0;
	cursor:pointer;
	display:block;
	font-size:0px;
	line-height:0px;
}

div.clear { clear:both; }
.hidden {display:none;}
/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

table.xslTable td {padding-bottom: 20px;}
table.xslTable img {padding-right:10px;}

div.caseStudiesFeed ul {margin:0;padding:0; list-style-type:none;}
div.caseStudiesFeed ul li {list-style-type:none;}

div.searchCaseStudies { border-bottom:1px solid #C9C9C9; padding:0 0 2px; }
div.searchCaseStudies h2 { color:#000; font-size:1.5em; font-weight:normal; text-align:left; }
div.searchCaseStudies div.searchBoxes { height:160px; position:relative; }
div.searchCaseStudies div.searchBoxes h3 { font-size:1.4em; font-weight:bold; margin:0; text-indent:8px; }
div.searchCaseStudies div.searchBoxes input.textBox { background:#FFF; border:0; margin:40px 0 0 20px; width:135px; }
div.searchCaseStudies div.searchBoxes select.ddl { background:#FFF; border:0; margin:40px 0 0 20px; width:144px; }
div.searchCaseStudies div.searchBoxes div.searchCounty { left:-8px; position:absolute; top:0; }
div.searchCaseStudies div.searchBoxes div.searchCounty div.searchBox { background:#bc0233 url(/cms/outertemplates/images/bg/casestudy/bgCounty.png) no-repeat; height:101px; width:187px; }
div.searchCaseStudies div.searchBoxes div.searchCounty h3 { color:#bc0233; }

div.searchCaseStudies div.searchBoxes div.searchOrganisation { left:183px; position:absolute; top:0; }
div.searchCaseStudies div.searchBoxes div.searchOrganisation div.searchBox { background:#388418 url(/cms/outertemplates/images/bg/casestudy/bgOrganisations.png) no-repeat; height:102px; width:182px; }
div.searchCaseStudies div.searchBoxes div.searchOrganisation h3 { color:#388418 }

div.searchCaseStudies div.searchBoxes div.searchPostCode { left:366px; position:absolute; top:0; }
div.searchCaseStudies div.searchBoxes div.searchPostCode div.searchBox { background:#4684bd url(/cms/outertemplates/images/bg/casestudy/bgPostCode.png) no-repeat; height:103px; width:182px; }
div.searchCaseStudies div.searchBoxes div.searchPostCode h3 { color:#4684bd; }

div.searchCaseStudies div.searchCaseStudiesFooter { overflow:hidden; }
div.searchCaseStudies div.searchCaseStudiesFooter span { float:left; font-size:0.9em; line-height:26px; }
div.searchCaseStudies div.searchCaseStudiesFooter input.btnSearch { float:right; }

div.searchCaseStudiesResults { margin:8px 0 0; }
div.searchCaseStudiesResults div.resultsSummary { line-height:24px; margin:0 0 4px; overflow:hidden; width:540px; }
div.searchCaseStudiesResults div.resultsSummary span.resultsSummaryFilter { float:left; }
div.searchCaseStudiesResults div.resultsSummary span.resultsSummaryCount { float:right; font-style:italic; }

div.resultsTable { background:url(/cms/outertemplates/images/bg/bgResultsTableMid.png) repeat-y; left:-2px; position:relative; width:545px; }
div.resultsTable div.resultsTableTop { background:url(/cms/outertemplates/images/bg/bgResultsTableTop.png) no-repeat top; width:545px; }
div.resultsTable div.resultsTableTop div.resultsTableBtm { background:url(/cms/outertemplates/images/bg/bgResultsTableBtm.png) no-repeat bottom; padding:11px 11px 20px; width:523px; }

div.resultsTable table.tblResultsTable { border-collapse:collapse; width:523px; }
div.resultsTable table.tblResultsTable th { height:32px; line-height:32px; padding:0 8px; text-align:left; }
div.resultsTable table.tblResultsTable th.resultImg { border-right:1px solid #B9B9B9; }
div.resultsTable table.tblResultsTable th.resultName { border-right:1px solid #B9B9B9; }
div.resultsTable table.tblResultsTable th.resultOrg { border-right:1px solid #B9B9B9; }
div.resultsTable table.tblResultsTable th.resultCounty {  }

div.resultsTable table.tblResultsTable td { background:#efefef; padding:8px; }
div.resultsTable table.tblResultsTable td.resultImg { border-bottom:1px dashed #7F7F7F; border-right:1px solid #B9B9B9; width:110px; }
div.resultsTable table.tblResultsTable td.resultName { border-right:1px solid #B9B9B9; }
div.resultsTable table.tblResultsTable td.resultOrg { border-right:1px solid #B9B9B9; }
div.resultsTable table.tblResultsTable td.resultCounty {  }
div.resultsTable table.tblResultsTable td.resultDesc { background:#FFF; border-bottom:1px dashed #7F7F7F; border-top:1px solid #B9B9B9; }
div.resultsTable table.tblResultsTable td.resultDesc h3 { font-size:1em; margin:0 0 0.4em; }
div.resultsTable table.tblResultsTable td.resultDesc p { font-size:0.9em; }
div.resultsTable table.tblResultsTable td.resultDesc a.lnkMore { text-decoration:underline; }