/* Allergan Branded										 */
/* Global Style Sheet 									 */
/* Author: Josh Dreier, OgilvyInteractive, New York		 */			
/* Date: April 23, 2007									 */

/* Global Tags */
body, table, td, tt, p {margin: 0; padding: 0; font: normal 12px/15px arial, helvetica, sans-serif; color: #666;}
body.bg {background: #A99892; margin: 20px;}
a:link, a:visited {color: #6BB4E5; outline: none; text-decoration: none;}
a:hover {text-decoration: underline;}
a img, table {border: none;}
table, td, tr, p, ul, ol, li, img, form, hr, span, div, h1, h2, h3, h4, h5, h6, dl, dt, dd {padding: 0; margin: 0;}
table {border-collapse: collapse;} 
p {padding-bottom: 12px; line-height: 20px;}
small {font-size: 10px; line-height: 13px;}
b, strong {font-weight: bold;}
ul, ol {list-style: none;}
input, textarea, select {font: normal 12px/15px arial, helvetica, sans-serif; color: #666; border: 1px solid #666; background: #FFF; margin: 0; padding: 0; height: 18px; padding: 0px 0 0 3px; width: 210px;}
input.error {background: #FFB3B3;}
input.checkbox {border:0;width:15px;background:none;}
select {padding: 0;}
.stretchBg {clear: both; height: 0px; overflow: hidden; display: block; line-height: 1px;}

	/* Structural */
	.container {width: 976px; text-align: left; background: #F7F3F0  url(../images/bg_flourish.gif) 0 300px no-repeat;}
	.colLeft {width: 326px; float: left;}
	.colRight {width: 650px; float: left;}

	/* Header */
	.header {width: 976px; height: 30px; background: #391D03; line-height: 30px;}
	.header #homeLink {float: left; padding: 11px;}
	.header #topNav {float: right; padding: 10px 30px 5px 0;}
	.header #topNav div {float: left; padding-top: 1px;}
	.header #topNav div#line {float: left; padding: 0px 11px;}

	/* Footer */
	.footer {clear: both; width: 976px; height: 30px; background: #391D03; line-height: 30px;}
	.footer #logo {float: left; padding: 9px 0 7px 19px;}
	.footer #botNav {float: right; padding: 10px 30px 7px 0;}
	.footer #botNav div {float: left; padding-top: 1px;}
	.footer #botNav div#line {float: left; padding: 0px 10px;}
	.copyright {clear: both; width: 976px; background: #A69A95;position:relative;}
	.copyright div {font-size: 10px; padding: 10px 0px;text-align:left;}
	
	.copyright #footerLogo {float: left; padding: 9px 30px 7px 0px;}
	
	#pageCode {position:absolute;right:0;}
	
	/* Top and bottom navigation buttons */

	#nav_index {height:10px;width:44px;}
	#nav_about_collection {height:10px;width:119px;}
	#nav_research_testing {height:10px;width:103px;}
	#nav_find_surgeon {height:10px;width:85px;}
	#nav_about_allergan {height:10px;width:88px;}
	#nav_registration {height:10px;width:68px;}
	#nav_safety_info {height:10px;width:107px;}
	#nav_resources {height:10px;width:56px;}
	
	
	 
	#nav_privacy {height:10px;width:75px;}
	#nav_terms {height:10px;width:108px;}
	#nav_contact {height:10px;width:65px;}
	#nav_site {height:10px;width:79px;}
	

	/* Global Elements */

	/* Hero Spot */
	.hero {height: 435px; position: relative; background-repeat: no-repeat;}
	.hero #logo {position: absolute; top: 35px; left: 735px; width: 221px;}
	.hero .textLayer {padding: 213px 40px 0 430px;}
	.hero .textLayer p {font-size: 15px; line-height: 26px;}
	.hero .textLayer ol.numbers {padding-bottom: 1px; line-height: 20px;}
	.hero .textLayer ol.numbers li {background: url(../images/bullet.gif) 0 1px no-repeat; padding: 0 0 12px 28px;}
	.dots {background: url(../images/dots_horz.gif) repeat-x; height: 1px; font-size: 1px; line-height: 1px;}
	
	/* Main Content Area*/
	.mainContent {padding: 15px 60px 20px 0;}
	.mainContent h3 {color: #391D03; font-size: 13px; line-height: 15px; font-weight: bold; padding-bottom: 5px;}
	.mainContent h4 {color: #391D03; font-size: 12px; line-height: 15px; font-weight: bold; padding-bottom: 2px;}
	.mainContent ol.numbers {padding-bottom: 1px; line-height: 20px;}
	.mainContent ol.numbers li {background: url(../images/bullet.gif) 0 1px no-repeat; padding: 0 0 12px 28px;}
	.mainContent .dots {background: url(../images/dots_horz.gif) repeat-x; height: 1px; font-size: 1px; line-height: 1px; margin: 8px 0 20px 0;}
	.mainContent .footnotes {font-size: 9px; margin-top: 30px;}
	
	
	/* Left Callout*/
	.callout {width: 289px; background: url(../images/callout_top.gif) no-repeat; margin: 15px 0 23px 12px; padding: 12px 0 0 0;}
	.callout .body {background: url(../images/callout_mid.gif) repeat-y; padding: 0 10px 0 12px;}
	.callout h2 {color: #391D03; font-size: 15px; line-height: 15px; font-weight: bold; padding-bottom: 5px;}
	.callout h3 {color: #391D03; font-size: 13px; line-height: 15px; font-weight: bold; padding-bottom: 5px;}
	.callout p {padding-bottom: 6px; line-height: 17px;}
	.callout p.right {text-align: right;}
	.callout p a span.link {background: url(../images/icon_arrow.gif) right 1px no-repeat; margin: 3px 0 6px 0; padding-right: 18px; cursor: pointer;}
	.callout ul.bullets {padding-bottom: 6px;}
	.callout ul.bullets li {background: url(../images/bullet.gif) 0 4px no-repeat; padding: 0 0 4px 15px;}
	.callout .foot {background: url(../images/callout_bot.gif) no-repeat; height: 10px; font-size: 1px; line-height: 1px;}

	
	/* Page Specific Elements */	
	
	/* HomePage */
	.container#home {background-image: none;}
	#home .hero {background: url(../images/home_main.jpg) no-repeat; height: 435px;}
	#home .hero .textLayer {padding: 213px 40px 0 430px;}
	#home .hero .textLayer p {line-height: 30px;}
	.homeModule {float: left; width: 325px; margin: 15px 0 15px 0; min-height: 150px;}
	.homeModule .hdr {margin: 0 0 3px 20px;}
	.homeModule .pic {float: right; display: inline; margin: 0 15px 0 12px;}
	.homeModule p {margin: 0 0 6px 20px; line-height: 20px; padding: 0;}
	.homeModule span.link {background: url(../images/icon_home_arrow.gif) right no-repeat;  margin: 3px 0 3px 0; padding-right: 18px;}
	.homeModule#dotted {background: url(../images/dots_vert.gif) right repeat-y;}
	

	/* research */
	.container#research {background-position: 0 190px;}
	#research .mainContent {padding: 15px 0 20px 0;}
	#research .mainContent p {padding-right: 80px;}
	#research .hero {background-image: url(../images/research_main.jpg); height: 251px;}
	#research .hero .textLayer {padding: 145px 220px 0 326px;}
	#research .hero .textLayer p {line-height:23px;}
	#research .pdfLink {background: url(../images/icon_pdf.gif) 0 0px no-repeat; padding: 0 90px 0 32px; line-height: 20px; min-height: 24px;}
	*html #research .pdfLink {height: 24px;}
	#research .mainContent .dots {margin-top: 12px; margin-bottom: 13px; margin-left: 0px;}
	#research #noAcrobat {margin: 5px 0 20px 33px; font-size:11px;}	
	
	/* Collection */
	.container#collection {background-position: 0 227px;}
	#collection .hero {background-image: url(../images/collection_main.jpg); height: 297px;}
	#collection .hero .textLayer {padding: 145px 50px 0 326px;}
	
	#collection #fill {float: left; margin: 0 15px 5px 0;}
		
	/* Safety */
	.container#safety {background-position: 0 190px;}
	#safety .mainContent {padding: 30px 0 20px 0;}
	#safety .mainContent p {padding-right: 80px;}
	#safety .hero {background-image: url(../images/safety_main.jpg); height: 246px;}
	#safety .hero .textLayer {padding: 170px 220px 0 326px;}
	#safety .pdfLink {background: url(../images/icon_pdf.gif) 0 0px no-repeat; padding: 0 90px 0 32px; line-height: 20px; min-height: 24px;}
	*html #safety .pdfLink {height: 24px;}
	#safety .mainContent .dots {margin-top: 12px; margin-bottom: 13px; margin-left: 0px;}
	#safety #noAcrobat {margin: 5px 0 20px 33px; font-size:11px;}	
	
	/* Surgeon */
	.container#surgeon {background-position: 0 300px;}
	#surgeon .hero {background-image: url(../images/surgeon_main.jpg); height: 337px;}
	#surgeon .hero .textLayer {padding: 145px 50px 0 326px;}
	#surgeon .hero .textLayer p {line-height:30px;}
	
	
	/* About Allergan */
	.container#allergan {background-position: 0 237px;}
	#allergan .mainContent {padding: 15px 0 20px 0;}
	#allergan .mainContent p {padding-right: 80px;}
	#allergan .hero {background-image: url(../images/about_main.jpg); height: 297px;}
	#allergan .hero .textLayer {padding: 145px 90px 0 326px;}
	#allergan .hero .textLayer p {line-height:33px;}
	
	



	/* Registration */
	.container#reg {background-position: 0 160px;}
	#reg .hero {background-image: url(../images/reg_main.jpg); height: 237px;}
	#reg .hero .textLayer {padding: 150px 130px 0 326px;}
	#reg .hero .textLayer p {padding: 0;}
	#reg #err_mssg {color: #F00; font-size: 10px; line-height: 12px; margin-top: 10px;}
	#reg .err_mssg {color: #F00; font-size: 10px; line-height: 12px; margin-top: 10px;}
	#reg .red {color: #F00;}
	#reg table span {color: #4D342B;}
	#reg .mainTable {margin: 0;}
	#reg .mainTable td, #reg .mainTable th {padding-bottom: 10px;}
	#reg .mainTable td.fieldName {text-align: right; padding-right: 6px;}
	#reg .mainTable th.fieldName {text-align: right; padding-right: 6px;width:100px;font-weight:normal;}
	#reg .mainTable td.fieldValu {padding-right: 10px;}
	#reg .mainTable td input.wide {width: 500px;}
	#reg .mainTable td input.narrow {width: 155px;}
	#reg .mainTable td input.initial {width: 27px;}
	#reg .mainTable #table2 td {padding-bottom: 0px;}
	#reg .mainTable #table2 td select {width: 70px;}
	#reg .mainTable #table2 td input {width: 100px;}
	#reg .mainTable #required {font-size: 10px;}
	#reg .mainTable #txtZipCode { width:88px !important;   }
	#reg .mainTable .fieldValu .zipcode {text-align:right;}
	#reg .tTop {margin-top:20px;}
	#reg .tBot {margin-bottom:20px;}
 	#reg #table3 {margin-bottom: 15px;}
	#reg #table3 td input {width: 15px; height: 12px; border: none; background: none; margin: 1px 1px 0 8px;}
	#reg p {padding: 0 80px 12px 0;}
	#reg p#note {font-size: 11px; line-height: 20px; padding-right: 80px;}
	#reg .dots#form {margin: 5px 0 15px 0;}
	#reg h3 {color: #4D342B; font-weight: bold; font-size: 12px; margin-bottom: 10px;}
	#reg h4 {font-weight: bold; font-size: 12px; margin-bottom: 5px; margin-left: 1px;}
	#reg .radioTable {margin-bottom: 20px;}
	#reg .radioTable td {padding-bottom: 5px;}
	#reg .radioTable td span {padding-bottom: 5px;}
	#reg .radioTable td input {width: 15px; height: 12px; border: none; background: none; margin: 1px 3px 0 3px;}
	#reg .radioTable td span input {width: 15px; height: 12px; border: none; background: none; margin: 1px 3px 0 3px;}
	#reg .radioTable td span label {width: 15px; height: 12px; border: none; background: none; margin: 1px 3px 0 0px;}
	#reg #submit {float: right; padding: 0 80px 40px 0px;}
	#reg #submit input {width: 97px; height: 21px; border: none; background: none;}
	#reg #confirm {height: 300px; padding-top: 20px;}
	#reg #confirm h2 {font-size: 15px; padding-bottom: 10px;}
	

	/* Resources */
	.container#resources {background-position: 0 170px;}
	#resources .colRight {height: 340px;}
	#resources .hero {background-image: url(../images/resources_main.jpg); height: 267px;}
	#resources .hero .textLayer {padding: 150px 150px 0 326px;}
	#resources .hero .textLayer p {line-height: 26px;}
	#resources ul li {padding-bottom: 12px;}
	.container#resources .mainContent #listLeft {width: 270px; float: left; margin: 10px 0 0 1px;}
	.container#resources .mainContent #listRight {width: 270px; float: left; margin-left: 30px;}
	

	/* Privacy & Terms */
	.container#privacy {background: #F7F3F0 url(../images/bg_flourish_full.gif) 0 25px no-repeat;}
	#privacy .hero {background-image: none; height: 1px;}
	#privacy .hdr {margin: 17px 0 0 26px;}
	#privacy .hdr#terms {margin: 5px 0 0 30px;}
	#privacy .mainContent {padding: 5px 70px 20px 135px;}
	
	/* error */
	.container#error {background: #F7F3F0 url(../images/bg_flourish_full.gif) 0 25px no-repeat;}
	#error .hero {background-image: none; height: 1px;}
	#error .hdr {margin: 17px 0 0 26px;}
	#error .hdr#terms {margin: 5px 0 0 30px;}
	#error .mainContent {padding: 50px 70px 20px 135px;height:300px;}
	#error .mainContent h1 {margin-bottom:20px;}

	
	/* Coming Soon */
	.container#comingsoon {background-image: none;}
	#comingsoon .hero {background: url(../images/coming_main.jpg) no-repeat; height: 595px;}
	#comingsoon .header {height: 10px;}
	#comingsoon .hero .textLayer {width: 421px; padding: 155px 0px 0px 118px;}
	#comingsoon .hero .textLayer .dots {margin-bottom: 10px; margin-left: 0px;}
	#comingsoon ul.bullets {padding: 18px 0px 12px 12px;}
	#comingsoon ul.bullets li {background: url(../images/bullet.gif) 0 4px no-repeat; padding: 0 0 4px 15px; font-size: 13px;}
	#comingsoon .hero .textLayer p {font-size: 15px; line-height: 24px;}
	#comingsoon .hero .textLayer h4 {font-size: 13px;}
	* html #comingsoon .hero .textLayer p {line-height: 22px;}
	* html #comingsoon .hero .textLayer {width: 525px;}