/*###################################################*/
/*##################	RESET	########################*/
/*###################################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*###################################################*/
/*##############	MAIN STRUCTURE	###################*/
/*###################################################*/
html {
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f5f5f5;
	color:#8c8c8b;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 22px;
	line-height: 1.0;
	color: #7e7e7e;
	font-weight:normal;
}

	h1.product {
		color: #ff7f00;
	}

h2 {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.0;
	color: #7e7e7e;
	font-weight:bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 22px;
	line-height: 1.0;
	color: #7e7e7e;
	font-weight:normal;
}

h4 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.0;
	color: #000;
}

p {
	margin: 0 0 15px;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
}

p.top {
	margin: 12px 0;
	padding: 0;
}

em {
	margin: 0;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #000;
	font-style: italic;
	font-weight: normal;
}

a {
	color: #ff7f00;
	text-decoration: none;
	cursor:pointer;
}

a:hover {
	color: #ff7f00;
	text-decoration: underline;
	cursor:pointer;
}

.orange-link {
	color: #ff7f00;
}

.orange-link:hover {
	color: #ff7f00;
}

img.left {
	float: left;
}

img.right {
	float: right;
}

.clearBoth {
	width: 100%;
	height: 0;
	clear: both;
}

/* New FSD */
.strapline {
	position: absolute;
	top: 240px;
	left: 88px;
	color: #586ffd;
	font-weight: normal;
	font-size: 19.5px;
}

/* Updated by FSD */
#container {
	width: 978px;
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
	background: #FFF url('uploads/images/layout/page-bg.jpg') right 0 no-repeat;
	position: relative;
}

/* Updated by FSD */
#body-home #container {
/*	background: #FFF url('uploads/images/layout/home-bg.jpg') right 0 no-repeat;*/
	background: #FFF url('uploads/images/layout/home-bg-new.jpg') right 0 no-repeat;
}

/* Updated by FSD */
.invisible_button {
	position: absolute;
	top: 462px;
	right: 96px;
	width: 190px;
	height: 65px;
	background: url('/uploads/images/layout/button.jpg');
	background-position: 0 0;
}
/*.invisible_button:hover {
	background-position: 0 100%;
}*/

	.pharmapack {
		position: absolute;
		top: 490px;
		left: 615px;
	}

	.button {
		padding: 12px 23px;
		display: block;
		position: absolute;
		top: 510px;
		left: 695px;
		background-color: #ff7f00;
		border-bottom: 1px solid #b55a00;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
	}

	.button:hover {
		background-color: #7e7e7e;
		border-bottom: 1px solid #3e3e3e;
		color: #fff;
		text-decoration: none;
	}

	.button:active {
		position: absolute;
		top: 511px;
		border: none;
	}

#top-image {
	z-index:999;
}

#orange {
	position:absolute;
	top:0;
	right:0;
}

	#header {
		width: 100%;
		height: 110px;
		margin: 0 auto 0 auto;
		padding: 43px 0 0 0;
	}

		#logo {
			margin: 0;
			padding: 0 0 0 50px;
			float: left;
		}

			#logo a {
				color: #8c8c8b;
				font-size: 34px;
				line-height: 1.1;
			}

			#logo a:hover {
				text-decoration: none;
			}

				#logo a span {
					color: #ff8000;
					font-size: 50px;
					font-weight: bold;
				}

	#content {
		width: 877px;
		height: auto;
		margin: 24px auto 20px auto;
		padding: 0;
	}

		#content ol {
			margin: 0;
			padding: 20px 0;
		}

		#content ul {
			list-style: square inside url("images/bullet.png");
			margin: 0;
			padding: 20px 0;
		}

		#content li {
			margin: 0;
			padding: 0;
			font-size: 1.0em;
			line-height: 1.0em;
		}

	#footer {
		width:877px;
		margin: 0 auto 10px auto;
		padding: 10px 0 10px 0;
		clear: both;
			color:#8c8c8b;
		border-top:1px solid #a1a0a0;
		overflow:hidden;
	}

	#footer a {
		color: #ff7f00;
	}

	#footer a:hover {
		color: #ff7f00;
		text-decoration:underline;
	}

	#footer hr {
		border:0;
		background-color:#f4f4f4;
		height:1px;
		margin:15px 0 15px 0;
	}


		#copyright {
			width: 40%;
			margin: 0;
			padding: 0;
			float: left;
		}

		#wdl {
			width: 40%;
			margin: 0;
			padding: 0;
			float: right;
			text-align: right;
		}

		#banner-outer {
			height:89px;
			background-color:#7e7e7e;
			width:100%;
			margin:30px 0 0 0;
		}

		#banner {
			width:877px;
			margin:0 auto;
			padding:15px 50px 15px 50px;
			font-size:20px;
			color:#fff;
			letter-spacing: 2px;
			line-height:1.4;
			font-weight:bold;
			height:56px;
		}


