@import url('reset.css');


/*-------------------- Typography --------------------*/

p {
  font-size:12px;
  color:#fff;
  line-height:16px;
  padding-bottom:10px;
}
h1 {
  color:#fff;
  font-size:30px;
  margin-bottom:2px;
  padding:10px 15px;
  text-transform: none;
}
h3 {
  font-size:18px;
  color:#fff;
  font-weight:bold;
}
h4 {
  font-size:15px;
  line-height:17px;
  font-weight:bold;
  color:#fff;
  padding-bottom:10px;
}
a {
  color:#ae2472;
  text-decoration:none;
}
a:visited {
  color:#ae2472;
}
a:hover {
  color:#e02f94;
}


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

body {
  background:#000000;
  font-family:Arial, Helvetica, Verdana, sans-serif;
}
#header {
  width:100%;
  background:url('../images/layout/header-logo-bkg.png') top no-repeat;
}
#header-content,
#container {
  width:960px;
  margin:0 auto;
}
#header-content {
  position:relative;
  height:255px;
}
#header-logo a {
  width:160px;
  height:150px;
  display:block;
  overflow: hidden;
  text-indent: -999em;
}
#content-main {
  display:block;
  clear:both;
  float:left;
  width:646px;
}
#content-right {
  width:300px;
  float:right;
}
.left {
  float:left;
}
.right {
  float:right;
}
.clearer {
  clear:both;
}
.half {
  width:49%;
}
.third {
  width:30%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*-------------------- Footer --------------------*/

#footer {
  clear:both;
  float:left;
  width:960px;
  position:relative;
  padding:30px 0 60px;
  margin:25px 0 0;
  background:#12030e url('../images/layout/footer-bkg.png') repeat-x;
}
#footer-links {
  margin-left:80px;
}
#footer-links .item {
  width:130px;
  float:left;
  margin-left:15px;
  display:inline;
}
#footer-links .item h4 {
  margin-bottom:5px;
  border-bottom:1px solid #41353e;
}
#footer-links .item li a {
  font-size:11px;
  color:#ae2472;
}
#footer-links .item li a:hover {
  color:#f589bb;
}

#footer-logo {
  position:absolute;
  left:35px;
  bottom:-20px;
}
#footer-logo p {
  color:#898187;
  font-size:11px;
  padding-top: 32px;
  white-space:nowrap;
}
#footer-logo img {
  float:left;
  margin-right:20px;
}


/*-------------------- Navigation --------------------*/

#navigation {
  width:960px;
  height:60px;
  position:absolute;
  top:180px;
}
#navigation li {
  display:inline;
  line-height:60px;
  font-size:14px;
  font-weight:bold;
}
#navigation li a {
  display:block;
  float:left;
  text-align:center;
  height:60px;
  color:#fff;
  background:url('../images/layout/navigation-bkg.png') 0 0 no-repeat;
}

#navigation li a.active {
  color:#000;
}
#navigation .home a {
  width:82px;
  background-position:0 0;
}
#navigation .home a:hover {
  background-position:0 -60px;
}
#navigation .home a.active {
  background-position:0 -120px;
}

#navigation .puberty a {
  width:120px;
  background-position:-82px 0;
}
#navigation .puberty a:hover {
  background-position:-82px -60px;
}
#navigation .puberty a.active {
  background-position:-82px -120px;
}

#navigation .menstruation a {
  width:131px;
  background-position:-202px 0;
}
#navigation .menstruation a:hover {
  background-position:-202px -60px;
}
#navigation .menstruation a.active {
  background-position:-202px -120px;
}

#navigation .womens-health a {
  width:141px;
  background-position:-333px 0;
}
#navigation .womens-health a:hover {
  background-position:-333px -60px;
}
#navigation .womens-health a.active {
  background-position:-333px -120px;
}

#navigation .for-teachers a {
  width:131px;
  background-position:-474px 0;
}
#navigation .for-teachers a:hover {
  background-position:-474px -60px;
}
#navigation .for-teachers a.active {
  background-position:-474px -120px;
}

#navigation .tampons-pads-liners a {
  width:205px;
  background-position:-605px 0;
}
#navigation .tampons-pads-liners a:hover {
  background-position:-605px -60px;
}
#navigation .tampons-pads-liners a.active {
  background-position:-605px -120px;
}

#navigation .our-advertising a {
  width:150px;
  background-position:-810px 0;
}
#navigation .our-advertising a:hover {
  background-position:-810px -60px;
}
#navigation .our-advertising a.active {
  background-position:-810px -120px;
}

#faceLink {
  width: 190px;
  height: 50px;
  background-image: url(/assets/0000/0803/facebook-icon.jpg);
  float: left;
}

#faceOptions {
	position: absolute; 
	right: 10px; 
	top: 45px; 
	width: 320px;
}

#faceOptions a {
  display: block;
  float: left;
  width: 38px;
  height: 38px;
  background-image: url(/images/32515_thumb_Youtubeicon.png);
}

/*-------------------- Search Form --------------------*/

form.search {
  position:absolute;
  right:10px;
  top:100px;
  width:230px;
}
form.search div.input {
  width:186px;
  height:35px;
  background: url('../images/layout/seach-field-bkg.gif') no-repeat;
}
form.search input.text {
  display:inline;
  width:166px;
  padding:10px;
  background:none;
  border:0;
}
form.search input.submit {
  position:absolute;
  top:0;
  right:0;
}


/*-------------------- Bread Crumbs --------------------*/

