/*
 * Vistakon Pharmaceuticals, LLC
 * Description: general and common settings in all pages
 *
 * Note: if you are having problems with ie6 and/or ie7, please
 *       check the ie6.css and ie7.css files first
 */

/*
 * Settings reset
 */

/* reset all selectors */
* {
	margin: 0;
	padding: 0;
	border: none;
}

/* fix some bugs with screen size */
html {
	height: 100%;
	width: 100%;
}

/* 'ul' and 'li' default values */
ul { list-style-type: disc; }
li { margin: 5px 3px 5px 10px; }

/* some commons selectors */
legend { display: none; }
p { margin: 12px 0; }
hr.hidden { display: none; }

/*
 * Default site settings
 */

body {
	background: url('../images/background-internal.gif') top left repeat-x #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

p {
	font-size: 70%;
	color: #666;
	text-align: justify;
}

/* vistakon logo */
div#logo-wrap {
	float: left;
	margin-top: 8px;
}

h1 {
	overflow: hidden;
	text-indent: -500000px;
	display: block;
	width: 272px;
	height: 25px;
	background: url('../images/vistakon-logo.gif') top left no-repeat;
}

h1 a {
	display: block;
	width: 272px;
	height: 25px;
}

/*
 * Site Structure
 */
 
div#a2w-links a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #007FC3;
	text-decoration: none;
}

div#a2w-links a:hover {
	color: #007FC3;
	text-decoration: underline;
}

div#container {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	width: 900px;
	
	/* for test propuse only
	border: 1px solid #ccc; */
}

div#head {
	width: 900px;
}

div#content {
	width: 750px;
	margin-top: 350px;
	padding: 0 22px;
}

div#footer {
	
}

/*
 * Site navigation
 */

div#nav {
	position: absolute;
	margin: 269px 0 0 23px;

}

div#nav ul { list-style: none; }

div#nav li {
	margin: 0;
	display: inline;
}

div#nav li a {
	text-indent: -500000px;
	overflow: hidden;
	display: block;
	float: left;
	height: 41px;
}

/* each menu item */
div#nav li#nav-home a { width: 60px; background: url('../images/nav-home.gif') top left no-repeat; }
div#nav li#nav-home a:hover	{ background: url('../images/nav-home.gif') bottom left no-repeat; }
body#home div#nav li#nav-home a { background: url('../images/nav-home.gif') bottom left no-repeat; }

div#nav li#nav-about-us a { width: 82px; background: url('../images/nav-about-us.gif') top left no-repeat; }
div#nav li#nav-about-us a:hover { background: url('../images/nav-about-us.gif') bottom left no-repeat; }
body#about-us div#nav li#nav-about-us a { background: url('../images/nav-about-us.gif') bottom left no-repeat; }

div#nav li#nav-medicare-coverage a { width: 142px; background: url('../images/nav-medicare-coverage.gif') top left no-repeat; }
div#nav li#nav-medicare-coverage a:hover { background: url('../images/nav-medicare-coverage.gif') bottom left no-repeat; }
body#medicare-coverage div#nav li#nav-medicare-coverage a { background: url('../images/nav-medicare-coverage.gif') bottom left no-repeat; }

div#nav li#nav-california-compliance a { width: 207px; background: url('../images/nav-california-compliance.gif') top left no-repeat; }
div#nav li#nav-california-compliance a:hover { background: url('../images/nav-california-compliance.gif') bottom left no-repeat; }
body#california-compliance div#nav li#nav-california-compliance a { background: url('../images/nav-california-compliance.gif') bottom left no-repeat; }

div#nav li#nav-products a { width: 86px; background: url('../images/nav-products.gif') top left no-repeat; }
div#nav li#nav-products a:hover { background: url('../images/nav-products.gif') bottom left no-repeat; }
body#products div#nav li#nav-products a { background: url('../images/nav-products.gif') bottom left no-repeat; }

div#nav li#nav-patient-assist a { width: 143px; background: url('../images/nav-contact-us.gif') top left no-repeat; }
div#nav li#nav-patient-assist a:hover { background: url('../images/nav-contact-us.gif') bottom left no-repeat; }
body#patient-assist div#nav li#nav-patient-assist a { background: url('../images/nav-contact-us.gif') bottom left no-repeat; }

div#nav li#nav-order-samples a { width: 142px; background: url('../images/nav-order-samples.gif') top left no-repeat; }
div#nav li#nav-order-samples a:hover { background: url('../images/nav-order-samples.gif') bottom left no-repeat; }
body#order-samples div#nav li#order-samples a { background: url('../images/nav-order-samples.gif') bottom left no-repeat; }

/*
div#nav li#nav-patient-assist a { width: 163px; background: url('../images/nav-patient-assist.gif') top left no-repeat; }
div#nav li#nav-patient-assist a:hover { background: url('../images/nav-patient-assist') bottom left no-repeat; }
body#patient-assist div#nav li#nav-patient-assist a { background: url('../images/nav-patient-assist.gif') bottom left no-repeat; }

div#nav li#nav-contact-us a { width: 117px; background: url('../images/nav-contact-us.gif') top left no-repeat; }
div#nav li#nav-contact-us a:hover { background: url('../images/nav-contact-us.gif') bottom left no-repeat; }
body#contact-us div#nav li#nav-contact-us a { background: url('../images/nav-contact-us.gif') bottom left no-repeat; }

*/

/*
 * Site color (stay beautiful)
 */

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #666;
}

div#content p a,
div#content li a {
	color: #007FC3;
	text-decoration: none;
}

div#content p a:hover,
div#content li a:hover {
	color: #007FC3;
	text-decoration: underline;
}

/*
 * Search box
 */

div#search-box {
	float: right;
	color: #64e9fe;
	font-size: 65%;
	margin-top: 48px;
	position: relative;
	margin-bottom: 3px;
	text-transform: lowercase;
}

div#search-box input {
	border: 1px solid #77bad5;
	width: 100px;
	font-size: 100%;
}

div#search-box input#search-button {
	overflow: hidden;
	display: block;
	width: 28px;
	height: 15px;
	padding-top: 15px;
	background: url('../images/search-button.gif') top left no-repeat;
	border: none;
	margin: -15px 0px 0px 147px;
	cursor: pointer; /* this attribute add a cursor hand for firefox and safari */
	cursor: hand;
}

/*
 * Flash animation
 */

div#flash {
	width: 900px;
	height: 300px;
}

/*
 * Flash internal animation
 */

div#flash-internal {
	position: absolute;
	top: 0%;
	width: 100%;
	color: #71d9f3;
	font-size: 65%;
	font-weight: bold;
	margin: 68px 0 0 0px;
}

/*
 * Footer
 */

div#footer {
	margin-top: 20px;
}

div#footer p {
	text-align: center;
	font-size: 55%;
}

div#footer p#jnj-logo { margin: 20px 0; }

div#footer p.date-modified {
	color: #999;
	font-size: 65%;
}

/*
 * Legal links
 */

div#legal-links {
	position: absolute;
	top: 0%;
	color: #71d9f3;
	font-size: 65%;
	font-weight: bold;
	margin: 22px 0 0 632px;
}

div#legal-links li {
	display: inline;
	margin: 0;
}

div#legal-links li a {
	color: #71d9f3;
	text-decoration: none;
}

div#legal-links li a:hover {
	color: #71d9f3;
	text-decoration: underline;
}

div#legal-links li span { margin: 0 10px; }

/*
 * Other elements
 */

hr {
	background: #cfcfcf;
	height: 1px;
	width: 867px;
	margin-left: 22px;
}

div.clear {
	clear: both;
}