body {margin: 4px; color: black; background: white; font-size: 90%;}
table {width: 100%; margin: 0;}
table td {padding: 0; border-width: 0; vertical-align: top;}
#outer { max-width: 1000px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; vertical-align: top;
	padding: 5px 10px;}
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;}

.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: left; 
	margin-bottom: 0px;
	margin-left: 10px;
	margin-top: 0; padding: 0;}
#billsClockworks p {margin: 0 0 0 5px; padding: 0px; font-size: small;}
span.bcwbc1 {color: #AA0000;}
span.bcwbc2 {color: green;}
#logoSearch td {vertical-align: top;}
#searchBox {text-align: right; margin-top: 8px; padding: 0;}
p.bodyheader {text-align: center; font-size: 135%; font-weight: bold;}
.center {text-align: center;}
p.tab {margin-left: 3em;}
img {border-width: 0;}
img.center {
    display: block;
    margin-left: auto;
    margin-right: auto }
#content1 {padding: 5px 10px }
a:link {color: blue;  background: white;}
a:visited {color: purple;  background: white;}
a:active {
	color: red;
	background: white;
	background-attachment: fixed;
}
#smBillsClockworks {text-align: center; 
	font-size: 135%; font-weight: bold}
#smBillsClockworks a {text-decoration: none; color: black;}	
table.tableCenter {width: auto; margin-left: auto; margin-right: auto;}
td.image {text-align: center; vertical-align: middle;}
td.imageCaption {text-align: center; font-size: 90%;}
td.imageCaptionRight {text-align: left; padding-left: 1em; font-size: 90%;}
td.imageCaptionLeft {text-align: right; padding-right: 1em; font-size: 90%;}
/* Menu Styles */
#leftSide {float: left;
	width: 150px;
	}
#menu {
	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, a.menuDetailHlLink, 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 a.menuDetailHlLink {color: rgb(80%,30%,30%);  background-color: rgb(100%,100%,100%);}
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%);}
	
#viewCartTop {text-align: right; font-size: 90%; font-weight: bold; padding-bottom: 5px;}	
#viewCartTop img, #viewCartMenu img, #viewCartBottom img {vertical-align: middle;}
#viewCartTop a, #viewCartMenu a, #viewCartBottom a {color: #AA0000;}
#viewCartMenu {width: 150px; font-size: 90%; font-weight: bold; padding-bottom: 10px; text-align: center;}
#viewCartBottom {font-size: 90%; font-weight: bold;}	

#menuLogo {width: 150px; vertical-align: middle; text-align: center;}
div#menuLogo img {padding-bottom: 5px;}

table#contact {border-top: 2px solid black}	
table#contact td {text-align: center; vertical-align: middle;}
table#bottomLinks {
    background: #ccffcc;
	border-top: 2px solid black;
	border-bottom: 2px solid black;}
table#bottomLinks td {text-align: center; 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;} 
/* styles for prev-next navigation */
table.nav {width: auto; margin-left: auto; margin-right: auto;}
td.navPrev {text-align: left; font-weight: bold; font-size: 90%}
td.navPageNum {text-align: center; font-weight: bold; font-size: 90%}
td.navNext {text-align: right;  font-weight: bold; font-size: 90%}
td.right {text-align: right;}
td.center {text-align: center;}
img.seal {text-align: center; vertical-align: middle; padding: 3px;}
input.seal {text-align: center; vertical-align: middle;}

.seal {text-align: center; vertical-align: middle;}
.seal-l {text-align: center; vertical-align: middle; width: 22%}
.seal-l-2 {text-align: center; vertical-align: middle; width: 18%}
.seal-r {text-align: center; vertical-align: middle; width: 22%}
.seal-r-3 {text-align: center; vertical-align: middle; width: 18%}
.bbb-text {font-style: italic; font-size: 90%}

table.authNetSeal {width: auto; margin-left: auto; margin-right: auto;}
table.trustWaveSeal {width: auto; margin-left: auto; margin-right: auto;}
img.twitterImg {position:relative; top:-2px; left: 14px;}

td.seal div {margin-left: auto; margin-right: auto; 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;}
/* styles for home page and online store main page */
td#schneider {width: 30%; vertical-align: middle;}
td#hermleWall {width: 30%; vertical-align: middle;}
td#clockStoreMiddle {vertical-align: middle;}
div#hermle {margin-top: 1em; text-align: left; padding: 0 5px 0 5px;}
/* 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%;}
div.description {font-size: 90%;}
p.descriptionCenter {font-size: 90%; text-align: center;}
p.comment {font-weight: bold;}
.shipping {font-size: 80%;}
/* style for clock instruction pages */
table.tableInstructions {width: auto; margin-top: -1.5em; margin-bottom: -0.5em;}
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;}
.center {text-align: center}
img.adjacent-space {padding: 3px;}
td.botlinkstd {width: 27%}
td.blother {width: 37%}
td.blcontact {width: 30%}
td.blhome {font-weight: bold;}
/* Styles for Social Media Badges */
td.sm-left {vertical-align:middle; width: 25%;}

/* the zoom: 1 fixes alignment of images in IE in the list of social media links */
ul.sm {list-style:none; margin:3em 0 0 0; padding:0; font-size:90%}
ul.sm li {line-height:1.6em; padding:0; margin:0 0 .75em; clear:left; zoom:1}
ul.sm li img {padding-right:4px; padding-top: .2em; height:16px; width:16px; float:left}
div.link {line-height:1.5; margin-left:20px}
ul.sm div {line-height:1.5; margin-left:20px}

/* Not needed after removing the Youtube badge
div.youtubebadge2 a  {background-color: transparent;}
td.youtube img {margin-left:auto; margin-right:auto;}
td.youtube h2 {padding:0;} */
td.twitter {vertical-align:middle;}
div.twitter_outline {border: 1px solid #A8A8A8; background: #E8E8E8; width: 430px; padding: 20px; margin:1em;}
div.twitter_div {border: 1px solid #A8A8A8; background: #ffffff; padding: 0.5em 0.5em 0.5em 0.5em;}
div.twitter_div h2 {text-align: left; padding: 0 0 0 0.5em; margin-bottom: -0.5em;}
div.twitter_div ul {padding:0 0.5em 0 1.5em;text-align:left; margin-bottom: 0; margin-left: 0;}
div.twitter_div ul li {list-style : none; padding-bottom: 0.5em;}
div.twitter_div a.twitter-link {padding:0 0.5em 0 0.5em; margin-top:-0.5em; font-size: 80%;}
td.picasa {vertical-align:middle; width: 25%;}
td.picasa img {margin-left:auto;margin-right:auto;}
td.picasa p {padding:0; text-align:center}
td.picasa h2 {padding:0;}
/* To align the two Picasa slide shows */
div#pwFeed img {margin-left:2px;}
p#searchBox label {font-size: 80%;}
.follow {table-layout:fixed;}
.follow td {vertical-align: middle;}
.followL, .followR {text-align: center; width: 40%}
.seals {table-layout:fixed;}
/* Temporary styles */
/* table {border: 3px solid red; margin: 3px;}
table td {border: 3px dotted green; padding: 3px;} */