/* ---------- Shared ---------- */

body {
margin: 0px;
padding: 0px;
text-align: center;
background: #ADDFFA;
font: 13px Arial, Helvetica, sans-serif;
}

#wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
}

#header {
margin: 0px;
padding: 0px;
height: 57px;
background: url('../images/spiralHeader.gif') no-repeat;
}

#content {
margin: 0px;
padding: 1px 50px;
background: url('../images/contentBg.gif') repeat-y;
}

#footer {
clear: both;
margin: 0px;
height: 75px;
padding-top: 1px;
background: url('../images/footer.gif') no-repeat;
}

html {
overflow-y: scroll;
}

.clearBoth {
clear: both;
width: 100%;
}

.clearRight {
clear: right;
}

.main { float: left; width: 600px; }

.sideArea { float: right; width: 170px; }

/* Text */

p,
li {
margin: 0px;
color: #333333;
text-align: left;
line-height: 17px;
}

p.small {
font-size: 11px;
line-height: 13px;
}

p.center {
text-align: center;
}
	
p.foot {
color: #FFFFFF;
font-size: 11px;
margin-top: 30px;
text-align: center;
}

.disc,
.faqDisc {
color: #666666;
font-size: 10px;
}

.bold {
font-weight: bolder;
}

.italic {
font-style: italic;
}

/* Links */

a {
color: #1C9AD6;
text-decoration: underline;
outline: none;
}

a:hover {
color: #1C9AD6;
}

a:active {
color: #1C9AD6;
}

a:visited {
color: #1C9AD6;
}

a.pink {
color: #FF604F;
}

a.pink:hover {
color: #FF604F;
}

a.pink:active {
color: #FF604F;
}

a.pink:visited {
color: #FF604F;
}

/* Images */

img {
margin: 0px;
border-style: none;
text-decoration: none;
}

#titleBar {
margin-top: 6px;
text-align: center;
}	

#brandLogos {
margin-top: 8px;
text-align: center;
}


/* ---------- Navigation ---------- */

#navi {
margin: 0px;
padding: 0px;
}

#navi #naviAbove,
#navi #naviBelow {
clear: both;
width: 900px;
height: 16px;
background-image: url(../images/navi/naviAbove.gif);
background-position: top left;
background-repeat: no-repeat;
}

#navi #naviBelow {
height: 24px;
background-image: url(../images/navi/naviBelow.gif);
background-position: bottom left;
}

#navi img#naviRight,
#navi img#naviLeft {
float: left;
width: 23px;
height: 33px;
}

#navi ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#navi li {
float: left;
width: 153px;
height: 33px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}

#navi li a {
display: block;
width: 153px;
height: 33px;
margin: 0px;
padding: 0px;
border: 0px;
background: no-repeat top;
text-decoration: none;
transition: background-position .2s;
-moz-transition: background-position .2s;
-webkit-transition: background-position .2s;
-o-transition: background-position .2s;
}

#navi li a:hover {
background-position: center;
cursor: pointer;
}

#navi li a span {
display: none;
}

/* Home */
#navi li#homeLink {
width: 89px;
}

#navi li#homeLink a {
width: 89px;
background-image: url(../images/navi/navi-home.png);
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}

body#home #navi li#homeLink a {
background-position: bottom;
}

/* About */
#navi li#aboutLink a {
background-image: url(../images/navi/navi-about.png);
}

body#about #navi li#aboutLink a {
background-position: bottom;
}

/* Shop Link */
#navi li#shopLink a {
background-image: url(../images/navi/navi-shop.png);
}

body#shop #navi li#shopLink a {
background-position: bottom;
}

/* Faq Link */
#navi li#faqLink a {
background-image: url(../images/navi/navi-faq.png);
}

body#faq #navi li#faqLink a {
background-position: bottom;
}

/* Contact Link */
#navi li#contactLink a {
background-image: url(../images/navi/navi-contact.png);
}

body#contact #navi li#contactLink a {
background-position: bottom;
}

/* Blog Link */
#navi li#blogLink a {
background-image: url(../images/navi/navi-blog.png);
}





/* ---------- Home ---------- */

body#home #content {
padding-bottom: 14px;
}

#bulletinBoard {
margin-top: 5px;
text-align: center;
}

#newsContainer ul,
#specialsContainer #specialsContent,
#randomThoughtContainer p,
#greenFactContainer p {
width: 760px;
height: auto;
margin: 0px auto;
border: 1px solid;
padding: 15px 20px;
}