/*###################################################*/
/*####################	NAV	########################*/
/*###################################################*/


#breadcrumb {
	border-top: 1px solid #f0efef;
	border-bottom: 1px solid #f0efef;
	margin: 20px auto 0 auto;
	width: 877px;
	padding: 7px 50px 7px 50px;
}

#breadcrumb a:hover {
	color: #ff7f00;
	background: url(uploads/images/light-arrow-white.gif) no-repeat right center;
	padding: 0 12px 0 0;
}

#breadcrumb a {
	color: #8C8C8B;
	background: url(uploads/images/light-arrow-white.gif) no-repeat right center;
	padding: 0 12px 0 0;
}

#breadcrumb span {
	color: #5d5c5c;
	padding: 0 12px 0 0;
}

#nav-outer {
	width: 100%;
}


#nav {
	width: 877px;
	height: 13px;
	margin: 0 auto 70px auto;
	padding: 0;
}

#body-home #nav {
	margin-bottom: 420px;
}

	#nav ul {
		list-style-type: none;
		margin-top: 8px
	}

		#nav li, #nav a {
			margin: 0;
			padding: 0;
			float: left;
			color: #8c8c8b;
		}

		#nav li {
			border-right: 1px solid #666666;
			margin: 0 10px 0 0;
			padding: 0 10px 0 0;
			position: relative;
		}
/*			 Edited by FSD */
			#nav a {
/*				font-size: 12px;*/
				font-size: 18px;
				text-decoration: none;
			}

			#nav a:hover {
				color: #ff7f00;
				text-decoration: underline;
			}

			#nav .last {
				border:0;
			}

			#nav ul li:hover {
				background-color: #fff;
					position: relative;
					color:#fff;
			}

			#nav ul ul {
				display: none;
				width: 180px;
					height: auto;
					padding: 10px 5px 10px 10px;
					position: absolute;
					top: 4px;
					left: -11px;
					background-color: #fff;
					border: 1px solid #666666;
					border-top: none;
					color: #000000;
					z-index:99999;
			}

			#nav ul li:hover ul {
					display: block;

			}
				#nav ul ul li {
						padding: 5px 5px 10px 0;
						width: 170px;
						border-bottom:1px solid #F4F4F4;
						border-right:0;
				}

				#nav ul ul li:hover {
						border: 0 none;
					 	padding: 5px 5px 10px 0;
						width: 170px;
						border-bottom:1px solid #F4F4F4;
				}

					#nav ul ul a {
						 	color: #666666;
							display: block;
					}

					#nav ul ul a:hover {
							color: #ff7f00;
							text-decoration:underline;
					}

/*###################################################*/
/*###############	OTHER STYLES	####################*/
/*###################################################*/

/*###############	CONTACT FORM	####################*/

/*.contact-form {
	margin: 0;
	padding: 0;
	float: left;
}

	.contact-form	input[type="text"] {
		margin: 12px 0;
		padding: 0;
	}

	.contact-form label {
		margin: 0;
		padding: 0;
	}

	.required {
		width: ;
		margin: 0;
		padding: 0;
	}

	.contact-form textarea {
		width: ;
		margin: 0;
		padding: 0;
	}

	.submit {
		margin: 0;
		padding: 0;
	}*/

