@charset 'utf-8';
@import url(baseline.reset.css);
@import url(baseline.base.css);
@import url(baseline.type.css);
@import url(sifr.css);
@import url(jquery.fancybox.css);
@import url(buttons.css);

/* ----------------------------------------------------- All browsers */

html, body								{ height: 100%; }
body									{ background: url(../img/background.gif) repeat-x; font-family: Georgia, Times, "Times New Roman", serif; }
p,
label									{ color: #535353; }
a										{ color: #B84700; font-weight: bold; text-decoration: none; }
a:hover									{ text-decoration: underline; }
h1, h2, h3, h4, h5, h6					{ word-spacing: 0; }
blockquote p							{ font-style: italic; font-weight: bold; }
table									{ border-collapse: collapse; }
th										{ border-top: solid 3px #125570; padding: 5px 0; }
td										{ border-top: solid 1px #125570; padding: 9px 18px 8px 0; line-height: 18px; position: relative;  }
caption									{ margin-top: 18px; padding-bottom: 5px; }

#container								{ margin: 0 auto; margin-top: -315px; width: 990px; min-height: 100%; position: relative; }

#header									{ border-top: 315px solid #FFF; }
#branding								{ clear: left; float: left; margin: 20px 0 15px 0; width: 495px; display: inline; position: relative; }
#home #branding							{ margin-bottom: 0; }
#logo									{ margin: 0 0 0 25px; }

#menu-utility							{ float: left; margin: 20px 0 0 0; width: 495px; display: inline; position: relative; }

#social-links							{ margin: 10px 0; padding: 0; width: 225px; height: 31px; left: 233px; }
#social-links li						{ float: left; margin: 0; padding: 0; list-style-type: none; text-indent: -9999px; }
#social-links a 						{ border: 0; background: transparent url(../img/social-links.png) no-repeat; display: block; text-decoration: none; }

#twitter a 								{ width: 103px; height: 31px; }
#twitter a:link, 
#twitter a:visited 						{ background-position: 0; }
#twitter a:hover, 
#twitter a:focus						{ background-position: 0; }

#facebook a 							{ width: 122px;	height: 31px; }
#facebook a:link, 
#facebook a:visited						{ background-position: -103px 0; }
#facebook a:hover, 
#facebook a:focus						{ background-position: -103px 0; }

#search									{ margin: 0; padding: 0; width: 246px; background: transparent url(../img/search-bar.png) no-repeat; height: 37px; position: relative; left: 228px; }
#search form							{ display: inline; }
#search-input							{ border: 0; width: 195px; background-color: transparent; font: 13px Georgia, Times, "Times New Roman", serif; position: absolute; left: 35px; top: 10px; }
#search-submit							{ border: 0; width: 37px; background-color: transparent; height: 37px; position: absolute; left: 0; top: 0; }
label.over								{ color: #CCC; position: absolute; left: 40px; top: 10px; }
#search-summary							{ display: none; visibility: hidden; }

#search-results,
#relief-results,
#generic-container,
#form-container							{ margin: 60px 0 20px 100px; width: 800px; min-height: 400px; height: auto !important; height: 400px; }
#form-container							{ width: 640px; }
#new #generic-container					{ min-height: 100px; height: auto !important; height: 100px; }
#prizes #generic-container,
#rules #generic-container,
#blog-confirm #generic-container,
#form-container							{ margin-left: 195px; }
#search-results h1,
#relief-results h1,
#generic-container h1,
#generic-container h2,
#form-container h1						{ float: left; margin-right: 10px; width: 655px; color: #B84700; }
#search-results h2,
#relief-results	h2,
#generic-container h2,
#relief-results h3						{ clear: left; color: #125570; }
#generic-container h1					{ color: #A5350D; }
#generic-container li					{ color: #535353; }
#btn-home								{ float: left; padding-top: 5px; }
#btn-nominate							{ float: left; padding-top: 23px; }

#relief-results h1						{ color: #125570; }
#relief-results p,
#relief-results ul,
#generic-container p,
#generic-container ul,
#generic-container ol					{ width: 600px; }
#relief-results p,
#relief-results li,
#relief-results label 					{ color: #A5350D; }
#rf #feature-panel						{ margin-top: 32px; margin-left: 86px; }
#new #feature-panel						{ margin-left: 86px; }				
#relief-young,
#relief-old,
#cough-typical,
#cough-respiratory,
#cough-croup,
#remedy-headline						{ display: none; }
h2#instructions							{ float: left; margin-right: 10px; width: 655px; }
#age-selector							{ margin-top: 18px; }
#symptom-selector						{ margin-top: 18px; width: 600px; }
#symptom-selector div					{ width: 100%; overflow: auto; }
#symptom-selector input					{ float: left; margin-top: 2px; width: 15px; height: 15px; }
#symptom-selector label					{ float: left; padding-left: 3px; width: 500px; }
#remedy-headline						{ margin-top: 18px; }

#banner									{ clear: left; width: 990px; background: url(../img/banner-bg.png) no-repeat center; height: 280px; position: relative; }
#banner-image							{ float: left; padding: 20px 20px 0 25px; width: 940px; display: inline; height: 240px; position: relative; z-index: 1; }
#banner-text							{ width: 420px; color: #503C25; font-size: 18px; line-height: 22px; word-spacing: 0; height: 80px; position: absolute; left: 295px; top: 44px; z-index: 2; }

#relief-finder							{ width: 223px; background: url(../img/relief-finder-bg.png) no-repeat; color: #535353; height: 236px; position: absolute; right: 20px; top: 26px; z-index: 2; }
#relief-finder h2						{ margin: 0 0 12px 16px; padding: 0; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: 1px; word-spacing: 0; }
#relief-finder p						{ margin: 0 16px 15px 16px; font-size: 12px; font-style: italic; line-height: 17px; top: 0; }
#illness-label							{ margin: 0 8px 0 16px; font-style: italic; font-weight: bold; }
#illness								{ font-family: "Gill Sans", Calibri, "Trebuchet MS", sans-serif  }
#cont,
#cont-home								{ margin: 5px 0 0 11px; }

#contest-blurb							{ position: absolute; top: 225px; left: 25px; z-index: 2; }

#nav-main								{ clear: left; margin-top: 5px; width: 990px; }
#nav-main ul							{ margin: 0; width: 990px; height: 40px; top: 0; }
#nav-main li							{ float: left; margin: 0; padding: 0; list-style-type: none; display: inline; text-indent: -9999px; }
#nav-main a								{ border: 0; background: transparent url(../img/nav-sprite.png) no-repeat; display: block; text-decoration: none; }

#nav-main li#tab1						{ margin-left: 7px; }

#tab1 a, #tab7 a 						{ width: 156px; height: 40px; }

#tab2 a, #tab3 a, 
#tab4 a, #tab5 a, 
#tab6 a 								{ width: 133px; height: 40px; }

#tab1 a:link, 
#tab1 a:visited 						{ background-position: 0 0; }
#tab1 a:hover,
#tab1 a:focus 							{ background-position: 0 -40px; }

#tab2 a:link, 
#tab2 a:visited							{ background-position: -156px 0; }
#tab2 a:hover, 
#tab2 a:focus							{ background-position: -156px -40px; }

#tab3 a:link,
#tab3 a:visited							{ background-position: -289px 0; }
#tab3 a:hover, 
#tab3 a:focus							{ background-position: -289px -40px; }

#tab4 a:link,
#tab4 a:visited							{ background-position: -422px 0; }
#tab4 a:hover,
#tab4 a:focus							{ background-position: -422px -40px; }

#tab5 a:link, 
#tab5 a:visited							{ background-position: -556px 0; }
#tab5 a:hover, 
#tab5 a:focus							{ background-position: -556px -40px; }

#tab6 a:link, 
#tab6 a:visited 						{ background-position: -689px 0; }
#tab6 a:hover, 
#tab6 a:focus							{ background-position: -689px -40px; }

#tab7 a:link, 
#tab7 a:visited							{ background-position: -822px 0; }
#tab7 a:hover, 
#tab7 a:focus							{ background-position: -822px -40px; }

#new #tab1 a							{ background-position: 0 -80px; }
#colds #tab2 a							{ background-position: -156px -80px; }
#noses #tab3 a							{ background-position: -289px -80px; }
#tummys #tab4 a							{ background-position: -422px -80px; }
#pain #tab5 a							{ background-position: -556px -80px; }
#teethers #tab6 a						{ background-position: -689px -80px; }
#more #tab7 a							{ background-position: -822px -80px; }

#content								{ float: left; margin-top: -9px; padding-bottom: 10px; width: 990px; background: url(../img/content-bg.png) no-repeat top center; display: inline; position: relative; }

#feature-panel							{ clear: left; margin: 22px 0 0 14px; min-height: 200px; top: 0; }
#pain #feature-panel,
#more #feature-panel,
#teethers #feature-panel,
#tummys #feature-panel					{ min-height: 400px; height: auto !important; height: 400px; }
.feature								{ float: left; margin: 0 0 0 14px; width: 300px; background: url(../img/feature-bg.jpg) no-repeat; display: inline; height: 200px; position: relative; z-index: 2; }
.new									{ background: url(../img/feature-bg-new.jpg) no-repeat; }
.feature-pic							{ float: left; margin: 0 15px 0 0; width: 110px; display: block; height: 194px; }
.feature-pic-new						{ float: left; margin: 0 15px 0 0; width: 110px; display: block; height: 194px; }
.feature p 								{ float: left; width: 153px; display: inline; top: 0; }
.feature h2								{ float: left; margin-bottom: 12px; width: 153px; display: inline; top: 0; }
.long h2								{ margin-bottom: 6px; font-size: 22px; } 
.longer h2								{ font-size: 18px; }
.no-box h2								{ margin-left: 30px; }
.no-box p								{ margin-left: 30px; width: 253px; }
.two-lines								{ margin-top: 6px; }
.btn-more								{ width: 167px; background-image: url(../img/btn-more.png); display: block; text-indent: -9999px; height: 44px; position: absolute; left: 115px; top: 133px; }
.btn-coupon								{ width: 167px; background-image: url(../img/btn-print-coupon.png); display: block; text-indent: -9999px; height: 44px; position: absolute; left: 115px; top: 133px; }
#star									{ float: left; margin: 10px 0 0 30px; display: inline; }
#content .vs50							{ margin-top: 50px; }
#single-card							{ margin-left: 328px; }

#email-bar								{ clear: left; float: left; width: 990px; background: url(../img/email-bar.png) no-repeat; display: inline; height: 86px; position: relative; }
#email-bar h3							{ color: #FFF; margin: 24px 0 0 120px; text-shadow: #3A172B 1px 1px 1px; }
#btn-sign-up							{ width: 204px; background-image: url('../img/btn-sign-up.png'); display: block; text-indent: -9999px; height: 31px; position: absolute; right: 36px; top: 24px; }

#manager-info							{ clear: left; float: left; margin: 8px 0 0 35px; width: 230px; display: inline; }
#manager-info p 						{ color: #B84700; font-style: italic; } 
#manager-letter							{ float: left; margin: 8px 0 0 0px; width: 375px; display: inline; }
#our-commitment							{ float: left; margin: 8px 0 0 18px; padding-left: 18px; width: 275px; background: url(../img/vr.png) no-repeat left; display: inline; }

#product-banner							{ float: left; padding: 14px 20px 0 20px; margin: 20px 0 0 25px; width: 900px; background: url(../img/product-banner-lite-purple.gif) no-repeat; display: inline; height: 194px; position: relative; }
#product-shot							{ float: left; margin-right: 20px; display: inline; }
#product-banner h1						{ float: left; margin: 0; color: #FFF; display: inline; font-size: 30px; letter-spacing: -1px; line-height: 33px; top: 0; }
#tagline								{ float: left; margin: 0; color: #F5D8E8; display: inline; font-size: 20px; font-weight: bold; line-height: 20px; top: 0; }
#symptoms								{ float: left; margin: 15px 10px 0 0; padding: 15px; width:428px; background: url(../img/symptoms-box.png) no-repeat; display: inline; height: 80px; }
#symptoms ul							{ margin: 0; padding: 0; list-style: none; top: 0; }
#symptoms li							{ margin: 0; padding: 0 0 0 22px; background: url(../img/check-mark.png) no-repeat left 5px; color: #FFF; font: bold 16px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
#symptoms .col1							{ margin-left: 16px; }
#symptoms .col2							{ margin-left: 190px; }
#symptoms .col3							{ margin-left: 320px; }
#symptoms .coltopper					{ margin-top: -48px; }
#buy-online								{ float: left; margin-top: 5px; width: 202px; background: url(../img/buy-box.png) no-repeat; display: inline; position: relative; height: 98px; }
#store-links							{ margin-top: 0; color: #9A145D; position: absolute; left: 20px; top: 40px; }
#store-links a							{ color: #9A145D; }
#junior									{ width: 96px; height: 154px; position: absolute; bottom: 0; right: 0; z-index: 3; }
#senior									{ width: 128px; height: 200px; position: absolute; right: 5px; bottom: 2px; z-index: 3; }	
#product-banner .single-col,
#product-banner .dual-col				{ padding-top: 3px; }
#product-banner .dual-col .coltopper	{ margin-top: -72px }

#left-sidebar							{ float: left; margin: 0 0 0 26px; width: 240px; display: inline; }				
#nav-section							{ width: 240px; margin-top: 10px; background: url(../img/sidebar-bg.gif) repeat-y; }
#nav-section h3							{ color: #A5350D; }
#nav-section ul							{ margin: 0; padding: 0; list-style-type: none; top: 0; }
#nav-section li							{ border-bottom: 1px solid #FFF; padding-top: 12px; font-size: 14px; text-indent: 20px; height: 28px; }
#nav-section a							{ color: #A45a2C; display: block; font-weight: normal; text-decoration: none; }
#nav-section a:hover					{ color: #752508; }
#nav-section .current a					{ color: #A5350D; font-weight: bold; letter-spacing: -1px; text-shadow: rgba(255,255,255,0.72) 1px 1px 0; }
li.current								{ background-image: url(../img/current-arrow.png); }
#facebook-connect						{ float: left; width: 230px; background-color: #CDE4AD; display: inline; }
#facebook-connect h3					{ color: #125570; }
#facebook-connect p						{ margin: 7px 20px 12px 20px; color: #125570; font-style: italic; }
#btn-fan								{ margin: 0 0 0 8px; width: 214px; background: url(../img/btn-fan.png) no-repeat; display: block; text-indent: -9999px; height: 55px; }
h3.sidebar-title						{ border-bottom: 1px solid #FFF; padding: 15px 0 16px 20px; font-size: 20px; font-weight: bold; }
#rf-sidebar								{ float: left; margin: 0 0 0 3px; width: 223px; background: url(../img/relief-finder-bg.png) no-repeat; color: #535353; display: inline; height: 236px; }
#rf-sidebar h2							{ margin: 0 0 12px 16px; padding: 0; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: 1px; word-spacing: 0; }
#rf-sidebar p							{ margin: 0 16px 15px 16px; font-size: 12px; font-style: italic; line-height: 17px; top: 0; }

#content-main							{ float: left; margin: 10px 0 20px 15px; width: 450px; display: inline; }
#content-main h3,
#content-main p,
#content-main li,
#content-main caption,
#content-main th,
#content-main td,
#prod-info p,
#prod-info li	 						{ color: #A5350D; }
#prod-info h3,
#prod-info h4	 						{ color: #125570; }
#content-main ul,
#right-sidebar ul						{ margin-top: 0; }
#dose-chart caption						{ margin-top: 5px; }
#maxim									{ width: 360px; top: 0; }
#tools									{ float: right; margin: 0 0 15px 15px; width: 75px; list-style-type: none; display: inline; height: 100px; top: 0; }
#tools li								{ margin-bottom: 5px; }
#print									{ padding: 1px 0 0 22px; background: url(../img/printer.png) no-repeat; }
#dose-chart .vs18						{ margin-top: 18px; }

#right-sidebar							{ float: right; margin: 10px 19px 0 0; width: 230px; display: inline; }
#cust-quote								{ padding-top: 10px; margin-left: 10px; width: 210px; background: url(../img/quote-bg-top.png) no-repeat; }
#cust-quote blockquote					{ border-left: 2px solid #125570; border-right: 2px solid #125570; padding: 0 1.5em; }
#cust-quote blockquote p 				{ color: #A5350D; font-size: 11px; }
#quote-caption							{ background: url(../img/quote-bg-bot.png) no-repeat; height: 35px; }
#quote-caption p						{ padding: 15px 0 0 10px; font-size: 11px; }
#cust-quote p							{ color: #A5350D; top: 0; }
#prod-info								{ clear: both; margin: 33px 0 0 10px; width: 210px; }
#right-sidebar .col-top					{ margin-top: 0; }

blockquote#br-quote,
blockquote#msc-quote,
blockquote#ld-quote						{ padding: 0 1em; }
blockquote#grd-quote					{ padding: 0 2.5em; }
#br-quote p,
#ld-quote p								{ width: 185px; }
#dnd-quote p							{ width: 180px; }
#grd-quote p							{ width: 155px; }

#footer									{ clear: both; background: url(../img/footer-bg.gif) repeat-x; height: 315px; }

#extras									{ margin: 0 auto; width: 990px; background: url(../img/content-bottom.png) no-repeat top; height: 47px; }
#extras div								{ float: left; padding: 52px 15px 0 15px; background: url(../img/footer-vr.png) no-repeat center right; display: inline; height: 223px; }
#extras h5								{ color: #202178; text-shadow: rgba(255,255,255,0.51) 1px 1px 0; }
#extras p,
#extras ul								{ color: #03689D; font-size: 11px; font-style: italic; top: 10px; }
#extras ul								{ margin: 0; }
#extras a								{ color: #03689D; font-weight: bold; text-decoration: none; }
#extras a:hover							{ color: #202178; text-decoration: underline; }

div#safety								{ padding-left: 35px; width: 240px; }
#blogroll								{ width: 200px; }
div#updates								{ padding-left: 30px; width: 285px; }
div#company								{ width: 100px; background: none; } 
#blogroll ul,
#company ul								{ list-style-type: none; }
ul#blogs								{ padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }

div#siteinfo							{ clear: left; margin: 5px 0 0 15px; padding: 0; width: 960px; background: none; height: 25px; }
#siteinfo p								{ color: #202178; font-style: normal; text-align: center; top: 0; }
#siteinfo a								{ color: #202178; }
#siteinfo a:hover						{ color: #FFCD77; }

#img-drops								{ float: left; margin: 18px 0; width: 340px; }	
#img-spray								{ float: right; margin: 18px 0; }	
#img-dropper							{ float: left; margin: 25px 0 13px 0; }		
.img-frame								{ float: left; margin-right: 7px; background: url(../img/shadow.gif) no-repeat bottom right; display: inline; line-height: 0; }
.img-wrapper img						{ border: 1px solid #C5BDBD; float: none; margin: 0; padding: 4px; background: #FFF; position: relative; left: -5px; top: -5px; }
.img-wrapper p							{ font-size: 11px; top: -5px; }
#caption-right							{ margin: 50px 10px 0 120px; text-indent: 0; }

h1#allpad750							{ width: 750px; }
h2.allpad500							{ width: 500px; }

.clear									{ clear: both; }

.green									{ color: #0B4B05; }
.orange									{ color: #B84700; }
.purple									{ color: #85004B; }
.highlight								{ background-color: #FF9; }

.smallcaps 								{ font-size: 88%; }
.small 									{ margin-top: 18px; font-size: 11px; }

.vcard									{ color: #535353; }

.vs5									{ margin-top: 5px; }
.vs18									{ margin-top: 18px; }
.vs18-bot								{ margin-bottom: 18px; }

.rdio input,
.rdio label,
.chk input,
.chk label								{ vertical-align: middle; }

#manage-email							{ clear: left; padding-top: 15px; }
#manage-email div.chk					{ margin: 20px 0 0 -3px; }

.buttons								{ margin-top: 20px; }

img.left								{ float: left; margin-right: 10px; }
img.right								{ float: right; margin-left: 10px; }

#tw-share,
#fb-share								{ float: left; width: 100px; }

/* ----------------------------------------------------- JS enabled browsers */

.js div 								{ }

/* ----------------------------------------------------- IE7 and below */

.ie7 table								{ margin-top: 18px; }

.ie7 #manager-info h3					{ margin-top: 0; padding-top: 15px; }

.ie7 h1#pad750							{ width: 750px; }
.ie7 h1#pad800							{ width: 800px; }
.ie7 #store-links						{ margin-left: 5px; }
.ie7 #store-links li					{ list-style-position: inside; }

.ie7 #content							{ padding-bottom: 15px; }

.ie7 #symptoms li						{ min-height: 0; }

.ie7 #img-drops,
.ie7 #img-spray							{ margin-bottom: 0; }

.ie7 #dose-chart						{ margin-top: 5px; }

.ie7 #content-main ol					{ margin-left: 25px; }

.ie7 #relief-results					{ margin-bottom: 0; padding-bottom: 0; }

.ie7 #relief-results ul,
.ie7 #generic-container ul				{ margin-left: 10px; padding-left: 15px; }

.ie7 #generic-container ol				{ margin-left: 0; padding-left: 30px; }

.ie7 .rm-margin							{ margin-bottom: 0; }

/* ----------------------------------------------------- IE6 and below */

.ie6 input#cont-home					{ behavior: url('js/iepngfix.htc'); }
.ie6 input#cont							{ behavior: url('../js/iepngfix.htc'); }

.ie6 #container,
.ie8 #container							{ display: table; height: 100%; } /* Footer fix */	

.ie6 #feature-panel						{ height: 200px; }

.ie6 #manager-letter h3,
.ie6 #our-commitment h3					{ margin-top: 0; padding-top: 0; }

/*
.ie6 #nav-section li a			{ display: inline-block; }
.ie6 #nav-section li a			{ display: block; }

http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/
Alternate fix -- add a space before </a>
*/

.ie6 h3.sidebar-title					{ padding-top: 0; }
.ie6 #cust-quote blockquote 			{ padding: 0 5px 0 10px; }
.ie6 #cust-quote .ie6-shrink			{ padding-left: 8px; }
.ie6 #tools								{ margin-left: 0; }
.ie6 #prod-info							{ margin-top: 0; }
.ie6 .col-top h3						{ margin-top: 0; } 

.ie6 #extras							{ margin-top: 4px; }

/* ----------------------------------------------------- Opera footer fix */

body:before								{ float:left; margin-top:-32767px; width:0; content:""; height:100% }