/* CSS Document */


/* START CSS code CONTENT PAGE - PINK PAGES
================================================ */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}
/* Set initial stuff */
body { 
  /*font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; */
  font: 78.5%/1.6 "Helvetica", "Helvetica Sans", "Helvetica Sans Unicode", Helvetica, Arial, sans-serif;
  /*background:#072726;*/
  background:url(images/bg_wood.gif);
}

h1 {
  font-size:16px;
  font-weight: bold;
  color:#FFFFFF;
  line-height:1.4em;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  line-height:1.0em;
}
/*
THIS IS OUR COLOUR TEXT IN A BOX*/
h3 {
  font-size: 12px;
  font-weight: bold;
  color:#DA2A68;
  line-height:1.0em;
}
h4 {
  font-size: 15px;
  font-weight: normal;
  line-height:1.3em;
      color:#505050;

}
h5 {
  font-size: 12px;
  font-weight: bold;
    line-height:1.45em;
	 color:#505050;

}
h6 {
  font-size: 12px;
  font-weight: bold;
    color:#DA2A68;
    line-height:1.45em;

}
/* FONT SIZE FOR NAV*/
p, li {
  font-size: 1.0em;
  line-height:1.45em;
  color:#505050;
}

h1, h2, p {
  /*margin: 1em 0;*/
  
  
}
.boldpink {
	font-weight:bold;
	color:#DA2A68;
}



/*  MAIN LINKS 
================================*/

a:link {
        text-decoration: none;
        color: #505050;
		border-bottom:1px dotted #505050;
        }
a:visited {
        text-decoration: none;
        color: #505050;
		border-bottom:1px dotted #505050;
        }
a:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #000000;
		border-bottom:1px dotted #505050;
        }
img { 
border: 0px; 
} 
/*  PARAGRPAH LINKS 
================================*/
p a:link {
	color: #505050;;
	text-decoration:none;
	border-bottom:1px dotted #505050;
	
}
p a:visited {
	color: #505050;
	text-decoration:none;
	border-bottom:1px dotted #505050;
	
}
p a:hover {
	color: #FFFFFF;
	background-color:#000000;
	border-bottom:1px dotted #505050;
}

#branding {
  height: 173px;
padding:0px;
}


/* BIG BOXES 1 text 2 image
===============================*/
.homeBox {
	background: #DA2A68;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 570px;
	height: 302px;
	margin-left: 7px;
	margin-top: 0px;
		margin-right: 0px;
	margin-bottom: 7px;
	
	 padding-top: 7px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
      float: left;
	}
	
/*
==========================*/
.boxbig1 {
	background: #FFFFFF;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 590px;
	min-height: 302px;
	margin-left: 7px;
	margin-top: 0px;
    margin-right: 0px;
	margin-bottom: 7px;
	padding:0;
      float: left; display:inline;
	}
	/*.bigbox1 p {
	font-size: 12px;
  line-height:1.45em;
  }*/
	/* LIST BOXES 1 text 2 image
===================================================================*/
.pageTitle {
	background: #DA2A68;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 573px;
	min-height:10px;
    margin:0;
  padding-top: 6px;
  padding-left: 7px;
  padding-bottom: 3px;
  padding-right: 10px;
      float: left; display:inline;
	}
.pagePad {
		width: 530px;
	min-height: 100px;
	margin:0;
	padding:30px;
      float: left; display:inline;
	}
.pageBox {
	background: #F4BFD1;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 500px;
	min-height: 50px;
	margin-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
    padding:15px;
    float: left; display:inline;
	  
	}
.pageBox p {
	font-size: 12px;
  line-height:1.45em;

  }
.pageBox li {
	font-size: 12px;
  line-height:1.45em;
  list-style-position: inside;
        margin-left: 0;
        padding-left: 1em;
        text-indent: -1em;
  }
.pageBoxclear {
	
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 520px;
	min-height: 50px;
	margin-left:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
padding:0px;
      float: left; display:inline;
	  
	}
.pageBoxclear p {
	font-size: 12px;
  line-height:1.45em;

  }
.pageBoxclear li {
	font-size: 12px;
  line-height:1.45em;
  list-style-position: inside;
        margin-left: 0;
        padding-left: 1em;
        text-indent: -1em;
  }

.subtitleBox {
	background: #F4BFD1;
/*	border-left-width: 5px;
	border-left-color:#A71074;
	border-left-style:solid;*/
	min-width: 20px;
	min-height: 10px;
	margin-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 4px;
  padding-right: 5px;
  float: left; display:inline;
    clear:left;
	}