#newsTitle,
#specialsTitle,
#randomTitle,
#greenTitle {
margin: 0px;
padding: 0px;
width: 802px;
height: 57px;
}

#newsTitle span,
#specialsTitle span,
#randomTitle span,
#greenTitle span {
display: none;
}

/* News Container */

#newsTitle {
background: url('../images/newsEvents.gif') no-repeat;
}

#newsContainer {
margin-top: 10px;
}

#newsContainer ul {
border-color: #F9AA8F;
}

#newsContainer li {
margin: 11px 0px 0px 20px;
}

#newsContainer li#first {
margin-top: 0px;
}

/* Specials Container */

#specialsTitle {
background: url(../images/specialOffersRebates.gif) no-repeat;
}

#specialsContainer {
margin-top: 12px;
}

#specialsContainer #specialsContent {
width: 784px;
padding: 4px 0px 15px 16px;
border-color: #E3A63E;
}

.specialsTn {
float: left;
display: block;
margin: 11px 11px 0px 0px;
-moz-opacity: 0.8;
opacity: 0.8;
filter: alpha(opacity=80);
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
transition: opacity .25s, box-shadow .25s;
-moz-transition: opacity .25s, box-shadow .25s;
-webkit-transition: opacity .25s, box-shadow .25s;
-o-transition: opacity .25s, box-shadow .25s;
}

.specialsTn:hover {
-moz-opacity: 1.0;
opacity: 1.0;
filter: alpha(opacity=100);
box-shadow: 0px 0px 5px #C0C0C0;
-moz-box-shadow: 0px 0px 5px #C0C0C0;
-webkit-box-shadow: 0px 0px 5px #C0C0C0;
}

/* Overlay */

.overlay {
display: none;
position: absolute;
padding: 8px;
background-color: #FFFFFF;
-moz-box-shadow: 0px 0px 40px #101010;
-webkit-box-shadow: 0px 0px 40px #101010;
box-shadow: 0px 0px 40px #101010;
}

.overlay .close {
position: absolute;
cursor: pointer;
top: -8px;
right: -8px; 
width: 24px;
height: 24px;
background: url(../images/overlayClose.png) no-repeat;
}

* html .overlay .close {
background-image: url(../images/overlayClose.gif);
}

/* Random/Green Containers */

#randomTitle {
background: url('../images/randomThought.gif') no-repeat;
}

#greenTitle {
background: url('../images/greenFact.gif') no-repeat;
}

#randomThoughtContainer,
#greenFactContainer {
margin-top: 10px;
}

#randomThoughtContainer p {
border-color: #93D7F9;	
}

#greenFactContainer p {
border-color: #94CC79;
}





/* ---------- About Us ---------- */

#bulletinBoardAbout {
margin-top: 4px;
text-align: center;
}

#aboutUs {
margin: 24px 0px 8px 0px;
padding: 0px 5px 0px 5px;
}





/* ---------- Shop ---------- */

body#shop #content {
padding-bottom: 16px;
}

/* Left Column */

#shopColumnL {
width: 340px;
float: left;
margin: 20px 14px 0px 0px;
text-align: center;
}

.shopHeading,
.shopHeadingSm {
font-size: 13px;
font-weight: bold;
text-align: center;
margin-bottom: 13px;
}

.shopHeadingSm {
font-size: 11px;
}

#shopForm {
margin-bottom: 15px;
}

#shopFormTable {
border: 0px;
margin: 0px auto;
}

.inputField {
width: 180px;
}

label {
color: #333333;
}

td {
text-align: left;
}

#underForm {
padding: 0px 25px;
}

.shopDivider {
margin-top: 8px;
margin-bottom: 8px;
border-top: 1px dashed #333333;
}

#newAccount {
padding-top: 10px;
}

#formatIcons a {
margin: 0px 6px;
}

#dlReader {
margin-top: 20px;
text-align: center;
}

/* Right Column */

#shopColumnR {
width: 428px;
float: left;
margin-top: 20px;
background-color: #FFFFFF;
}

#catalogsBg {
width: 429px;
height: 469px;
padding: 68px 0px 0px 24px;
background: url('../images/bulletinBg.jpg') no-repeat;
}

.catalogButton {
float: left;
display: inline;
margin: 12px 0px 0px 12px;
-moz-opacity: 0.8;
opacity: .8;
filter: alpha(opacity=80);
box-shadow: 0px 0px 3px #505050;
-moz-box-shadow: 0px 0px 3px #505050;
-webkit-box-shadow: 0px 0px 3px #505050;
transition: opacity .25s, box-shadow .25s;
-moz-transition: opacity .25s, box-shadow .25s;
-webkit-transition: opacity .25s, box-shadow .25s;
-o-transition: opacity .25s, box-shadow .25s;
}

