body  { text-align: center; color: #333; font-family: Arial, Helvetica, sans-serif; background-color: #fff; margin-top: 0; padding: 0; }

div  { margin-top: 0; margin-bottom: 0; padding: 0; border-style: none; border-width: 0; }
div#page-container { width: 810px; padding: 0; text-align: left; margin: 0 auto 0; }
#topnav-wrap { width:810px; height:100px; margin: 0; padding: 0; }
#snappies_logo { width:184px; height:100px; float: left; margin: 0; padding: 0; border-width: 0; }

/* body items */
#body-wrap { width: 810px; margin: 0; padding: 0; clear: both; white-space: nowrap; }
#left-col-wrap { text-align: left; width: 174px; margin: 0; padding: 0; white-space: normal; float: left; }

/* left column item 1 */
#left-col { color: #587abc; font: 11px/16px Arial, Helvetica, sans-serif; background-image: url(../css-images/left-col-tile.gif); background-repeat: no-repeat; width: 174px; margin: 0; padding: 0; white-space: normal; clear: both; }
#left-col p { color: #587abc; font: 11px/14px Arial, Helvetica, sans-serif; width: 145px; margin: 0 0 6px 19px; padding: 9px 0 0; }

#left-col h4 { color: #587abc; font: bold 13px/17px Arial, Helvetica, sans-serif; width: 127px; height: 50px; margin-left: 19px; margin-top: 0px; margin-bottom: 0px; padding: 0; }

.white-subhead { color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-transform: uppercase; }

#offer { color: #587abc; font: 12px/14px Arial, Helvetica, sans-serif; width: 135px; height: 16px; margin-left: 19px; margin-top: 3px; margin-bottom: 0px; padding: 0; }
#e-offer { color: #587abc; font: 12px/14px Arial, Helvetica, sans-serif; width: 135px; height: 32px; margin-left: 19px; margin-top: 3px; margin-bottom: 0px; padding: 0; }


/* left column item 2 */
#left-col-2 { color: #587abc; font: 11px/16px Arial, Helvetica, sans-serif; background-image: url(../css-images/left-col-tile.gif); background-repeat: no-repeat; width: 174px; margin: 0; padding: 0; white-space: normal; }
#left-col-2 p { color: #587abc; font: 11px/14px Arial, Helvetica, sans-serif; width: 145px; margin: 0 0 6px 19px; padding: 9px 0 0; }

#left-col-2 h4 { color: #587abc; font: bold 13px/17px Arial, Helvetica, sans-serif; width: 127px; height: 50px; margin-left: 19px; margin-top: 0px; margin-bottom: 0px; padding: 0; }
#left-col-2 h5 { color: #587abc; font: bold 12px/15px Arial, Helvetica, sans-serif; width: 127px; margin-left: 19px; margin-top: 0; margin-bottom: 0; padding: 5px 0 0; }

#left-col-2-test { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; background-image: url(../css-images/left-col-tile3.gif); background-repeat: no-repeat; width: 174px; margin: 0; padding: 0; white-space: normal; }
#left-col-2-test p { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; text-indent: 30px; width: 145px; margin: 0 0 6px 19px; padding: 25px 0 0; }
#left-col-2-test p.author { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; text-indent: 0px; width: 145px; margin: 0 0 6px 19px; padding: 5px 0 0; }
#left-col-2-test h4 { color: #587abc; font: bold 13px/17px Arial, Helvetica, sans-serif; width: 127px; height: 50px; margin-left: 19px; margin-top: 0px; margin-bottom: 0px; padding: 0; }
#left-col-2-test h5 { color: #587abc; font: bold 12px/15px Arial, Helvetica, sans-serif; width: 127px; margin-left: 19px; margin-top: 0; margin-bottom: 0; padding: 5px 0 0; }

#left-col-image { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; width: 174px; margin: 0; padding: 0; white-space: normal; }


.bullet-area { color: #587abc; font: 11px/14px Arial, Helvetica, sans-serif; width: 157px; }
.bullet-area ul { margin: 0 0 5px; padding: 0; }

li.yellow-bullet { color: #587abc; font: 11px/14px Arial, Helvetica, sans-serif; margin: 1px 0 0 34px; padding: 0; list-style-image: url(../css-images/yellow-bullet.gif); list-style-position: outside; }

#tollfree { color: #587abc; font: 12px/14px Arial, Helvetica, sans-serif; background-image: url(../css-images/toll-free-tile.gif); background-repeat: no-repeat; text-align: center; width: 142px; margin: 0 0 0 19px; padding: 12px 0; }


/* body column items */
#body-col { color: #333; font: 12px/18px Arial, Helvetica, sans-serif; background-image: url(../css-images/main-col-tile.gif); background-repeat: no-repeat; width: 627px; margin: 0; padding: 0; white-space: normal; float: right; }

#body-col h1 { color: #587abc; font: 17px/22px Arial, Helvetica, sans-serif; width: 627px; height: 78px; margin: 0; padding: 0; }
#body-col h1.admin { color: #587abc; font: bold 17px/22px Arial, Helvetica, sans-serif; width: 585px; height: 39px; margin: 15px 0 0; padding: 0; }


#body-col h2 { color: #587abc; font: 15px/19px Arial, Helvetica, sans-serif; width: 554px; margin: 0 0 0 36px; padding: 0 0 5px; border-bottom: 1px solid #587abc; }
#body-col h2.big { color: #587abc; font: bold 21px/25px Arial, Helvetica, sans-serif; width: 554px; margin: 35px 0 0 36px; padding: 0 0 5px; border-style: none; border-width: 0; }

#body-col h3 { color: #587abc; font: bold 15px/19px Arial, Helvetica, sans-serif; width: 330px; margin: 0 0 0 36px; padding: 41px 0 9px; }
/* IE / Win hacks */
* html #body-col h3 { padding: 18px 0 9px; }
/* END IE / Win hacks */

#body-col h3.nomargin { position: relative; margin-left: 18px; margin-top: -21px; margin-bottom: 0; }

#body-col h4 { color: #587abc; font: bold 15px/19px Arial, Helvetica, sans-serif; width: 330px; margin: 0 0 0 36px; padding: 18px 0 5px; }
#body-col h4.available { color: #587abc; font: bold 15px/19px Arial, Helvetica, sans-serif; width: 330px; margin: 0 0 0 36px; padding: 1px 0 5px; }

#body-col h3.benefit-icon { color: #587abc; font: bold 15px/19px Arial, Helvetica, sans-serif; width: 117px; margin: 0 0 0 36px; padding: 37px 0 5px; float: left; }
/* IE / Win hacks */
* html #body-col h3.benefit-icon { margin-left: 18px; }
/* END IE / Win hacks */

#body-col h3.date { color: #587abc; font: bold 13px/17px Arial, Helvetica, sans-serif; text-align: right; width: 127px; margin: 0 0 0 26px; padding: 25px 0 5px; float: left; }
/* IE / Win hacks */
* html #body-col h3.date { margin-left: 18px; }
/* END IE / Win hacks */


#body-col p { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 330px; margin: 0 0 0 36px; padding: 0; }
#body-col p.big { color: #333; font: 14px/22px Arial, Helvetica, sans-serif; width: 265px; margin: 0 0 0 36px; padding: 21px 0 0; }
#body-col p.wide { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 550px; margin: 0 0 0 36px; padding: 0; }
#body-col p.small { color: #333; font: 11px/17px Arial, Helvetica, sans-serif; }
#body-col p.indent { color: #333; font: 13px/19px Arial, Helvetica, sans-serif; width: 215px; margin: 0 0 0 143px; padding: 0; }

.l2head { color: #587abc; font: bold 12px/19px Arial, Helvetica, sans-serif; }

#body-col #ftDesc { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 330px; margin: 0 0 0 18px; padding: 0; }
#body-col p#ftDesc { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 330px; margin: 0 0 0 36px; padding: 0; }
#body-col #ftDesc p { margin: 0 0 0 18px; }
#body-col #ftDesc p.small { margin: 0 0 0 18px; }
#body-col #ftDesc ul { margin: 0 0 5px; padding: 15px 0 0; white-space: normal; }
#body-col #ftDesc ul li { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; margin: 9px 0 0 30px; padding: 0; list-style-image: url(../css-images/blue-bullet.gif); list-style-position: outside; white-space: normal; }

#body-col ul.availablelist { margin: 0 0 0 20px; padding: 0; white-space: normal; }
#body-col ul.availablelist li { color: #333; font: 12px/17px Arial, Helvetica, sans-serif; margin: 1px 0 3px 30px; padding: 0 0 3px; list-style-image: url(../css-images/blue-bullet.gif); list-style-position: outside; white-space: normal; }

#body-col ul.neg-bottom-margin { margin-bottom: -5px; }
#body-col ul li.pdf { margin: 1px 0 3px 20px; list-style-image: url(../css-images/pdf.gif); list-style-position: outside; white-space: normal; }
* html #body-col ul li.pdf { margin-left: 10px; padding-left: 5px; }

#body-col ul li.none { margin: 1px 0 3px 20px; list-style-image: url(../css-images/spacer.gif); list-style-position: outside; white-space: normal; }
#body-col ul li.arrow { margin: 1px 0 3px 20px; list-style-image: url(../css-images/arrow.gif); list-style-position: outside; white-space: normal; }


#body-col tbody { padding-left: 36px; }
/* end body column items */


/* ordering table and button */
.charthead { background-color: #587abc; color: #fff; font: bold 12px/16px Arial, Helvetica, sans-serif; }

.hd-l { background-color: #dee4f2; color: #fff; font: bold 12px/16px Arial, Helvetica, sans-serif; background-image: url(../css-images/hd-l.gif); background-repeat: no-repeat; background-position: 0 0; padding-right: 0; padding-left: 0; }
.hd-r { background-color: #dee4f2; color: #fff; font: bold 12px/16px Arial, Helvetica, sans-serif; background-image: url(../css-images/hd-r.gif); background-repeat: no-repeat; background-position: 0 0; width: 60px; padding-right: 0; padding-left: 0; }
.hd-r2 { background-color: #dee4f2; color: #fff; font: bold 12px/16px Arial, Helvetica, sans-serif; background-image: url(../css-images/hd-r2.gif); background-repeat: no-repeat; background-position: 0 0; width: 60px; padding-right: 5px; padding-left: 0; }

th a { color: #fff; }
th a:link, th a:visited { color: #fff; }
th a:hover, th a:active { }
.hd-l a, .hd-r a, .hd-r2 a, .charthead a { color: #fff; }

.underline-l { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; text-align: left; padding-left: 5px; }
.underline { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; text-align: left; }
.underline-2 { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; text-align: right; }
.underline-r { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; text-align: right; width: 60px; padding-right: 5px; }

.body-sm { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; }
.order-table { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; width: 90%; }

.ordering { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 330px; clear: both; margin: 13px 0 0 36px; padding: 0; }
.ordering-2 { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; margin: 13px 0 0 36px; padding: 0; width: 554px; clear: both; }
.ordering-3 { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; margin: 0 0 0 -36px; padding: 0; width: 554px; clear: both; }

.wide { width: 600px; }

.wide th { padding: 2px 5px; text-align: left; }

.orderbutton { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 330px; margin: 21px 0 0 0px; padding: 0; text-align: left; }

#totals { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 550px; clear: both; margin: 15px 0 0 0; padding: 0; }
.ordercol-1 { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; text-align: right; width: 340px; height: 19px; padding: 0; }
.ordercol-2 { color: #333; font: bold 12px/19px Arial, Helvetica, sans-serif; text-align: right; width: 90px; height: 19px; padding: 0; }
.ordercol-3 { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; text-align: left; width: 40px; height: 19px; padding: 0; }
.ordercol-4 { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; text-align: right; width: 80px; height: 19px; padding: 0; }

.alignright { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; text-align: right; height: 19px; padding: 0; }

.survey { padding-left: 10px; }

/* ordering table and button */

.blue-bold { color: #587abc; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }


.line { width: 554px; height: 1px; clear: both; margin: 0 0 0 36px; padding: 25px 0 0; border-bottom: 1px solid #587abc; }
.line-news { margin: 0 0 0 36px; padding: 11px 0 0; width: 554px; height: 1px; clear: both; border-bottom: 1px solid #cad5f0; }
#body-image { width: 253px; height: 146px; margin: 25px 0 0 36px; padding: 0; border-style: none; border-width: 0; }
#hero-image { width: 215px; height: 400px; float: right; margin: 0 6px 0 0; padding: 0; border-style: none; border-width: 0; }
#hero-image-2 { width: 235px; height: auto; float: right; margin: 0 6px 0 0; padding: 0; border-style: none; border-width: 0; }


#rollover { width: 215px; }
#rollover img { margin: 0; }
/* IE / Win hacks */
* html #rollover img { margin-bottom: -3px; }
*:first-child+html #rollover img { margin-bottom: -3px; }
/* END IE / Win hacks */


#news-image { margin: 0 6px 0 0; padding: 0; width: 215px; float: right; border-style: none; border-width: 0; }
#right-col-or { width: 257px; margin: 15px 42px 0 0; padding: 0; border-style: none; border-width: 0; background-image: url(../css-images/right-bg.gif); background-repeat: no-repeat; float: right; }
/* IE / Win hacks */
* html #right-col-or { margin: 15px 21px 0 0; padding: 0; }
/* END IE / Win hacks */

#right-col-or p { width: 230px; margin: 0 0 0 17px; padding: 0; border-style: none; border-width: 0; }
#right-col-or h2 { width: 220px; color: #587abc; font: bold 14px/18px Arial, Helvetica, sans-serif; margin: 0 0 0 17px; padding: 15px 0 7px; border-style: none; border-width: 0; }

#right-col-or ul { margin: 0 0 5px; padding: 0; }
#right-col-or li { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; margin: 5px 0 0 30px; padding: 0; list-style-image: url(../css-images/yellow-bullet.gif); list-style-position: outside; }

#right-copy { width: 232px; margin: 0; padding: 0; border-style: none; border-width: 0; clear: both; }

.benefit-icon-wrap { color: #587abc; font: 15px/19px Arial, Helvetica, sans-serif; width: 627px; margin: 0; padding: 0; border-style: none; border-width: 0; clear: both; }

.benefit-copy { width: 370px; float: right; margin: 25px 80px 0 0; padding: 0; border-style: none; border-width: 0; white-space: normal; }
/* IE / Win hacks */
* html .benefit-copy { margin-right: 50px; }
/* END IE / Win hacks */

.listing-copy { width: 360px; float: right; margin: 25px 80px 0 0; padding: 0; border-style: none; border-width: 0; white-space: normal; }
/* IE / Win hacks */
* html .listing-copy { margin-right: 45px; }
/* END IE / Win hacks */

ul.benefit { margin: 0 0 5px; padding: 0; white-space: normal; }
li.benefit-list { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; margin: 9px 0 0 30px; padding: 0; list-style-image: url(../css-images/blue-bullet.gif); list-style-position: outside; white-space: normal; }
li.news-list { color: #333; font: 12px/16px Arial, Helvetica, sans-serif; white-space: normal; list-style-image: url(../css-images/arrow-blue.gif); list-style-position: outside; margin: 0 0 0 20px; padding: 0; }
/* end body column items */

/* bottom margin for the bottom curve images, IE windows needs a negative margin */
.bottom-margin { clear: both; margin: 5px 0 0; padding: 0; border-style: none; border-width: 0; }
/* IE / Win hacks */
* html .bottom-margin { margin-bottom: -3px; }
*:first-child+html .bottom-margin { margin-bottom: -3px; }
/* END IE / Win hacks */

/* feature benefits site navigation list */
#features { color: #587abc; margin-top: 18px; margin-left: 36px; white-space: nowrap; padding: 0; }
#features.linetop { width: 554px; margin-top: 25px; border-top: 1px solid #587abc; padding-top: 10px; }
#features li { color: #587abc; font: 12px/18px Arial, Helvetica, sans-serif; float: left; padding: 0; margin: 0 6px 0 0; list-style: none; display: inline; }

/* feature benefits site navigation list */
#next-previous { color: #587abc; margin-top: 18px; margin-left: 36px; white-space: nowrap; padding: 0; }
#next-previous li { color: #587abc; font: 12px/18px Arial, Helvetica, sans-serif; float: left; padding: 0; margin: 0 6px 0 0; list-style: none; display: inline; }

ul.linetop { width: 554px; border-top: 1px solid #587abc; }

/* learn more site links */
#benefits-copy { height:63px; margin-top: 0; margin-left: 122px; width: auto; clear: both; margin-bottom: 0; padding: 0; }
#benefits-copy li { color: #fff; font: 11px/14px Arial, Helvetica, sans-serif; float: left; list-style-type: none; list-style-image: none; }

/* IE / Win hacks */
* html #benefits-copy {  }
* html #benefits-copy li {   }
/* END IE / Win hacks */


p.offercopy { color: #587abc; font: 11px/18px Arial, Helvetica, sans-serif; text-align: left; vertical-align: top; margin-left: 39px; width:320px; margin-top: 0; }
#body-col p.privacy { color: #333; font: 12px/19px Arial, Helvetica, sans-serif; width: 600px; margin: 0 0 0 10px; padding: 0; }

#bottom-spacer { width:810px; height:15px; clear: both; margin: 0; padding: 0; }


/* start footer */
#footernav { background-image: url(../css-images/footer-nav-tile.gif); background-repeat: no-repeat; text-align: center; width:810px; height:35px; clear: both; margin: 0; padding: 0; }

/* topnav site links */
#sitelinks-footernav { color: #fff; margin: 0 auto; padding-top: 8px; padding-right: 6px; white-space: nowrap; }
#sitelinks-footernav li
 { color: #fff; font: bold 11px/17px Arial, Helvetica, sans-serif; padding: 0; margin: 0 6px 0 0; list-style: none; display: inline; }

/* IE / Win hacks */
* html #sitelinks-footernav {    }
* html #sitelinks-footernav li {   }
/* END IE / Win hacks */