html, body {
	background: #FFFFFF;
	color: #000000;
	margin: 0; padding: 0;
	font-size: 62.5%;
	font-family: "Verdana",sans-serif;
	line-height: 1em;
}

 body 
 {
	font-size:1.2em;
 }

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0; 
	font-size: 1em;
	font-weight: bold;
}

p, form, fieldset, ul, ol {
	margin: 0; padding: 0;
}

div#holder {
	width: 923px;
	margin: 0 auto;
}

div#header {
	height: auto !important; height: 177px;
	min-height: 177px;
	width: 100%; overflow: visible;
	position: relative;
}

/* h1#logo {
	position: absolute;
	bottom: 0; left: -23px;
}
h1#logo a {
	background: url('../images/spritesheet.png');
	width: 168px;
	height: 104px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
} */

#header h1#logo  {
	position: absolute;
	bottom: 0; left: -23px;
}
#header h1#logo  a {
	
	display: block;
}




div#banner {
	margin-top: 20px;
	float: right;
}

div#slogan {
	width: 100%; 
	padding: 23px 0 17px 0;
	overflow: hidden;
}
div#slogan h2 {
	background: url('../images/spritesheet.png') -168px 0;
	width: 455px;
	height: 13px;
	text-indent: -5000px;
	overflow: hidden;
}

div#navigation {
	width: 100%; overflow: hidden;
	padding: 1px 0 5px 0;
	border-bottom: 1px solid #d9d9d9;
}
div#navigation ul {
	list-style-type: none;
	margin: 0 0 0 -10px;
}
div#navigation ul li {
	float: left;
	background: url('../images/nav_bar.png') right 1px no-repeat; 
	padding: 0 10px 0 9px;
	*padding: 0 10px 0 8px;
		
}
div#navigation ul li a {
	background-image: url('../images/navsheet.png');
	text-indent: -5000px;
	display: block;
	height: 16px;
	overflow: hidden;
	padding-bottom:1px;
}

div#navigation ul li a:hover
{
	border-bottom:1px solid #228CC9;
		padding-bottom:0px;
}

div#navigation ul li a:active
{
	text-decoration:underline;
}

div#navigation ul li.last 
{
		background: none; 
}
	
#n_home a {
	background-position: 0 0;
	width: 15px;
}
#n_about a {
	background-position: -15px 0;
	width: 120px;
}
#n_products a { /*This is now Products */
	background-position: -135px 0;
	width: 51px;
}
#n_faq a { /* This is now FAQs */
	background-position: -186px 0;
	width: 31px;
}
#n_links a { /*this is now Links to Further Information */
	background-position: -217px 0;
	width: 166px;
}

#n_contact-us a {
	background-position: -383px 0;
	width: 66px;
}

#n_penn
{
	background:none !important;
}

#n_penn a { /*This is now Services */
	background-position:-449px 0pt;
width:171px;
}


/*
#n-contact-us {
	padding-right: 0 !important; 
	background: none !important;
} */


#n-penn a { /*This is now Penn Pharmaceutical */
	background-position: -449px 0;
	width: 172px;
}

div#locationbar {
	width: 100%; overflow: hidden;
	padding: 7px 0 7px 0;
}

div#you-are-here {
	padding: 8px 0; 
	float: left;
	color: #666666;
	font-size: 1.1em;
}
div#you-are-here a {
	color: #666666;
}

div#mystery-meat {
	float: right;
	position: relative;
}
div#mystery-meat ul {
	list-style-type: none;
}
div#mystery-meat ul li {
	float: left;
	margin-left: 9px;
}
div#mystery-meat ul li a {
	display: block;
	background-image: url('../images/mysterysheet3.png');
	background-repeat: no-repeat;
	height: 27px;
	line-height: 27px;
	overflow: hidden;
	text-decoration: none;
}
div#mystery-meat ul li a span {
	position: absolute;
	top: 0; left: 0;
	float: right;
}
div#mystery-meat ul li a span strong {
	position: absolute;
	top: 0; right: 0;
	float: right;
	visibility: hidden;
	color: #007ac1;
	font-family: "Arial", sans-serif;
	font-size: 1.2em;
	white-space: nowrap;
}
div#mystery-meat ul li a:hover strong {
	visibility: visible;
}

