@import url("skin-overall.css");
/* START - styles unique to coppertone */
body { background: #041669 url(images/coppertone-bg-title.jpg) repeat-x; font: 11px Arial, Helvetica, sans-serif; color: #666666; }
#header { float: left; width: 930px; margin: 0px 0px 0px 4px; height: auto; background: url(images/coppertone-bg-top-banner.gif) no-repeat center top; display: inline; }
#float-wrapper { float: left; width: 930px; padding-bottom: 20px; display: inline; }
#center-wrapper { margin: 0px auto; width: 938px; }
#coppertone-bg { float: left; width: 100%; padding-bottom: 20px; display: inline; background: url(images/coppertone-bg-center.jpg) no-repeat center top;  }
#header #site-logo { float: left; margin-top: 12px; margin-left: 25px; display: inline; }
#centered-subnav { float: left; display: inline; width: 930px; background: url(images/coppertone-content-bg-top.gif) no-repeat center bottom; }
#page-content-background { float: left; width: 889px; padding-top: 0px; margin-left: 25px; background: #fefbfa url(images/coppertone-bg-lower-gradiant.gif) repeat-x left bottom; display: inline; }
#page-content { float: left; width: 889px; margin-left: 0px; background: none; min-height: 300px; height: auto !important; height: 300px; padding-bottom: 30px; display: inline; }

#coppertone-bg .splash-flash { margin: 7px; }
.splash-3columns { float: left; display: inline; width: 889px; margin: 17px 0px 0px 0px; background: url(images/coppertone-bg-splash-3cols.gif) repeat-y left top; }
.splash-3columns .column { float: left; display: inline; width: 270px; }
.splash-3columns .column1 { margin: -12px 0px 0px 14px; }
.splash-3columns .column2 { margin: -12px 0px 0px 26px; }
.splash-3columns .column3 { margin: -12px 0px 0px 23px; }
#splash-cancer-banner { float: left; display: inline; margin: 1px 0px 1px 25px; }

.primary-banner { margin: 7px; background: url(images/coppertone-bg-primary-banner-btm.gif) no-repeat center bottom; padding: 0px 0px 1px; }
.primary-2columns { float: left; display: inline; width: 875px; margin: 12px 7px 7px 7px; min-height: 300px; height: auto !important; height: 300px; background: url(images/coppertone-bg-primary-lower-bg.gif) repeat-y center top; }
.primary-2columns .column { float: left; display: inline; width: 320px; }
.primary-2columns .column1 { margin: 0px 0px 0px 84px; }
.primary-2columns .column2 { margin: 0px 0px 0px 58px; }

.secondary-top-content { float: left; display: inline; width: 830px; margin: 59px 0px 0px 29px; border-bottom: 1px solid #ff6633; }
.secondary-lower-content { float: left; display: inline; width: 830px; margin: 0px 0px 0px 29px; }
.secondary-2columns { float: left; display: inline; width: 889px; margin: 0px 0px 0px 0px; }
.secondary-2columns .column1 { float: left; display: inline; width: 245px; margin: 22px 0px 0px 29px; }
.secondary-2columns .column2 { float: left; display: inline; width: 540px; margin: 22px 0px 0px 44px; }

.coppertone-content { background-color: #fefbfa; font-size: 15px; color: #333333; line-height: 20px; }
.coppertone-content h1, .coppertone-content h2 { margin: 0px 0px 14px 0px; }
.coppertone-content h3 { color: #cc3300; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.coppertone-content ul, .coppertone-content ol { margin: 0px 0px 14px 24px; }
.coppertone-content p { margin: 0px 0px 14px 0px; }
.coppertone-content a { color: #e95331; }

.FAQQuestion { font-size: 13px; font-weight: bold; color: #336699; text-transform: uppercase; }

#footer { float: left; height: auto; width: 899px; padding: 12px 0px 0px 0px; margin: 0px 0px 0px 20px; color: #fff; background: url(images/coppertone-bg-footer.gif) no-repeat; display: inline; text-align: center; }
#footer ul { float: left; margin: 2px 0px 0px 20px; list-style: none; display: inline; }
#footer li { float: left; padding: 0px 8px; display: inline; }
#footer a { color: #fff; text-decoration: none; font-weight: bold; }
#footer a:hover { text-decoration: underline; }
#footer .user-control { float: right; margin: 2px 30px 0px 0px; display: inline; }

#centered-subnav .TabList { float: left; display: inline; width: 555px; margin: 0px 0px 0px 200px; }
#centered-subnav .TabList ul { float: left; display: inline; list-style: none; line-height: 1; }
#centered-subnav .TabList a { display: block; padding: 9px 24px 9px 24px; /*height: 32px; line-height: 32px; */color: #fff; text-decoration: none; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; }
#centered-subnav .TabList li { float: left; display: inline; width: 184px; margin: 0px 1px 0px 0px; background: url(images/coppertone-dropdown-nav-tier1.gif) no-repeat left top; }
#centered-subnav .TabList li:hover, #centered-subnav .TabList li.sfhover, #centered-subnav .TabList li.SelectedTab { background-position: -184px top; }
#centered-subnav .TabList li ul {  position: absolute; z-index: 12; background: #fff; width: 184px; left: -999em; padding: 8px 0px 12px 0px; }
#centered-subnav .TabList li li a { display: block; padding: 8px 24px; background: #fff url(images/coppertone-dropdown-nav-tier2.gif) no-repeat 24px bottom; color: #336699; height: auto; line-height: 14px; text-align: left; }
#centered-subnav .TabList li li a:hover { text-decoration: underline; }
#centered-subnav .TabList li:hover ul, #centered-subnav .TabList li.sfhover ul { left: auto; }
.coppertone-logo { position: relative; bottom: -30px; z-index: 2; margin: 0px auto; width: 232px; }

.cptn-right-bar { float: right; margin-top: 13px; margin-right: 16px; display: inline; }
.cptn-right-bar #roAdvSO input { float: left; border: #ccc solid; border-width: 0px 1px 1px 0px; font-size:11px; color: #666666; background: none; width: 140px; display: inline; }
.cptn-right-bar #roAdvSO img { float: left; margin-left: 4px; display: inline; }
.cptn-right-bar #roAdvSO span { float: left; display: inline; text-align: right; margin-right: 2px; }

#cptn-left-bar { float: left; height: 23px; line-height: 23px; margin: 10px 0 0 24px; font-weight: bold; display: inline; }
#cptn-left-bar a { color: #6886a4; text-decoration: none; }

.intro { width: 500px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ff6633; font-size: 16px; line-height: 22px; color: #999; }
/* END - styles unique to coppertone */