/* All screen styles go in here - common.css is just for styles that you want to appear on print and screen */
input.text {background:url(../images/inputbox-bg.gif) no-repeat top right;color:#939393;font-size:11px;padding:5px;}

.outer {margin: /*340px*/ 0 auto 0 auto;width:990px;}
.main {float:left;width:940px;padding:0 25px;background:url(../images/main-bg.jpg) repeat-y;margin-top:420px;}
.nudge {margin:-420px 0 -155px 0;float:left;position:relative} /* nudge content to the top to preserve drop shadow and suck the bottom image up */

.req {color:#d00;font-weight:bold;}
.note {color:#d00;}

/* hidden text */
h1, a.btn, .footer .willogo .thelogo span {left:-999em;outline:none;position:absolute;display:block;overflow:hidden;}

/* orange things */
h2, .maincontent a {color:#ffa200}

/* red things */
.mainnav a:hover, .mainnav a:focus, .subcontent .spot h3, .subcontent a {color:#a80000;}

.maincontent a:hover, .subcontent a:hover, .maincontent a:focus, .subcontent a:focus {color:#000;}

ul.mainnav {list-style:none;font-size:1.3em;padding:44px 0 50px 0}
.mainnav li {display:inline;}
.mainnav a {padding:0 12px;color:#000;text-decoration:none;font-weight:bold;text-transform:uppercase}

.maincontent {font-size:1.2em;color:#000;line-height:1.5em;float:left;width:616px;padding:96px 0 0 52px;}
.maincontent ul {margin:0 0 20px 20px}
.subcontent {float:right;width:240px;color:#5d5d5d;font-size:1.1em;}
.subcontent .spot a:hover, .subcontent .spot a:focus {color:#000;text-decoration:underline;}
.subcontent .logo {margin:0 0 40px 0;}
.subcontent .faqs ul {list-style:none;padding:0 0 10px 0;}
.subcontent .faqs li {background:url(../images/arrows-red.gif) no-repeat 0 4px;padding:0 0 7px 12px;}
.subcontent .faqs a {color:#5d5d5d;text-decoration:none;}
a.more {color:#a80000;}
.subcontent .spot a, .subcontent .spotblurb a {text-decoration:none;}
.subcontent .spot {margin:0 0 25px 0;float:left;width:100%;}
.subcontent .spot .content {width:200px;padding:0 5px}
/*.subcontent .spot h3 {width:220px;position:relative;height:47px;text-transform:uppercase;font-size:1.4em;}*/
.subcontent .spot h3  {width:220px;text-transform:uppercase;font-size:1.4em;padding:22px 0 26px 15px;background:url(../images/spotlight-head-bg.gif) no-repeat;}
.subcontent .join h3 {font-size:1.25em;}

.subcontent .spotblurb {float:left;background:url(../images/spotlight-head-bg.gif) no-repeat bottom right;width:220px;min-height:125px;height:auto !important;height:125px;line-height:1.4em;}
.subcontent .spotblurb h3 {padding:0 0 0.2em 0;font-size:1.2em;}
.subcontent .spotblurb img {float:left;border:1px solid #e3e3e3;margin:0 5px 5px 0;}
.subcontent .spotblurb .content {float:left;width:115px;}
.subcontent .join input {float:left;}
.subcontent .tv img.feature {margin:0 0 0 50px;}
.maincontent .ad {width:163px;float:left;margin-right:33px;}
.maincontent .bodycontent {float:left;width:420px;}
.maincontent h2 {text-transform:uppercase;}
.maincontent h3 {color:#9b9b9b;font-size:1.9em;font-weight:normal;padding:0 0 0.5em 0;}
.maincontent .intro {color:#a5a4a4;font-size:1.3em;line-height:1.2em;margin:0 0 40px 0;}

.bodycontent ul.checklist {list-style:none;margin:0 0 0 10px;}
.bodycontent .checklist li {padding:0 0 4px 25px;background:url(../images/tick.gif) no-repeat left 3px;}

table.questions {width:100%;margin:0 0 15px 0;}
.questions td .question {font-size:1.2em;font-weight:bold}
.questions td, .questions th {background-color:#fafafa;border-bottom:2px solid #fff;}
.questions td {padding:25px 0;}
.questions th {width:46px;padding:17px 0 0 20px;}
.questions th div {width:34px;text-align:center;background:url(../images/step-circle.gif) no-repeat;line-height:34px;color:#fff;font-size:1.7em}
table.options {margin:10px 0 0 0;}
.options td {border:none;padding:0 56px 5px 0;}
tr.ratingrow td, tr.ratingrowalt td {padding:5px 0 5px 0;} /* reset padding for rating row */
.ratingrow td, .ratingrow th, .ratingrowalt td {border-bottom:1px solid #fff;}
table.ratings {width:100%;}
.ratings td {padding:10px 10px 10px 0;border:none;}
.ratings td.rating {white-space:nowrap;font-size:0.95em;font-weight:bold;width:235px;padding-left: 15px;border-left:1px solid #fff;}
.ratingrowalt .ratings td.rating {width:400px;}
.printbtn {text-align:right;}

/* override styling for faqs */
.bodycontent.faqs .questions th {padding-left:0;}
.bodycontent.faqs .questions td .question {font-size:1em;}
.bodycontent.faqs .questions td {padding-bottom:0;}
.bodycontent.faqs .questions td, .bodycontent.faqs .questions th {background:none;}

.about .product {float:left;background:url(../images/product-bg.jpg) repeat-x;padding:20px;margin:15px 0;}
.about .product h4 {color:#9b9b9b;font-size:1.9em;font-weight:normal;}
.about .product .content {width:240px;float:right;}
.about .product h5 {font-size:1em;font-weight:bold;margin:0;padding:0;}
.about .product img {float:left;}

.manage img.step {margin:20px 0 5px 0;}

.types {float:left;width:100%;margin:20px 0 20px 0;}
.types .item {float:left;width:153px;font-size:0.95em;}
.types h3 {margin:0;padding:0;position:relative;}
.types h3 a {text-align:center;text-transform:uppercase;color:#fff;font-size:0.6em;display:block;line-height:28px;text-decoration:none;background:url(../images/allergy-types-bg.gif) no-repeat center;}
.types .item .content {background:#fbfbfb;padding:15px 15px 30px 15px;line-height:1.4em;margin:-10px 0 0 0;}
.types a.image {height:123px;display:block;text-align:center}

.allergies {float:left;margin:20px 0 0 0;}
.allergies .item {float:left;padding:10px 10px 20px 10px;width:400px;}
.allergies .item  img {float:left;}
.allergies .item .content {float:right;width:290px;font-size:0.95em;padding:10px 0 10px 13px;line-height:1.3em;}
.allergies .item .content h4 a {text-decoration:none;font-size:1.2em;text-transform:uppercase;}

table.conditions {margin:20px 0;}
.conditions th, .conditions td {padding:4px 20px;}
.conditions th {font-weight:bold;color:#fff;text-align:left;background:#b1b1b1;white-space:nowrap;}
.conditions td {background:#fafafa;font-size:0.95em;vertical-align:top;border-bottom:1px solid #fff;}

.phone {display:block;line-height:71px;color:#a6a6a6;font-size:1.4em;text-align:center;background:url(../images/contact-bg.gif) no-repeat;margin:20px 0;letter-spacing:0.03em;word-spacing:0.15em;}
.phone span {font-size:1.2em;}

.faqs dl {margin:0 0 20px 0;}
.faqs dd {font-weight:bold;padding:0 0 5px 0;}

.footerbg {background:url(../images/footer-bg.jpg) no-repeat top center;width:100%;clear:both;height:464px;}
.footer {font-size:1.1em;line-height:1.4em;width:950px;margin:0 auto;clear:both;padding:0 0 0 0;color:#949494;}
.footer .reference {float:left;width:650px;}
.footer .copy {float:right;width:210px;text-align:right;}
.footer .copy img {float:left;margin:0 0 0 5px;}
.footer .copy div {float:left;width:130px;padding:10px 0 0 0;}
.footer a {color:#949494;text-decoration:underline;}
.footer a:hover, .footer a:focus {color:#444;}