@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; width: 100%; clear: both; }

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; }
#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; 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; }

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: #eee; 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: #696969; 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; }

#maincontent .redtext { color: #851111; }

/* 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: #ff0000 !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;}