html, body { background-color: #fff; font: 11pt 'Trebuchet MS', Helvetica, Tahoma, sans-serif;margin:0;padding:0; }
h1,h2,h3,h4,h5 { margin: 0px;}


/* Clearfix routine -- Use this class for elements that will require a clearing block after without needing the extra markup */
/* Example usage: <div class="clearAfter afterBoth">adfklsdaf</div> */
.clearAfter:after { content: '.'; display: block; height: 0; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearAfter { height: 1px; }
.clearAfter { display: block; }
/* End hide from IE-mac */
.afterBoth:after { clear:both; }
.afterLeft:after { clear: left; }
.afterRight:after { clear: right; }

a:link, a:visited { color: #0179ff; }
a:active { color: #60aafd; }

/* Blue Button */
.blueButton, .blueButton:visited { display:block; width: 362px; height: 47px; text-indent: -3000em; overflow:  hidden; background: transparent url(images/trynowButton.gif) left top no-repeat; }
.blueButton:hover { background-image: url(images/trynowButtonHover.gif); }
#pageHeader { height: 131px; position: relative; background: #eee url(images/headerBG.jpg) left top repeat-x; border-bottom: 1px solid #1a4480;}
#pageHeaderCenter { position: relative; width: 910px; margin: 0 auto;}
#pageHeaderCenter #pageLogo { position: absolute; left: 0px; top: 50px;}
#pageHeaderCenter #winMobile { position: absolute; right: 30px; top: 28px; }

#pageBody { background: transparent url(images/bodyBG.gif) left top repeat-x; }
#pageBody h1 { color: #1a4480; font-size: 18pt; }
#pageBody h1 sup { font-size: 6pt; }
#pageIntro p { padding: 5px 30px;}
#pageIntro .imgWrapper {  width: 362px; margin: 0 auto; }
#pageBodyBottom { background: transparent url(images/bodyBGbottom.gif) left bottom repeat-x; }
#pageBodyCenter { width: 910px; margin: 0 auto; padding-top: 15px; }
#pageIntro { float: left; width: 650px; padding-top: 25px; }
#deviceRotator { float: right; width:243px;height:376px; position:relative; left: 20px; background: transparent url(images/deviceRotatorBG.jpg) left top no-repeat;}
#deviceRotator #swapperWrapper { position:absolute; top: 40px; left: 28px; width: 189px; height: 252px; }
#deviceRotator #swapper { width: 189px; height: 252px; }
#pageFeatures { width:910px; margin: 0 auto; padding-top: 20px; }