/** overwrite */

	body { background: #f6f6f6; }
	body.sti { background:#f6f6f6 url(/release/images/layout/blue-border.gif) repeat-x; }
	div#container { background: #110315 url(/release/images/layout/gateway-bg.gif) no-repeat; min-width: 960px; }
	div#content div#maincontent { position:relative; float: left; width: 590px; padding-left: 25px; padding-right: 25px; padding-bottom: 25px; }
	div#content div#relatedcontent { margin-top: 40px; }
	div#content ul#site-information a { color: #794CA6; }
	
	body.sti span.arrow { position:absolute; top:6px; left:25px; background: url(/release/images/layout/blue-arrow.gif) no-repeat; width:18px; height:7px;  }

/* Related Content boxes */


	 #content #relatedcontent .smalldarkpanel h2 { font-size:10px; color: #ffffff; font: Arial; }
	 #content #relatedcontent .smalldarkpanel p { font-size:12px; color: #ffffff; }
	 #content #relatedcontent .smalldarkpanel .wrapper .arrowtext {
		text-decoration: none;
		line-height:20px;
		color:#ffffff;
		margin-left:5px;
		font-size:10px;
	}

	/* Small Dark */
	 #content #relatedcontent .smalldarkpanel {
		background-image: url(/release/images/layout/smalldarkpaneltop-content.gif); background-repeat: no-repeat; background-position: left top;
		background-color: #310e36;
		margin-bottom:10px;
		width:150px;
	}
	
	 #content #relatedcontent .smalldarkpanel .wrapper {
		
		background-image: url(/release/images/layout/smalldarkpanelbottom-content.gif); background-repeat: no-repeat; background-position: left bottom;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
	}
	
	 #content #relatedcontent .smalldarkpanel .wrapper .panelcontainer {
		margin-left:10px;
		margin-top:5px;
		margin-bottom:5px;
	}

	 #content #relatedcontent .smalldarkpanel .wrapper .arrowtext {
		background-image: url(/release/images/layout/link.png);
		height:20px;
		width:138px;
		margin:0 auto;
		display:block;
		position:relative;
		left:-5px;
		top: -3px;
		text-indent: 5px;
		}
		
	 #content #relatedcontent .smalldarkpanel .wrapper h2 {
		margin-bottom:10px;
		margin-top:5px;
	}
	
/* STI Help Button */
 #content #relatedcontent .smalldarkpanel .wrapper img {
	margin-left:-5px;
}

/* Service Finder */

	 #content #relatedcontent .smalldarkpanel .wrapper #postcode {
		margin-top:10px;
		margin-bottom:10px;
		overflow:hidden;
	
		margin-top:5px;
	}

	 #content #relatedcontent .smalldarkpanel .wrapper #postcode input {
		float:left;
		line-height:12px;
		padding:0;
		width:100px;
	}

	 #content #relatedcontent .smalldarkpanel .wrapper #postcode input.gobutton { 
		background: url(/release/images/icons/searchbutton.png) no-repeat; 
		height:20px; 
		width:25px;
		display:block;
		text-indent:-500px; 
		border:0;
		float:left;
		}
		
/* Symptom-o-trom */
 #content #relatedcontent .smalldarkpanel .wrapper .arrowtext-large {
	background-image:url(/release/images/layout/link-large.png);
	display:block;
	height:23px;
	left:-8px;
	margin:15px auto 0;
	position:relative;
	width:133px;
	padding-left:5px;
	padding-top:3px;
	margin-bottom:5px;
	}
	
	 #content #relatedcontent .smalldarkpanel .wrapper #symptomotron .arrowtext-large {
		color:#FFFFFF;
		font-size:10px;
		margin-left:5px;
		text-decoration:none;
		}

    div#browselist {
      clear:both;
    margin-bottom:10px;
    }
    div#browselist ul {padding:0;margin-left:0.5em;}

    div#browselist ul li {
     float:left;
    list-style:none;
     text-align:center;
    width:16px;
    }
    div#browselist ul li a{
     display:block;
     text-transform:uppercase;
    text-decoration:none;
    }
    div#browselist ul li a{
    }
    div#browselist ul li a:hover, div#browselist ul li a.active {
     background:#003462;
     color:#e0f1f9;
    }

    form#dbsearch {
    color:#7448a2;
    width:460px;
padding:0;    
    }
    form#dbsearch fieldset {
     padding:1em 0;
     background:#e7dcf3;
     margin-bottom:0.5em;
    }
    form#dbsearch h4 {
     margin:0 1em;
     font-size:0.8em;
    }
    form#dbsearch p {
     margin:0 1em;
     font-size:0.8em;
    }
    form#dbsearch p label {
float:left;
width:50%;
}
form#dbsearch input#submit {float:right;margin-top:1em;margin-right:1em;}
    div#copy dl {
    width:385px;
    }
    dt {
    margin:10px 0 0 0;
    clear:left;
    float:left;
    width:170px;
    display:inline;
    font-size:0.8em;
    }
    dd {
    margin:10px 0 0 0;
    float:left;
    display:inline;
    height:20px;
    width:210px;
    font-size:0.8em;
    }
    html > body dd {
    min-height:20px;
    height:auto;
    }
    dt.header, dd.header {
    font-weight:bold;
    color:#f48413;
    }
table.results {
  border:0;
  width:28.75em;
  margin-top:1em;
}
table.results th {
  background:#e7dcf3;
  color:#7448a2;
  text-align:center;
  text-transform:uppercase;
  padding:3px;
  border:1px solid white;
  border-collapse:collapse;
  font-size:0.8em;
  padding:0.75em 0.5em;
}
table.results th.addressname {
  width:200px;
}
table.results td {
  vertical-align:top;
  border:1px solid white;
  border-bottom:0;border-top:0;
  background:#efe9f4;
  padding:0.5em;
  font-size:0.8em;
}
div#copy table.results tbody tr td p {
  font-size:0.9em;
}
form#dbsearch {
  padding-top:1em;
  padding-bottom:1em;
}
table#groupdetails {
  margin-bottom:1em;
  width:28.75em;
}
table#groupdetails th {
  background:#e7dcf3;
  color:#7448a2;
  text-align:center;
  text-transform:uppercase;
  border:1px solid white;
  border-collapse:collapse;
  font-size:0.8em;
  padding:0.5em;
}
table#groupdetails td {
  background:#efe9f4;
  color:#7448a2;
  border:1px solid white;
  border-collapse:collapse;
  font-size:0.8em;
  padding:0.5em;
}

ul#search-results {
 list-style:none;
margin:0;
padding:0;
}
ul#search-results li {
margin-bottom:1em;
}
ul#search-results li a {
font-weight:bold;
}
ul#search-results li span {
  color:#7448a2;
}


body.a-z-of-safer-sex div#copy h2 { margin-bottom:1em; }

img.riskgraphic { float:right; }