#breadcrumbs ul {
  float:left;
  width:100%;
  height:15px;
  padding:0 0 10px;
  margin:0 0 25px;
  border-bottom:1px dotted #fff;
}
#breadcrumbs ul li {
  display:block;
  float:left;
  height:15px;
  line-height:15px;
  background:url('../images/layout/arrow-breadcrumbs.gif') no-repeat left center;
  padding-left:18px;
  margin:0 10px 0 0;
}
#breadcrumbs ul li.home,
#breadcrumbs ul li.first {
  padding-left:13px;
  background-image:url('../images/layout/home-breadcrumbs.gif');
}
#breadcrumbs ul li,
#breadcrumbs ul li a {
  font-size:11px;
  color:#ae2472;
}
#breadcrumbs ul li,
#breadcrumbs ul li a:hover {
  color:#f589bb;
}


/*-------------------- Box style --------------------*/

.line {
  border-top:1px dotted #666;
}
.line h3 {
  height:18px;
  padding:14px 0 8px 0;
  border-bottom:4px solid #666;
}

.content-menu .line {
border-top:0px;
margin-bottom:15px;
}


/*-------------------- Box colour --------------------*/

/*---------- TAMPONS ----------*/
/*----- Green -----*/
.green h3 {
  color:#98ca18;
  border-bottom:4px solid #369c36;
}
.green a,
.green h4 {
  color:#98ca18;
}
.green a:hover {
  /*color:#befc1e !important;*/
}

/*----- Blue -----*/
.blue h3 {
  color:#289abe;
  border-bottom:4px solid #006dc1;
}
.blue a,
.blue h4 {
  color:#006dc1;
}
.blue a:hover {
  /*color:#33c6f2 !important;*/
}

/*----- Pink -----*/
.pink h3 {
  color:#c36e96;
  border-bottom:4px solid #ae2472;
}
.pink a,
.pink h4 {
  color:#c36e96;
}
.pink a:hover {
  /*color:#f589bb !important;*/
}


/*---------- LINERS ----------*/
/*----- Green2 -----*/
.green2 {
  float:left;
  width:100%;
}
.green2 h3 {
  color:#a8ce5b;
  border-bottom:4px solid #369c36;
}
.green2 a,
.green2 h4 {
  color:#a8ce5b;
}
.green2 a:hover {
  /*color:#cfff70 !important;*/
}

/*----- Purple -----*/
.purple h3 {
  color:#a879cf;
  border-bottom:4px solid #7b006f;
}
.purple a,
.purple h4 {
  color:#a879cf;
}
.purple a:hover {
  /*color:#cf94ff !important;*/
}

/*----- Orange -----*/
.orange h3 {
  color:#edad24;
  border-bottom:4px solid #e36700;
}
.orange a,
.orange h4 {
  color: #edad24;
}
.orange a:hover {
  /*color:#ffcb59 !important;*/
}

/*----- Blue2 -----*/
.blue2 h3 {
  color:#7fb7e0;
  border-bottom:4px solid #006dc1;
}
.blue2 a,
.blue2 h4 {
  color:#7fb7e0;
}
.blue2 a:hover {
  /*color:#99d5ff !important;*/
}

/*----- Dark Pink -----*/
.dark-pink h3 {
  color:#cd414a;
  border-bottom:4px solid #9f004c;
}
.dark-pink a,
.dark-pink h4 {
  color:#cd414a;
}
.dark-pink a:hover {
  /*color:#ff525d !important;*/
}

/*----- Aqua -----*/
.aqua h3 {
  color:#2bd9d9;
  border-bottom:4px solid #21a6a6;
}
.aqua a,
.aqua h4 {
  color:#2bd9d9;
}
.aqua a:hover {
  /*color:#21a6a6 !important;*/
}

/*----- Purple2 -----*/
.purple2 h3 {
  color:#a879cf;
  border-bottom:4px solid #7b006f;
}
.purple2 a,
.purple2 h4 {
  color:#a879cf;
}
.purple2 a:hover {
  /*color:#cf94ff !important;*/
}


/*-------------------- Banners --------------------*/

#content-right.banners img {
  margin-bottom:15px;
}

#flash-banner {
  float:left;
  margin: 0px 0 15px;
}


/*-------------------- Links / Lists --------------------*/

a.arrow {
  display:block;
  color:#fff !important;
  background-repeat:no-repeat;
  background-position:right 2px;
}
.purple a.arrow {
  background-image:url('../images/layout/arrow-h3-purple.gif');
}
.orange a.arrow {
  background-image:url('../images/layout/arrow-h3-orange.gif');
}
.aqua a.arrow {
  background-image:url('../images/layout/arrow-h3-aqua.gif');
}
.green a.arrow {
  background-image:url('../images/layout/arrow-h3-green.gif');
}
.green2 a.arrow {
  background-image:url('../images/layout/arrow-h3-green2.gif');
}
.pink a.arrow {
  background-image:url('../images/layout/arrow-h3-pink.gif');
}

#links-products ul {
  clear:both;
  float:left;
  width:960px;
  height:75px;
  margin:10px 0 20px;
}
#links-products ul li {
  display:inline;
  height:75px;
  line-height:75px;
  font-size:14px;
  font-weight:bold;
}
#links-products ul li a {
  display:block;
  float:left;
  color:#fff;
  font-size:20px;
  text-transform:lowercase;
  text-indent:135px;
  background:url('../images/layout/links-products-bkg.png') 0 0 no-repeat;
}
#links-products ul li.tampons a {
  width:320px;
}
#links-products ul li.tampons a:hover {
  background-position:0 -75px;
}
#links-products ul li.pads a {
  width:321px;
  background-position:-320px 0;
}
#links-products ul li.pads a:hover {
  background-position:-320px -75px;
}
#links-products ul li.liners a {
  width:319px;
  background-position:-641px 0;
}
#links-products ul li.liners a:hover {
  background-position:-641px -75px;
}

