body {margin: 4px; color: black; background: white; font-size: 90%;}
h1 {text-align: center; font-size: 150%; font-weight: bold;
	margin-top: 0;  margin-bottom: 0; padding: 0;}
h2 {text-align: center; font-size: 115%; font-weight: bold;
margin: 0; padding-top: 1em; padding-bottom: .5em;}
h3 {display: inline; text-align: left; font-size: 100%; font-weight: bold;
margin: 0; padding: 0 .5em 0 0;}
h4 {display: inline; text-align: left; font-size: 100%; font-weight: bold;
margin: 0;  padding: 0 .5em 0 0;}
div.inlineHeader {padding-top: .5em; padding-bottom: .5em;} /* use this div around <h3>  or <h4> and text when want inline header */
ol.lowerAlpha {list-style-type: lower-alpha;}
div#billsClockworks {text-align: center; 
	color: #aa0000; background: white;
	font: bold 300% "bookman, Times New Roman", Times, serif; 
	margin-bottom: 5px;
	margin-top: 0; padding-top: 0;}
p.center {text-align: center;}
p.tab {margin-left: 3em;}
img {border-width: 0;}
table {width: 100%; margin: 0;}
table td {padding: 0; border-width: 0; vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
a:link {color: #0000ff;  background: white;}
a:visited {color: #9900cc;  background: white;}
div#smBillsClockworks {text-align: center; 
	font-size: 135%; font-weight: bold;
	border-top: 2px solid black;}
img#logo {float: right;}
table.tableCenter {width: auto; margin-left: auto; margin-right: auto;}
td.image {text-align: center; vertical-align: middle;}
td.imageCaption {text-align: center;  padding: 0 0.75em 1em 0.75em; font-size: 90%;}
td.imageCaptionRight {text-align: left; padding: 0 0.75em 1em 0.75em; font-size: 90%;}
td.imageCaptionLeft {text-align: right; padding: 0 0.75em 1em 0.75em; font-size: 90%;}
/* Menu Styles */
div#menu {float: left;
	width: 150px; background: #ccffcc;  color: black;
	vertical-align: middle;
	padding-bottom: 3px;
	padding-top: 3px;
	margin-right: 15px; margin-bottom: 10px;}
div#menu a, div#menu div {display: block; text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: transparent;}
div#menu a.menuHead, div#menu div.menuHeadHighlighted {
	font-weight: bold;
	font-size: 100%;
	border-bottom: 1px solid #303030;
	margin: 0px 5px 0px 5px;
	padding: 4px 0 0px 5px;}
div#menu a.menuHead {color: rgb(30%,30%,30%); background: #ccffcc;}
div#menu div.menuHeadHighlighted  {color: rgb(80%,30%,30%);
	background-color: rgb(100%,100%,100%);}
div#menu a.menuDetail, div#menu div.menuDetailHighlighted {
	font-weight: bold;
	font-size: 90%;
	margin: 0px 5px 0px 5px;
	padding: 2px 0 2px 10px;}
div#menu div.subMenuDetailHighlighted {
	font-weight: bold;
	font-size: 90%;
	margin: 0px 5px 0px 5px;
	padding: 0px 0 0px 26px;}
div#menu a.menuDetail {color: rgb(30%,30%,30%);  background: #ccffcc;}
div#menu div.menuDetailHighlighted, div#menu div.subMenuDetailHighlighted {color: rgb(80%,30%,30%);
	background-color: rgb(100%,100%,100%);}
div#menu a:hover { background-color: rgb(100%,70%,70%);
	color: rgb(50%,0%,0%);}	
table#contact td {text-align: center;}
table#bottomLinks {text-align: left;
    background: #ccffcc; 
	border-top: 2px solid black;
	border-bottom: 2px solid black;}
table#bottomLinks td {padding: 5px;}
table#bottomLinks a {background: #ccffcc;}
table#clockHistory {border-bottom: 2px solid black;}
table#clockHistory td {text-align: center; font-size: 90%}
td#bottom {text-align: center; font-size: 90%;  vertical-align: middle;}
/*td#bottom td {text-align: center;} */
/* styles for prev-next navigation */
table.nav {width: auto; margin-left: auto; margin-right: auto;}
td.navPrev {text-align: right; font-weight: bold; font-size: 90%}
td.navPageNum {text-align: center; font-weight: bold; font-size: 90%}
td.navNext {text-align: left;  font-weight: bold; font-size: 90%}
td.right {text-align: right;}
td.center {text-align: center;}
div.pageNavTop {margin-top: 10px; margin-left: auto; margin-right: auto;}
div.pageNavBot {margin-bottom: 10px; margin-left: auto; margin-right: auto;}
/* Text styles for clockGallery and clockDetail */
p.refNo {font-weight: bold; font-size: 100%;}
p.listPrice {text-decoration: none; font-size: 90%;}
p.ourPrice {font-weight: bold; font-size: 100%;}
p.dimensions {font-size: 90%;}
p.description {font-size: 90%;}
p.comment {font-weight: bold; font-size: 90%;}
/* style for clock instruction pages */
table.tableInstructions {width: 100%;}
table.tableInstructions td {padding-bottom: .6em;}
table.tableInstructions td.ins1 {width: 30%;}
th.insCheckBox {width: 4em; text-align: left;  vertical-align: top;}
th.insData {text-align: left; vertical-align: top;}
table.tableInstructionsSquares {width: 90%; margin-top: .6em; margin-bottom: .6em;}
table.tableInstructionsSquares td.ins1 {width: 40%;}
div.heading3 {margin: 0; padding: 0;}
/* Temporary styles */
/* table {border: 3px solid red; margin: 3px;}
table td {border: 3px dotted green; padding: 3px;} */