@charset "utf-8";

body	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#666;
	margin:0px;
	padding:0px;
	background: #B7DB2F url(../images/white-left.gif) repeat-y left;
	}
	
/* ----- Generic styles ----- */

p	{
	font-size: 1.4em;
	margin:0px;
	padding: 15px 0px 5px 0px;
	line-height: 1.5em;
	}
	
div	{
	padding:0px;
	margin:0px;
	}
	
abbr	{
	cursor:help;
	}
	
.clear	{
	clear:both;
	}
	
strong {
	color: #170E3B;
	}
	
img {
	border: none;
	}

a {
	text-decoration: none;
	}

a:active, a:focus {
    outline: 0;
	}
	
ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

/* ----- Text styles ----- */

h1 {
	font-size: 2.2em;
	color: #170E3B;
	background: url(../images/horiz-line.gif) repeat-x bottom;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	} 
	
h2 {
	font-size: 1.5em;
	color: #170E3B;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	}
	
.grey { color: #666666; }

/* ----- Layout ----- */

.wrapper {
	width: 760px;
	padding-left: 120px;
	position: relative;
	}
	
.ccard-logo {
	position: absolute;
	top: 11px;
	left: 8px;
	}

.header {
	text-align: right;
	}

.header img {
	padding: 19px 61px 14px 0px;
}

.contentholder {
	background: url(../images/content-middle.jpg) repeat-y left;
	}
	
.contentheader {
	background: url(../images/content-top.jpg) no-repeat top left;
	}
	
.content {
	background: url(../images/content-bottom.jpg) no-repeat bottom left;
	padding: 49px 80px 65px 0px;
	}
	
.maincontent {
	float: right;
	width: 450px;
	}
	
.maincontent img {
	float: right;
	padding: 10px 0px 10px 10px;
	}
	
.maincontent .banner img {
	float: left;
	padding: 10px 0;
	float:left;
}

#condom_outlets a {
	background-image: url(../images/condom_outlets.jpg);
	float: right;
	height: 61px;
	width: 237px;
	text-indent:-999999px;
	margin-left: 10px;
}
	
.footer img {
	float: right;
	padding: 10px 61px 10px 0px;
	}
	
.boxed {
	border: #999999 1px solid;
	background: #CCCCCC;
	padding: 10px;
	margin:0px;
	text-align: center;
	}
	
/* ----- Navigation ----- */

.content ul {
	padding: 45px 0px 20px 0px;
	font-size: 1.6em;
	font-weight: bold;
	width: 200px;
	float: left;
	}
	
.content ul li {
	padding: 7px 0px;
	}
	
.content ul li a:link, .content ul li a:visited {
	color: #170E3B;
	background: url(../images/link-triangle.gif) no-repeat bottom left;
	display: block;
	height: 24px;
	padding-left: 20px;
	}
.content ul li a:hover {
	background-position: top left;
	}
	
#home .content ul li a.home:link, #home .content ul li a.home:visited, #condoms .content ul li a.condoms:link, #condoms .content ul li a.condoms:visited, #where .content ul li a.where:link, #where .content ul li a.where:visited, #how .content ul li a.how:link, #how .content ul li a.how:visited, #under16 .content ul li a.under16:link, #under16 .content ul li a.under16:visited, #services .content ul li a.services:link, #services .content ul li a.services:visited {
	color: #B7DB2F;
	background-position: top left;
	}
	
.footer ul {
	float: left;
	padding: 10px;
	font-size: 1.2em;
	font-weight: bold;
	}
	
.footer ul li {
	display: inline;
	padding: 0px 8px;
	border-right: #FFF 1px solid;
	}
	
.footer ul li.ender {
	border: none;
	}
	
.footer ul li a:link, .footer ul li a:visited {
	color: #FFF;
	}
	
.footer ul li a:hover {
	text-decoration: underline;
	}
	
.maincontent a:link, .maincontent a:visited {
	text-decoration: underline;
	color: #170E3B;
	}
	
.maincontent a:hover {
	color: #333;
	}