#content-main .links {
  /*clear: both;
  border-top:1px dotted #fff;
  padding:5px 0 0 0;
  margin-bottom:15px;*/
}
#content-main h3#links {
	border-top:1px dotted #666666;
}
#content-main .links li {
  margin:0 0 0 0;
}
#content-right .links {
	margin-bottom: 15px;
}
.links a {
  /*text-indent:8px;*/
  display:block;
  padding:8px;
  /*height:30px;*/
  line-height:14px;
  font-size:12px;
  font-weight:bold;
  margin-bottom: 2px;
}
.links a:hover {
  color:#000 !important;
}

.products .links li.link1 {
  margin: 0 14px !important;
}

.products .links li.link2 {

}

/*----- Brown Links -----*/
.links a.brown {
  color:#fff;
  background:#2e1501 url('../images/layout/arrow-brown.png') no-repeat right 0;
}
.links a:hover.brown {
  color:#000;
  background-color:#e36700;
  background-position:right -30px;
}

/*----- Green1 Links -----*/
.green .links a,
.links a.green {
  color:#fff;
  background:#1e2805 url('../images/layout/arrow-green.png') no-repeat right 0;
}

.green .links a.no_arrow,
.links a.green {
  color:#fff;
  background:#1e2805 no-repeat right 0;
}


.green .links a:hover,
.links a:hover.green {
  color:#000;
  background-color:#98ca18;
  background-position:right -30px;
}

/*----- Green2 Links -----*/
.green2 .links a,
.links a.green2  {
  color:#fff;
  background:#0b1f0b url('../images/layout/arrow-green2.png') no-repeat right 0;
}
.green2 .links a:hover,
.links a:hover.green2 {
  color:#000;
  background-color:#369c36;
  background-position:right -30px;
}

/*----- Purple1 Links -----*/
.purple2 .links a,
.links a.purple2 {
  color:#fff;
  background:#170d1c url('../images/layout/arrow-purple2.png') no-repeat right 0;
}

.purple2 .links a:hover,
.links a:hover.purple2 {
  color:#000;
  background-color:#72408b;
  background-position:right -30px;
}

/*----- Aqua Links -----*/
.aqua .links a,
.links a.aqua {
  color:#fff;
  background:#072121 url('../images/layout/arrow-aqua.png') no-repeat right 0;
}

.aqua .links a.no_arrow,
.links a.aqua {
  color:#fff;
  background:#072121 no-repeat right 0;
}

.aqua .links a:hover,
.links a:hover.aqua {
  color:#000;
  background-color:#21a6a6;
  background-position:right -30px;
}

/*----- Pink Links -----*/
.pink .links a,
.links a.pink {
  color:#fff;
  background:#230717 url('../images/layout/arrow-pink.png') no-repeat right 0;
}

.pink .links a.no_arrow,
.links a.pink {
  color:#fff;
  background:#230717 no-repeat right 0;
}


.pink .links a:hover,
.links a:hover.pink {
  color:#000;
  background-color:#ae2472;
  background-position:right -30px;  
}


/*-------------------- Sheets --------------------*/

.sheets {
  clear:both;
  float:left;
  width:100%;
  margin-top:0px;
}
.content-menu .sheets {
  margin-top:0px;
  margin-bottom:15px;
}
.facts h1,
.sheets h1,
.sheets h2 {
  color:#fff;
  font-size:30px;
  margin-bottom:2px;
  padding:10px 15px;
}
.sheets h1#info {
  padding-left: 0px;
}
.sheets h3 a {
  color:#000 !important;
}
.sheets .item{
  width:295px;
  padding:15px 10px 10px;
  color:#000;
  margin-bottom:15px;
}
.sheets .left {
  clear:left;
}
.sheets .right {
  clear:right;
}
.sheets .item h3 {
  border:none;
  color:#000;
  margin-bottom:20px;
}
.sheets .item p {
  color:#000;
}
.sheets .item p img {
  float:left;
  margin:0 14px 10px 0;
}

.page {
  width:auto;
  margin:0px 0px 15px 0px;
  padding:60px 15px 15px 15px;
}

.content-menu .page {
  padding-top:15px;
  width:616px;
}
.page h2 {
  color:#000;
  font-size:20px;
  margin:10px 0 15px 0;
  padding:0;
  background:none !important;
  text-transform:none;
}
.page h3 {
  border:0;
  margin-bottom:25px;
  text-transform:lowercase;
}
.page h5 {
  font-size:14px;
  margin-bottom:25px;
}
.page p {
  color:#000;
}
.page p .left {
  margin:0 15px 10px 0;
}
.page p .right {
  margin:0 0 10px 15px;
}

.page .downloads {
  position:relative;
  width:315px;
  height:315px;
  margin:0 0 20px 25px;
  background:url('../images/layout/tmp-downloads-bkg.png') no-repeat;
}
.page .downloads .download {
  position:absolute;
  bottom:0;
  height:103px;
  text-align:center;
  color:#808080;
}
.page .downloads .download p {
  position:absolute;
  bottom:8px;
  padding:0;
  font-size:11px;
  color:#808080;
}
#content-main .page .downloads .download p a {
  color:#98ca18;
  font-size:13px;
  padding-left:20px;
  background:url('../images/layout/arrow-download.gif') no-repeat left center;
}
#content-main .page .downloads .download p a:hover {
  color:#befc1e !important;
}

.page .downloads .pdf,
.page .downloads .pdf p {
  left:0;
  width:125px;
}
.page .downloads .pdf-all,
.page .downloads .pdf-all p {
  right:0;
  width:176px;
}

/*----- Orange Sheets -----*/