#mm-type a {
	width: 25px;
	background-position: 0 0;
}



#mm-legalterms a {
	width: 16px;
	background-position: -25px 0;
} 
#mm-sitemap a {
	width: 29px;
	background-position: -41px 0;
}
#mm-print a {
	width: 23px;
	background-position: -70px 0;
}
#mm-contact a {
	width: 24px;
	background-position: -93px 0;
}
#mm-search a {
	width: 27px;
	background-position: -117px 0;
} 

div#content {
	width: 100%; overflow: hidden;
}


div#home-side {
	float: left;
	padding: 0 0px 0 0;
	margin: 0 15px 0 0;
	overflow: hidden;
	width: 230px;
}
 div#home-side .colourbox {
	margin-bottom: 13px;
	width: 294px;
}

div#home-content {
	overflow: hidden;
	padding-left: 15px;
	border-left: 1px solid #D7D7D7; 
}
div#home-content .colourbox.orange {
	border-top: 1px solid #d9d9d9;
	padding: 16px 0 0 0;
	margin: 16px 0 0 0;
}


div#page-content {
	overflow: hidden;
}
div#page-content {
	
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


.colourbox {
	width: 100%; overflow: hidden;
}
.colourbox h1 {
	padding: 11px 16px 10px 16px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.3em;
	font-weight: normal;
}
.colourbox .content {
	padding: 0 16px;
	line-height: 1.5em;
	overflow: hidden;
}
.colourbox .content p {
	margin: 1.6em 0;
}


.content h1 {
	font-size: 1.4em;
}

.content h2 {
	font-size: 1.2em;
}

.content h1 {
	/*font-size: 1.2em;*/
	background: none !important;
	color: #666666 !important;
	padding: 0 !important;
	border: none !important;
}

.content h1,
.content h2,
.content h3 {
	font-family: 'Trebuchet MS', sans-serif;
	margin: 15px 0;
}


.content ul,
.content ol {
	padding-left: 30px;
}

.content img
{
	margin:5px 10px;
}

.highlight {
	background: yellow;
	padding: 2px;
	font-weight: bold;
}

.warning {
	color: Red;
	font-weight: bold;
}

.errorList {
	padding: 15px 0 10px 25px;
	font-weight: bold;
}

.error 
{
	font-weight: bold;
	;
}



/*  blue  */

.colourbox.blue .content,
.colourbox.blue .imagewall a {
	background: #e5f1f9;
}
.colourbox.blue h1 {
	background: #b7d9ee;
	border-bottom: 1px solid #c3dff1;
}

.colourbox.green .content,
.colourbox.green .imagewall a {
	background: #f0f4e7;
}
.colourbox.green h1 {
	background: #cbd8ac;
	border-bottom: 1px solid #d8e2c1;
}


/*  nav  */

.colourbox.nav .content,
.colourbox.nav .imagewall a {
	background: #f3e7e9;
	color:#656562;
}
.colourbox.nav h1 {
	background: #e1c2c7;
	border-bottom: 1px solid #e6cdd0;
}

.colourbox.nav .content {
	padding:1.5em 0 1.5em 0;		
}

.colourbox.nav .content .contentinner{
	padding: 0 1.5em 0 1.5em;		
}

/*  subnav  */

#subNav {
	background: #DDE5C5;
	padding: 20px 0  20px 15px;
}

ul#subNav li {
	list-style: none;
	line-height: 1.5em;
		padding-right:15px;
	width:200px;
}

ul#subNav li.active {
	font-weight: bold;
}

#subNav a {
	color: #656562;
	text-decoration: none;
	

}

