/* Fine Pharmaceuticals - Screen */

/* The 'design' (the unique combination of images, colors, sizes, typography, and positioning) is copright 2006 Fine Pharmaceuticals */

/* Site by Hit Delete: Rob Hope and Andrew Misplon - http://www.hitdelete.com */

/* Background */

body { 

		background-color:#fff;
		margin:0px;
		padding:0px;
		background-image:url(images/layout/top-gradient.jpg);
		background-repeat:repeat-x;

}

/* Main Site Containers */

#frame {
		
		width:900px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;	
}

#container { 

		width:740px;
		height:800px;
		margin-left:278px;
		
}

#centrecontent {
		
		margin-top:50px;
		padding-left:50px;
		padding-right:50px;
		width:800px;
		float:left;

}

#innercontent {
		
		width:550px;
		float:left;
		padding:0 0px 20px 30px;

}

#watermark{ 

		width:550px;
		float:left;
		padding:0 0 20px 30px;
		background-image:url(images/assets/watermark.jpg);
		background-repeat:no-repeat;
		background-position:top right;

}

/* Header */

#header {

		width:900px;
		height:123px;
		background-image:url(images/layout/header.gif);
		position:relative;

}

/* Top Navigation */

#navigation {
	
		position:absolute;
		top:100px;
		left:85px;
		width:730px;
		height:23px;
		margin:0;
		padding:0px;

}

#tabs {
	
		width:730px;
		height:23px;
		margin:0;
		padding:0;
		position:relative;
		background:url(images/layout/navigation.gif);

}

#tabs li {
		
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
		top:0px;	

}

#tabs li, #tabs a {
		height:42px;
		display:block;

}

#tab01 {
	
		text-indent:-200em;
		overflow:hidden;
		left:0px;
		width:105px;

}

#tab02 {
	
		text-indent:-200em;
		overflow:hidden;
		left:105px;
		width:104px;

}

#tab03 {
	
		text-indent:-200em;
		overflow:hidden;
		left:209px;
		width:104px;

}

#tab04 {
	
		text-indent:-200em;
		overflow:hidden;
		left:313px;
		width:104px;

}

#tab05 {
		
		text-indent:-200em;
		overflow:hidden;
		left:417px;
		width:104px;
}

#tab06 {
	
		text-indent:-200em;
		overflow:hidden;
		left:521px;
		width:104px;

}

#tab07 {
	
		text-indent:-200em;
		overflow:hidden;
		left:625px;
		width:105px;

}

#tab01 a:hover {
	
		background:transparent url(images/layout/navigation.gif) 0px -77px no-repeat;

}

#tab02 a:hover {
	
		background:transparent url(images/layout/navigation.gif) -105px -77px no-repeat;

}

#tab03 a:hover {
	
		background:transparent url(images/layout/navigation.gif) -209px -77px no-repeat;

}

#tab04 a:hover {
	
		background:transparent url(images/layout/navigation.gif) -313px -77px no-repeat;

}

#tab05 a:hover {
	
		background:transparent url(images/layout/navigation.gif) -417px -77px no-repeat;

}

#tab06 a:hover {
	
	background:transparent url(images/layout/navigation.gif) -521px -77px no-repeat;
}

#tab07 a:hover {
	
	background:transparent url(images/layout/navigation.gif	) -625px -77px no-repeat;}

.tab01active {
	
	background:transparent url(images/layout/navigation.gif) 0px -77px no-repeat;

}

.tab02active {
	
	background:transparent url(images/layout/navigation.gif) -105px -77px no-repeat;
}

.tab03active {
	
	background:transparent url(images/layout/navigation.gif) -209px -77px no-repeat;

}

.tab04active {
	
	background:transparent url(images/layout/navigation.gif) -313px -77px no-repeat;

}

.tab05active {
	
	background:transparent url(images/layout/navigation.gif) -417px -77px no-repeat;

}

.tab06active {
	
	background:transparent url(images/layout/navigation.gif) -521px -77px no-repeat;

}

.tab07active {
	
	background:transparent url(images/layout/navigation.gif	) -625px -77px no-repeat;

}

/* Footer */

#footer {

		border-left: solid #FFFFFF 50px;
		border-right: solid #FFFFFF 50px;
		width:800px;
		float:left;
		background-image:url(images/layout/footer.gif);
		background-repeat:repeat-x;
		clear:both;
		
}
	
.footertext {

		color:#999999;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		padding-top:9px;
		
}

.footerlink {

		color:#999999;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		padding-top:5px;
		text-decoration:none
		
}

