body {
	margin: 0;
	background: #bdbfc3 url('../images/bg-body.jpg') no-repeat top;
}

* {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

div#wrapper {
	margin: 0 auto 0 auto;
	width: 950px;
	position: relative;
}

div#header {
	height: 208px;
	margin-bottom: 13px;
	position: relative;
}

a#logo-psma {
	display: block;
	width: 196px;
	height: 157px;
	overflow: hidden;
	text-indent: -999px;
	background: url('../images/logo-psma.gif') no-repeat top left;
	position: absolute;
	top: 23px;
}

ul#topnav {
	width: 356px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	right: 153px;
	right: 0;
}

ul#topnav li {
	display: block;
	float: right;
}

ul#topnav li a {
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -999px;
}

ul#topnav li a#sourcequalityfeedback {
	background: url('../images/btn-sourcequalityfeedback.gif') no-repeat top left;
	width: 230px;
	/*margin-right: 15px;*/
}

ul#topnav li a#howdoi {
	background: url('../images/btn-howdoi-off.gif') no-repeat top left;
	width: 111px;
}

ul#topnav li:hover  a#howdoi, ul#topnav li.iehover  a#howdoi {
	background: url('../images/btn-howdoi-on.gif') no-repeat top left;
}

ul#topnav li:hover ul#topnav-flyout, ul#topnav li.iehover ul#topnav-flyout {
	display: block;
}

ul#topnav-flyout {
	list-style: none;
	display: none;
	position: absolute;
	top: 0;
	right: -153px;
	width: 153px;
	background: url('../images/topnav-bg-top.gif') no-repeat top left;
	margin: 0;
	padding: 6px 0 0 0;
	
}

ul#topnav-flyout li {
	float: none;
	margin-left: 19px;
	padding: 5px 10px 5px 15px;
	background: url('../images/topnav-bg-middle.gif') repeat-y top right;
}

ul#topnav-flyout li.last {
	padding-bottom: 10px;
	background: url('../images/topnav-bg-bottom.png') no-repeat bottom right;
	_background: url('../images/topnav-bg-bottom.gif') no-repeat bottom right;
}

ul#topnav-flyout li a {
	display: inline;
	width: auto;
	overflow: auto;
	text-indent: 0;
	color: #ffffff;
	text-decoration: none;
}

ul#topnav-flyout li a:hover {
	text-decoration: underline;
}

div#navHolder {
	position: absolute;
	bottom: 0;
	left: 224px;
	width: 573px;
	height: 44px;
}

ul#nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#nav li {
	display: block;
	float: left;
	padding: 0 11px 0 10px;
	background: url('../images/nav-separator.gif') no-repeat right;
}

ul#nav li.first {
	padding-left: 0;
}

ul#nav li.last {
	background: none;
	padding-right: 0;
}

ul#nav li {
	display: block;
	float: left;
}

ul#nav li a {
	display: block;
	height: 15px;
	overflow: hidden;
	text-indent: -999px;
}

ul#nav li:hover ul, ul#nav li.iehover ul, ul#nav li.on ul {
	display: block;
}

ul#nav li#nav-home a {
	width: 42px;
	background: url('../images/nav-home-off.gif') no-repeat;
}

ul#nav li#nav-home:hover a, ul#nav li#nav-home.iehover a, ul#nav li#nav-home.on a {
	background: url('../images/nav-home-on.gif') no-repeat;
}

ul#nav li#nav-products a {
	width: 73px;
	background: url('../images/nav-products-off.gif') no-repeat;
}

ul#nav li#nav-products:hover a, ul#nav li#nav-products.iehover a, ul#nav li#nav-products.on a {
	background: url('../images/nav-products-on.gif') no-repeat;
}

ul#nav li#nav-wheretobuy a {
	width: 103px;
	background: url('../images/nav-wheretobuy-off.gif') no-repeat;
}