.catalogButton:hover {
-moz-opacity: 1.0;
opacity: 1.0;
filter: alpha(opacity=100);
box-shadow: 0px 0px 5px #505050;
-moz-box-shadow: 0px 0px 5px #505050;
-webkit-box-shadow: 0px 0px 5px #505050;
}

/* Safari Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.catalogButton { 
margin-top: 14px; 
} 
}

.catalogInfo {
width: 100px;
padding: 5px;
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: #F7ED76;
}

* html .catalogInfo {
margin-top: -5px;
}

* + html .catalogInfo {
margin-top: -5px;
}

.catalogInfoSmall {
height: 26px;
height: 28px\9;
font-size: 10px;
line-height: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
.catalogInfoSmall {
padding-top: 4px;
height: 25px;
}
}





/* ---------- Kits ---------- */

/* Columns */

#kitsColumnL,
#kitsColumnR {
float: left;
width: 400px;
margin-top: 20px;
}

#kitsColumnR {
float: right;
}

/* Images */

#elemSupplies,
#daySupplies,
#jhSupplies,
#specSupplies {
margin-top: 7px;
text-align: center;
}

#daySupplies,
#specSupplies {
margin-top: 22px;
}





/* ---------- FAQ ---------- */

body#faq #content {
padding-bottom: 14px;
}

.faqQ,
#faqQtop,
.faqA,
#faqAbottom {
width: 760px;
margin-top: 23px;
padding: 12px 20px;
background-color: #FDE4B0;
border: 1px solid #E6B240;
}

.faqA,
#faqAbottom {
margin-top: 0px;
padding: 15px 20px;
background-color: #FFFFFF;
border-width: 0px 1px 1px 1px;
}

#faqQtop {
margin-top: 20px;
}

.faqDisc {
margin-top: 5px;
}

.faqA ul {
padding-left: 25px;
}

* html .faqA ul {
padding-left: 0px;
}

* + html .faqA ul {
padding-left: 0px;
}

.faqA li {
line-height: 20px;
}

.faqA .newParagraph {
margin-top: 7px;
}





/* ---------- Contact ---------- */

body#contact #content {
padding-top: 10px;
padding-bottom: 14px;
}

/* Contact Info Form */

.leftcolContact {
float: left;
width: 505px;
padding-left: 8px;
}

#contactFieldset {
margin: 0px;
padding: 0px 15px 15px 15px;
border: 1px solid #00459A;
}

#contactLegend {
color: #00459A;
}

.formRow {
margin-top: 5px;
}

#firstName {
margin-top: 15px;
}

.formRow label {
float: left;
display: block;
width: 100px;
text-align: right;
}

.formRow .field {
display: block;
float: left;
min-height: 33px;
margin-left: 15px;
}

#requiredInfo,
.submit {
margin: 15px 0px 0px 115px;
}

.submit {
margin-bottom: 5px;
}

.feedback {
margin-bottom: 10px;
}

.goodFeedback,
.badFeedback {
font-size: 14px;
font-weight: bold;
text-align: center;
color: #72B651;
}

.required,
.badFeedback {
color: #E15B45;
}

/* Contact Info Box */

.rightcolContact {
float: right;
width: 245px;
padding-right: 8px;
}

#contactInfoBox {
border: 1px solid #00459A;
}

#contactInfoBox p {
padding: 10px 20px 0px 20px;
}

#contactOptions {
margin: 15px 0px 20px 0px;
text-align: center;
}

#twitter,
#youtube,
#flickr {
margin: 15px 0px 0px 0px;
}

#flickr {
margin-bottom: 20px;
}

.dashedDivider {
width: 245px;
border-top: 1px dashed #00459A;
}

/* Newsletter */

#newsletter {
width: 160px;
margin: 21px auto 0px auto;
text-align: center;
}

#newsletterIcon {
background-color: #1C9AD6;
margin-right: 4px;
}

#newsletterTitle {
font-family: Franklin Gothic Medium;
font-size: 16px;
font-weight: bold;
line-height: 19px;
color: #1C9AD6;
}

#newsletterForm {
margin-top: 5px;
}

#newsletterInput {
width: 140px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#newsletterSubmit {
margin: 10px 0px 3px 0px;
}