/*###############	NEWS	####################*/

/*#news {
	width: ;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	background: ;
}

	#news .NewsSummaryLink {
		margin: 0;
		padding: 0;
	}

	#news .NewsSummaryMorelink {
		margin: 0;
		padding: 0;
	}

	.NewsSummaryPostdate {
		margin: 0;
		padding: 0;
	}

	.NewsSummaryLink {
		margin: 0;
		padding: 0;
	}

	.NewsSummaryCategory {
		margin: 0;
		padding: 0;
	}

	.NewsSummaryAuthor {
		margin: 0;
		padding: 0;
	}

	.NewsSummaryContent {
		margin: 0;
		padding: 0;
	}*/


/*###############	HOMEPAGE STYLES	####################*/


#product-outer {
	width:877px;
	margin:0 auto 0 auto;
	overflow:hidden;
	position:relative;
}

#product-title {
	position:absolute;
	top:35px;
	left:0;
}

#product-outer h3 {
	margin-bottom:25px;
}


.product-block {
	float:left;
	text-align: center;
}

.product-block h3 {
}

.product-block img {
	margin-bottom:15px;
}

.product-block .title {
	color: #ff7f00;
	font-size:22px;
}

.product-block p {
	font-size:12px;
	margin-bottom:0;
}

.product-block a {
	font-size: 22px;
	line-height: 1.0;
	color: #7e7e7e;
	display:block;
	margin:0 0 10px 0;
}

.product-block a:hover {
	color: #ff7f00;
	text-decoration:underline;
}

#one {
	width:274px;
	/*margin-top:108px;*/
}


#two {
	width:180px;
	/*margin-top:106px;*/
}


#three {
	width:185px;
	/*margin-top:36px;*/
}


#four {
	width:200px;
}

#one, #three {
	margin-right: 90px;
}


#last {
	margin-right:0;
	width:238px;
}




/*###############	PRODUCT STYLES	####################*/

#specs, #docs	{
	overflow:hidden;
}

	#docs a {
		color: #ff7f00;
	}

	#docs a:hover {
		color: #ff7f00;
		text-decoration:underline;
	}

	#docs img {
		float: left;
		margin: 0 8px 10px 0;
	}

	#docs img.last {
		margin: 0 0 10px 0;
	}

#specs {
	margin-top:8px;
}

#content .prod-content-left, #content .prod-content-right {
	width:250px;
	margin:20px 0 20px 0;
}

#content .prod-content-left p, #content .prod-content-right p{
	padding:0;
	margin:0;
}

#content .prod-content-left ul li, #content .prod-content-right ul li {
	list-style-type:none;
	padding:0 0 10px 0;
}

#content .prod-content-left ul, #content .prod-content-right ul {
	padding:0;
	margin:0;
}

#content .prod-content-left .arrows, #content .prod-content-right .arrows {
	padding:0 0 10px 0;
}

#content .prod-content-left .arrows li, #content .prod-content-right .arrows li {
	background:url(uploads/images/light-arrow-white.gif) no-repeat 0% 20%;
	padding-left:15px;
}

.product-title {
	margin: 0 0 10px;
	padding: 10px 0 10px 10px;
	background-color: #a4a3a3;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.product-title span {
	font-size:14px;
}

.prod-content-left {
	float:left;
	padding:0 60px 0 60px;
}

.prod-content-right {
	float:right;
	padding:0 60px 0 60px;
}

.gallery {
	margin:30px 0 30px 0;
	overflow:hidden;
}

.img {
	padding:0 39px;
	float:left;
	width:214px;
}




/*###############	CONTENT STYLES	####################*/

.pdf {
	background:url(uploads/images/pdf-logo.gif) no-repeat 0% 20%;
	padding-left:25px;
	display:block;
}




/* Edited by FSD */

@media (hover: hover) {
	.invisible_button:hover {
		background-position: 0 100%;
	}
}