a.footerlink:hover {

		text-decoration:underline;

}

#footerright {

		width:135px;
		position:relative;
		top:-21px;
		left:665px;

}

/* Left Column */

#leftcol {
		
		width:181px;
		float:left;
		margin:0px;

}

#leftcolhdr { 

		height:24px;
		width:181px;
		float:left;

}

#leftcolbdy {

		width:151px;
		float:left;
		background-image:url(images/layout/news-bdy.gif);
		background-repeat:repeat-y;
		padding:10px 15px 0 15px;

}

#leftcolftr {

		width:181px;
		height:11px;
		float:left;
		background-image:url(images/layout/news-ftr.gif);
		background-repeat:no-repeat;
		padding-bottom:20px;

}

#leftcolhdra { 
		
		height:24px;
		width:181px;
		float:left;

}

#leftcolbdya {

		width:151px;
		float:left;
		background-image:url(images/layout/news-bdy.gif);
		background-repeat:repeat-y;
		padding:10px 15px 0 15px;

}

#leftcolftra {
	
		width:181px;
		height:11px;
		float:left;
		background-image:url(images/layout/news-ftr.gif);
		background-repeat:no-repeat;
		padding-bottom:20px;

}

#leftcolhdrs { 
	
		height:24px;
		width:181px;
		float:left;

}

#leftcolbdys {

		width:151px;
		float:left;
		background-image:url(images/layout/news-bdy.gif);
		background-repeat:repeat-y;
		padding:10px 15px 0 15px;

}

#leftcolftrs {

		width:181px;
		height:11px;
		float:left;
		background-image:url(images/layout/news-ftr.gif);
		background-repeat:no-repeat;
		padding-bottom:20px;

}

/* Text */

.bodytext {
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
		background-color:#FFF;
	
}

.innercontentxt {

		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
		background-color:#FFF;
		line-height:1.5em;

}

.leftcoltext {
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#000;
		background-color:#FFF;
		
}

/* Links */

.link {

		text-decoration:none;
		color:#cc0000;

}

A.link:hover {

		color:#CC0000;
		text-decoration:underline;

}

.imglink {

		border:none;

}

/* Images */

.img1 {

		padding: 0 0 30px 0;
		margin:0px;

}

.img2 {

		padding: 0 30px 0 0;

}

.img3 {

		float:right;
		width:100px;
		height:188px;
		padding: 0 0 20px 20px;
		border:none;
		
}

.img4 {

		float:left;
		width:123px;
		height:116px;
		margin-right:25px;

}

.imglink {

		border:none;

}

/* Headers */

h1 {

		font-family: Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#000;
		font-weight:bold; 
		background-color:#FFF;

}
 
h2 {

		font-family: Arial, Helvetica, sans-serif; font-size:14px;
		color:#000; font-weight:bold;background-color:#FFF;
		
}

/* Index Page */

#viewmore {
		
		position:relative;
		top:-110px;
		left:137px;
		width:78px;
		height:15px;
}

#readmore {
		
		position:relative;
		top:-48px;
		left:303px;
		background-repeat:no-repeat;
		width:80px;
		height:17px;
		
}

#newsletter {

		float:left;
		width:181px;
		height:69px;
		background-image: url(images/layout/hdr-newsletter-signup.gif);
		background-repeat:no-repeat;
		margin-top:20px;
		margin-bottom:20px;

}

#featuredproduct {

		float:left;
		width:181px;
		height:115px;
		background-repeat:no-repeat;

}

/* Products Page */

#products {
		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		list-style:none;
		margin:0px;
		padding:0px;
}

#products li a {


		color:#000;
		background-color:#FFF;
		text-decoration:none;
		padding-left:15px;

}

#products li a:hover{

		color:#CC0000;

}
	
#productsa {

		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		list-style:none;
		margin:0px;
		padding:0px;

}

#productsa li a {

		color:#000;
		background-color:#FFF;
		text-decoration:none;
		padding-left:15px;

}

#productsa li a:hover {

		color:#CC0000;

}

#productss {

		list-style:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		list-style:none;
		margin:0px;
		padding:0px;

}

#productss li a {
		
		color:#000;
		background-color:#FFF;
		text-decoration:none;
		padding-left:15px;
		
}

#productss li a:hover {

		color:#CC0000;
		background-color:#FFF;

}

.imgproduct {

		float:left;
		margin:0px 15px 5px 0; 

}

#productthumbs {

		width:585px;
		float:left;
		padding:0 0 20px 30px;

}