/*.subtitleBox p, h3 {
	white-space: nowrap;
	}*/
	
.listTop {
	background: #DA2A68;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 773px;
	height: 12px;
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
      float: left; display:inline;
	}
	.listBox {
	background: #FFFFFF;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 773px;
	min-height: 200px;
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:8px;
      float: left; display:inline; display:inline;
	}
	.listLine{
	background: #F4BFD1;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 758px;
	height: 1px;
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
    float: left; display:inline;
	}

/* LIST CELLS - standard with links and others ===========================*/
.navCell {

/*border-right-width: 1px;
	border-right-color:#5D5E60;
	border-right-style:dotted;*/
	min-width: 450px;
	min-height: 10px;
	margin-top: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:20px;
   padding:0px;
      float: left; display:inline;
	
	}
.navCell p {
  font-size: 11px;
  line-height:1.9em;
  white-space:nowrap;
  }

.listCell {
/*border-right-width: 1px;
	border-right-color:#5D5E60;
	border-right-style:dotted;*/
	min-width: 50px;
	min-height: 10px;
	margin: 0px;
	 padding-top: 7px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
      float: left; display:inline;
	}
		.listCell p {
  font-size: 12px;
  line-height:1.9em;
  white-space:nowrap;

}
		.listCelldata {
/*border-right-width: 1px;
	border-right-color:#5D5E60;
	border-right-style:dotted;*/
	width: 109px;
	min-height: 10px;
	margin: 0px;
	 padding-top: 7px;
  padding-left: 10px;
  padding-bottom: 7px;
  padding-right: 10px;
      float: left; display:inline;
	}
		.listCelldata p {
  font-size: 11px;
  line-height:1.45em;

}
			.listCellicon {
/*border-right-width: 1px;
	border-right-color:#5D5E60;
	border-right-style:dotted;*/
	width: 30px;
	min-height: 10px;
	margin: 0px;
	 padding-top: 7px;
  padding-left: 10px;
  padding-bottom: 7px;
  padding-right: 10px;
      float: left; display:inline;
	}
			.listCelldicon p {
  font-size: 11px;
  line-height:1.45em;

}
/*
BOXES FOR INTROS
=================================================*/
	.listIntrobox {
	background: #F4BFD1;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 754px;
	min-height: 200px;
	margin-left: 8px;
	margin-top: 0px;
		margin-right: 0px;
	margin-bottom: 10px;
	
padding:0px;
      float: left; display:inline;
	}
	.listIntrotext{
	background: #FFFFFF;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 350px;
	min-height: 200px;
	margin-left: 8px;
	margin-top: 8px;
		margin-right: 0px;
	margin-bottom: 8px;
	
	 padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
      float: left; display:inline;
	}
			.listIntrotext p {
  font-size: 11px;
  line-height:1.45em;


}
/*=================================================*/
		.listTitledark {
	background: #DA2A68;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 754px;
	height: 12px;
	margin-left: 8px;
	margin-top: 0px;
		margin-right: 0px;
	margin-bottom: 4px;
	
	 padding-top: 2px;
  padding-left: 3px;
  padding-bottom: 2px;
  padding-right: 0px;
      float: left; display:inline;
	}
		.listTitlelite{
	background: #F4BFD1;
	/*border-left-width: 7px;
	border-left-color:#FF2200;
	border-left-style:solid;*/
	width: 754px;
	height: 12px;
	margin-left: 8px;
	margin-top: 0px;
		margin-right: 0px;
	margin-bottom: 4px;
	
	 padding-top: 2px;
  padding-left: 3px;
  padding-bottom: 2px;
  padding-right: 0px;
      float: left; display:inline;
	}
/* SMALL BOXES text and image
===============================*/
.boxfeatTxt {
	background: #F8D9E4;
	width: 178px;
	min-height: 142px;
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	padding-top: 7px;
  padding-left: 7px;
  padding-bottom: 7px;
  padding-right: 7px;
  float: left; display:inline;
	}
	.boxfeatTxtcell {
	/*background: #FFFFFF;*/
	/*width: 170px;*/
	/*min-height: 20px;*/
margin:0px;
	padding-top: 7px;
  padding-left: 0px;
  padding-bottom:0px;
  padding-right: 0px;
  float: left; display:inline;
	}
	.boxfeatTxtcell p, li {
	font-size: 11px;
  line-height:1.4em;
  }
  