#subNav a:hover {
	text-decoration: underline;
}

 #subNavigation {
	margin-bottom: 20px;
}

 #subNavigation h1 {
	background: #9DB161;
	padding: 10px 8px 11px 8px;
	color: #ffffff;
	font-family: "Trebuchet MS",sans-serif;
	font-weight: bold;
	font-size: 1.3em;
}

ul#subNav
{
	display:inline-block;	
	
}

ul#subNav li
{	
	line-height:2em;
	list-style-type:none;	
}


ul#subNav li.active {
	font-weight: bold;
}

ul#subNav li.active li.inactive {
	font-weight: normal;
}

ul#subNav li a
{
	color: #656562;	
	text-decoration:none;
	background: url('../images/Sub-Nav-ArrowServices.png') no-repeat 0px 8px;
	padding-left:13px;
	display:block;
}

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

ul#subNav li ul li a
{
	background:none;
}

/*  yellow  */
.colourbox.yellow .content,
.colourbox.yellow a {
	background: #fcf7e8;
	color:#666;	
}

.colourbox.yellow .contentinner
{
	padding: 1.5em 0 1.5em 0;		
}

.colourbox.yellow a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}
.colourbox.yellow h1 {
	background: #f4eabc;
	border-bottom: 1px solid #f4eabc;
}

/*  green  */
.colourbox.green .content {
	background: #DDE5C5;
	color:#666;	
	min-height: 129px;
	padding-bottom: 20px
}

.colourbox.green .contentinner
{
	padding: 0 0 1.5em 0;		
}

.colourbox.green a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}
.colourbox.green h1 {
	background: #9DB161;
	border-bottom: 1px solid #ccd7ac;
	color: #ffffff;
	font-weight: bold;
}



/*  tan  */
.colourbox.tan .content,
.colourbox.tan a {
	background: #fdedd6;
	color:#666;	
}

.colourbox.tan .contentinner
{
	padding: 1.5em 0 1.5em 0;		
}

.colourbox.tan a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}
.colourbox.tan h1 {
	background: #fcd6a5;
	border-bottom: 1px solid #fcd6a5;
}



/*  PageNewsCTA  */
.colourbox.PageNewsCTA {
	width:350px;		
	float: left;
	padding: 0 14px 0 0;
	margin: 0 15px 0 0;
	overflow: hidden;
	border-right: 1px solid #d7d7d7;		
}

.colourbox.PageNewsCTA .content
{
	padding-bottom: 20px;
}

.colourbox.PageNewsCTA .content,
.colourbox.PageNewsCTA .imagewall a {
	background: #fcf7e8;
	
}
.colourbox.PageNewsCTA h1 {
	background: #f4eabc;
	border-bottom: 1px solid #f4eabc;
}


/*  news detail etc  */
.colourbox.large {
	width:680px;		
	float: left;
	padding: 0 14px 0 0;
	margin: 0 15px 0 0;
	overflow: hidden;
	border-right: 1px solid #d7d7d7;		
}

.colourbox.large .content
{
	padding-bottom: 20px;
}

.colourbox.large .contentinner
{
	padding: 1.5em 0 1.5em 0;		
}

.colourbox.large .content,
.colourbox.large .imagewall a {
	background: #fcf7e8;
	
}
.colourbox.large h1 {
	background: #f4eabc;
	border-bottom: 1px solid #f4eabc;
}

/* rightbox e.g. news listing, call to action  */
.rightbox
{
	float:left;
	width:210px;
}


/* orange  */

.colourbox.orange .content
{
	padding-bottom: 20px;
}

.colourbox.orange .contentinner{
	padding: 1.5em 0 1.5em 0;		
}


.colourbox.orange a {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}


.colourbox.orange .content,
.colourbox.orange .imagewall a {
	background: #fdecd6;
	color:#666;		
	margin: 0 0 10px 0;
}


.colourbox.orange h1 {
	background: #fbd6a5;
	border-bottom: 1px solid #fbdbb2;
}