#section-puberty .post-it-row {
	background:#edad24 url('../images/layout/post-it-pink.png') top right repeat-y;
	margin-bottom: 15px;
	display: block;
}
#section-menstruation .post-it-row {
	background:#edad24 url('../images/layout/post-it-purple.png') top right repeat-y;
	margin-bottom: 15px;
	display: block;
}
#section-u-health .post-it-row {
	background:#edad24 url('../images/layout/post-it-orange.png') top right repeat-y;
	margin-bottom: 15px;
	display: block;
}
#content-main .post-it-row .item{
	padding-bottom: 0px !important;
}
.sheets.orange h2 {
  background:#e36700;
}
.page {
  background:#ffbe33 url('../images/layout/sheets-orange-page-bkg.png') top right no-repeat;
}
.sheets.orange .item {
  background:#edad24 url('../images/layout/sheets-orange-bkg.png') top right no-repeat;
}
.page .pdf {
  background:url('../images/layout/sheets-orange-pdf.png') no-repeat;
}
.page .pdf-all {
  background:url('../images/layout/sheets-orange-pdf-all.png') no-repeat;
}

/*----- Green Sheets -----*/
.sheets.green h2 {
  background:#369c36;
}
.sheets.green .item {
  background:#98ca18 url('../images/layout/sheets-green1-bkg.png') top right no-repeat;
}

/*----- Pink Sheets -----*/
#section-puberty .sheets .item,
.sheets.pink-sheet .item {
  background:#c97da1 url('../images/layout/sheets-pink-bkg.png') top right no-repeat;
}
#section-puberty .page,
.page.pink-page {
  background:#c97da1 url('../images/layout/sheets-pink-bkg.png') top right no-repeat;
}

/*----- Purple Sheets -----*/
#section-menstruation .sheets .item,
.sheets.purple-sheet .item {
  background:#b187d4 url('../images/layout/sheets-purple-bkg.png') top right no-repeat;
}
#section-menstruation .page,
.page.purple-page {
  background:#b187d4 url('../images/layout/sheets-purple-bkg.png') top right no-repeat;
}

/*----- Blue Sheets -----*/
.sheets.blue .item {
  background:#21a6a6 url('../images/layout/sheets-blue-bkg.png') top right no-repeat;
}
.sheets.blue p a:hover {
  /*color:#21a6a6;*/
}
.sheets.blue ol li img {
  float:left;
  width:19px;
  margin-right:3px;
}
.sheets .item h2 {
  background:none;
  padding: 0px 50px 10px 0px;
  color:#000000;
  font-size:17px;
  font-weight:bold;
  line-height:19px;
}

/*----- Grid Sheets -----*/
.grid {
  width:300px;
  margin-top:0 !important;
  margin-bottom:6px !important;
  background:#fff url('../images/layout/sheets-grid-bkg.png');
}
.grid h3 {
  width:280px;
  margin:0;
}
.grid p {
  color:#004880 !important;
}
.grid ol {
  margin-bottom:14px !important;
}
.grid ol li {
  width:100%;
  margin:0;
}
.grid ol li img {
  margin:0 !important;
}

.grid .item {
  margin-top:0px;
  background: url(../images/layout/sheets-grid-top-bkg.png) top right no-repeat;
}

#content-right .sheets  {
  margin-top:0px;
}
#content-right .sheets .item {
  width:280px;
  margin-top:0px;
}

/*----- Fact Sheets -----*/
.facts h1 {
  margin-bottom:0;
}
.facts h1 span {
  color:#000;
}
.facts .half {
  width:50%;
}
.facts .sheets {
  clear:none;
  margin-top:2px;
}
.sheets.blue .item ul {
  border:0;
}
.sheets .item ul li {
  height:auto;
  background:transparent url(../images/layout/bullet-content.gif) no-repeat 0 4px;
  font-size:12px;
  margin:8px 0;
  padding-left:15px;
  line-height:15px;
}
#section-puberty .sheets .item ul li {
  height:auto;
  background:transparent url(../images/layout/bullet-pink-content.png) no-repeat 0 4px;
  font-size:12px;
  margin:8px 0;
  padding-left:15px;
  line-height:15px;
}
#section-menstruation .sheets .item ul li {
  height:auto;
  background:transparent url(../images/layout/bullet-purple-content.png) no-repeat 0 4px;
  font-size:12px;
  margin:8px 0;
  padding-left:15px;
  line-height:15px;
}
.sheets.blue .item ul li {
  background:transparent url(../images/layout/bullet-blue.gif) no-repeat 0 4px;
}
.sheets .item ul li.left {
  clear:both;
}
.right .sheets .item {
  margin-left:8px;
}
.sheets .item ol {
  margin:0;
  padding:0;
}
.sheets .item ol li {
  font-size:12px;
  background:none;
  padding:0;
  clear:both;
}
.sheets .item ol li p {
  float:left;
  width:270px;
  padding-top:6px;
  margin:0;
}
.page p a,
.page ul a,
.sheets .item p a {
  color:#000 !important;
  background:none !important;
  border-bottom:1px dotted #000 !important;
  font-weight:bold !important;
  padding:0px 0px 0px 0px !important;
}

/*----- Period Fact Sheets -----*/
#period-facts.facts h1 {
  background:#9f004c;
}


/*-------------------- Home --------------------*/

#home #flash-banner {
	float:left;
	margin:8px 0 15px;
}
#home #why-switch {
  float:left;
  width:320px;
}
#home #why-switch ul {
  margin:15px 0;
  padding-left:17px;
  list-style: url('../images/layout/list-style-orange.gif');
}
#home #why-switch ul li {
  color:#fff;
  font-size:13px;
  margin:10px 0 0;
  background:none;
}
#home #why-switch a {
  color:#e36700;
}
#home #why-switch a:hover {
  color:#ffcb59;
}

#home #womens-health {
  float:right;
  width:625px;
}

#home #womens-health .item{
  display:block;
  float:left;
  width:195px;
  height:45px;
  color:#a879cf;
  font-size:14px;
  line-height:16px;
  margin:0;
  padding:8px 6px 8px 0;
}

#home #womens-health .item img {
  float:left;
  display:block;
  margin-right:10px;
}