ul#nav li#nav-wheretobuy:hover a, ul#nav li#nav-wheretobuy.iehover a, ul#nav li#nav-wheretobuy.on a {
	background: url('../images/nav-wheretobuy-on.gif') no-repeat;
}

ul#nav li#nav-services a {
	width: 63px;
	background: url('../images/nav-services-off.gif') no-repeat;
}

ul#nav li#nav-services:hover a, ul#nav li#nav-services.iehover a, ul#nav li#nav-services.on a {
	background: url('../images/nav-services-on.gif') no-repeat;
}

ul#nav li#nav-aboutpsma a {
	width: 90px;
	background: url('../images/nav-aboutpsma-off.gif') no-repeat;
}

ul#nav li#nav-aboutpsma:hover a, ul#nav li#nav-aboutpsma.iehover a, ul#nav li#nav-aboutpsma.on a {
	background: url('../images/nav-aboutpsma-on.gif') no-repeat;
}

ul#nav li#nav-casestudies a {
	width: 94px;
	background: url('../images/nav-casestudies-off.gif') no-repeat;
}

ul#nav li#nav-casestudies:hover a, ul#nav li#nav-casestudies.iehover a, ul#nav li#nav-casestudies.on a {
	background: url('../images/nav-casestudies-on.gif') no-repeat;
}

ul#nav ul {
	display: none;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 700px;
}

ul#nav li.last ul {
	/*left: 360px;
	width: 300px;*/
}

ul#nav ul li {
	display: block;
	float: left;
	padding: 8px 5px 5px 5px;
	margin-top: 7px;
	background: url('../images/subnav-bg-middle.gif') no-repeat top center;
}

ul#nav ul li.first {
	padding-left: 0;
	background: url('../images/subnav-bg-left.gif') no-repeat top center;
}

ul#nav ul li.last {
	padding-right: 0;
	background: url('../images/subnav-bg-right.gif') no-repeat top center;
}

ul#nav ul li a {
	text-decoration: none;
	color: #6491aa;
	display: inline;
	height: auto;
	overflow: auto;
	text-indent: 0;
	background: none !important;
}

ul#nav ul li a:hover, ul#nav ul li a.on {
	color: #477188;
}

ul#nav ul li a.on {
	font-weight: bold;
}

div#left {
	width: 161px;
	display: inline;
	margin: 0 28px 0 35px;
	float: left;
	_margin: 0 14px 0 18px;
}

div#left a {
	display: block;
	width: 131px;
	text-decoration: none;
	padding: 15px 15px 0 20px;
}

div#left a span {
	display: block;
	/*padding: 20px 15px 0 20px;*/
	font-size: 12px;
}

div#left a h3 {
	color: #005b8a;
	text-transform: uppercase;
}

a#box-features {
	height: 302px;
	margin-bottom: 10px;
	background: url('../images/box-bg-feature.gif') no-repeat top left;
	color: #727176;
}

a#box-features span strong {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color: #308e9f;
	margin-bottom: 12px;
}

div#left a#box-features span {
	padding-top: 170px;
}

a#box-box2 {
	height: 118px;
	margin-bottom: 15px;
	background: url('../images/box-bg-box2.gif') no-repeat top left;
	color: #fff;
}

div#left a#box-box2 span {
	/*padding-top: 20px;*/
}



a#box-lynx {
	height: 80px;
	background: url('../images/box-bg-lynx.gif') no-repeat top left;
}

div#box-psmadata {
	width: 161px;
	height: 143px;
	background: url('../images/box-bg-psmadata.gif') no-repeat top left;
	margin-top: 12px;
	overflow: hidden;
	text-indent: -999px;
}

div#box-psmadata.withTabs {
	margin-top: 35px;
}

#box-psmadistribution {
	display: block;
	width: 161px;
	height: 143px;
	background: url('/images/box-bg-psmadistribution.gif') no-repeat top left;
	margin-top: 12px;
	overflow: hidden;
	text-indent: -999px;
}