.imagewall {
	width: 300px;
	overflow: hidden;
}
.imagewall .column {
	overflow: hidden;
	float: left;
	width: 50%;
	background: #FFFFFF;
	position: relative;
}
.imagewall .column li {
	width: 100% !important;
}
.imagewall .column ul {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 -5px;
	float: left;
}
.imagewall .column h1 {
	margin: 0 5px 0 0;
}
.imagewall ul {
	list-style-type: none;
	width: 300px;
	margin: 0 0 0 -5px;
}
.imagewall ul li {
	width: 50%;
	float: left;
	padding: 5px 0 0 0;
}
.imagewall a {
	float: left;
	display: block;
	text-decoration: none;
	color: #000000;
	outline: 0;
	margin: 0 0 0 5px;
}
.imagewall a:hover {
	text-decoration: underline;
}
.imagewall a img {
	border: 0;
	width: 100%;
	display: block;
}
.imagewall a span {
	display: block;
	padding: 6px 10px 6px 10px;
	line-height: 1.3em;
	min-height: 26px;
	cursor: pointer;
	float: left;
}


/* FORMS */


/* CONTACT FORM*/

.contactusform {
	width: 100%; overflow: hidden;
}
.contactusform label {
	margin: 5px 0 2px 0;
}
.contactusform input, .contactusform label {
	display: block;
}
.contactusform .submit {
	margin: 10px 0 0 0;
	display: block;
}


/*REGISTER FORM */

form.register {
	padding-bottom: 20px;
	overflow: hidden;
}

form.register label {
	
	padding: 6px 0 1px 0;
	display: block;
	font-size: 1.2em;
}



form.register .formsection  .info {
display: block;
}

form.register .FormField  {
float: left;
width: 48%;
}

form.register .FormField2 {
float: left;
width: 50%;
}

form.register .FormField a , form.register .FormField2 a {
	padding: 0 0 0 5px;
	position: relative;
}

form.register .FormField2 a img {
	margin: 25px 0 0 0;
}

form.register .FormField2 a span {
	display: none;
}

form.register .FormField2 a:hover span {
	display: block;
	position:absolute;
    bottom:3em; 
	left:-5em;
	width:10em;
    border:1px solid black;
    background-color:white; 
	color:#666;
    text-align: center;
	padding:3px;
}

.RegistrationNo {
	float: left;
	
}

form.register .FullWidth {
	clear: both;
}

form.register .submit {
	background: #9db161;
	border: none;
	margin: 10px 0;
	padding: 2px 4px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}







/* Login  &  FORGOT PASSWORD*/

.logintop {
	margin-bottom: 18px;
	padding-left: 8px;
	padding-right: 8px;
}

.forgottop {
	padding-bottom: 30px;
	overflow: hidden;
	width: 333px;
}


.login , .forgotpassword {
	width: 100%;
	overflow: hidden;
	color: #ffffff;
}

.login a , .forgotpassword {
	color: #ffffff;
}

.login .RegistrationInfo {
	padding: 6px 0 5px 8px;
	font-size: 0.9em;
}

.login .RegistrationInfo a {
	padding-left: 8px;
}

.login form
{
	margin-left: 10px;
}

.logintop .submit
{
position:relative;
top:1px;
}

.login .submit , .forgotpassword .submit
{
	background: #007AC1;
	border: none;
	color: #ffffff;
	padding: 3px 2px 3px 2px;
	margin-left: 3px;
	font-size: 1.1em;
	cursor: pointer;
}

.forgotpassword .submit {
	background: #9db161;
}

.login label , .forgotpassword label
{
	font-size: 1em;
	margin-right: 3px;
	padding: 18px 0 0 0;
	float: left;
	clear: left;
	width: 33%;
}

.forgotpassword label {
	width: 33%;
	padding: 14px 0 0 0;
}

.login label.email , .forgottenpassword label.email {
	margin-right: 29px;
}


.login input.email , .login input.password {
	background: #ffffff !important;
	margin: 10px 0 0 0px;
	width: 45%;
}

.loggedin
{
	margin:10px;
	}