/*-------------------- Womens Health --------------------*/

#health-resources {
  clear:both;
  float:left;
  width:100%;
}
#health-resources ul.links {
  border:0;
}
#health-resources ul.links a {
  margin-bottom:10px;
}
#health-resources ul.links img {
  float:right;
  margin-left:60px;
}


/*-------------------- For Teachers --------------------*/

#request-samples {
  clear:both;
  width:646px;
  height:180px;
  border-top:1px dotted #666;
  background:url('../images/layout/request-samples-bkg.jpg') bottom no-repeat;
}
#request-samples .item {
  width:425px;
  margin:25px 0 0 200px;
}
#request-samples .item h3 {
  margin-bottom:14px;
}
#request-samples .item h3 span,
#request-samples .item a {
  color:#77af29;
}
#request-samples .item a {
  display:block;
  width:225px;
  height:30px;
  line-height:30px;
  padding-left:16px;
  font-size:14px;
  font-weight:bold;
  background:url('../images/layout/request-samples-link-bkg.gif') no-repeat;
}
#request-samples .item a:hover {
  color:#cfff70
}

#for-teachers.detail .links {
  clear:both;
  float:left;
  width:100%;
  margin-top:15px;
}
#for-teachers.detail .links ul {
  margin:0;
  padding-top:15px;
  border-top-color:#666;
}

#sample-request #flash-banner {
  padding-bottom:0px;
}

#sample-request #demand-exceeded {
  background: url('../images/sample-request/demand-exceeded-bg.png') no-repeat;
  display:block;
  height:89px;
  margin-bottom:20px;
  padding:20px 32px;
  width:582px;
}

#sample-request #demand-exceeded p {
  color: #000;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 10px;
}

#sample-request #demand-exceeded p strong {
  font-weight: bold;
}

#sample-request #sample-pack {
  width: 316px;
  float: left;
    padding-bottom: 30px;
}

#sample-request #documents {
  width: 316px;
  float: right;
    padding-bottom: 30px;
}
#sample-request #sample-pack h4,
#sample-request #documents h4 {
  color: #77af29;
}
#sample-request #sample-pack ul li,
#sample-request #documents ul li {
  color:#FFFFFF;
  font-size:12px;
  line-height:16px;
}

#sample-request .steps {
  padding-bottom:45px;
}
#sample-request .steps li {
  position:relative;
  display:block;
  clear:both;
  width:646px;
  height:76px;
  margin-bottom:14px;
  background:url(../images/sample-request/step-request-sample-bkg.gif) no-repeat;
}
#sample-request .steps li * {
  position:absolute;
  left:85px;
}
#sample-request .steps img {
  top:22px;
  left:23px;
  font-size:35px;
  font-weight:bold;
  line-height:76px;
}
#sample-request .steps h3 {
  top:10px;
  border:0;
}
#sample-request .steps p {
  top:50px;
}

#sample-request .step-btn {
  width:646px;
  float:left;
  height:30px;
  margin-top:15px;
  background: url(../images/sample-request/step-btn-line.gif) repeat-x;
}
#sample-request .step-btn a{
  float:right;
  width:150px;
  height:30px;
  line-height:30px;
  font-size:13px;
  font-weight:bold;
  color:#000;
  padding-left:12px;
}
#sample-request .step-btn a:hover {
  color:#fff;
}
#sample-request .step-btn a span {
  display:none;
}
#sample-request .step-btn a.one {
  background: url(../images/sample-request/step-btn-1.png) no-repeat;
}
#sample-request .step-btn a.three {
  position:absolute;
  right:-3px;
  bottom:-15px;
  background: url(../images/sample-request/step-btn-3.png) no-repeat;
  width:165px;
  border:0;
  padding:0 0 2px;
  text-indent:-20px;
  font-size:12px;
}

#sample-request .no-stock {
  width:546px;
  height:119px;
  padding:50px;
  background: url(../images/sample-request/no-stock.gif) no-repeat;
  display:block;
  float:left;
}
#sample-request .no-stock p {
  font-size:16px;
  color:#000;
  font-weight:bold;
  line-height:25px;
}

#sample-request h3 {
	margin: 2em 0 1em 0;
}

#sample-request #stay-in-touch-area {
	padding-bottom: 2em;
	border-bottom: 1px dotted #666;
	
}

#sample-request #terms-and-conditions {
	margin-top: 1em;
	margin-left: 2em;
}

#sample-request #terms-and-conditions input {
	float: left;
}

#sample-request #terms-and-conditions span.error-with-field {
	border: 2px solid red;
}

#sample-request #terms-and-conditions span.error-with-field + span.error-with-field {
	border: none; /* For the hidden field */ 
}

#sample-request #terms-and-conditions div {
	margin-left: 2em;
	line-height: 150%;
}

/*For Teachers :: School confirmation */

.selected-school{
  margin:10px 0;
  padding:15px 35px 0 0;
  width:611px;
}
.selected-school h3 {
  border-bottom:4px solid #AE2472;
  border-top:1px dotted #666666;
  color:#C36C96;
  margin:15px 0;
  padding:16px 0 6px;
}
.selected-school label {
  color:#FFFFFF;
  float:left;
  font-family:Verdana,sans-serif;
  font-size:12px;
  font-weight:bold;
  width:150px; /* 215px*/
  display:inline;
  margin-bottom:10px;
}
.selected-school span {
  display:inline;
  float:left;
  padding:0 0 0 10px;
  color:#fff;
}
.selected-school .change-school {
 float:right;
  margin-top:-38px;
}
.selected-school .no-stock {
  margin: 2em 0;
	height: auto !important;
}
span.open-answer{
  float: none !important;
  display: block !important;
  margin-top: 5px;
  margin-left: -10px;
}


