/* CSS Document */

body { width: 100%; height: 100%; margin: 0; padding: 0px; background: #E9F4F6; }

table { border-collapse: collapse; margin: 0; padding: 0; }
td { border-collapse: collapse; margin: 0; padding: 0; }

div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #005A9C; color: #003869; line-height: 140%; padding: 0; margin: 0; }

p { margin: 7px 0; padding: 0; }

a { text-decoration: none; }
a img { border: none; }

ul .products { list-style: none; }
li .tripleBullet { list-style: none; padding-left: 25px; background: url('images/nottingham_dental_ceramics_seperator1.jpg'); background-repeat: no-repeat; }

#oLogoContainer { position: relative; padding: 0 10px; }

#oLogo { padding-left: 20px;  display: inline; }
#oLogoText { display: inline; }

#oButtonsContainer { background: #005A9C; height: 24px; padding: 0; padding-left: 180px; }

#oBanner { background: #003869; padding-left: 50px; }

#oWrapper {  height: 400px; background-image: url('images/nottingham_dental_ceramics_Background1.jpg'); background-position: top right; background-repeat: no-repeat; margin-top: 20px; } 

#oContent { width: 400px; padding-left: 180px; }
#oTitle { color: #009DC8; font-style: italic; font-weight: bold; padding-bottom: 7px; padding-top: 22px; }
#oText { padding-top: 10px; }

#oImage { padding-bottom: 16px; }

.button { height: 24px; display: inline; padding: 0; }
.buttonOver  { height: 24px; color: #46B4CB; }
.buttonOut { height: 24px; color: #FFFFFF; }
.buttonOn { height: 24px; color: #90D8FF; }
.spacer { height: 24px; display: inline; vertical-align: middle; }

.highlight { color: #46B4CB; font-weight: bold; }

.address { clear: right; float: left; color: #003869; font-size: 10px; font-weight: bold; padding-top: 20px; width: 400px; }

.productRow { width: 400px; height: 70px; margin: 10px 0; }
.productImage { float: left; width: 120px; display: inline; }
.productText { float: right; display: inline; width: 280px; }


.contactRow { width: 400px; margin: 10px 0; }
.contactText { float: left; width: 120px; display: inline; }
.contactInput { float: right; display: inline; width: 280px; }

#oContactTable { width: 400px; margin: 10px 0; }
.colLeft { width: 120px; margin-bottom: 5px; vertical-align: top; }
.colRight { margin-bottom: 5px; padding-bottom: 10px;  }

input { background: #E9F4F6; border: 2px solid #90D8FF; width: 270px; margin-bottom: 5px; margin-left: 10px; vertical-align: top; }
textarea { background: #E9F4F6; border: 2px solid #90D8FF; margin-bottom: 5px; margin-left: 10px; }

.popupWrapper { width: 600px; padding-left: 30px; }
.popupItalic { font-family:Arial, Helvetica, sans-serif; color: #46B4CB; font-style: italic; font-size: 30px; font-weight: bold; }
.popupText { font-family:Arial, Helvetica, sans-serif; color: #005A9C; font-style: italic; font-size: 24px; padding: 10px 0; font-weight: bold; }
.popupTelephone { font-family:Arial, Helvetica, sans-serif; color: #005A9C; font-size: 42px; font-weight: bold; }
.popupEmail { font-family:Arial, Helvetica, sans-serif; color: #005A9C; font-size: 30px; line-height: 140%; font-weight: bold; }