/* News and Info Including Articles */

.linktext {

		font-size:11px;
		
}

.pagination {
		
		text-align:left;
		font-size:11px;
		color:#000;
		background-color:#FFF;

}

.pagination a {
		
		text-decoration:none;
		color:#CC0000;
		background-color:#FFF;
		text-align:center;
}

.pagination a:hover {
		
		text-decoration:underline;
		color:#CC0000;
		background-color:#FFF;
		text-align:center;

}

.storytitle {

		color:#000;
		background-color:#FFF;
		font-size:11px;
		padding-bottom:6px;
		font-weight:bold;
		text-align:left;

}

.articletitle {	

		color:#000;
		background-color:#FFF;
		font-size:12px;
		padding-bottom:6px;
		text-align:left;

} 

.articletitle a {	

		color:#CC0000;
		background-color:#FFF;
		font-size:12px;
		padding-bottom:6px;
		text-align:left;
		text-decoration:none;

}
.articletitle a:hover {	

		color:#CC0000;
		background-color:#FFF;
		font-size:12px;
		padding-bottom:6px;
		text-align:left;
		text-decoration:underline;

}

.shortstory {
		
		color:#000;
		background-color:#FFF;
		font-size:11px;
		text-align: left;

}

.shortstory a {

		color:#CC0000;
		background-color:#FFF;
		font-size:11px;
		text-align: left;
		text-decoration:none;

}

.shortstory a:hover {

		color:#CC0000;
		background-color:#FFF;
		font-size:11px;
		text-align: left;
		text-decoration:underline;

}
.articleheading {

		color:#CC0000;
		background-color:#FFF;
		font-size:14px;
		text-align: left;
		font-weight:bold;

}
.articletext{

		color:#000;
		background-color:#FFF;
		font-size:12px;
		text-align: left;
		
}

.articletext a {	

		color:#CC0000;
		background-color:#FFF;
		font-size:12px;
		padding-bottom:6px;
		text-align:left;
		text-decoration:none;

}

.articletext a:hover {
	
		color:#CC0000;
		background-color:#FFF;
		font-size:12px;
		padding-bottom:6px;
		text-align:left;
		text-decoration:underline;
		
}

.newsbodytitle {

		color:#000;
		background-color:#FFF;
		font-size:12px;
		padding-bottom:6px;
		text-align:left;
		font-weight:bold;

} 



/* Stockists Page */

#stockists {

		width:500px;
		float:left;
		margin-top:15px;

}

/* Map Window */

#map { 

		width:705px;
		height:517px;
		margin-bottom:10px;

}

/* Form Success Pages */

#success {

		width:550px;
		height:290px;
		float:left;
		padding:0 0 20px 30px;
		background-image:url(images/assets/watermark.jpg);
		background-repeat:no-repeat;
		background-position:top right;
		
}

/* Forms */

.leftform {
	
		text-align:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#333;
		background-color:#eee;
		border: 1px solid #bbb;
	
}

.formbutton {

        text-align:center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#333;
		background-color:#eee;
		border: 1px solid #bbb;

}


#formenquiry {

		width:149px;
		margin-bottom:10px;
		float:left;

}

#leftbutton {

		float:left;
		width:149px;
		height:20px;
		margin:0;
		padding:0;

}

#captcha {

        float:left;
        width:149px;
        margin-bottom:10px;
        padding:0;
        color: #333;

}

pre {
        padding:0;
        margin:0;
}


.formvalue {

		width:149px;
		margin:0;
        padding:0;
		float:left;
        font-size: 11px;
        font-weight: bold;

}


.formfield {

		width:149px;
		height:15px;
		margin-bottom:5px;
		float:left;

}

.indexbutton {

		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		margin-left:6px;
		background-color:#FFFFFF;
		font-weight:bold;
		border: none;
		margin-top:35px;
		padding:0px;
		
}

.indexfield {

		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		background-color:#FFF;
		margin-left:7px;border: 1px solid #bbb;
		margin-top:35px;
		
}

/* Bottom Navigation - Print Page, Back to Top */

.bottomnav {

		text-align:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color:#333;
		background-color:#eee;
		border: 1px solid #bbb;
		padding:3px 5px 3px 5px;
		text-decoration:none;
	
}

.bottomnav a:link {

		font-size: 10px;
		color:#333;
		background-color:#eee;
		text-decoration:none;
		display:block;

}

#featuredproductlast {
	
		float:left;
		width:181px;
		margin-bottom:20px;
		background-repeat:no-repeat;

}