body { background-image: url('images/background1.jpg'); text-align: center; margin: 10px auto;}

div { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }
td { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; }

ul { margin-left: 0; padding-left: 0; list-style: none; }
li { padding-left: 25px; background: url('images/bullet.gif'); background-repeat: no-repeat; }

a { color: #A4A4FF; text-decoration: none; }

a img { border: none; }

#oContainer { width: 780px; margin: 0 auto; background: #FFFFFF; }
#oMainTable { position: relative; width: 100%; height: 100%; border: 1px solid #999999; text-align: left; }

/*#oHeader { width: 780px; height: 175px; background: #FFFFFF; background-image: url('images/headerBg.jpg'); vertical-align: top; }*/
#oLogo { float: left; padding-bottom: 40px; }
#oButtons { float: right; }
#oButtons img { cursor: pointer; border: none; }
#oContent { width: 780px; background: #FFFFFF; background-image: url('images/headerBg.jpg'); background-repeat: no-repeat; }
#oTextContainer { width: 490px; height: 340px; vertical-align: top; }
#oText { padding: 0 0 0 20px; }
#oGraphic { width: 340px; text-align: center; }
#oTitle { font-size: 20px; color: #A4A4FF; margin: 0; margin-bottom: 15px; }

#oProductsDiv { text-align: center; margin-bottom: 20px; }
#oProducts { width: 680px; border: 1px solid #999999; border-right: none; padding-bottom: 20px; }
#oProducts th { width: 136px; text-align: left; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; background: #A4A4FF; color: #FFFFFF; border-right: 1px solid #999999; border-bottom: 1px solid #999999; vertical-align: middle; }
#oProducts td { width: 136px; text-align: center;  border-right: 1px solid #999999;}

#oChinaContainer { margin: 20px 0; float: left; clear: left; }
#oDyeContainer { margin: 20px 0; float: left; }
#oMailersContainer { margin: 20px 0; clear: left; float: left; }

#oMugsContainer { float: left; padding-left: 20px; }
#oMugsTable { width: 400px; text-align: center; }
#oMugText { width: 325px; vertical-align: top; }

#oProductsContainer { float: right; text-align: right; padding-right: 20px; }
#oAllProducts { cursor: pointer; }

#oFooter { width: 780px; height: 45px; font-size: 12px; text-align: center; background: #FFFFFF; background-image: url('images/footerBG.jpg'); overflow: hidden; }
#oContact { padding-top: 13px; font-size: 12px; }
#oContact a { color: #333333; }

#oCosmicCreation { width: 780px; height: 25px; text-align: center; margin: 0 auto; }
#oCosmicCreation a { color: #9393EE; font-size: 12px; text-decoration: none; }
#oCosmicCreation a:hover { color:#00005B; }

.oButton { width: 156px; height: 46px; text-align: center; vertical-align: middle; cursor: hand; }
.buttonImage { height: 46px; overflow: hidden; }
.buttonText { position: absolute; top: 13px; left: 0; width: 156px; text-align: center; z-index: 1000; }
.buttonOut { text-decoration: none; color: #999999; padding: 0 5px;}
.buttonOver { text-decoration: none; color: #000000; padding: 0 5px; }

.header { font-size: 20px; color: #A4A4FF; }
.headerGrey { font-size: 18px; color: #666666; }

.productsTable td { text-align: center; }
.productsTable td a { color: #333333; }

.mugThumbnail { width: 80px; height: 80px; }
.mugThumbnailSelected { width: 80px; height: 80px; border: 3px solid #A4A4FF; }

.mugColorCol { width: 50px; padding: 5px; text-align: center; vertical-align: top; }
.mugColor { width: 50px; height: 50px; border: 2px solid #999999; margin-bottom: 5px; }

.formLeft { text-align: left; margin-left: 10px; padding-right: 5px; } 
.formRight { text-align: right; }

#oDimensions td { padding: 0 5px; }
.dimesionMiddle { width: 50px; background-image: url('images/dots.gif'); background-repeat: repeat-x; background-position: bottom; }