/*----- Request Form -----*/
/*
#sample-request form {
  position:relative;
  color:#fff;
  font-size:14px;
  margin:14px 0 30px;
  padding:20px 0 25px;
  border-bottom:1px dotted #24350c;
  border-top:1px dotted #666;
}
#sample-request form h3 {
  padding-bottom:4px;
  margin-bottom:20px;
}
#sample-request form fieldset {
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px dotted #666;
}
#sample-request form .input {
  clear:both;
}
#sample-request form .input .half {
  width:45%;
}
#sample-request form .input .one-third {
  width:30%;
}
#sample-request form .input .two-thirds {
  width:60%;
}
#sample-request form .input .info {
  float:left;
  color:#ae2472;
}
#sample-request form .input .fields {
  float:left;
  width:370px;
  margin-bottom:15px;
}
#sample-request form .input label {
  float:left;
  width:160px;
  margin-right:60px;
  font-weight:bold;
  padding-top:10px;
  line-height:16px;
}
#sample-request form .textarea label,
#sample-request form .input label.no-pad {
  padding-top:0;
}
#sample-request form .input label.small {
  float:none;
  font-size:11px;
  font-weight:normal;
  line-height:15px;
  color:#a95f82;
}
#sample-request form .radio .fields label {
  float:none;
  width:auto;
  margin:0 10px 0 3px;
  font-weight:bold;
  color:#ae2472;
}
#sample-request form .text input,
#sample-request form textarea {
  clear:both;
  width:100%;
  font-size:16px;
  padding:5px 3px;
  margin-bottom:5px;
  background:#ccc;
  border:1px solid #fff;
}
#sample-request form .text input:focus,
#sample-request form textarea:focus {
  background:#fff;
  border:1px solid #ae2472;
}
#sample-request form .text .state {
  clear:both;
  position:relative;
}
#sample-request form .text .state .info {
  position:absolute;
  top:25px;
  left:190px;
}
#sample-request form .sex .fields {
  margin-left:220px;
}
#sample-request form #some-more-info .input input {
  margin-top:15px;
}
#sample-request form #stay-in-touch {
  border:0;
  margin:0;
}
#sample-request form #stay-in-touch .input label {
  width:355px;
}
#sample-request form #stay-in-touch .fields {
  width:135px;
  margin-left:50px;
}
#sample-request form #stay-in-touch .fields label  {
  margin-right:18px;
}
*/
/*
.content-for-teachers {
  width:660px;
  padding-bottom:30px;
  display:block;
}
.content-for-teachers .item {
  width:316px;
  margin-right:14px;
  float:left;
  height:114px;
  padding-top:14px;
  border-bottom:1px dotted #666;
}
.content-for-teachers .item p {
  width:202px;
  float:right;
}
.content-for-teachers .item h4 {
  width:202px;
  float:right;
}
.content-for-teachers .item img {
  float:left;
}
*/

/*-------------------- Products --------------------*/

#tampons-pads-liners .line {
  float:left;
  width:206px;
}
#tampons-pads-liners #pads.line {
  margin:0 14px;
}
#tampons-pads-liners #panty-liners.line {
  float:right;
}
#tampons-pads-liners .line img {
  border-bottom:1px dotted #fff;
  margin-bottom:10px;
}
#tampons-pads-liners .line p {
  height:130px;
}
#tampons-pads-liners #pads h3 {
  border-bottom-color:#98ca18;
}

.factors {
  float:left;
  margin-bottom:14px;
}
.factors .line {
  position:relative;
  float:left;
  width:178px;
  height:205px;
  padding:0 14px;
}
.factors .line h3 {
  border:0;
  font-size:17px;
}
.factors .line p {
  margin-top:105px;
}

.products .line {
  clear:both;
  display:block;
  width:100%;
  height:190px;
  padding-bottom:0px;
}
.products h3 {
  text-transform:lowercase;
}
.products h4 {
  float:right;
  padding-right:14px;
  margin-top:-28px;
  font-weight:normal;
  font-size:14px;
}
.products p {
  float:left;
  width:140px;
  padding-top:14px;
  padding-right:10px;
}
.products .images p {
  float:none;
  width:auto;
  padding-top:0px;
  padding-right:0px;
}
.products .full {
  clear: both;
  height: auto;
}
.products .full p {
  float: none !important;
  width: 100%;
}
#content-main .products .links {
  border:0;
}
.products .links li {
  float:left;
  width:206px;
  border-top:1px dotted #666;
  padding-top:14px;
}
.products .links li.text {
  height:30px;
  line-height:30px;
  color:#fff;
  font-weight:bold;
  font-size:14px;
}

/*---------- Tampons ----------*/

#tampons .factors .line h3 span {
  color:#289abe;
}
#tampons .factors #comfort.line {
  background:url('../images/products/tampons-comfort.png') no-repeat;
}
#tampons .factors #clever.line {
  margin:0 14px;
  background:url('../images/products/tampons-clever.png') no-repeat;
}
#tampons .factors #cool.line {
  background:url('../images/products/tampons-cool.png') no-repeat;
}
#tampons .products .links li.pads {
  margin:0 14px;
}
#tampons .products .line .images img {
  /*float: right;*/
}

/*---------- Pads ----------*/

#pads .factors .line h3 span {
  color:#aab300;
}
#pads .factors #comfort.line {
  background:url('../images/products/pads-comfort.png') no-repeat;
  height: 220px;
}
#pads .factors #clever.line {
  margin:0 14px;
  background:url('../images/products/pads-clever.png') no-repeat;
  height: 220px;
}
#pads .factors #cool.line {
  background:url('../images/products/pads-cool.png') no-repeat;
  height: 220px;
}

