html, body, form {height: 100%;}
* html #container {height: 100%;}
body {font-size: 11pt; font-family: Helvetica, Arial, sans-serif; margin: 0px; padding: 0px; color: #333;}

input {font-size: 1em;}

a {color: #333; text-decoration: none;}
a:hover {text-decoration: underline;}

h1, h2, h3, h4 {font-weight: normal; margin: 0;}
h1 {font-size: 1.4em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.0em; color: #666; font-style: italic;}
h4 {font-size: 1.0em; color: #666; text-align: right;}

img {border: 0px;}

/*blockquote {border: solid 1px #eee; padding: 5px; margin: 10px;}
blockquote { quotes: "\201C" "\201D"; } 
blockquote:before { content: open-quote; font-weight: bold; } 
blockquote:after { content: close-quote; font-weight: bold; } */

ul {padding: 0px 5px; margin: 0px 10px;}

#outcontainer {margin: auto; padding: 10px;}
#container {margin: auto; width: 960px;}

#logo {float: left; margin-left: 0px; margin-top: 8px;}

#menu {float: right; margin-top: 13px;}
#menu ul {margin: 0px 0px 0px 0px; padding: 0; list-style: none;}
#menu ul li {margin: 0px 6px 0px 6px; padding: 0; float: left; color: #333;}
#menu a {display: block; text-align: center; color: #333333; font-size: 1em; font-weight: normal;}
/*#menu a:hover {text-decoration: none;}*/

.bottomTextLeft {float: left; width: 250px; font-size: 0.8em; color: #666;}
.bottomTextLeft a {color: #666;}
.bottomTextRight {text-align: right; float: right; font-size: 0.8em; color: #666;}

/* new products page */
.productListImg {float: left; width: 100px; margin-right: 20px;}
.productList {float: left; width: 399px; height: 100px; padding-top: 0px;}
/*.productList a {font-size: 1.1em;}
.productList ul a {font-size: 1em;}*/
.productList ul {padding-left: 10px;}
.productList ul li {list-style: square url(Images/GrayBullet-Chevron.gif); color: #333; margin-left: 10px;}


.productDetailList li {list-style: square url(Images/GrayBullet.gif); color: #333; margin-left: 12px; padding-bottom: 10px;}

.productImg {border: solid 1px #999; margin-bottom: 15px;}

/*This used to be for horizontal rules, but since IE can't display them right I'm using them with divs */
.solidLine, .dottedLine {border-width: 1px 0px 0px 0px; color: #fff;}
.solidLine {border-top: solid 1px #999;}
.dottedLine {border-top: dotted 1px #999;}

.suiteMenu {list-style-image: url(Images/GrayBullet-Chevron.gif);}
.suiteMenu li {}
#selected {color: #459; text-decoration: underline;}

#largeColumnP {width: 639px; float: left; border-right: solid 1px #999; margin-right: -1px;}
#smallColumnP {width: 320px; float: left; border-left: solid 1px #999;}
#largeColumnR {width: 639px; float: left; border-left: solid 1px #999; margin-left: -1px;}
#smallColumnR {width: 320px; float: left; border-right: solid 1px #999;}

/* this is before I messed with the padding
#largeColumnP .leftDiv {padding: 40px 30px 20px 30px;}
#smallColumnP .rightDiv {padding-left: 30px;}
#smallColumnR .leftDiv {padding-right: 30px;}
#largeColumnR .rightDiv {padding: 40px 30px 20px 30px;}
*/

#largeColumnP .leftDiv {padding: 0px 60px 20px 60px;}
#smallColumnP .rightDiv {padding: 0px 0px 0px 30px;}
#smallColumnR .leftDiv {padding: 0px 30px 0px 0px;}
#largeColumnR .rightDiv {padding: 0px 60px 20px 60px;}

#largeColumnR .rightDiv {line-height: 1.5em;}

/*.SiteMapDiv {float: left; padding: 10px; font-size: 0.8em;}*/
.SiteMapDiv {width: auto; float: none; padding: 3px; font-size: 0.8em;}
/*.signup {width: 120px; float: left; clear: left;}*/
/*.screenshot {width: 202px; border: solid 1px #ccc; font-style: italic; text-align: center; float: left; margin: 20px;}*/
/*.screenshot img {width: 200px; height: 150px; float: left;}*/
/*.NotDisplayed {display: none; padding: 0px; margin: 0px;}*/
/*.box {margin: 0px 10px 0px 10px; border: solid 1px #ababab;}*/
/*.screenshots {width: 600px; margin-left: 100px;}*/

.emailImg {margin-bottom: -3px;}