@import url(blankcanvas.css);
@import url(base-typography.css);
@import url(base-datasets.css);
@import url(assets.css);


@media screen {

	/* =sitename */
	
	body { background:#FFF; }
	
	/*div#container { width:1024px; margin:0 auto; }*/
	
		div#header { position:relative; height:120px; width:940px; margin:0 auto; padding:0 10px; z-index: 1; }
		
			div#logo { position: absolute; top: 0; left: -150px; width:235px;height:40px; }
				
			ul#topright { position:absolute; top:0; right:13px; }	
			
			ul#topright li { width:156px; height:22px; float:left;  }	
			ul#topright li a { display:block; text-align:center; text-decoration:none; width:100%; height:100%; background: url(/corporate/images/newbuild/navigation/top-mini-nav.gif) top left no-repeat; }			
			ul#topright li a span { position:absolute; left:-10000px; }
			
			ul#topright li#home a { background-position:0px 0px; }
			ul#topright li#contact a { background-position:-157px 0px; }
			
			ul#topright li#home a:hover ,
			ul#topright li#home.active a { background-position:0px -22px; }
			
			ul#topright li#contact a:hover,
			ul#topright li#contact.active a { background-position:-157px -22px; }									
					
			div#logo a { display:block; width:579px; height:176px; background:url(/corporate/images/newbuild/branding/bos-logo-green.gif) top left no-repeat; text-decoration:none; }
			
			div#searcharea { position:absolute; top:75px; right:15px; }		
			div#searchfield { float:left; border:none; width:142px; height:17px; padding:2px; margin:1px 3px 0 0; font-size:12px;
								background:url(/corporate/images/newbuild/background/search-field.png) left top no-repeat;								
							 }
			div#searchfield input { display:block: width:100%; height:100%; border:none; background:none; margin:0; padding:0; }
			
			div#header-personalisation { position:absolute; right:15px; top:37px; }
			
			div#header-personalisation p { font-size:13px; line-height:1.125em; padding-right: 5px; }
			div#header-personalisation p.welcome { float:right; color:#13377c; }
			div#header-personalisation p.contact { float:right; clear:right; color:#000; font-weight:lighter; }
			div#header-personalisation p.contact strong { font-weight:lighter; }
			
		
		div#mainnav { background:url(/corporate/images/newbuild/background/maincontent-top.gif) no-repeat scroll center top; height:56px; margin: 0 auto; position: relative; width: 992px; z-index: 1000; }
				
		div#mainnav ul { position:relative; top:24px; left:12px; width:960px; /*padding:20px 0 10px 48px;*/ margin:0 auto; height:22px;  }
		div#mainnav ul li { float:left; }			
		div#mainnav ul li a { float:left; width:156px; height:23px; background: url(/corporate/images/newbuild/navigation/main-nav.gif) 0 -24px no-repeat; }												
		div#mainnav ul li a span { position:absolute; left:-10000px; }
		
		div#mainnav ul li#item-1 a { background-position:0 -25px; }												
		div#mainnav ul li#item-1.active a { background-position:0 -1px; }												
		div#mainnav ul li#item-1 a:hover { background-position:0 -49px; }																		
		
		div#mainnav ul li#item-2 a { background-position:-156px -25px; }												
		div#mainnav ul li#item-2.active a { background-position:-156px -1px; }												
		div#mainnav ul li#item-2 a:hover { background-position:-156px -49px; }																		
		
		div#mainnav ul li#item-3 a { background-position:-312px -25px; }												
		div#mainnav ul li#item-3.active a { background-position:-312px -1px }												
		div#mainnav ul li#item-3 a:hover { background-position:-312px -49px; }																		
		
		div#mainnav ul li#item-4 a { background-position:-468px -25px; }												
		div#mainnav ul li#item-4.active a { background-position:-468px -1px }												
		div#mainnav ul li#item-4 a:hover { background-position:-468px -49px; }																		
																			
		div#mainnav ul li#item-5 a { background-position:-624px -25px; }												
		div#mainnav ul li#item-5.active a { background-position:-624px -1px }												
		div#mainnav ul li#item-5 a:hover { background-position:-624px -49px; }																		
																	
		div#mainnav ul li#item-6 a { background-position:-780px -25px; }												
		div#mainnav ul li#item-6.active a { background-position:-780px -1px }												
		div#mainnav ul li#item-6 a:hover { background-position:-780px -49px; }		
	
		div#mainpagecontent { clear:left; overflow:hidden; /*padding:10px 50px 0 60px;*/ margin:0 auto; background:url(/corporate/images/newbuild/background/maincontent-middle2.png) center top repeat-y;/* z-index: 1000; position: relative;*/ width: 992px; }
		div#mainpagecontent div.inner { overflow:hidden; margin:0 auto; }
		
		div#mainpagecontent.standardcontent div.inner { width:930px; padding: 0 10px 0 20px; }		
		div#mainpagecontent.gatewaycontent div.inner { width:930px; margin:0 auto; padding: 0 10px 0 20px; }		
		div#mainpagecontent.home div.inner { padding:0; width:960px; }		
		div#mainpagecontent.fullwidth div.inner { padding:0; width:960px; }		
		
												
			ul#breadcrumb { float:left; padding:10px 0 16px 0; font-size:12px; width:100%; }
			div#container.wide ul#breadcrumb { margin:0; }			
			div#mainpagecontent.fullwidth ul#breadcrumb { margin:0 0 0 20px;  }			
			
			ul#breadcrumb li { float:left; color:#13377c; overflow:hidden; height:14px; }			
			ul#breadcrumb li a { text-decoration:none; color:#13377c; padding:0 5px; border-left: solid 1px #13377c; }
			ul#breadcrumb li a:hover { text-decoration:underline;  }																												
			ul#breadcrumb li.first a { border:none; }
			ul#breadcrumb li a.selectedbreadcrumb { font-weight:bold; color:#13377c; }
																					
			div#subnav { float:left; clear:left; width:200px; margin:0 10px 0 0; }			
			div#mainpagecontent.gatewaycontent div#subnav { width:205px; }
			
			div#subnav p.sectioname { text-transform:uppercase; font-weight:bold; font-size:12px; padding:0; margin-bottom:0.75em; }
			div#subnav ul { font-size:12px; }
			div#subnav ul ul { font-size:11px; }
			div#subnav ul ul ul { font-size:10px; }
			div#subnav ul ul ul ul { font-size:9px; }
			
			div#subnav ul li { display:block; }
			div#subnav ul li a { float:left; clear:left; color:#000; text-decoration:none; font-weight:bold; line-height:14px; padding-bottom:12px; }
			div#subnav ul li a:hover { color:#13377c; text-decoration:underline; }
			div#subnav ul li a.selected { color:#13377c; }			
			div#subnav ul li ul { margin:0; font-size:0.9em; padding:0.5em 0; }
			div#subnav ul li ul li ul { margin:0 0 0 10px; }			
			
			div#mainpagecontent.gatewaycontent div#maincontent.contentpage { width:700px; padding:0px; }												
			div#mainpagecontent.fullwidth div#maincontent.hboswomen { float:none; padding:20px 0 0 0; margin:0 auto; width:760px; padding:0px; }												
			div#mainpagecontent.fullwidth div#maincontent { width:920px; padding:10px 20px; }									
			div#mainpagecontent.gatewaycontent div#maincontent { width:566px; }
			div#mainpagecontent.home div#maincontent { width:716px; }									
			div#maincontent { float:left; overflow:hidden; width:557px; }																					
			
				div#maincontent div#gatewayheading * { color:#FFF; width:500px; }
				div#maincontent h1, div#maincontent h2 { color:#13377C; }
				div#maincontent div.text-intro { font-size:12px; line-height:1.4em; padding:0 13px; }
				div#maincontent span.separator { float:left; width:100%; display:block; height:4px; margin:12px 0 6px 0; border-top:dotted 4px #C4CDDE; }			
				
				div#maincontent div.productblock p,
				div#maincontent div.sectionheading p { padding:0 12px; margin:0; }												
				
				div#maincontent div.sectionheading { padding:0px 0 0 0; }
				
				div#maincontent h3 { clear:left; margin-bottom:5px;}
				div#maincontent div.productblock h3,
				div#maincontent div.sectionblock h3 { margin-bottom:0;}
				div#maincontent div.panel { float:left; display:inline; width:175px; margin:0px 5px 10px 0; }
				div#maincontent div.panel.row { clear:left; }
				div#maincontent div.panel a { font-weight:bold; text-decoration:none; font-size:12px; padding-right: 0; }
				div#maincontent div.panel p { margin-top:6px; padding-right: 0; }
				
				/* form */
				form.styled { padding:20px; background:#C4CDDE; }
				form.styled label { display:block; margin: 0 0 10px 0; } 				
				form.styled label input { margin:0; }
				form.styled label.last { margin:0; } 
				form.styled label span { float:left; width:6em; margin: 0 10px 0 0; }								
				
			div#rhps div.rhp { position:relative; top:-10px; }
			div#rhps { float:left; width:150px; padding:0 0 0 10px;}
			
			div#footer { height:96px; margin:0 auto; background:url(/corporate/images/newbuild/background/maincontent-bottom2.png) center bottom no-repeat; width: 992px; }
			div#footer div.inner { overflow:hidden; width:960px; margin:0 auto; position: relative; }
			
			div#footer ul { float:right; padding: 20px 10px 0 0;}
			div#container.wide div#footer ul { padding: 20px 70px 0 0; }
			div#footer ul li { float:left; font-size:11px; margin-left:0.5em; padding:0 0.5em 0 0; border-right: solid 1px #13377c; }
			div#footer ul li.last { border-right:none; padding:0; }
			div#footer ul li a { text-decoration:none; color:#13377c; }
			div#footer ul li a:hover { text-decoration:underline; color:#13377c; }									

			
			
			/* Misc */
			div#isitedemo { margin-top:24px; }
			div#security h1 { padding:0; }
			
			div.details { float:left; clear:left; width:100%; }
			div.details p { float:left; }
			div.details img { float:right; }								
			ul.testimonials h3, ul.testimonials p { position:absolute; left:-10000px; }				
			
			body div#mainpagecontent div#maincontent uL.introfullbullet li { font-size:12px; }
			
			div#homepagemaincontent a { text-decoration:none; }
			div#fullwideheader div#headertext p { float:left; font-size:12px; padding-left:10px; }
			
			div#maincontent div#online-services-compare div.column p { margin:0; }											
			
			div#maincontent.contentpage p,
			div#maincontent.contentpage h1,
			div#maincontent.contentpage h2 { padding: 0 }
			
			div#maincontent div#gatewaypanel ul { list-style-position:outside; }
			
			h1 span { width:100%; height:100%; }
}