#pads .products .line {
  float:left;
  clear:none;
  width:316px;
}
#pads .products .blue2,
#pads .products .purple2,
#pads .products .gray {
  float:right;
}
#pads .products .line h4 {
  padding:0;
  margin:10px 0;
}
#pads .products .line p {
  padding-top:0;
}
#pads .products .line .text {
  float:left;
  width:140px;
}
#pads .products .line img {
  float:right;
}
#pads .products .links li.tampons {
  margin:0 14px;
}
#pads .products .links .purple2 {
  float:none;
}

/*---------- Liners ----------*/

#panty-liners .factors .line h3 span {
  color:#c36e96;
}
#panty-liners .factors #comfort.line {
  background:url('../images/products/liners-comfort.png') no-repeat;
}
#panty-liners .factors #clever.line {
  margin:0 14px;
  background:url('../images/products/liners-clever.png') no-repeat;
}
#panty-liners .factors #cool.line {
  background:url('../images/products/liners-cool.png') no-repeat;
}
#panty-liners .products .links li.tampons {
  margin:0 14px;
}

/*-------------------- Our Advertising --------------------*/

#our-advertising .line {
  clear:both;
  float:left;
  width:100%;
  border-bottom:1px dotted #fff;
}
#our-advertising .line h3 {
  position:relative;
  margin-bottom:20px;
}
#our-advertising .line a.arrow {
  position:absolute;
  top:17px;
  right:5px;
  color:#a8ce5b !important;
  font-size:12px;
  font-weight:normal;
  padding:2px 0 8px 24px;
  background-position:0 0;
}
#our-advertising .line a:hover.arrow {
  color:#cfff70 !important;
}
#our-advertising .line .links {
  border:0;
}
#our-advertising .line .links a {
  margin-top:14px;
}

/* --------------- CONTENT ------------------- */

#content-main .title {
  padding-bottom:2px;
  margin-bottom:15px;
  border-bottom:1px solid white;
}
#content-main .title h1 {
  background-color:#AE2472;
}
#content-main .handouts h1 {
  background-color:#E36700;
}
#content-main .teachers h1 {
  background-color:#369C36;
}
#content-main .page ul {
  list-style:none;
  padding:3px 0 15px 5px;
}
#content-main .page ol {
  list-style:decimal;
  padding:3px 0 15px 20px;
}
#content-main .page ul li,
#content-main .page ol li {
  margin:8px 0px 12px 0px;
  font-size:12px;
}
#content-main .page ul li {
  padding-left:15px;
  line-height:15px;
  background:url(../images/layout/bullet-content.gif) 0px 4px no-repeat;
}
#section-puberty #content-main .page ul li {
  padding-left:15px;
  line-height:15px;
  background:url(../images/layout/bullet-pink-content.png) 0px 4px no-repeat;
}
#section-menstruation #content-main .page ul li {
  padding-left:15px;
  line-height:15px;
  background:url(../images/layout/bullet-purple-content.png) 0px 4px no-repeat;
}
#content-main .page .intro {
  font-size:17px;
  line-height:18px;
}
#content-main .page .
#content-main .page a {
  color:#000;
  background-color:none;
  border-bottom:1px dotted #000;
  font-weight:bold;
  padding:0px 0px 0px 0px;
}
#content-main .page a:hover {
  color:#000;
  border-bottom:none;
}
#content-main .page h3 {
  color:#000;
  font-size:15px;
  font-weight:bold;
  margin:10px 0;
  text-transform:none;
}
#content-main .page strong {
  font-weight:bold;
}
#content-main .left-image {
  float:left;
  margin:10px 20px 20px 0;
}
#content-main .right-image {
  float:right;
  margin:10px 0 20px 20px;
}
#content-main sup {
  font-size:75%;
  vertical-align:top;
}

/* -------------------- site map --------------- */

#site-map #content-main .sheets h2 {
  margin:15px 0 15px 0;
}
#site-map #content-main .sheets ul {
  padding-bottom:15px;
}
#site-map #content-main .sheets ul ul{
  padding-bottom:5px;
}

#site-map #content-main .sheets li{
  background:none;
  line-height:15px;
  margin:8px 0;
  font-size:14px;
  padding-left:0;
}
#site-map #content-main .sheets li li {
  font-size:12px;
  padding-left:15px;
}

#site-map #content-main .sheets li a{
  background-color:none;
  padding:1px 0px;
  color:#493D25;
  border-bottom:1px dotted #000;
  font-weight:bold;
  line-height:18px;
}
#site-map #content-main .sheets li a:hover {
  color:#000 !important;
  border-bottom:none;
}

/*---------------- Contact Form ---------------*/

#content-main form {
  color:#ffffff;
}
#content-main form input, #content-main form select {
  color: #444;
  font-size:14px;
  padding:5px 2px;
}
#content-main form select {
  width:229px;
}
#content-main form label {
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  float: left;
  width:215px;
  line-height:28px;
}

#content-main form label.faceBookLabel{ width:120px;}

#content-main form span {
  float: left;
  padding: 0 0 0 10px;
  display: inline;
}
#content-main form span p {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #c46d97;
  padding: 0;
  margin: 0 0 -2px 0!important;
}
#content-main form#new-school-form span p{
  width: 250px;
}

