@import "reset.css";
body { background-color: #596666; margin: 0px; font-family: Arial,Helvetica,sans-serif; color: #303030; font-size: 0.9em; text-align: center; }

p { margin: 1em 0; }

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: .5ex; }
sub { top: .5ex; }

.radio input { margin: 3px 3px 0px 5px; }

img { border-style: none; }
img.centered { text-align: center; margin-left: auto; margin-right: auto; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
table.centered { margin-left: auto; margin-right: auto; }
table.top tr { vertical-align: top; }
.datagrid td { padding: 2px; }

hr { border: 0; height: 2px; color: #0a5050; background-color: #0a5050; margin: 0px; }

hr.centered { margin-left: auto; margin-right: auto; }
hr.longbar { margin-top: 5px; margin-bottom: 5px; }

a, a:visited { color: #0018AA; text-decoration: none; font-weight: bold; outline: none; }
a:hover { text-decoration: underline; color: #0a5050; }

.sitemapcontainer { text-align: left; padding-left: 10px; padding-bottom: 3px; padding-top: 3px; }
.sitemap { color: #0a5050; font-family: Verdana; font-size: 0.9em; font-weight: bold; height: 20px !important; min-height: 20px; }
.sitemap a { color: #0018AA; text-decoration: none; }
.sitemap a:visited { color: #0018AA; text-decoration: none; }
.sitemap a:hover { text-decoration: underline; }

.pagetitle { text-align: center; margin-top: 10px; margin-bottom: 10px; padding:0px 10px 0px 10px;}
.pagetitle h1 { color: #0a5050; font-weight: bold; font-size: 1.8em; font-family: Arial,Helvetica,Sans-Serif; }

.centered { margin-left: auto; margin-right: auto; text-align: center; }
#centered { margin-left: auto; margin-right: auto; text-align: center; }
#centeredtext { text-align: center; }
.lefttext { text-align: left; }
#lefttext { text-align: left; }

.HorizRule { color: #1f7b7a; }

.SmallProductDesc { color: #0a5050; font-family: Arial,Helvetica; font-size: 0.9em; }

.MedProductDesc { color: #0a5050; font-family: Arial,Helvetica; font-size: 1em; }
.MedProductDescBold { color: #0a5050; font-family: Arial,Helvetica; font-weight: bold; font-size: 1em; }
.BigProductDesc { color: #0a5050; font-family: Arial,Helvetica; font-size: 1.2em; }
.BigProductDescBold { color: #0a5050; font-family: Arial,Helvetica; font-size: 1.2em; font-weight: bold; }
.search-results { }

/* makes submit button on forms line up with text boxes <input type="image"><input type="text">... */
.submit { vertical-align: middle; }
.headertext { font-size: 0.9em; color: #ffc; }
a.headerlink, a.headerlink:visited { font-weight: bold; color: #ffc; }
a.headerlink:hover { font-weight: bold; color: #3eb53e; }

.mainwrapper { width: 1000px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
.masthead { background-image: url(../images/HeaderGradient-100px.png); background-repeat: repeat-x; height: 100px; }
.atlogo { padding-top: 10px; height: 90px; float: left; padding-left: 10px; text-align: center; }
.menubar { margin: 0px; padding-bottom: 5px; clear: both; background-color: #0a5050; text-align: left; }
.middlecontent { width: 1000px; margin: 0px; clear: both; background-color: #0a5050; }
.footer { width: 1000px; margin-left: auto; margin-right: auto; padding: 0px; margin-bottom: 10px; background-color: #d8e5e5; vertical-align: top; text-align: center; }

.leftcol { width: 160px; vertical-align: top; height: 800px; max-height: 800px !important; text-align: center; background-image: url(images/GradientBackground.png); background-repeat: repeat-x; background-color: #d8e5e5; padding: 0px; margin: 0px; }
.maincol { width: 840px; vertical-align: top; text-align: center; padding: 0px; margin: 0px; background-color: #fff; }
.maincontent { width: 820px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; text-align: left; }
.specialpanel { color: #033434; border: solid 1px #033434; margin: 5px 2px 5px 2px; padding-bottom: 3px; text-align: center; font-family: Arial,Sans-Serif; font-size: 0.9em; background-color: #c2a365; }
.specialpanel hr { margin-top: 5px; margin-bottom: 5px; width: 90%; }
.specialpanel span#header { font-size: 1.5em; }
.specialpanel span#details { font-size: 0.9em; font-style: italic; }

.closedpanel { background-color: #ffc; border: solid 1px red; margin: 5px 2px 5px 2px; text-align: center; }

.leftcol div.box { border: 1px solid #ffc; margin: 0px 2px 0px 2px; }

table.stdborder { border-style: solid; border-width: 3px; border-color: #0a5050; padding: 3px; }
table.stdborder td { border-style: solid; border-width: 3px; border-color: #0a5050; padding: 3px 5px 3px 5px; }
#nav ul { list-style-type: none; background-image: url(images/navi_bg.png); height: 30px; width: 980px; }
#nav li { float: left; }
#nav ul a { background-image: url(images/navi_bg_divider.png); background-repeat: no-repeat; background-position: right; padding-right: 12px; padding-left: 12px; display: block; line-height: 30px; text-decoration: none; font-family: Arial,Helvetica,Sans-Serif; font-size: 16px; font-weight: bold; color: #ffc; }
#nav ul a:hover { color: #371C1C; }

#subnav { margin-left: auto; margin-right: auto; display: inline-block; }
#subnav ul { list-style-type: none; background-image: url(images/navi_bg.png); height: 30px; }
#subnav li { float: left; }
#subnav ul a { background-image: url(images/navi_bg_divider.png); background-repeat: no-repeat; background-position: right; padding-right: 8px; padding-left: 8px; display: block; line-height: 30px; text-decoration: none; font-family: Arial,Helvetica,Sans-Serif; font-size: 13px; font-weight: bold; color: #ffc; }
#subnav ul a:hover { color: #371C1C; }

.cctext { font-size: .9em; border: 1px solid #999; }
.ccbtn { font-size: 0.9em; width: 30px; text-align: center; margin: 0px; padding: 0px; }

.maincontent li { margin-left: 30px; margin-top: 1em; margin-bottom: 1em; }
.maincontent td { padding: 2px; }
.maincontent h2 { color: #0a5050; font-family: Arial,Helvetica; font-size: 14pt; font-weight: bold; margin-top: 20px; }
.maincontent h3 { color: #0a5050; font-family: Arial,Helvetica; font-size: 12pt; font-weight: bold; margin-top: 20px; }
.maincontent h4 { color: #0a5050; font-family: Arial,Helvetica; font-size: 10pt; font-style: italic; font-weight: bold; }

.noTopMargin { margin-top: 0px !important; }
img#pad { margin: 5px; }
img#bigpad { margin: 10px; }
#cartproduct { padding: 2px; text-align: center; display: inline-block; vertical-align: text-top; height: auto !important; height: 150px; margin-bottom: 15px; }
#cartproduct .price { padding-top: 6px; padding-bottom: 6px; color: #0a5050; font-family: Arial,Helvetica; font-size: 0.9em; font-weight: bold; }

#cartproduct h3 { margin-top: 0px; }

#smallitalic { font-size: 0.7em; font-style: italic; font-family: Arial; }
.floatright { float: right; }
#floatright { float: right; }
.floatleft { float: left; }
#floatleft { float: left; }
.checkoutbtn { font-size: 1.4em; font-weight: bold; background-color: #ffc; border-style: outset; }
.cartbtn { margin-top: 5px; }
ul#faqlist li { margin-bottom: 20px; }
ul#nogap li { margin-bottom: 0; margin-top: 0.5em; }

.maincontent table#pkgtable td { padding-left: 5px; padding-right: 5px; }

#checkout { font-family: Verdana; font-size: 11px; }

#checkout td { padding: 1px; padding-right: 5px; vertical-align: baseline; }

#checkout td.right { text-align: right; }
#checkout li { margin-left: 30px; margin-top: .3em; margin-bottom: .3em; }
table.orderitemgrid { border: 1px solid black; }
table.orderitemgrid tr.alt td { background-color: #D8E5E5; border-bottom: solid 1px black; }
table.orderitemgrid tr.item td { background-color: #fff; border-bottom: solid 1px black; }
table.orderitemgrid tr.header td { font-weight: bold; color: #fff; background-color: #0A5050; border-bottom: solid 1px black; }

table.cartgrid { border: 1px solid black; }
table.cartgrid tr.alt td { background-color: #eee; border-bottom: solid 1px black; }
table.cartgrid tr.item td { background-color: #fff; border-bottom: solid 1px black; }
table.cartgrid tr.header td { font-weight: bold; color: #ffc; background-color: #0a5050; border-bottom: solid 1px black; }
table.cartgrid tr.item td.foo { border-bottom: none; }
table.cartgrid tr.alt td.foo { border-bottom: none; }

table.datagrid td.underline { color: #0a5050; border-bottom: solid 2px #0a5050; }


.GridHeader { border-bottom: solid 2px #0a5050; }

.redtext { color: #851111; }
.brightredtext { color: #CC0000; }
.boldredtext { color: #851111; font-weight: bold; }
.bold { font-weight: bold; }

/* lots of hacking to try to make the CRESecure payment page look acceptable */
/* suppresses the "PAY WITH CREDIT CARD"header on the CHPP form. Hopefully this is the only <h2>on the whole form. */
.chppform td.main { background-color: Transparent !important; }
.chppform td.main h2 { background-color: Transparent !important; display: none; }
.chppform .main { font-family: Verdana; color: #0a5050 !important; font-weight: bold; }
.chppform span.main { background-color: Transparent !important; }
.chppform td.main span b { color: #851111 !important; }
.chppform .error_message { color: #f00 !important; background-color: Transparent !important; }

.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.noDisplay { display: none; }
.modalPopup { background-color: #ffd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; }

.testimonial { font-style: italic; font-size: 0.9em; font-family: Courier New; margin: 10px 40px 0px 40px; border-bottom: solid 1px #0a5050; padding-bottom: 5px; }
.testimonial .author { font-style: normal; font-family: Arial,Helvetica,sans-serif; font-weight: bold; margin-left: 10px; }

fieldset { padding: 3px 6px 8px 6px; border: solid 1px #0a5050; }
legend { padding: 0 2 0 2; }

.updateProgress { border-width: 1px; border-style: solid; background-color: #FFFFFF; position: absolute; width: 450px; height: 50px; vertical-align: middle; }
.updateProgressMessage { margin: 3px; font-family: Trebuchet MS; font-size: small; vertical-align: middle; }

.bottomBorder { border-bottom: solid 1px #0a5050; vertical-align: bottom; }
.bottomBorder td { border-bottom: solid 1px #0a5050; vertical-align: bottom; }

.TableNoPadding td { padding: 0px !important; margin: 0px; }

.error_message { font-weight: bold; color: #c00; }

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; }

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }


.BlackFriday { background-color: Black; color: #FFFFCC; margin: 5px; padding: 5px; }
.BlackFriday .Inner { border: 1px solid #FFFFCC; }
.BlackFriday h1 { font-size: 2em; }
.BlackFriday table { border: 1px solid #FFFFCC; margin-top: 3px; margin-bottom: 3px; }
.BlackFriday table tr td { text-align: left; border: 1px solid #FFFFCC; padding: 3px; font-weight: bold; }
.BlackFriday .SpendHeader { font-weight: bold; font-size: 1.2em; width: 80px; }
.BlackFriday .GetHeader { font-weight: bold; font-size: 1.2em; width: 400px; }
.BlackFriday a, .BlackFriday a:visited { color: #851111; text-decoration: none; font-weight: bold; outline: none; }
.BlackFriday a:hover { text-decoration: underline; color: #FFFFCC; }

.FacebookPanel { margin-top: 20px; margin-bottom: 20px; }

.ThreadGridColorCell { padding: 0px; width: 72px; height: 29px; }
.ThreadGridColorCellDiv { width: 72px; height: 29px; }

a[disabled="disabled"] { color: #0018aa; }