.boxfeatIm {
	background: #FFFFFF;
	/*border-left-width: 7px;
	border-left-color:#F82000;
	border-left-style:solid;*/
	width: 192px;
	height: 156px;
	margin-left: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	/* no padding for image - box size altered accordingly*/
	padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  float: left; display:inline;
	}
	 /*======NAV BOXES ===============================*/
	 .boxpinkhome {
	background: #DA2A68;
/*	border-left-width: 5px;
	border-left-color:#A71074;
	border-left-style:solid;*/
	min-width: 20px;
	min-height: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  float: left; display:inline;
    clear:left;
	}
.boxpink {
	background: #DA2A68;
/*	border-left-width: 5px;
	border-left-color:#A71074;
	border-left-style:solid;*/
	min-width: 20px;
	min-height: 12px;
	margin-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  float: left; display:inline;
    clear:left;
	}
.boxgreen {
	background: #DA2A68;
/*	border-left-width: 5px;
	border-left-color:#A71074;
	border-left-style:solid;*/
	min-width: 20px;
	min-height: 12px;
	margin-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  float: left; display:inline;
    clear:left;
	}
	
	.boxblue {
	background: #DA2A68;
/*	border-left-width: 5px;
	border-left-color:#A71074;
	border-left-style:solid;*/
	min-width: 20px;
	min-height: 12px;
	margin-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  float: left; display:inline;
    clear:left;
	}
		.boxtopfinder {
/*	background: #FFFC00;
	border-left-width: 5px;
	border-left-color:#A71074;
	border-left-style:solid;*/
	min-width: 20px;
	min-height: 12px;
	margin-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  float: left; display:inline;
    clear:left;
	}
/* NAVIGATION ================================*/
#mainNav {

 margin: 0;
 padding: 0;

 
 }

 /* NAVIGATION LINKS OLD?
  ================================*/

 .mainNavlink a:link {
	color: #000000;
	line-height:1.5em;
	text-decoration:none;
	border-bottom:0px;
	display: block; 
}
 .mainNavlink a:visited {
	color: #000000;
	line-height:1.5em;
	text-decoration:none;
	border-bottom:0px;
	display: block; 
}
.mainNavlink a:hover {
	color: #FFFFFF;
	line-height:1.5em;
	background-color:#000000;
	text-decoration:none;
	border-bottom:0px;
	display: block; 

}
 /* NEW NAVIGATION HOME
=================================================================*/
#home_btn { 
    width:55px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#home_btn a {
    display:block;
    width:55px;
	height:21px;
    text-decoration:none;
    background:url("images/home_btn.gif") no-repeat;
    padding:0px;
}
#home_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION ABOUT
========================*/
#about_btn { 
    width:74px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#about_btn a {
    display:block;
    width:74px;
	height:21px;
    text-decoration:none;
    background:url("images/about_btn.gif") no-repeat;
    padding:0px;
}
#about_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION PAPER ISSUES
========================*/
#paperiss_btn { 
    width:98px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#paperiss_btn a {
    display:block;
    width:98px;
	height:21px;
    text-decoration:none;
    background:url("images/paperiss_btn.gif") no-repeat;
    padding:0px;
}
#paperiss_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION PRINT ISSUES
========================*/
#printiss_btn { 
    width:91px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#printiss_btn a {
    display:block;
    width:91px;
	height:21px;
    text-decoration:none;
    background:url("images/printiss_btn.gif") no-repeat;
    padding:0px;
}
#printiss_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION MYTHS
========================*/
#myths_btn { 
    width:57px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#myths_btn a {
    display:block;
    width:57px;
	height:21px;
    text-decoration:none;
    background:url("images/myths_btn.gif") no-repeat;
    padding:0px;
}
#myths_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION CHOOSE PAPER
========================*/
#choopaper_btn { 
    width:114px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#choopaper_btn a {
    display:block;
    width:114px;
	height:21px;
    text-decoration:none;
    background:url("images/choopaper_btn.gif") no-repeat;
    padding:0px;
}
#choopaper_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION CHOOSE PRINTER
========================*/
#chooprint_btn { 
    width:130px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#chooprint_btn a {
    display:block;
    width:130px;
	height:21px;
    text-decoration:none;
    background:url("images/chooprint_btn.gif") no-repeat;
    padding:0px;
}
#chooprint_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION PRINT SPEC
========================*/
#printspec_btn { 
    width:110px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#printspec_btn a {
    display:block;
    width:110px;
	height:21px;
    text-decoration:none;
    background:url("images/printspec_btn.gif") no-repeat;
    padding:0px;
}
#printspec_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION THE OFFICE
========================*/
#office_btn { 
    width:81px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#office_btn a {
    display:block;
    width:81px;
	height:21px;
    text-decoration:none;
    background:url("images/office_btn.gif") no-repeat;
    padding:0px;
}
#office_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION CASE STUDIES
========================*/
#casestudies_btn { 
    width:98px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#casestudies_btn a {
    display:block;
    width:98px;
	height:21px;
    text-decoration:none;
    background:url("images/casestudies_btn.gif") no-repeat;
    padding:0px;
}
#casestudies_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION GLOSSARY
========================*/
#glossary_btn { 
    width:74px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#glossary_btn a {
    display:block;
    width:74px;
	height:21px;
    text-decoration:none;
    background:url("images/glossary_btn.gif") no-repeat;
    padding:0px;
}
#glossary_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION LINKS
========================*/
#links_btn { 
    width:52px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#links_btn a {
    display:block;
    width:52px;
	height:21px;
    text-decoration:none;
    background:url("images/links_btn.gif") no-repeat;
    padding:0px;
}
#links_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION PAPERFINDER !! Add extra top margin (21 + 3?) or do we need a more robust fix here?
========================*/
#paperfinder_btn { 
    width:89px;
	height:21px;
	list-style:none;
	margin:24px 0 3px 0; 
}
#paperfinder_btn a {
    display:block;
    width:89px;
	height:21px;
    text-decoration:none;
    background:url("images/paperfinder_btn.gif") no-repeat;
    padding:0px;
}
#paperfinder_btn a:hover { 
    background-position:0px -21px;
	
}
 /* NEW NAVIGATION PRINTFINDER
========================*/
#printfinder_btn { 
    width:82px;
	height:21px;
	list-style:none;
	margin:0 0 3px 0;
}
#printfinder_btn a {
    display:block;
    width:82px;
	height:21px;
    text-decoration:none;
    background:url("images/printfinder_btn.gif") no-repeat;
    padding:0px;
}
#printfinder_btn a:hover { 
    background-position:0px -21px;
	
}

