/* Style Sheet for Lexi-Comp APhA pages */

body {font-family: arial; margin: 0px; padding: 0px; text-align: center;}
#wrap {width: 780px; text-align: left; margin: 0 auto 0 auto;}
#header {width: 780px; height: 94px; background: url('images/bg-header.gif') no-repeat top left; position: relative;}
#content {padding: 0 25px 0 25px;}
#footer {width: 780px; clear: both;}

/* Header Elements */
#header * {margin: 0; padding: 0;}
#header .top-text {font-size: 10px; position: absolute; top: 20px; left: 447px;}
#header h1 {position: absolute; top: 28px; left: 121px; color: #c49c23;
     font-family: georgia,arial, sans-serif;
    	font-size: 30px;}
#header .link-text {font-size: 18px; position: absolute; top: 46px; left: 476px; color: #693;}

/* Footer Elements */
#footer {width: 750px; height: 100px; background: #FFF url('images/bg-footer.gif') no-repeat bottom right; text-align: right; padding-top: 0; padding-right: 6px;}
#footer .textdiv {padding-top: 20px; margin-bottom: 10px;}
#footer p {margin: 0 0 6px 0; padding: 0;}
#footer a {color: #999;}
#footer a:link {text-decoration: none;}
#footer a:hover {color: #000;}
#footer a:active {text-decoration: none;}
#footer a:visited {text-decoration: none;}

/* General Elements */
.btn {height: 23px; background: url('images/bg-btn.gif') repeat-x top left; border: solid 1px #000;}
.bold {font-weight: bold;}
p {font-size: 12px; margin: 0 0 6px 0;}
.no-decoration {text-decoration: none; color: #000;}
.large-bold {font-weight: bold; font-size: 14px; color: #036;}
h2 {font-family: georgia,arial, sans-serif; font-size: 24px; color: #036;}
h3 {font-size: 14px; color: #693; margin-bottom: 6px;}
h5 {font-size: 12px; color: #000; margin-bottom: 6px; margin-left: 8px;}

/* Category Boxes */
.category {width: 225px; height: 374px; background: url('images/bg-category.gif') no-repeat top left; float: left; text-align: center; margin-right: 25px; position: relative; margin-top: 15px;}
.category * {padding-right: 7px; border: none;}
.category p {font-size: 12px; padding: 0 19px 0 12px;}
.category h2 {font-size: 14px; color: #036;}
.image-container {position: absolute; bottom: 195px; left: 0px; width: 225px;}
.text-container {position: absolute; top: 192px; left: 0px; width: 225px;}

/* PDA Center */
.pda-category {margin-bottom: 15px; border-bottom: solid 3px #949599; margin-top: 20px;}
.image-cell {width: 200px; vertical-align: bottom; text-align: center;}
.information-cell {background-color: #f9f8fd; width: 540px; vertical-align: top; padding: 8px 8px 8px 8px;}
.information-cell img {border: none;}
.information-cell h3 {font-size: 18px; color: #693;}
.information-cell h3.sub {font-size: 14px; margin: 0 0 8px 0; padding: 0; color: #666;}
.information-cell h4 {font-size: 14px; color: #036; margin-bottom: 6px; padding-left: 8px; text-decoration: underline;}
.information-cell p {margin: 0 0 6px 0; padding: 0 8px 0 8px;}
.information-cell a {cursor: pointer;}
.information-cell .buy-now {}
.information-cell hr {}
.drop-info {font-size: 12px; margin-top: 50px;}
.price {font-size: 12px; color: #693;}

.buy-now {background: url('images/btn-buy-now.gif') no-repeat; float: left; height: 22px; width: 102px; text-indent: -9000px; background-position: 0 0;}
.buy-now:hover {background: url('images/btn-buy-now.gif') no-repeat; float: left; height: 22px; width: 102px; text-indent: -9000px; background-position: 0 -22px;}

.price-table {font-size: 10px; text-align: center; margin-top: 10px; margin-bottom: 5px;}
.price-table .darker {width: 89px; height: 27px; background: url('images/bg-darker-cell.gif') no-repeat top left; text-align: left; padding-right: 1px; text-indent: 4px; color: #FFF;}
.price-table .dark {width: 89px; height: 27px; background: url('images/bg-dark-cell.gif') no-repeat top left; padding-right: 1px;}
.price-table .light {width: 89px; height: 27px; background: url('images/bg-light-cell.gif') no-repeat top left;}