/* CSS Document */
html
{
margin: 0;
padding: 0;
}
body {
color:#6c4838;
background:#FFFFFF url(/images/page-background.gif) repeat;
font-family:arial, sans-serif;
font-size:11px;
text-align:center;
margin:0;
padding:0;
}
p {
margin-top:5px;
margin-bottom: 5px;
}
/*sup {font-size: 75%; text-decoration: none; font-weight: normal;}*/
.trade { font-size:75%; }
.reg { font-size:75%; }
ul {
list-style-type:disc;
margin: 0px 0px 0px 15px;
padding:5px 0px 0px 0px;
}
ul.middle {margin-bottom: 7px;}
ul li ul {list-style-type: disc;}
ol {margin: 0px 0px 0px 2.5em; padding: 5px 0px 0px 0px;}
li.wordy {margin-bottom: 7px;}
ul.wordy li {margin-bottom: 7px;}
a {color:#0076c0; text-decoration: none;}
.clearfix:after { content:"."; display: block; height:0; clear:both; visibility:hidden; zoom:1; }
.intro { color: #0076c0; }
.intro a { text-decoration:underline; }
h2 a {color:#6c4838;}
h2 a:hover { text-decoration:underline; }
img { border:0; }
.fancybox1-top { padding:5px 0 0 0; background:url(/images/box1-bg-top.gif) 0 0 no-repeat;}
.fancybox1-bottom { margin:0 0 20px 0; padding:0 10px 5px 10px; background:#fff7e9 url(/images/box1-bg-bottom.gif) 0 bottom no-repeat; }
.fancybox1-top .list { padding-left:0; }
.fancybox2-top { padding:5px 0 0 0; background:url(/images/box2-bg-top.gif) 0 0 no-repeat;}
.fancybox2-bottom { margin:0 0 20px 0; padding:0 10px 5px 10px; background:#e3f0f6 url(/images/box2-bg-bottom.gif) 0 bottom no-repeat; }
.fancybox2-top .list { padding-left:0; }
/*******************************/
/* Main Structure */
/*******************************/
/*
Key width, padding, margin, and positioning
styles for the main structure of the site.
I've left some superfluous markup to prevent potentially
creating additional problems, but this markup I've
flagged was never required as far as I can tell.
N.V.
*/
#container { width:963px; margin:0 auto; padding-bottom:25px; }
#containerInnerHome,
#containerInnerInterior { width:957px; margin:0 3px; float:left; display:inline; }
#containerInnerHome #content { padding-top:103px; }
#containerInnerInterior #content { }
#containerInnerHome #centerColumn { width:699px; }
#containerInnerInterior #centerColumn { width:468px; }
#contentArea { float:left; position:relative; } /* superfluous */
#floatContent { float:left; } /* superfluous */
#content { width:699px; padding-left:40px; float:right; display:inline; }
#rightColumn { width:203px; padding:249px 7px 20px 20px; float:right; display:inline; }
#floatNav { width:218px; float:left; display:inline; position:relative; }
#topBanner { width:554px; float:right; position:relative; } /* not used any more I believe, the div's HTML is commented out in the ASP */
#centerColumn { float:left; line-height:1.4em; }
#footer { padding:20px 20px 0 20px; clear:both; color:#000; }
#fairbalance_statement { }
.copyright { padding:10px 20px 0 20px; color:#000; }
/*******************************/
/* New Bottom Styles */
/*******************************/
#bottomBarAlcon { margin:20px 20px 0 20px; padding:10px 0 0 0; border-top:solid 2px #bedfe6; }
#bottomBarAlconPatanol {display: block; background: url(/images/nav-bottom-bkgrd-patanol.gif) no-repeat; width: 761px; height: 85px; position: relative; margin: 0 0 0 2px;}
#bottomBarAlconLogo {background: url(/images/Alcon-logo.gif) no-repeat; width: 72px; height: 17px; position: absolute; top: 12px; left: 12px;}
#bottomBarAlconLogo a:link{display: block; width: 72px; height: 17px; text-decoration:none;}
#bottomBarAlconLogo span {visibility: hidden;}
#bottomBarAlconLinks { font-weight:bold; font-size:12px; }
/*******************************/
/* New Home Styles */
/*******************************/
#home-promo { width:400px; height:241px; position:relative; float:left; display:inline; background:url(/images/pataday-product.gif) 0 0 no-repeat; }
*html #home-promo { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/pataday-product.gif', sizingMethod='crop'); }
#home-promo p { display:none; }
#home-promo .promo-first-time,
#home-promo .promo-refill { width:92px; left:216px; position:absolute; text-indent:-9999px; overflow:hidden; }
#home-promo .promo-first-time { top:130px; height:33px; background:url(/images/promo-first-time-off.gif) 0 0 no-repeat; }
#home-promo .promo-refill { top:164px; height:46px; background:url(/images/promo-refill-off.gif) 0 0 no-repeat; }
#home-promo .promo-first-time:hover { background:url(/images/promo-first-time-on.gif) 0 0 no-repeat; }
#home-promo .promo-refill:hover { background:url(/images/promo-refill-on.gif) 0 0 no-repeat; }
p.extra-space { margin-bottom:30px; }
.home-left-col,
.home-right-col { float:left; display:inline; }
.home-left-col { width:400px; clear:both; }
.home-right-col { width:299px; }
.home-promo-right { width:299px; padding:170px 0 0 0; float:left; display:inline; }
.home-box { min-height:75px; padding:0 20px 20px 125px; }
.box1 { background:url(/images/home-box1.jpg) 0 0 no-repeat; }
.box2 { background:url(/images/home-box2.jpg) 0 0 no-repeat; }
.box3 { color:#0076c0; background:url(/images/home-box3.jpg) 0 0 no-repeat; }
.box4 { background:url(/images/home-box4.jpg) 0 0 no-repeat; }
.box5 { background:url(/images/home-box5.jpg) 0 0 no-repeat; }
.box3 a { text-decoration:underline; }
.box3 h2 a { color:#0076c0; text-decoration:none; }
.box3 h2 a:hover { text-decoration:underline; }
/*******************************/
/* New Interior Styles */
/*******************************/
#interior-promo { width:203px; height:130px; margin-top:12px; position:relative; float:left; display:inline; background:url(/images/promo-rebate-text.gif) 0 0 no-repeat; }
#interior-promo p { display:none; }
#interior-promo .promo-first-time,
#interior-promo .promo-refill { width:92px; height:45px; top:74px; position:absolute; text-indent:-9999px; overflow:hidden; }
#interior-promo .promo-first-time { left:0px; background:url(/images/promo2-first-time-off.gif) 0 0 no-repeat; }
#interior-promo .promo-refill { left:98px; background:url(/images/promo2-refill-off.gif) 0 0 no-repeat; }
#interior-promo .promo-first-time:hover { background:url(/images/promo2-first-time-on.gif) 0 0 no-repeat; }
#interior-promo .promo-refill:hover { background:url(/images/promo2-refill-on.gif) 0 0 no-repeat; }
#interior-rate { clear:both; color:#0076c0; }
#interior-rate img { margin:0 0 5px -2px; display:block; }
#interior-rate h2 a { color:#0076c0; text-decoration:none; }
#interior-rate h2 a:hover,
#interior-rate a { text-decoration:underline; }
/*******************************/
/* New Navigation Styles */
/*******************************/
#menuText { padding:0 0 20px 0; float:left; display:inline; }
#menuText ul { width:217px; float:left; display:inline; margin:0; padding:0 0 21px 1px; list-style:none; background:#e0eff6 url(/images/menuText-ul-bg.gif) 0 bottom no-repeat; }
#menuText ul li { width:217px; float:left; display:inline; margin:0 0 2px 0; padding:0; text-align:right; background:#d0e5ed; }
#menuText ul li a { width:165px; float:left; display:inline; padding:4px 26px; font-size:13px; display:block; background:url(/images/nav-arrow-off.gif) 197px center no-repeat; }
#menuText ul li.HomeOff a { padding-top:15px; background:#d0e5ed url(/images/nav-home-off.gif) right 0 no-repeat; }
#menuText ul li.HomeOff a:hover,
#menuText ul li.HomeOn a,
#menuText ul li.HomeOn a:hover { padding-top:15px; color:#fff; background:#2394cc url(/images/nav-home-on.gif) right 0 no-repeat; }
#menuText ul li.On a,
#menuText ul li a:hover { color:#fff; background:#2394cc url(/images/nav-arrow-on.gif) 197px center no-repeat; }
#menuText ul li ul { padding:3px 0 8px 0; background:#e0eff6; }
#menuText ul li ul li { margin:0; }
#menuText ul li.On ul li a { color:#0076c0; background:#e0eff6 url(/images/subnav-arrow-off.gif) 200px center no-repeat; }
#menuText ul li ul li a { padding:1px 26px; font-size:11px; background:#e0eff6 url(/images/subnav-arrow-off.gif) 200px center no-repeat; }
#menuText ul li ul li a:hover,
#menuText ul li ul li.On a { color:#ef3f37; background:#e0eff6 url(/images/subnav-arrow-on.gif) 200px center no-repeat; }
#container
{
text-align:left;
background:#fff url(/images/background.jpg) center top repeat-y;
}
#containerInnerHome
{
background:url(/images/home-bg.jpg) right top no-repeat;
}
#containerInnerInterior
{
background:url(/images/interior-bg.jpg) right top no-repeat;
}
#couponContent {
width: 340px;
}
#alcon-pataday-logo
{
padding:14px 0 15px 35px;
width:183px;
height:126px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(/images/alcon-pataday-logo.gif) 35px 14px no-repeat;
}
#navPatanol {
width: 219px;
/*** Critical left col dimension value ***/
}
#printLogo, #pageHeaderText, #bottomBarPrint, #kidsText {display:none;}
/* old menu code
#menuText {padding: 0 0 63px 0; margin-top: -3px;}
#menuText ul {display: block; list-style-type: none; margin: 0; padding: 0; text-align: left; width: 189px;}
#menuText ul li {margin: 0; padding: 0; overflow: hidden;}
#menuText ul li.Home {margin: 0; padding: 0; height: 22px; overflow: hidden;}
#menuText ul li.Second {margin-top: -3px;}
#menuText ul li ul.Second {margin-top: 0; margin-bottom: 7px;}
#menuText ul li ul li.Second {margin: 0; padding: 0; overflow: hidden;}
#menuText ul li ul {margin-top: -3px; margin-bottom: 7px;}
#menuText ul li ul li{margin: 0; padding: 0 0 1px 0; overflow: hidden;}
#menuText ul li.HomeOff a:link{display: block; background: url(/images/btn-Home-bkgrd-Off.jpg) no-repeat; padding: 2px 25px 8px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #0072b3;}
#menuText ul li.HomeOff a:visited{display: block; background: url(/images/btn-Home-bkgrd-Off.jpg) no-repeat; padding: 2px 25px 8px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #0072b3;}
#menuText ul li.HomeOff a:hover {color: #FFFFFF; background: url(/images/btn-Home-bkgrd-On.jpg) no-repeat;}
#menuText ul li.HomeOff a:active {display: block;}
#menuText ul li.HomeOn a:link{display: block; color: #FFFFFF; background: url(/images/btn-Home-bkgrd-On.jpg) no-repeat; text-align:right; padding: 2px 25px 8px 0;}
#menuText ul li.HomeOn a:visited{display: block; background: url(/images/btn-Home-bkgrd-On.jpg) no-repeat; padding: 2px 25px 8px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #FFFFFF;}
#menuText ul li.HomeOn a:hover {color: #FFFFFF; background: url(/images/btn-Home-bkgrd-On.jpg) no-repeat;}
#menuText ul li.HomeOn a:active {display: block;}
#menuText ul li.SecondOff a:link{display: block; background: url(/images/btn-AllergySea-bkgrd-Off.jpg) no-repeat; padding: 2px 25px 8px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #0072b3;}
#menuText ul li.SecondOff a:visited{display: block; background: url(/images/btn-AllergySea-bkgrd-Off.jpg) no-repeat; padding: 2px 25px 8px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #0072b3;}
#menuText ul li.SecondOff a:hover {color: #FFFFFF; background: url(/images/btn-AllergySea-bkgrd-On.jpg) no-repeat;}
#menuText ul li.SecondOn a:link{display: block; color: #FFFFFF; background: url(/images/btn-AllergySea-bkgrd-On.jpg) no-repeat;}
#menuText ul li.SecondOn a:visited{display: block; background: url(/images/btn-AllergySea-bkgrd-On.jpg) no-repeat; padding: 2px 25px 8px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #FFFFFF;}
#menuText ul li.SecondOn a:hover {color: #FFFFFF; background: url(/images/btn-AllergySea-bkgrd-On.jpg) no-repeat;}
#menuText ul li.SecondOn a:active {display: block;}
#menuText ul li ul li.SecondOff a:link{display: block; background: url(/images/mainmenuSub-Off.gif) no-repeat; padding: 0 25px 0 0; background-position: 173px 6px; font: 11px Arial, Helvetica, sans-serif; text-align:right; overflow: hidden; color: #0072b3;}
#menuText ul li ul li.SecondOff a:visited{display: block; background: url(/images/mainmenuSub-Off.gif) no-repeat; padding: 0 25px 0 0; background-position: 173px 6px; font: 11px Arial, Helvetica, sans-serif; text-align:right; overflow: hidden; color: #0072b3;}
#menuText ul li ul li.SecondOff a:hover {color: #f90030; background: url(/images/mainmenuSub-On.gif) no-repeat; background-position: 173px 6px;}
#menuText ul li ul li.SecondOn a:link, #menuText ul li ul li.SecondOn a:visited{display: block; background: url(/images/mainmenuSub-On.gif) no-repeat; padding: 0 25px 0 0; background-position: 173px 6px; font: 11px Arial, Helvetica, sans-serif; text-align:right; overflow: hidden; color: #f90030;}
#menuText ul li ul li.SecondOn a:hover {display: block;}
#menuText ul li.Off a:link{display: block; background: url(/images/btn-main-Off.jpg) no-repeat; padding: 1px 25px 10px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #0072b3;}
#menuText ul li.Off a:visited{display: block; background: url(/images/btn-main-Off.jpg) no-repeat; padding: 1px 25px 10px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #0072b3;}
#menuText ul li.Off a:hover {color: #FFFFFF; background: url(/images/btn-main-On.jpg) no-repeat;}
#menuText ul li.On a:link{display: block; color: #FFFFFF; background: url(/images/btn-main-On.jpg) no-repeat;}
#menuText ul li.On a:visited{display: block; background: url(/images/btn-main-On.jpg) no-repeat; padding: 1px 25px 10px 0; font: 12px Arial, Helvetica, sans-serif; text-align:right;color: #FFFFFF;}
#menuText ul li.On a:hover {color: #FFFFFF; background: url(/images/btn-main-On.jpg) no-repeat;}
#menuText ul li.On a:active {display: block;}
#menuText ul li ul li.Off a:link{display: block; background: url(/images/mainmenuSub-Off.gif) no-repeat; padding: 0 25px 0 0; background-position: 173px 6px; font: 11px Arial, Helvetica, sans-serif; text-align:right; overflow: hidden; color: #0072b3;}
#menuText ul li ul li.Off a:visited{display: block; background: url(/images/mainmenuSub-Off.gif) no-repeat; padding: 0 25px 0 0; background-position: 173px 6px; font: 11px Arial, Helvetica, sans-serif; text-align:right; overflow: hidden; color: #0072b3;}
#menuText ul li ul li.Off a:hover {color: #f90030; background: url(/images/mainmenuSub-On.gif) no-repeat; background-position: 173px 6px;}
#menuText ul li ul li.On a:link{display: block; background: url(/images/mainmenuSub-On.gif) no-repeat; padding: 0 25px 0 0; background-position: 173px 6px; font: 11px Arial, Helvetica, sans-serif; text-align:right; overflow: hidden; color: #f90030;}
#menuText ul li ul li.On a:visited{display: block; background: url(/images/mainmenuSub-On.gif) no-repeat; padding: 0 25px 0 0; background-position: 173px 6px; font: 11px Arial, Helvetica, sans-serif; text-align:right; overflow: hidden; color: #f90030;}
#menuText ul li ul li.On a:hover {color: #f90030; background: url(/images/mainmenuSub-On.gif) no-repeat; background-position: 173px 6px;}
*/
#increaseTextSize { padding:10px 10px 0 0; text-align:right; font:normal 12px Arial, Helvetica, sans-serif; color: #0072b3;}
#increaseTextSize span.Default a:link {color: #e51837; font: bold 12px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Default a:visited {color: #e51837; font: bold 12px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Default a:hover {color: #e51837; font: bold 12px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Default a:active {color: #e51837; font: bold 12px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Large a:link {color: #0072b3; font: bold 14px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Large a:visited {color: #0072b3; font: bold 14px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Large a:hover {color: #e51837; font: bold 14px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Larger a:link {color: #0072b3; font: bold 16px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Larger a:visited {color: #0072b3; font: bold 16px Arial, Helvetica, sans-serif;}
#increaseTextSize span.Larger a:hover {color: #e51837; font: bold 16px Arial, Helvetica, sans-serif;}
#kidsImage {margin: 5px; background: url(/media/child-eye-drops-tips.gif) no-repeat;}
#kidsImage a {background: url(/media/child-eye-drops-tips.gif) no-repeat; width: 198px; height: 100px; overflow: hidden; display: block; text-decoration: none}
#kidsImage a:hover {background-image: url(/media/child-eye-drops-tips-over.gif);}
#kidsImage span {visibility: hidden;}
#pageHeaderImage { padding:20px 0; }
#containerInnerInterior #pageHeaderImage
{ padding:90px 0 20px 0; display:block; }
#pageHeaderImagePatanol
{width: 351px; display:block; padding-top: 10px;}
.rebateLinks a:link {color: #005b89; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline;}
.rebateLinks a:visited {color: #005b89; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline;}
.rebateLinks a:hover {text-decoration: none;}
.rebateDivider {clear: left; margin: 0; padding-top: 4px;}
.rateYourSymptoms {font: bold 12px Arial, Helvetica, sans-serif; margin: 6px 0 0 6px;}
.rateSubText {font: 11px Arial, Helvetica, sans-serif; color: #005b89; margin: 5px 0 0 10px;}
.rateLearnmore {margin: 3px 0 0 68px;}
.rateLearnmore a:link {font: 11px Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline;}
.rateLearnmore a:visited {font: 11px Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline;}
.rateLearnmore a:hover{ text-decoration: none;}
.imageSpace {margin-top: 5px;}
.patadayLearnmore{margin: 20px 0 0 0;}
.patadayLearnmore a:link{color: #005b89; text-decoration: underline; font: 11px Arial, Helvetica, sans-serif;}
.patadayLearnmore a:hover {text-decoration: none;}
li.arrow {list-style-image:url(/images/li-arrow.gif); font: 11px arial,helvetica,sans-serif; margin: 5px 0 0 0;}
li.arrow strong {font-size: 12px; font-weight: bold;}
.imageLeft {float: left; margin: 0px 10px 10px -3px;}
.imageRight {float: right; margin: 0px 0px 5px 10px;}
#fullLine {background: url(/images/grey-dot.gif) repeat-x; height: 3px; clear: left; width: 348px;}
#columnLine {width: 220px; float: left; margin-top: 3px; padding-bottom: 15px;}
#columnLinePataday {width: 170px; float: left; margin-top: 3px;}
#tellafriend{width: 340px; padding: 0px 5px 0px 5px; margin-top: 15px; }
.sectionsHome{width: 360px; padding: 10px 0 10px 10px; clear: left; background: url(/images/sections-bkgrd.jpg) no-repeat; overflow: hidden;}
.sections{ margin:0 0 20px 0; }
.sectionsSiteMap {width: 370px; padding: 5px 5px 5px 5px; clear: left; color: #000000;}
.sectionsSmallBullets {width: 168px;}
.main {margin-top: 10px; margin-bottom: 5px;}
.gray {background-color: #EAEAEA;}
.blue {background-color: #E1F4FF;}
.list {color: #808080; margin: 7px 5px 5px 0;}
.listSmall {color: #808080; margin: 2px 4px 6px 0;}
.listSmall ul{list-style-type:disc; margin: 0px 0px 0px 2.0em; padding: 0px 0px 0px 0px;}
.list a:link {color: #808080;}
.list a:visited {color: #808080;}
.faqs {margin: 7px 5px 5px 0px;}
.faqs a:link {color: #0076C0; font-weight: bold;}
.faqs a:visited {color: #0076C0; font-weight: bold;}
.faqs a:hover {color: #DF173B; font-weight: bold;}
.faqs a:active {color: #DF173B; font-weight: bold;}
.dottedLine { padding:0; margin: 15px 0px 5px 0px; }
.dottedLinePatanol {width: 350px; min-height: 2px; padding: 0; margin: 15px 0px 5px 0px; background: url(/images/dottedLinePatanol.gif) no-repeat;}
.underline {text-decoration: underline;}
.last {width: 340px; min-height: 76px; padding: 5px 5px 0px 5px; margin: 0px 0px 0px 0px;}
.top {padding-bottom: 2px!important;}
.list ul{list-style-type:disc; margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px;}
.photosHome {float: left; margin: 0 10px 0 0;}
h1{color: #3E89D4; font: bold 15px Arial, Helvetica, sans-serif; margin: 0px 0px 2px 0px;}
h2{ font: bold 13px Arial, Helvetica, sans-serif; margin: 0px 0px 2px 0px;}
h3{font: bold 13px Arial, Helvetica, sans-serif; margin: 0px 0px 2px 0px;}
h4 {font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0px 2px 0px;}
h3.rateYourSymptoms { padding: 8px 12px; margin: 0px; }
div.rateYourSymptomsHeader { padding: 8px 12px; margin: 0px; font-weight: bold; background-color: #EAEAEA; }
#rateYourSymptomsContent { font: 11px Arial, Helvetica, sans-serif; font-weight: normal!important;}
ul.rateYourSymptoms {margin-bottom: 10px;}
ul.rateYourSymptoms li {margin: 3px 0px 0 25px;}
ul.rateYourSymptoms li span.subItems {margin: 6px 0px 0px;}
table.rateYourSymptoms {padding: 0px; width:100%; }
table.rateYourSymptoms .gray,
h3.gray { background:#e3f0f6 !important; }
table.rateYourSymptoms th div {padding: 8px 12px; font: bold 11px Arial, Helvetica, sans-serif; }
table.rateYourSymptoms td {padding: 0px 12px; font: 11px Arial, Helvetica, sans-serif; }
table.rateYourSymptoms tr.altRow td {background-color: #fff7e9;}
table.rateYourSymptoms td.subHeader {font-weight: bold; padding: 0px 5px; padding: 8px 0px; }
table.last {margin-bottom: 17px; }
.coupon{width: 80px; min-height: 76px; padding: 5px 5px 5px 5px; }
.couponInfo {width: 70%; border-bottom: 1px solid #0066CC;}
.indentWrapper { margin-left: 23px; text-indent: -23px; }
tr.lastRow td { padding-bottom: 10px; }
.red { color: #DF173B; }
div.rebate { padding: 10px 0px; }
table.rebateForm { padding: 0px; width: 320px; }
table.rebateForm td.descriptionCell { text-align: right; }
table.rebateForm td.selectCell { vertical-align: top; }
div.rebateForm { text-indent: -14px; padding: 14px; }
.disclaimerText { font-size: 9px; clear: left; }
.requiredMark { color: #FF3333; }
div#contactContainer { padding: 10px 5px; }
p.contactHeader { margin: 10px; }
div.allergyAlert { padding: 10px 5px; }
table.allergyAlertForm { padding: 0px; width: 250px; }
table.allergyAlertForm td.descriptionCell { text-align: right; }
table.allergyAlertForm td.selectCell { vertical-align: top; }
div.allergyAlertForm { text-indent: -14px; padding: 14px; }
p.allergyAllert { margin: 5px; }
#couponArrowContainer { padding: 15px; }
#couponArrow { margin: 0px 20px; float: left; }
.address { font-weight: bold; margin-left: 20px; }
div#submitContainer { text-align: center; margin: 10px; }
form.contactUsForm p.endText { margin: 20px 0px }
.buttonContainer { margin: 20px 0px; }
body#tell-a-friend {background: #FFFFFF; text-align: center; margin: 15px 10px;}
body#tell-a-friend #container {width: 600px; text-align:left; margin-left: auto; position: relative;}
body#tell-a-friend #header {width: 600px; height: 100px;}
body#tell-a-friend #description {width: 351px; position: absolute; left: 215px; top: 5px; text-align: center;}
body#tell-a-friend #description h1{width: 351px; height: 30px; background: url(/images/header-tell-a-friend.gif) no-repeat;}
body#tell-a-friend #description h1 span {display: none;}
body#tell-a-friend #form {width: 600px;}
body#tell-a-friend #buttons {text-align: right; margin-top: 10px;}
body#tell-a-friend #buttons #send-copy {float: left;}
body#tell-a-friend #buttons input {margin-left: 5px;}
body#tell-a-friend #fair-balance {width: 600px; margin: 20px auto;}
body#tell-a-friend #thanks {padding: 100px; text-align: center; font-size: 16px; font-weight: bold; font-family: arial, helvetica, sans-serif;}
.makersof
{
padding-right:10px;
color:#0076c0;
}
.makersof a
{
text-decoration:underline;
}