#content-main form span .name:hover, #content-main form span .name:focus,
#content-main form span .short:hover, #content-main form span .short:focus,
#content-main form span .long:hover, #content-main form span .long:focus,
#content-main form span .question:hover, #content-main form span .question:focus,
#content-main form span .age:hover, #content-main form span .age:focus,
#content-main form span .month:hover, #content-main form span .month:focus,
#content-main form span .year:hover, #content-main form span .year:focus,
#content-main form span .suburb:hover, #content-main form span .suburb:focus,
#content-main form span .state:hover, #content-main form span .state:focus,
#content-main form span .street:hover, #content-main form span .street:focus {
  background: #fff;
  border: 1px solid #ae2472;
}
#content-main form span .name {
  width: 171px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .long {
  width: 358px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .short {
  width: 50px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .question {
  width: 312px;
  height: 160px;
  margin-bottom: 9px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .age {
  width: 60px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .state {
  width: 168px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .occupation {
  width: 358px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .month {
  width: 148px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .suburb {
  width: 262px;
  background: #ccc;
  border:1px solid #fff
}
#content-main form span .year {
  width: 80px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .street {
  width:227px;
  background: #ccc;
  border: 1px solid #fff;
}
#content-main form span .radio {
  margin: 0 0 0 20px!important;
}
#content-main form span .disabled {
  background:#000;
  border:none;
  color:#ad2571;
  font-weight:bold;
}
#content-main form .submit,
.selected-school .submit  {
  margin: 20px 35px 20px 0;
  float:right;
  border:2px solid #ae2472;
  background:#000;
  color:#c36c96;
  padding:5px;
}
#content-main form label.radio-btn {
  font-family: Arial,Verdana,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight:normal;
  color: #8D8D8D;
  float:none;
}
#content-main form .field {
  padding: 15px 35px 0px 0;
  margin: 10px 0;
  width: 611px;
}
#content-main form .field-noline {
  padding:0;
}

#content-main form .questions-text {
  width: 310px;
  padding: 2px 0 0 0;
  margin-right:28px;
  margin-top:-10px;
  line-height:22px;
}
#content-main form .questions-drop {
  width: 160px;
  background: #fff;
  border: 1px solid #cacaca;
  float: left;
  display: inline;
}
#content-main form .radio {
  margin: 0 0 0 20px;
}
#content-main form .checkbox-btn {
  float:none;
}
#content-main form #questions-list .field{
  padding:15px 35px;
}
#content-main form #stay-in-touch .field {
  padding:5px 35px 2px;
}
#content-main form h3 {
  color:#c36c96;
  border-top:1px #666666 dotted;
  border-bottom:4px #ae2472 solid;
  padding:16px 0 6px 0;
  margin:15px 0;
}

#content-main form .school-search {
  margin:0px 0px 0px 0px;
}

#content-main form .school-list label {
  font-size:16px;
  border-bottom:1px solid #fff;
  color:#fff;
}
#content-main .no-school {
  background: #FFBE33 url(../images/sample-request/no-school.gif) no-repeat;
  display:block;
  float:left;
  padding:50px;
  width:546px;
}

#content-main .no-school #note {
	color: #fff;
	background:  #AE2472;
	margin: 3em 0;
	padding: 2em;
}

#content-main .no-school #note * {
	font-size: 14px;
}

#content-main .no-school #note ol {
	list-style-type: decimal;
	margin-left: 2em;
}

#content-main .no-school #note ol li {
	margin-bottom: 1em;
	line-height: 20px;
}

#content-main .no-school form h3 {
  color:#000;
  font-size:22px;
  border-top:0px;
  border-bottom:0px;
  padding:0;
  margin:0;
}
#content-main .no-school form .field {
  width:511px;
}
#content-main .no-school form label {
  color:#000;
}
#content-main .no-school form span .name {
  background: #fff;
  border: 1px solid #ae2472;
}
#content-main .no-school form span p {
  color:#333;
  text-transform:none;
}
#content-main .no-school form .submit {
  margin:0;
}

#content-main #terms-and-conditions {
	border-top: 1px dotted #666666;
}

/*------------- no back color ---------------*/

.no-back #content-main h3 {
  color:#F589BB;
  font-size:18px;
  font-weight:bold;
  padding-bottom:12px;
}

.errorExplanation ul {
display:block;
line-height:20px;
color:red;
font-weight:bold;
font-size:15px;
list-style:disc;
padding-left:15px;
}
.errorExplanation h2 {
display:none;
}
.errorExplanation{
background:#FFBE33 url(../images/sample-request/no-stock.gif) 0 0 no-repeat;
display:block;
float:left;
height:auto;
margin-bottom:25px;
padding:50px;
width:546px;
}
.errorExplanation p {
font-size:16px;
color:#000;
}
.no-school .errorExplanation{
  background-color: transparent;
  background-image: none;
}
#content-main form span.error-with-field small {
display:none;
}
#content-main form span.error-with-field input {
border:2px solid red;
}
#content-main form span.error-with-field label {
color:red;
}
#content-main form span.error-with-field{
padding-left:0px;
}

div.extra-content {
  margin-top: 15px;
  padding-bottom: 15px;
}

div.extra-content p {
  float: none;
  width: 100%;
}


div.extra-content p img {
  margin-bottom: 10px;
}

.sample-request-confirmation h2{
  color: #FFF;
}
#content-main #age-of span {
  float: none;
  padding: 0;
}

/*---------- Platinum in Pads and Tampons ----------*/

#platinum-intro {
  margin-top:10px;
  padding-top:15px;
  padding-bottom:10px;
  border-top:4px solid #666666;
}
#platinum-intro p{
  float:none;
  width:646px;
}
#tampons .products #platinum-range .line {
  clear:none;
  float:left;
  width:316px;
}
.products #platinum-range .line {
  clear:both;
  display:block;
  height:190px;
  padding-bottom:0;
  width:100%;
}
#platinum-range .line h3 {
  border-bottom:4px solid #666666;
  height:18px;
  padding:14px 0 8px;
}
#tampons .products #platinum-range .line .text {
  float:left;
  width:140px;
}
#tampons .products #platinum-range .line h4 {
  margin:10px 0;
  padding:0;
}
#tampons .products #platinum-range .gray {
  float:right;
}
#tampons .products #platinum-range .line img {
  float:right;
  }

table.terms {
  margin:25px 0 15px 0;
  width:100%;
}

table.terms th {
  background:#DBA32C;
}

table.terms th,
table.terms td {
  padding:10px;
  border:1px solid #000;
  text-align:left;
}