@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: ACN Portal
Author: Chempetitive Group
Description: This is the stylesheet
Created: January 15th, 2008
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

body {
margin : 0;
padding : 0;
}
.preload {
display:none;
}
img {
border : 0;
vertical-align : middle;
}
.clear {
clear : both;
}
#body-wrap {
width : 900px;
margin : 0 auto;
padding : 0;
}
div#header {
width : 100%;
height : 106px;
margin : 0 0 2px 0;
padding : 0;
overflow : hidden;
}
#header #logo {
margin : 10px 0 0 30px;
padding : 0;
float : left;
}
#header #flash {
margin : 0;
padding : 0;
float : right;
}
div#content {
width : 100%;
margin : 0 0 2px 0;
padding : 0;
background : #fbb83f;
overflow:hidden;
}
#content.blank {
padding : 0;
background : none;
}
#content #context {
width : 170px;
margin : 0 0 0 20px;
padding : 0;
float : left;
}
#content #context h1 {
margin : 0;
padding : 21px 0 10px 0;
font-family : Impact;
font-size : 20px;
font-weight : normal;
text-align : left;
color : #fff;
}
#content #context p {
margin : 0;
padding : 0 10px 10px 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #000;
text-align : left;
line-height : 13px;
}
#content #context p .highlight {
font-weight : bold;
color : #00703c;
}
#content #context.full {
width : 305px;
margin : 0 auto;
padding : 25px 25px 0 27px;
background : #fbb83f;
}
#content #context.full ul {
margin : 41px -25px 0 -27px;
padding : 0;
list-style-type : none;
float : left;
clear : both;
}
#content #context.full ul li {
width : 118px;
height : 297px;
margin : 0;
padding : 0;
float : left;
}
#content #context.full ul li#injections {
background : url(images/injections-small-norm.jpg) no-repeat top;
}
#content #context.full ul li#injections:hover {
background : url(images/injections-small-roll.jpg) no-repeat top;
}
#content #context.full ul li#injectiont {
background : url(images/injectiont-small-norm.jpg) no-repeat top;
}
#content #context.full ul li#injectiont:hover {
background : url(images/injectiont-small-roll.jpg) no-repeat top;
}
#content #context.full ul li#infusions {
background : url(images/infusion-small-norm.jpg) no-repeat top;
}
#content #context.full ul li#infusions:hover {
background : url(images/infusion-small-roll.jpg) no-repeat top;
}
#content #context.full ul li#vaccines {
background : url(images/vaccines-small-norm.jpg) no-repeat top;
}
#content #context.full ul li#vaccines:hover {
background : url(images/vaccines-small-roll.jpg) no-repeat top;
}
#content #options {
width : 710px;
margin : 0;
padding : 0;
float : left;
}
#content #options ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#content #options ul li {
width : 175px;
height : 440px;
margin : 0;
padding : 0;
float : left;
}
#content #options ul li#injections {
background : url(images/injections-norm.jpg) no-repeat top;
}
#content #options ul li#injections:hover {
background : url(images/injections-roll.jpg) no-repeat top;
}
#content #options ul li#injection {
background : url(images/injection-norm.jpg) no-repeat top;
}
#content #options ul li#injection:hover {
background : url(images/injection-roll.jpg) no-repeat top;
}
#content #options ul li#infusions {
background : url(images/infusions-norm.jpg) no-repeat top;
}
#content #options ul li#infusions:hover {
background : url(images/infusions-roll.jpg) no-repeat top;
}
#content #options ul li#vaccines {
background : url(images/vaccines-norm.jpg) no-repeat top;
}
#content #options ul li#vaccines:hover {
background : url(images/vaccines-roll.jpg) no-repeat top;
}

#content #more {
width : 600px;
margin : 0;
padding : 20px;
float : left;
}
#content #more p, li {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000;
text-align : left;
}
#content #more h1 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #FFF;
text-align : left;
}
#content #more p .highlight {
font-weight : bold;
color : #00703c;
}
#content #form {
width : 509px;
margin : 0;
padding : 0 0 0 34px;
float : left;
}
#content #form p {
width : 430px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #000;
text-align : left;
}
.text {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	color : #000;	
}
#content #form label {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : normal;
color : #000;
text-align : left;
}
#content #form input {
width : 171px;
height : 20px;
}
#content #form textarea {
width : 180px;
height : 149px;
}
div#footer {
width : 100%;
height : 40px;
margin : 0;
padding : 0;
background : url(images/footer-bg.jpg) repeat-x top;
}
#footer #copyright {
margin : 0;
padding : 7px 40px 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #fff;
text-align : right;
float : right;
}

#footer #address a {
margin : 0;
padding : 7px 0 0 45px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #fbb73c;
text-align : left;
float : left;
text-decoration : none;
}
#footer #numbers {
width : 100%;
margin : 0;
padding : 0;
clear : both;
}
#footer #numbers ul {
margin : 0 15px 0 0;
padding : 0;
list-style-type : none;
}
#footer #numbers ul li {
margin : 0 25px 0 0;
padding : 10px 0 0 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
text-align : left;
color : #666666;
float : right;
}