.forgotpassword input.email , .forgotpassword input.password {
	background: #ffffff !important;
	margin: 10px 0 0 20px;
	width: 45%;
}


#logutForm {
	margin: 20px 0 0 0;
	padding-left: 8px;
}

form #logutForm .submit {
	padding: 3px 7px 3px 7px;
	cursor: pointer;
}

div#home-side .login 
{
	width: 230px;
	background: #409BD1;
	margin-bottom: 13px;
	padding: 0 0 25px 0;
}

.login h3 {
	padding: 11px 16px 10px 10px;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.4em;
	/*background: url(../images/login.gif) #007AC1  no-repeat -6px 2px;
	text-indent: -5000px;*/
	background: #007AC1;
	font-weight: bold;
	
}


/* SEARCH */

.search_submit {
	border: none;
	background: #9db161;
	color: #ffffff;
	font-weight: bold;
	padding: 1px 0;
	cursor: pointer;
}

.searchresults {
	padding: 10px;
}





/* TABLE */

table {
	border-collapse: collapse;
	width: 611px;
	margin: 15px 0 30px 7px;
	
}

th {
	text-align: left;
}

th , td {
	padding: 7px 7px 7px 14px;
}

tr.headings {
	background: #9db161;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	
}

tr.colour2 {
	background: #f0f4e5;
}

tr.colour {
	background: #ffffff;
}

.newproduct {
	color: #007ac1;
	font-weight: bold;
}




table.links {
	width: 100%;

}




/* PRODUCT DETAIL */

.Title {
	margin-top: 20px;
	font-size: 1.0em;
}

span.title , span.form , span.packsize , span.ordercode {
	font-weight: bold;
	padding-right: 10px;
	width: 96px !important;
	display: block;
	float: left;
}


.resources {
	list-style-type: none;
	
}
.resources a {
	color: #8c8c8c;
}

div#footer {
	margin: 16px 0 0 0;
	padding: 11px 0;
	color: #8c8c8c;
	border-top: 1px solid #d9d9d9;
	line-height: 1.2em;
	font-size: 1.1em;
	clear: both;
}
div#footer ul {
	width: 100%; overflow: hidden;
	list-style-type: none;
	padding: 0 0 30px 0;
}
div#footer ul li {
	float: left;
	padding: 0 8px;
	border-right: 1px solid #8c8c8c;
}
div#footer ul li.seq {
	padding-right: 0;
	border: 0;
	float: right;
}
div#footer ul li a {
	color: #8c8c8c;
	text-decoration: none;
	position: relative;
}
div#footer ul li a:hover {
	text-decoration: underline;
}









/* DEFINITION LIST */

dl
{
	border-bottom: 1px solid #d7d7d7;
	padding: 15px 0;	
	margin: 5px 0;
}

dl dl 
{
	border-bottom: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

dt
{
	font-size: 1.1em;
	
}

dd
{
	margin: 0;
	font-size: 1.1em;
}

span.arrow
{
	background: transparent url(../images/Sub-Nav-ArrowServices.png) no-repeat center right;
	padding-right:10px;
	float:left;
	
}
/* LISTS */


/*ul.links {
	overflow: hidden;
	width: 100%;

}

ul.links li.linktitle {
	
	padding: 3px 0;
	list-style: none;
	text-decoration: underline;
	width: 50%;

	float: left;
	clear: left;
}

ul.links li.linkresource {
	list-style: none;
	width: 50%;

	float: right;
	

}

ul.links li a:hover {
	cursor: pointer;
} */


/*SITEMAP*/

.sitemap {
	padding: 20px;
}


ul#sitemap {
	padding: 0 0 12px 0;
}

ul#sitemap ul#sitemap {
	margin-left: 20px;
}


/* Misc */
.homeimg 
{
	float: right;
	padding: 20px 3px 0 10px;	
}





.thankyou {
	padding: 10px;
} 

.bold {
	font-weight: bold;
	padding-right: 3px;
}