div#box-empty {
	width: 161px;
	height: 100px;
}

div#right {
	float: left;
	width: 726px;
	display: inline;
}

div#mediaplayer {
	height: 315px;
}

div#content {
	margin: 11px 0 21px 0;
	padding: 0;
}

body#home div#content {
	background: url("../images/box-home-text.gif") no-repeat top left;
}

body#home div#content .img {
	float: left;
}

body#home div#content a .right {
	float: right;
	border: none;
}

.clear {
	clear: both;
	zoom: 1;
}

div#content.standard {
	background-color: #fff;
	padding: 37px 37px 20px 37px;
}

div#content.tabbed {
	background-color: none;
	padding: 0;
	margin-top: 0;
}

ul#tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 35px;
}

ul#tabs li {
	float: left;
}

ul#tabs li a {
	display: block;
	height: 35px;
	margin-right: 10px;
}

ul#tabs li#tab-overview a {
	width: 97px;
	background: url("../images/tab-navy-overview-off.gif") no-repeat top left;
}

ul#tabs li#tab-overview a.on {
	background: url("../images/tab-navy-overview-on.gif") no-repeat top left;
}

ul#tabs li#tab-sources a {
	width: 90px;
	background: url("../images/tab-navy-sources-on.gif") no-repeat top left;
}

ul#tabs li#tab-sources a.on {
	background: url("../images/tab-navy-sources-on.gif") no-repeat top left;
}

ul#tabs li#tab-howtobuy a {
	width: 110px;
	background: url("../images/tab-navy-howtobuy-off.gif") no-repeat top left;
}

ul#tabs li#tab-howtobuy a.on {
	background: url("../images/tab-navy-howtobuy-on.gif") no-repeat top left;
}

ul#tabs li#tab-casestudies a {
	width: 118px;
	background: url("../images/tab-navy-casestudies-off.gif") no-repeat top left;
}

ul#tabs li#tab-casestudies a.on {
	background: url("../images/tab-navy-casestudies-on.gif") no-repeat top left;
}



body.psmadistribution ul#tabs li#tab-overview a {
	background: url("../images/tab-teal-overview-off.gif") no-repeat top left;
}

body.psmadistribution ul#tabs li#tab-overview a.on {
	background: url("../images/tab-teal-overview-on.gif") no-repeat top left;
}

body.psmadistribution ul#tabs li#tab-sources a {
	background: url("../images/tab-teal-sources-on.gif") no-repeat top left;
}

body.psmadistribution ul#tabs li#tab-sources a.on {
	background: url("../images/tab-teal-sources-on.gif") no-repeat top left;
}

body.psmadistribution ul#tabs li#tab-howtobuy a {
	background: url("../images/tab-teal-howtobuy-off.gif") no-repeat top left;
}

body.psmadistribution ul#tabs li#tab-howtobuy a.on {
	background: url("../images/tab-teal-howtobuy-on.gif") no-repeat top left;
}

body.psmadistribution ul#tabs li#tab-casestudies a {
	background: url("../images/tab-teal-casestudies-off.gif") no-repeat top left;
}

body.psmadistribution ul#tabs li#tab-casestudies a.on {
	background: url("../images/tab-teal-casestudies-on.gif") no-repeat top left;
}



ul#tabs li a {
	display: block;
	float: left;
	overflow: hidden;
	text-indent: -999px;
}

div#tabContent, div#tabContent div.tab, div#productImage {
	height: 490px;
}

div#tabContent div.tab {
	height: 443px;
}

div#tabContent {
	overflow: hidden;
	background-color: #fff;
}

div#tabContent.floated {
	float: left;
	width: 446px;
}

div#tabContent div.tab {
	padding: 37px 37px 10px 37px;
	overflow: auto;
}

div#productImage {
	float: left;
	width: 280px;
}

div.administrativeboundaries {
	background: #fff url("../images/products/administrativeboundaries.gif") no-repeat right 35px;
}

