/* CSS Document */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #DCE8F4; font-family: Arial, Helvetica, sans-serif; }
a { outline: none; }
/* CENTERS THE PAGE */
#wrapper { margin: 0 auto; width: 798px; }

/* TEXT FORMATTING STLYES */
/* HEADLINE STYLES */
/* H1 */
h1 { font-size: 1.1em; font-weight: bold; color: #2F5CA0; line-height: 1.1em; }
h1#underline { border-bottom: 2px solid #FFFFFF; width: 180px; }
h1.h1-left { color: #FFFFFF; line-height: 1.1em; font-size: 1em; }
/* h2 */
h2 { font-size: .8em; font-weight: bold; color: #2F5CA0; line-height: .8em; }
/* A HREF */
a { color: #2F5CA0; text-decoration: none; }
a:hover { color: #00B0AF; }
/* PARAGRAPH STYLES */
p { font-size: .74em; font-weight: normal; color: #333333; line-height: 1.5em; letter-spacing: .01em; }
#left p { font-size: .8em; color: #FFFFFF; font-style: italic; line-height: 1.2em; }
#left a#lab-depot { width: 180px; height: 33px; float: left; background: url(../images/lab-depot.jpg) no-repeat; }
#left a:hover#lab-depot  { background: url(../images/lab-depot-over.jpg) no-repeat; }
#photos p { font-size: .6em; font-weight: bold; }
p.small { font-size: .6em; }
#footer p { font-size: .7em; color: #2F5CA0; font-weight: bold; }
/* TABLE STYLES FOR DATA */
table { border-collapse: collapse; width: 100%; }
tr.highlight { background: #F2F2F2; }
th { font-size: .8em; font-weight: bold; color: #FFFFFF; line-height: .8em; width: 33%; background: #2F5CA0; padding: 10px 0px 10px 0px; }
td { vertical-align: top; font-size: .64em; font-weight: normal; color: #333333; line-height: 1.4em; padding: 5px 5px 5px 5px; }
/* UL STYLES FOR CONTENT */
ul { width: 350px; padding: 0px 100px 20px 30px; float: left; list-style-type: square }
li { font-size: .68em; font-weight: normal; color: #333333; line-height: 1.5em; }

.bold { font-weight: bold; }

/* HEADER LAYOUT STYLES */
#logo { float: left; width: 220px; }
#banner { float: left; width: 360px; }
#nav-bg { float: left; width: 218px; height: 164px; background: url(../images/nav-corner.jpg) no-repeat; }
/* NAVIGATION LAYOUT STYLES */
ul#nav { float: left; width: 208px; padding: 9px 0px 0px 0px; list-style-type: none }
ul#nav li { float: left; width: 208px; }
ul#nav li a { float: left; width: 208px; }
ul#nav li#home { background: url(../images/but-home.jpg) no-repeat; height: 18px; }
ul#nav li#home a { background: url(../images/but-home.jpg) no-repeat; height: 18px; }
ul#nav li#home a:hover { background: url(../images/but-home-over.jpg) no-repeat; height: 18px; }
ul#nav li#home a.highlight { background: url(../images/but-home-over.jpg) no-repeat; height: 18px; }
ul#nav li#about { background: url(../images/but-about.jpg) no-repeat; height: 18px; }
ul#nav li#about a { background: url(../images/but-about.jpg) no-repeat; height: 18px; }
ul#nav li#about a:hover { background: url(../images/but-about-over.jpg) no-repeat; height: 18px; }
ul#nav li#about a.highlight { background: url(../images/but-about-over.jpg) no-repeat; height: 18px; }
ul#nav li#patients { background: url(../images/but-patients.jpg) no-repeat; height: 18px; }
ul#nav li#patients a { background: url(../images/but-patients.jpg) no-repeat; height: 18px; }
ul#nav li#patients a:hover { background: url(../images/but-patients-over.jpg) no-repeat; height: 18px; }
ul#nav li#patients a.highlight { background: url(../images/but-patients-over.jpg) no-repeat; height: 18px; }
ul#nav li#professionals { background: url(../images/but-professionals.jpg) no-repeat; height: 18px; }
ul#nav li#professionals a { background: url(../images/but-professionals.jpg) no-repeat; height: 18px; }
ul#nav li#professionals a:hover { background: url(../images/but-professionals-over.jpg) no-repeat; height: 18px; }
ul#nav li#professionals a.highlight { background: url(../images/but-professionals-over.jpg) no-repeat; height: 18px; }
ul#nav li#laboratory { background: url(../images/but-laboratory.jpg) no-repeat; height: 18px; }
ul#nav li#laboratory a { background: url(../images/but-laboratory.jpg) no-repeat; height: 18px; }
ul#nav li#laboratory a:hover { background: url(../images/but-laboratory-over.jpg) no-repeat; height: 18px; }
ul#nav li#laboratory a.highlight { background: url(../images/but-laboratory-over.jpg) no-repeat; height: 18px; }
ul#nav li#training { background: url(../images/but-training.jpg) no-repeat; height: 18px; }
ul#nav li#training a { background: url(../images/but-training.jpg) no-repeat; height: 18px; }
ul#nav li#training a:hover { background: url(../images/but-training-over.jpg) no-repeat; height: 18px; }
ul#nav li#training a.highlight { background: url(../images/but-training-over.jpg) no-repeat; height: 18px; }
ul#nav li#products { background: url(../images/but-products.jpg) no-repeat; height: 18px; }
ul#nav li#products a { background: url(../images/but-products.jpg) no-repeat; height: 18px; }
ul#nav li#products a:hover { background: url(../images/but-products-over.jpg) no-repeat; height: 18px; }
ul#nav li#products a.highlight { background: url(../images/but-products-over.jpg) no-repeat; height: 18px; }
ul#nav li#contact { background: url(../images/but-contact.jpg) no-repeat; height: 19px; }
ul#nav li#contact a { background: url(../images/but-contact.jpg) no-repeat; height: 19px; }
ul#nav li#contact a:hover { background: url(../images/but-contact-over.jpg) no-repeat; height: 19px; }
ul#nav li#contact a.highlight { background: url(../images/but-contact-over.jpg) no-repeat; height: 19px; }



/* CONTENT LAYOUT STYLES */
#content { float: left; width: 798px; background: url(../images/content-bg.jpg) repeat-y; }

/* PRODUCT PAGE STYLES */
.store-item { float: left; padding: 20px 0px 20px 0px; border-bottom: solid 1px #666666; }
#exception { padding-top: 0px; }
.price { float: left; width: 150px; font-weight: bold; }
.paypal-but { float: right; }
.view-cart { float: right; padding: 20px 0px 0px 0px; }

/* LEFT SIDE LAYOUT STYLES */
#left { float: left; width: 220px; padding: 7px 0px 0px 0px; }
#left-text { float: left; width: 180px; padding: 0px 20px 0px 20px; }
.product-group { float: left; width: 180px; padding: 0px 0px 15px 0px; }
.product { float: left; width: 128px; padding: 0px 0px 0px 25px; }


/* RIGHT SIDE LAYOUT STYLES */
#right { float: left; width: 578px; padding: 7px 0px 0px 0px; }
#right-text { float: left; width: 267px; padding: 20px 20px 0px 30px; }
#copy { float: left; padding: 20px 50px 0px 30px; }

/* PHOTO LAYOUT STYLES */
#photos { float: left; width: 261px; padding: 60px 0px 0px 0px; }
.photo-group { float: left; width: 231px; padding: 0px 0px 30px 0px; }
.photo { float: left; padding: 0px 0px 0px 0px; }
#tot-pro { float: left; padding: 0px 0px 20px 10px; }
#tot-pat { float: right; padding: 0px 0px 20px 10px; }
.prod-img { float: left; padding: 5px 10px 0px 0px; }


/* FOOTER LAYOUT STYLES */
#bottom-left { float: left; width: 220px; height: 107px; background: url(../images/bottom-sidebar.jpg) no-repeat; }
#footer { float: left; width: 548px; padding: 80px 0px 0px 30px; }
#modern-logo { float: left; width: 758px; padding: 0px 40px 0px 0px; text-align: right; }