/*
CENTRAL GARDEN & PET
original author: David Sargent
*/

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

html { min-height:100%; margin-bottom:1px; } /* add:margin-bottom:1px if you want scrollbar to always appear (avoids page shifting) */

body { text-align:center; font-size:1em; line-height:1em; font-family:arial, helvetica, sans-serif; color:#4d4d4d; background:#efefef url(../images/bg-main.png) repeat-x 0 -208px; }
body.home { background-position:0 -1px; }
table, th, td, input, textarea, select { font-size:1em; line-height:1.3em; font-family:arial, helvetica, sans-serif; color:#4d4d4d; }

a img, :link img, :visited img { border:none; }

a:link { color:#498aaa; text-decoration:underline; }
a:visited { color:#407c99; text-decoration:underline; }
a:hover, a:active { color:#498aaa; text-decoration:none; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

ol { margin:0 0 10px 27px; }

/* Defaults set here. Specifics set where needed later in the document (i.e. #content h1, etc.) */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0 0 .7em; font-size:1em; line-height:1.3em; }


/* LIST STYLES
------------------------------------------------------------------------------------- */
.list-common {list-style:disc; margin: 0 0 15px 25px; }
.list-nobull { list-style:none; }
.list-nobull li {margin: 0 0 25px 0;}


/* TABLE STYLES
------------------------------------------------------------------------------------- */
.tbl-line { border-collapse:collapse; }
.tbl-line td { border:1px solid #ddd9d4; border-width:0 1px 1px 0; }
.tbl-line td.last { border-width:0 0 1px 0 !important; }
.tbl-line tr.last td { border-width:0 1px 0 0 !important; }
.tbl-line tr.last td.last { border-width:0 !important; }

.tbl-logos { margin:0 0 25px; width:100%; border-collapse:collapse; }
.tbl-logos td { padding:16px 5px 19px; text-align:center; vertical-align:middle; border:1px solid #ddd9d4; border-width:0 1px 1px 0; }
.tbl-logos td.last { border-width:0 0 1px 0 !important; }
.tbl-logos tr.last td { padding:16px 5px 3px; border-width:0 1px 0 0 !important; }
.tbl-logos tr.last td.last { border-width:0 !important; }

.tbl-sitemap { width:85%; }
.tbl-sitemap h2 { margin:0 0 1em !important; font-size:1.3em !important; line-height:1.2em; }
.tbl-sitemap ul { margin:-10px 0 10px 10px; }
.tbl-sitemap li { padding:0 0 5px; list-style:none; }


/* SHARED
------------------------------------------------------------------------------------- */
#container { margin:0 auto; width:990px; font-size:.9em; line-height:1.45em; text-align:left; }

#header { position:relative; height:127px; z-index:50; }

#logo { position:absolute; top:50px; left:21px; }


/* NAVIGATION
------------------------------------------------------------------------------------- */
/* Generic Nav Styles */
.nav { position:absolute; }
.nav li { float:left; position:relative; list-style:none; }
.nav li a { cursor:pointer; }
.nav li a:hover { text-decoration:none; }
.nav li a, .nav li div { position:relative; display:block; text-decoration:none; color:#9a9389; font-size:12px; line-height:12px; }
.nav li strong { position:absolute; top:0; left:0; display:block; }
	
/* MAIN NAV SPECIFIC ( Located in the page header ) */
#nav { top:86px; left:297px; width:693px; height:41px; }
#nav li { height:41px; }
#nav li a, #nav li div { height:41px; }
#nav li strong { height:41px; }
#nav li, #nav li a, #nav li strong, #nav li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#nav li.about, #nav li.about a, #nav li.about a strong, #nav li.about-nodrop, #nav li.about-nodrop a, #nav li.about-nodrop a strong { background-position:0 0; width:87px; }
#nav li.garden-brands, #nav li.garden-brands a, #nav li.garden-brands a strong, #nav li.garden-brands-nodrop, #nav li.garden-brands-nodrop a, #nav li.garden-brands-nodrop a strong { background-position:-87px 0; width:130px; }
#nav li.pet-brands, #nav li.pet-brands a, #nav li.pet-brands a strong, #nav li.pet-brands-nodrop, #nav li.pet-brands-nodrop a, #nav li.pet-brands-nodrop a strong { background-position:-217px 0; width:100px; }
#nav li.retailer-services, #nav li.retailer-services a, #nav li.retailer-services a strong, #nav li.retailer-services-nodrop, #nav li.retailer-services-nodrop a, #nav li.retailer-services-nodrop a strong { background-position:-317px 0; width:141px; }
#nav li.announcements, #nav li.announcements a, #nav li.announcements a strong, #nav li.announcements-nodrop, #nav li.announcements-nodrop a, #nav li.announcements-nodrop a strong { background-position:-458px 0; width:137px; }
#nav li.contact, #nav li.contact a, #nav li.contact a strong, #nav li.contact-nodrop, #nav li.contact-nodrop a, #nav li.contact-nodrop a strong { background-position:-595px 0; width:98px; }

/* HOVER STATE - W/ DROP */
#nav li.about:hover a, #nav li.about:hover a strong, #nav li.about a:hover, #nav li.about a:hover strong,
#nav li.abouton:hover a, #nav li.abouton:hover a strong, #nav li.abouton a:hover, #nav li.abouton a:hover strong { background-position:0 -41px; width:87px; }
#nav li.garden-brands:hover a, #nav li.garden-brands:hover a strong, #nav li.garden-brands a:hover, #nav li.garden-brands a:hover strong,
#nav li.garden-brandson:hover a, #nav li.garden-brandson:hover a strong, #nav li.garden-brandson a:hover, #nav li.garden-brandson a:hover strong { background-position:-87px -41px; width:130px; }
#nav li.pet-brands:hover a, #nav li.pet-brands:hover a strong, #nav li.pet-brands a:hover, #nav li.pet-brands a:hover strong,
#nav li.pet-brandson:hover a, #nav li.pet-brandson:hover a strong, #nav li.pet-brandson a:hover, #nav li.pet-brandson a:hover strong { background-position:-217px -41px; width:100px; }
#nav li.retailer-services:hover a, #nav li.retailer-services:hover a strong, #nav li.retailer-services a:hover, #nav li.retailer-services a:hover strong,
#nav li.retailer-serviceson:hover a, #nav li.retailer-serviceson:hover a strong, #nav li.retailer-serviceson a:hover, #nav li.retailer-serviceson a:hover strong { background-position:-317px -41px; width:141px; }
#nav li.announcements:hover a, #nav li.announcements:hover a strong, #nav li.announcements a:hover, #nav li.announcements a:hover strong, 
#nav li.announcementson:hover a, #nav li.announcementson:hover a strong, #nav li.announcementson a:hover, #nav li.announcementson a:hover strong { background-position:-458px -41px; width:137px; }
#nav li.contact:hover a, #nav li.contact:hover a strong, #nav li.contact a:hover, #nav li.contact a:hover strong,
#nav li.contacton:hover a, #nav li.contacton:hover a strong, #nav li.contacton a:hover, #nav li.contacton a:hover strong { background-position:-595px -41px; width:98px; }

/* HOVER STATE - W/O DROP */
#nav li.about-nodrop:hover a, #nav li.about-nodrop:hover a strong, #nav li.about-nodrop a:hover, #nav li.about-nodrop a:hover strong { background-position:0 -123px; width:87px; }
#nav li.garden-brands-nodrop:hover a, #nav li.garden-brands-nodrop:hover a strong, #nav li.garden-brands-nodrop a:hover, #nav li.garden-brands-nodrop a:hover strong { background-position:-87px -123px; width:130px; }
#nav li.pet-brands-nodrop:hover a, #nav li.pet-brands-nodrop:hover a strong, #nav li.pet-brands-nodrop a:hover, #nav li.pet-brands-nodrop a:hover strong { background-position:-217px -123px; width:100px; }
#nav li.retailer-services-nodrop:hover a, #nav li.retailer-services-nodrop:hover a strong, #nav li.retailer-services-nodrop a:hover, #nav li.retailer-services-nodrop a:hover strong { background-position:-317px -123px; width:141px; }
#nav li.announcements-nodrop:hover a, #nav li.announcements-nodrop:hover a strong, #nav li.announcements-nodrop a:hover, #nav li.announcements-nodrop a:hover strong { background-position:-458px -123px; width:137px; }
#nav li.contact-nodrop:hover a, #nav li.contact-nodrop:hover a strong, #nav li.contact-nodrop a:hover, #nav li.contact-nodrop a:hover strong { background-position:-595px -123px; width:98px; }

/* ON STATE */
#nav li.abouton, #nav li.abouton strong, #nav li.abouton div, #nav li.abouton-nodrop, #nav li.abouton-nodrop strong, #nav li.abouton-nodrop div { background-position:0 -82px; width:87px; }
#nav li.garden-brandson, #nav li.garden-brandson strong, #nav li.garden-brandson div, #nav li.garden-brandson-nodrop, #nav li.garden-brandson-nodrop strong, #nav li.garden-brandson-nodrop div { background-position:-87px -82px; width:130px; }
#nav li.pet-brandson, #nav li.pet-brandson strong, #nav li.pet-brandson div, #nav li.pet-brandson-nodrop, #nav li.pet-brandson-nodrop strong, #nav li.pet-brandson-nodrop div { background-position:-217px -82px; width:100px; }
#nav li.retailer-serviceson, #nav li.retailer-serviceson strong, #nav li.retailer-serviceson div, #nav li.retailer-serviceson-nodrop, #nav li.retailer-serviceson-nodrop strong, #nav li.retailer-serviceson-nodrop div { background-position:-317px -82px; width:141px; }
#nav li.announcementson, #nav li.announcementson strong, #nav li.announcementson div, #nav li.announcementson-nodrop, #nav li.announcementson-nodrop strong, #nav li.announcementson-nodrop div { background-position:-458px -82px; width:137px; }
#nav li.contacton, #nav li.contacton strong, #nav li.contacton div, #nav li.contacton-nodrop, #nav li.contacton-nodrop strong, #nav li.contacton-nodrop div { background-position:-595px -82px; width:98px; }

/* DROP DOWNS */
/* POSITIONS LAST LIST(S) IN THE NAV */
#nav li.eight:hover ul, #nav li.eight a:hover ul { left:-2px; }
#nav li.eight:hover li:hover ul, #nav li.eight a:hover li a:hover ul { visibility:visible; position:absolute; left:-140px; top:0; }

#nav li table { margin:0 -1px -1px; border-collapse:collapse; }
#nav li td { font-size:11px; }
#nav li:hover, * html #nav a:hover { position:relative; }
#nav li li a { font-size:.9em; line-height:1.3em; text-align:left; }

/* FIRST LEVEL DROP DOWNS */
#nav li ul { display:none; }
#nav li ul li, #nav li ul li a { background:none; }
#nav li:hover ul, #nav li a:hover ul { position:absolute; top:41px; left:0; padding:0 16px; width:117px; display:block; background:#e1dedc; }

#nav li:hover li, #nav li a:hover li { height:auto; width:117px !important; border-bottom:1px solid #d2cec8; }
#nav li:hover li.last, #nav li a:hover li.last { border:none; }

#nav li:hover li a, #nav li a:hover li a { padding:7px 0; width:117px !important; height:auto; display:block; color:#498aaa; text-decoration:none; }
#nav li:hover li a:hover, #nav li a:hover li a:hover { color:#498aaa; text-decoration:underline; }

/* CENTERS DROPDOWNS */
#nav li.about ul, #nav li.about-nodrop ul , #nav li.abouton ul, #nav li.abouton-nodrop ul{ margin-left:-33px; }
#nav li.garden-brands ul, #nav li.garden-brands-nodrop ul, #nav li.garden-brandson ul, #nav li.garden-brandson-nodrop ul { margin-left:-10px; }
#nav li.pet-brands ul, #nav li.pet-brands-nodrop ul, #nav li.pet-brandson ul, #nav li.pet-brandson-nodrop ul { margin-left:-25px; }
#nav li.retailer-services ul, #nav li.retailer-services-nodrop ul, #nav li.retailer-serviceson ul, #nav li.retailer-serviceson-nodrop ul { margin-left:-5px; }
#nav li.announcements ul, #nav li.announcements-nodrop ul, #nav li.announcementson ul, #nav li.announcementson-nodrop ul { margin-left:-7px; }
#nav li.contact ul, #nav li.contact-nodrop ul, #nav li.contacton ul, #nav li.contacton-nodrop ul { margin-left:-26px; }


/**************************************************************************************************************/

/* TERTIARY NAV SPECIFIC ( Located in the page header ) */
#tertnav { top:47px; right:161px; width:161px; height:25px; }
#tertnav li { height:25px; }
#tertnav li a, #tertnav li div { height:25px; }
#tertnav li strong { height:25px; }
#tertnav li, #tertnav li a, #tertnav li strong, #tertnav li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#tertnav li.investors, #tertnav li.investors a, #tertnav li.investors a strong { background-position:-693px 0; width:87px; }
#tertnav li.careers, #tertnav li.careers a, #tertnav li.careers a strong { background-position:-780px 0; width:74px; }

/* HOVER STATE */
#tertnav li.investors:hover a, #tertnav li.investors:hover a strong, #tertnav li.investors a:hover, #tertnav li.investors a:hover strong { background-position:-693px -25px; width:87px; }
#tertnav li.careers:hover a, #tertnav li.careers:hover a strong, #tertnav li.careers a:hover, #tertnav li.careers a:hover strong { background-position:-780px -25px; width:74px; }

/* ON STATE */
#tertnav li.investorson, #tertnav li.investorson strong, #tertnav li.investorson div { background-position:-693px -25px; width:87px; }
#tertnav li.careerson, #tertnav li.careerson strong, #tertnav li.careerson div { background-position:-780px -25px; width:74px; }
/**************************************************************************************************************/


/* HEADER SEARCH */
#header form#form-search { position:absolute; top:47px; right:9px; width:135px; height:25px; background:url(../images/bg-sprite.png) no-repeat -206px 0; }
#header #search { margin:0 4px 0 7px; padding:0; width:96px; height:16px; color:#c5c0b9; font-size:11px; font-family:tahoma,arial,sans-serif; border:0; }
#header #submit { width:20px; height:23px; border:none; cursor:pointer; opacity:0; }


/* HOME PAGE
------------------------------------------------------------------------------------- */
.home h1 { width:248px; height:58px; }

#bg-flash { background:url(../images/bg-flash.png) no-repeat 50% 130px; }

.home #content { min-height:480px; }
.home #content h2, .home #content .h2 { margin:0 0 .65em; padding:0 0 .6em; color:#009966; font-size:1.5em; line-height:1.1em; font-family:tahoma,arial,sans-serif; font-weight:normal; background:url(../images/bg-sprite.png) no-repeat -341px 100%; }
.home #content p { margin:0 0 .7em; }
.home #content a.more { font-size:.8em; }

.home #content ul { margin:0 0 18px; }
.home #content li { margin:0 0 8px; color:#6d6d6d; font-size:.75em; line-height:1.2em; }
.home #content li h3 { margin:0; color:#6d6d6d; font-size:.9em; line-height:1.7em; }
.home #content li a { text-decoration:none; }
.home #content li a:hover { text-decoration:underline; }

.home .col { position:relative; }

#h-flash { margin:3px 0 20px; }

#h-welcome { margin:0 20px 0 8px; width:450px; }

#h-press { margin:0 20px 0 0; width:240px; }

#h-announce { margin:0; width:240px; }

.home #copy { left:480px; }


/* SUBPAGE
------------------------------------------------------------------------------------- */
#content { min-height:100px; }

/* Content specific header styles */
#content h1, #content .h1 { margin:0 0 1.1em; padding:0 0 .65em; color:#009966; font-size:1.8em; line-height:1.1em; font-family:tahoma,arial,sans-serif; font-weight:normal; background:url(../images/bg-sprite.png) no-repeat -341px 100%; }
#content h2, #content .h2 { margin:0 0 .2em; font-size:1.6em; line-height:1.3em; color:#009966; font-weight:normal; }
#content h3, #content .h3 { margin:0 0 .3em; font-size:1.3em; line-height:1.3em; color:#009966; font-weight:normal; }
#content h4, #content .h4 { margin:0 0 .3em; font-size:1.2em; line-height:1.3em; color:#009966; font-weight:bold; }
#content h5, #content .h5 { margin:0 0 .3em; font-size:1.1em; line-height:1.3em; color:#009966; font-weight:bold; }
#content h6, #content .h6 { margin:0 0 .3em; font-size:.9em; line-height:1.3em; color:#009966; font-weight:bold; }

#content p { margin:0 0 1.5em; }

#subnav { margin:0 54px 0 47px; padding:23px 13px 0; width:180px; min-height:319px; background:url(../images/bg-sprite.png) no-repeat 0 0; }
#subnav li { margin:0 0 5px; padding:0 0 7px; color:#9a9389; font-size:1.1em; line-height:1.3em; list-style:none; background:url(../images/bg-subnav.png) repeat-x 0 100%; }
#subnav li.last { background:none; }
#subnav li a { display:block; text-decoration:none; }
#subnav li a:hover { text-decoration:underline; }
#subnav li ul { padding:10px 10px 0 13px; }
#subnav li li { margin:0 0 5px; padding:0 0 3px; font-size:.8em; background:none; border:1px solid #ddd9d4; border-width:0 0 1px;  }
#subnav li li.last { border:none; }

#main { width:673px; }
#main.full { margin:0 0 0 20px; width:970px; }

#breadcrumb { margin:4px 0 24px; display:block; font-size:.8em; }
#breadcrumb li { display:inline; list-style:none; color:#c3beb8; }
#breadcrumb li a { margin:0 3px 0 0; padding:0 9px 0 0; color:#9a9389; text-decoration:none; background:url(../images/bg-breadcrumb.png) no-repeat 100% 3px; }
#breadcrumb li a:hover { color:#9a9389; text-decoration:underline; }


/* FOOTER
------------------------------------------------------------------------------------- */
#footer { position:relative; padding:43px 10px 0; min-height:50px; color:#898989; font-size:.75em; background:url(../images/bg-footer.png) no-repeat 50% 0; }

#footer-nav li { margin-right:31px; float:left; display:inline; list-style:none; }
#footer-nav li a { text-decoration:none; }
#footer-nav li a:hover { text-decoration:underline; }

#copy { position:absolute; top:43px; left:308px; font-size:.9em; }

/* AFFILIATIONS NAV SPECIFIC ( Located in the page footer ) */
#affiliations { top:39px; right:10px; width:75px; height:29px; }
#affiliations li { height:29px; }
#affiliations li a, #affiliations li div { height:29px; }
#affiliations li strong { height:29px; }
#affiliations li, #affiliations li a, #affiliations li strong, #affiliations li div { background-image:url(../images/bg-nav.png); }

/* NORMAL STATE (NAV ITEM W/ DROPDOWN, NAV ITEM W/O DROPDOWN */
#affiliations li.nav-nasdaq, #affiliations li.nav-nasdaq a, #affiliations li.nav-nasdaq a strong { background-position:-693px -50px; width:75px; }
/**************************************************************************************************************/



/* sIFR
------------------------------------------------------------------------------------- */
.sIFR-flash { visibility:visible !important; margin:0; padding:0; }
.sIFR-replaced, .sIFR-ignore { visibility:visible !important; }
.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin:0; padding:0; overflow:auto; letter-spacing:0; float:none; }

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio 		{ padding:0 15px 0 0; background:url(../images/link_audio.gif) no-repeat 100% 4px; }
.doc 		{ padding:0 15px 0 0; background:url(../images/link_worddoc.gif) no-repeat 100% 4px; }
.excel 		{ padding:0 15px 0 0; background:url(../images/link_excel.gif) no-repeat 100% 4px; }
.external 	{ padding:0 16px 0 0; background:url(../images/link_external.gif) no-repeat 100% 4px; }
.flash 		{ padding:0 15px 0 0; background:url(../images/link_flash.gif) no-repeat 100% 4px; }
.ical		{ padding:0 15px 0 0; background:url(../images/link_ical.gif) no-repeat 100% 4px; }
.itunes		{ padding:0 15px 0 0; background:url(../images/link_itunes.gif) no-repeat 100% 4px; }
.outlook	{ padding:0 15px 0 0; background:url(../images/link_outlook.gif) no-repeat 100% 4px; }
.pdf 		{ padding:0 14px 0 0; background:url(../images/link_pdf.gif) no-repeat 100% 4px; }
.podcast	{ padding:0 15px 0 0; background:url(../images/link_podcast.gif) no-repeat 100% 4px; }
.popup 		{ padding:0 16px 0 0; background:url(../images/link_popup.gif) no-repeat 100% 4px; }
.ppt		{ padding:0 15px 0 0; background:url(../images/link_powerpoint.gif) no-repeat 100% 4px; }
.qt			{ padding:0 15px 0 0; background:url(../images/link_quicktime.gif) no-repeat 100% 4px; }
.rar		{ padding:0 16px 0 0; background:url(../images/link_rar.gif) no-repeat 100% 4px; }
.rp			{ padding:0 16px 0 0; background:url(../images/link_realplayer.gif) no-repeat 100% 4px; }
.rss		{ padding:0 15px 0 0; background:url(../images/link_rss.gif) no-repeat 100% 4px; }
.txt		{ padding:0 13px 0 0; background:url(../images/link_text.gif) no-repeat 100% 4px; }
.video		{ padding:0 15px 0 0; background:url(../images/link_video.gif) no-repeat 100% 4px; }
.wmp		{ padding:0 16px 0 0; background:url(../images/link_wmp.gif) no-repeat 100% 4px; }
.zip		{ padding:0 16px 0 0; background:url(../images/link_zip.gif) no-repeat 100% 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none; }

.col { float:left; display:inline; }

p.title { display:none; }

a.more { position:absolute; top:5px; right:7px; padding-right:19px; text-decoration:none; background:url(../images/bg-arrow.png) no-repeat 100% 6px; }
a.more:hover { text-decoration:underline; }

.clearfix:after, #content:after, #footer-nav:after, #footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix, #content, #footer-nav, #footer { display:inline-block; }
.clearfix, #content, #footer-nav, #footer { /*\*/display:block;/**/ }

/* FIX FOR PWP RETYPE PASSWORD STYLING  */
.PWPRetypePromptText { display:block; }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow:hidden; o\verflow:visible; width:100%; w\idth:auto; he\ight:1%;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; position:relative; }
img.floatright { margin:0 0 5px 10px; position:relative; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; position:relative; }
span.floatright { margin:0 0 5px 10px; position:relative; }


/* LIGHTBOX PANEL 
------------------------------------------------------------------------------------- */
.yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;}
.yui-panel-container form{margin:0;}
.mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.mask.block-scrollbars{overflow:auto;}
.masked select, .drag select, .hide-select select{_visibility:hidden;}
.yui-panel-container select{_visibility:inherit;}
.hide-scrollbars, .hide-scrollbars *{overflow:hidden;}
.hide-scrollbars select{display:none;}
.show-scrollbars{overflow:auto;}
.yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;}
.yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}
.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}
.yui-effect-fade .underlay{display:none;}
.yui-tt-shadow{position:absolute;}
.mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);}
.yui-panel-container{padding:0 1px;*padding:2px 3px;}
.yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:52;}
.yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;}
.yui-panel .hd{border-bottom:solid 1px #ccc;}
.yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;}
.yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;}
.yui-panel .bd{padding:10px;}
.yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}
.yui-panel-container.focused .yui-panel .hd{}
.container-close{position:absolute;top:3px;right:3px;width:25px;height:15px;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;}
.yui-panel-container .underlay{right:-1px;left:-1px;}
.yui-panel-container.matte{padding:9px 10px;background-color:#fff;}
.yui-panel-container.shadow{_padding:2px 5px 0 3px;} 
.yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}
.yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}
.yui-dialog .ft .button-group{display:block;text-align:right;}
.yui-dialog .ft button.default{font-weight:bold;}
.yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}
.yui-dialog .ft span.default .first-child{border-color:#304369;}
.yui-dialog .ft span.default button{color:#fff;}
.yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}
.yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}
.yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}
.yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}
.yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}
.yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}
.yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}
.yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}
.yui-tt.show-scrollbars .bd{overflow:auto;}
.yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}
.yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}


table.form th    { padding: 0; text-align: right; font-size: 11px;  }
table.form td    { padding: 5px; vertical-align: top; }

table.form td.req  { font-size: 11px; border-top: 1px solid #ccc; color: #aaa; }
table.form td   { border-bottom: 1px solid #cccccc; font-size: 12px; }
table.form td.leftcell   { border-right: 1px solid #cccccc; }
table.form td input, table.form td select   { width: 220px; }


table.form td .required   { font-size: 10px; color: #c00; }

table.form th .required   { font-size: 11px; color: #c00; }

table.form td .formbttn   { width: 72px; height: 22px; }

#share   { position: absolute; right: 80px; top: 131px; font-size: 12px }
#share a   { text-decoration: none; }
#share a img   { position: relative; top: 3px; margin-right: 1x; }


#at16pf     { display: none; }

.address {width: 375px; float: left;}
.contentform {margin: 30px 0 0 0;}