/* END NEW NAVIGATION
=================================================================*/
 
/* FOOTER STUFF
================================*/

#footer p{color:#FFFFFF;
font-size: 1.1em;

}

#footer a:link {
	color: #FF2200;
	text-decoration:none;
 
}

#footer {
  height:40px;
  padding-top:5px;
  padding-right:30px;
  padding-left:33px;
  
}
#footer { 
  clear: both; 
  text-align: left; 
}
/* Alignment and widths
======================================================================================================= */

body {
  text-align:left; /* for IE */ 
  /*margin:0 auto; /* for the rest */ 
  /*min-width: 960px;*/
}

#wrapper {
  width: 990px; 
  /*background:#082825;*/
  /*REMOVE CENTRE ALIGN
  margin: 0 auto; */
  text-align: left; 
}

#mainNav { 
  width: 194px; 
  float: left; display:inline; 
}

#content { 
  width: 796px; 
  float: right; 
}

#mainContent { 
  width: 597px; 
  margin: 0; 
  float: left; display:inline; 


}
#secondaryContent { 
  width: 199px;
  float: left; 
  display:inline;  /* :KLUDGE: Fixes IE double margin float bug */
  text-align: left; 
  /*background:url(images/bg_content_main.png);*/
} 

#bubbles {
	position:absolute;
	z-index:5;
	left:545px;
	top:25px;
	width:268px;
	height:130px;	
}



/* Add and remove some padding. 
=============================================================================== */

#mainNav, #secondaryContent {
  padding-top: 0px;
  padding-bottom: 0px;
}

#mainNav, #secondaryContent {
  padding-left: 0px;
  padding-right: 0px;
}
#mainContent { 
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  padding-right: 0px;
  
}



/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#FFFFFF;
    border:1px solid #69022B;
    border-top:1px solid #69022B;
    border-left:1px solid #69022B;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:90%;
    line-height:110%;
    text-decoration:none;
    font-weight:bold;
    color:#DA2A68;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* SUBMIT BUTTON */

button.positive, .buttons a.positive{
    color:#DA2A68
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#69022B;
    border:1px solid #69022B;
    color:#FFFFFF;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
   color:#DA2A68
}

.input {
	margin-bottom:7px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:11px;
    line-height:16px;
}
.formwarn {
	font-size: 11px;
	color: #FF3366;
	font-weight: bold;
}

.srchinput {
  width: 155px;
}