div.cadlite {
	background: #fff url("../images/products/cadlite.gif") no-repeat right 35px;
}

div.gnaf {
	background: #fff url("../images/products/gnaf.gif") no-repeat right 35px;
}

div.pointsofinterest {
	background: #fff url("../images/products/pointsofinterest.gif") no-repeat right 35px;
}

div.postcodeboundaries {
	background: #fff url("../images/products/postcodeboundaries.gif") no-repeat right 35px;
}

div.transportandtopography {
	background: #fff url("../images/products/transportandtopography.gif") no-repeat right 35px;
}

div#footer {
	clear: both;
	height: 36px;
	margin-bottom: 15px;
	background-color: #f4f4f5;
}

div#footer span {
	line-height: 36px;
	font-size: 10px;
	color: #999;
	margin-left: 10px;
	float: left;
}

div#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#footer ul li {
	line-height: 36px;
	display: inline;
	padding: 0 14px 0 10px;
	/*background: url("../images/footer-separator.gif") no-repeat center right;*/
}

div#footer ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	font-size: 11px;
}

div#footer ul li a:hover {
	color: #555;	
}

div#footer form {
	margin: 0;
	padding: 0;
	float: right;
	margin-left: 5px;
}

div#footer form input.text {
	height: 14px;
	border: 1px solid #999;
	background-color: #FFF;
	float: left;
	margin-top: 9px;
}

div#footer form input.grey {
	color: #999;
}

div#footer form input.button {
	height: 22px;
	width: 22px;
	float: left;
	margin: 6px 5px 0 5px;
}

a#logo-zoo {
	display: block;
	width: 34px;
	height: 10px;
	background: url("../images/logo-zoo.gif") no-repeat top left;
	float: right;
	overflow: hidden;
	text-indent: -999px;
	margin-bottom: 15px;
}


div#content * {
	color: #8a8991;
	font-size: 13px;
}

div#content h1 {
	color: #005a87;
	margin: 0 0 23px 0;
	font-size: 27px;
	font-weight: bold;
}

div#content h2 {
	margin: 5px 0 14px 0;
	font-size: 17px;
}

div#content h3 {
	margin: 0 0 9px 0;
	font-size: 13px;
}

div#content blockquote {
	font-size: 16px;
	letter-spacing: 1px;
	margin: 5px 0 5px 0;
}

div#content a {
	text-decoration: none;
	color: #005a87;
}

div#content a:hover {
	text-decoration: underline;
}

div#content th, div#content td {
	text-align: left;
}

body.psmadistribution div#content h1, body.psmadistribution div#content a {
	color: #008fa1;
}

br.clearall {
	clear: both;
}


/* PEOPLE VIEWER */
div#peopleHolder, ul#peopleList, div#peopleViewer, div#peopleViewer div.people {
	height: 700px;
}

ul#peopleList {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 25%;
	float: left;
}

ul#peopleList li {
	margin-bottom: 5px;
}

ul#peopleList li strong {
	display: block;
	margin-top: 10px;
}

ul#peopleList li.first strong {
	display: inline;
}

div#peopleViewer {
	float: left;
	width: 75%;
	overflow: hidden;
}

div#peopleViewer div.people h2 {
	margin-top: 0;
}

div#peopleViewer div.people img {
	float: right;
	margin: 0 0 150px 10px;
}

/* PRODUCTS VIEWER */
div#productsHolder {
	margin-right: -37px;
}

div#productsHolder, ul#productsList, div#productViewer, div#productViewer div.product {
	height: 400px;
}

ul#productsList {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 20%;
	float: left;
}

ul#productsList li {
	margin-bottom: 5px;
}

div#productViewer {
	float: right;
	width: 75%;
	overflow: hidden;
}

div#productViewer div.product {
	overflow: auto;
	padding-right: 20px;
}

div#productViewer div.product h2 {
	margin-top: 0;
}