body { margin: 0px; background: #e9edef; font: normal 11px Arial, sans-serif; line-height: 15px; text-align: left; color: #575f67; } body.t2, body#home { background: #e9edef; } div{background:transparent;} a { text-decoration: none; color: #5a980b; } a:hover { text-decoration: underline; } hr { border: none; border-top: 1px dotted #c9c9c9; } img { border: none; } #overlay { z-index: 100; position: absolute; top: 0px; left: 0px; background: #999999; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; width: 100%; height: 100%; } #market_select { z-index: 101; background: #ffffff url(/img/intselect.png); width: 536px; height: 236px; position: absolute; top: 50%; left: 50%; margin: -118px 0px 0px -268px; } #market_select2 { z-index: 101; width: 600px; height: 200px; position: absolute; top: 100px; left: 50%; margin: 0px 0px 0px -268px; } .market_country { float: left; width: 100px; line-height: 14px; } #country_container { position: absolute; top: 55px; left: 225px; width: 325px; } #country_label { position: absolute; top: -45px; left: 3px; font: normal 16px Arial, sans-serif; color: #ffffff; } #country a { text-decoration: none; color: #c9c9c9; } #country a:hover { text-decoration: none; } #player_controls {padding-left: 0px; padding-top: 5px;} #outer_container { width: 100%; position: relative; float: right; margin: 0px; background: #fff; } #inner_container { width: 100%; min-width: 748px; } #header { width: 100%; min-width: 748px; height: 219px; } #home #header { height: 219px; background: #414141 url(/img/hdr_home_bg.jpg) no-repeat top right; } #company #header { background: #51595c url(/img/hdr_company_bg.jpg) no-repeat top right; } #opportunity #header { background: #51595c url(/img/hdr_opportunity_bg.jpg) no-repeat top right; } #products #header { background: #51595c url(/img/hdr_products_bg.jpg) no-repeat top right; } #gel_packs #header { background: #414141 url(/img/hdr_gel_packs_bg.jpg) no-repeat top right; } #events #header { background: #51595c url(/img/hdr_events_bg.jpg) no-repeat top right; } #newsroom #header { background: #51595c url(/img/hdr_newsroom_bg.jpg) no-repeat top right; } #skin_care #header { background: #414141 url(/img/hdr_skin_care_bg.jpg) no-repeat top right; } #get_involved #header { background: #51595c url(/img/hdr_get_involved_bg.jpg) no-repeat top right; } #market {width: 322px; height: 156px; padding: 10px 30px 10px 35px; float: left; position: absolute; top: 0px; left: 150px; font: bold 10px Arial, sans-serif; line-height: 12px; color: #c9c9c9; background: #808080 url(/img/mapmenu_noflash.gif)} #navigation { width: 120px; height: 211px; float: left; padding: 0px 10px 10px 35px; } #country {float: left; width: 110px; line-height:14px;} #navigation ul { width: 120px; margin: 0px 0px 0px -40px; } #navigation ul li#navigate { margin: 0px; padding: 0px; } #navigation ul li { list-style-type: none; margin: 0px 0px 0px 7px; padding: 2px 0px; font: bold 10px Arial, sans-serif; line-height: 12px; color: #c9c9c9; } #navigation ul li a { color: #c9c9c9; } #navigation ul li a:hover { text-decoration: none; } #logo { float: left; padding: 60px 0px 0px 5px; } #home #logo { padding-top: 100px; } #topnav { width: 335px; height: 165px; float: left; margin: 0px; padding: 15px 0px 5px 17px; background: #606668; opacity: .75; filter: alpha(opacity=75); visibility: hidden;} #topnav li { width: 91px; float: left; list-style-type: none; padding: 0px 20px 0px 0px; font: bold 10px Arial, sans-serif; line-height: 12px; color: #fff; } #topnav li a { color: #fff; } #topnav li ul { margin: 0px 0px 0px -40px; } #topnav li ul li { padding: 0px; font-weight: normal; } #topnav li ul li a { color: #b2b4b6; } #topnav_events { position: relative; top: -56px; } #topnav_opportunity { position: relative; top: 5px; } #topnav_newsroom { position: relative; top: 5px; } #topnav_container { width: 352px; float: left; } #dream { margin: 4px 0px 0px 0px; font: bold 19px Arial, sans-serif; line-height: 23px; text-transform: uppercase; color: #fff; } #main_col { width: 100%; min-width: 561px; float: left; margin: 0px; padding: 0px; } #company #main_col { background: transparent url(/img/company_page_hdr_bg.jpg) no-repeat right 35px; } #events #main_col { background: transparent url(/img/events_page_hdr_bg.jpg) no-repeat right 35px; } #products #main_col { background: transparent url(/img/products_page_hdr_bg.jpg) no-repeat right 35px; } #gel_packs #main_col { background: transparent url(/img/products_page_hdr_bg.jpg) no-repeat right 35px; } #opportunity #main_col { background: transparent url(/img/opportunity_page_hdr_bg.jpg) no-repeat right 35px; } #newsroom #main_col { background: transparent url(/img/newsroom_page_hdr_bg.jpg) no-repeat right 35px; } #get_involved #main_col { background: transparent url(/img/get_involved_page_hdr_bg.jpg) no-repeat right 35px; } #skin_care #main_col {background: transparent url(/img/skin_care_page_hdr_bg.jpg) no-repeat right 35px; } #breadcrumb { height: 15px; clear: both; padding: 15px 20px 5px 40px; font: normal 10px Arial, sans-serif; line-height: 12px; color: #5a980b; } #breadcrumb .current_page { font-weight: bold; } #breadcrumb a { color: #5a980b; } #page_body { width: 700px; float: left; margin: 0px; padding: 0px 0px 25px 40px; background-color: transparent; } #page_body h1 { width: 496px; float: left; height: 25px; margin: 0px 0px 25px 0px; padding: 35px 20px 10px 0px; font: normal 20px Arial, sans-serif; line-height: 24px; color: #fff; } #page_body h1 span { font: normal 20px Arial, sans-serif; line-height: 20px; color: #fff; height:26px; width: 600px;} h2 { margin: 0px 0px -5px 0px; padding: 0px; font: normal 22px Arial, sans-serif; line-height: 24px; color: #5a980b;} ul#leftnav { width: 140px; float: left; margin: 0px; padding: 0px 10px 0px 0px; clear:left;} ul#leftnav li { margin: 0px; padding: 0px 0px 0px 12px; list-style-type: none; background: transparent url(/img/leftnav_bullet.gif) no-repeat left 5px; } ul#leftnav li a { color: #575f67; } ul#leftnav li ul { margin-left: -52px; } ul#leftnav li ul.sub li { background: none; font-weight: normal; } #content { width: 500px; float: left; padding: 0px 0px 0px 0px; } #content ul li { margin-left: -25px; padding-left: 0px; list-style-type: circle; } #content ul li ul li{ list-style-type: circle; } #content ol li { margin-left:-15px; padding-left:-25px;} #content ol li ol li { list-style-type: lower-roman; } /*#content .indent { padding-left: 25px; } */ #content .products_disclaimer { font-style:italic; font-size:9px; } #content .prod_img { float: right; margin-left: 5px; } #content .exec_img { float: right; padding: 12px 5px 5px 15px; } #content ul#sitemap { } #content #sitemap li { padding-bottom: 10px; list-style-type: none; font-weight: bold; } #content #sitemap li ul { margin: 0px; } #content #sitemap li ul li { padding-bottom: 0px; list-style-type: circle; font-weight: normal; } #right_col { width: 100%; min-width: 187px; float: left; margin: 0px; padding: 0px; } #section { height: 15px; padding: 15px 5px 5px 15px; } #section span { font: bold 15px Arial, sans-serif; text-transform: uppercase; line-height: 15px; } #company #section { color: #5a980b; } #events #section { color: #0568a2; } #products #section { color: #5a980b; } #gel_packs #section { color: #5a980b; } #opportunity #section { color: #db321e; } #newsroom #section { color: #0568a2; } #get_involved #section { color: #575f67; } #skin_care #section { color: #d9166e;} #rightnav { height: 147px; padding: 0px; } #rightnav ul { width: 180px; height: 121px; margin: 0px; padding: 13px 0px; } #rightnav ul li { margin: 0px 0px 0px 15px; padding: 0px 5px 0px 12px; list-style-type: none; font: normal 11px Arial, sans-serif; line-height: 15px; color: #fff; } #rightnav ul li a { color: #fff; } #rightnav ul.sub { height: auto !important; margin: 0px; padding: 0px !important; background: none !important; } #rightnav ul.sub li { margin: 0px !important; padding: 0px !important; background: none !important; } #rightnav ul.sub li a { font-weight: normal !important; } #company #rightnav { height: 200px; background: #7ba14f url(/img/company_t3_rightnav_out_bg.jpg) repeat-y top left; } #company #rightnav ul { height: 174px; background: transparent url(/img/company_t3_rightnav_in_bg.gif) no-repeat top left; } #company #rightnav ul li { background: transparent url(/img/company_rightnav_bullet.gif) no-repeat left 5px; } #events #rightnav { background: #006490 url(/img/events_t3_rightnav_out_bg.jpg) no-repeat top left; } #events #rightnav ul { background: transparent url(/img/events_t3_rightnav_in_bg.gif) no-repeat top left; } #events #rightnav ul li { background: transparent url(/img/events_rightnav_bullet.gif) no-repeat left 5px; } #products #rightnav { background: #6d747a url(/img/products_t3_rightnav_out_bg.jpg) no-repeat top left; } #products #rightnav ul { background: transparent url(/img/products_t3_rightnav_in_bg.gif) no-repeat top left; } #products #rightnav ul li { background: transparent url(/img/products_rightnav_bullet.gif) no-repeat left 5px; } #gel_packs #rightnav { background: #6d747a url(/img/products_t3_rightnav_out_bg.jpg) no-repeat top left; } #gel_packs #rightnav ul { background: transparent url(/img/products_t3_rightnav_in_bg.gif) no-repeat top left; } #gel_packs #rightnav ul li { background: transparent url(/img/products_rightnav_bullet.gif) no-repeat left 5px; } #skin_care #rightnav { background: #6d747a url(/img/skin_care_t3_rightnav_out_bg.jpg) no-repeat top left; } #skin_care #rightnav ul { background: transparent url(/img/skin_care_t3_rightnav_in_bg.gif) no-repeat top left; } #skin_care #rightnav ul li { background: transparent url(/img/skin_care_rightnav_bullet.gif) no-repeat left 5px; } #opportunity #rightnav { background: #cf961d url(/img/opportunity_t3_rightnav_out_bg.jpg) no-repeat top left; } #opportunity #rightnav ul { background: transparent url(/img/opportunity_t3_rightnav_in_bg.gif) no-repeat top left; } #opportunity #rightnav ul li { background: transparent url(/img/opportunity_rightnav_bullet.gif) no-repeat left 5px; } #newsroom #rightnav { background: #429bc1 url(/img/newsroom_t3_rightnav_out_bg.jpg) no-repeat top left; } #newsroom #rightnav ul { background: transparent url(/img/newsroom_t3_rightnav_in_bg.gif) no-repeat top left; } #newsroom #rightnav ul li { background: transparent url(/img/newsroom_rightnav_bullet.gif) no-repeat left 5px; } #get_involved #rightnav { background: #005980 url(/img/get_involved_t3_rightnav_out_bg.jpg) no-repeat top left; } #get_involved #rightnav ul { background: transparent url(/img/get_involved_t3_rightnav_in_bg.gif) no-repeat top left; } #get_involved #rightnav ul li { background: transparent url(/img/get_involved_rightnav_bullet.gif) no-repeat left 5px; } .promo { height: 99px; margin: 5px 0px 0px 0px; padding: 0px; } .promo div.inner { width: 149px; height: 93px; margin: 0px; padding: 4px 5px 2px 13px; font: normal 12px Arial, sans-serif; line-height: 14px; color: #fff; } .promo div.inner br { clear: none !important; } .promo div.inner img.button { margin: 0px 0px 5px -5px; } .promo div.inner img.arrow { position: relative; top: 3px; left: -5px; clear: both; } .promo div.inner .headline { clear: both; font-size: 20px; line-height: 20px; } .promo div.inner a { color:#ffffff;} #promo1 { background: transparent url(/img/promo_agelworld_outer_bg.jpg) repeat-x top left; } #promo1 div.inner { background: transparent url(/img/promo_agelworld_inner_bg.jpg) no-repeat top left; } #promo2 { background: #fa9b26 url(/img/promo_fit_outer_bg.gif) no-repeat top right; } #promo2 div.inner { background: transparent url(/img/promo_fit_inner_bg.gif) no-repeat top left; } #promo3 { background: #a7a9ac url(/img/promo_ipod_outer_bg.gif) no-repeat top right; } #promo3 div.inner { background: transparent url(/img/promo_ipod_inner_bg.gif) no-repeat top left; } #promo4 { background: #52bdec url(/img/promo_cruise_outer_bg.gif) no-repeat top right; } #promo4 div.inner { background: transparent url(/img/promo_cruise_inner_bg.gif) no-repeat top left; } #newsletter { margin: 5px 0px 0px 0px; background: transparent url(/img/newsletter_bg.jpg) repeat-x top left; } #newsletter div.inner { width: 167px; padding: 25px 0px 10px 13px; font: normal 11px Arial, sans-serif; line-height: 13px; color: #575f67; } #newsletter div.inner .headline { font-size: 16px; line-height: 19px; color: #5a980b; } #newsletter a { color: #5a980b; } .four_col { width: 100%; height: 305px; min-width: 187px; float: right; margin: 5px 0px; padding: 0px; line-height: 13px; color: #fff; } .four_col h2, .three_col h2 { margin: 0px; font: normal 18px Arial, sans-serif; line-height: 22px; color: #fff; letter-spacing:-1.5px;} .four_col img.rule { margin: 5px 0px; } .four_col ul img.rule, #ftr_col_4 img.rule { margin: 7px 0px; } .four_col img.arrow { position: absolute; } .four_col p { margin: 4px 0px; padding: 0px; } .four_col ul { margin: 0px 0px 0px -40px; } .four_col ul li { list-style-type: none; } .four_col div.col_container { margin: 0px 5px 0px 0px; } .four_col div.inner_col { position: relative; width: 167px; height: 290px; padding: 10px 5px 5px 10px; } .four_col a { color: #fff; } .four_col .sub_hdr { font: normal 18px Arial, sans-serif; line-height: 22px; } #events .four_col .sub_hdr { color: #0568a2; } #opportunity .four_col .sub_hdr { color: #f6ceb9; } #get_involved .four_col span.sub_hdr { color: #fbe6c4; } /* BOX 1 */ #company #col_1 div.col_container { background: #66a621 url(/img/company_t2_col1_outer_bg.jpg) no-repeat top right !important; } #products #col_1 div.top { height: 150px; margin: 0px 0px 5px 0px; background: #66a621 url(/img/products_t2_col1_top_outer_bg.jpg) no-repeat top right; } #products #col_1 div.bottom { height: 150px; background: #4ebeec url(/img/products_t2_col1_bottom_outer_bg.jpg) no-repeat top right; } #products #col_1 div.inner_col { height: 135px; padding-bottom: 5px; } #gel_packs #col_1 div.top { height: 150px; margin: 0px 0px 5px 0px; background: #66a621 url(/img/products_t2_col1_top_outer_bg.jpg) no-repeat top right; } #opportunity #col_1 div.col_container { background: #f04d30 url(/img/opportunity_t2_col1_bg.jpg) no-repeat top right !important; } #get_involved #col_1 { } #get_involved #col_1 div.col_container { background: #feb913 url(/img/get_involved_t2_col1_outer_bg.jpg) no-repeat top right !important; } #get_involved #col_1 div.inner_col { background: transparent url(/img/get_involved_t2_col1_inner_bg.png) no-repeat top left; } #events #col_1 { } #events #col_1 div.col_container { background: #54beec url(/img/events_t2_col1_outer_bg.jpg) no-repeat top right !important; } #events #col_1 div.inner_col { width: 334px; background: transparent url(/img/events_t2_col1_inner_bg.png) no-repeat top left; } #events #col_1 .events_hdr { font: bold 12px Arial, sans-serif; color: #fff; } #newsroom #col_1 { } #newsroom #col_1 div.col_container { background: #007baf url(/img/newsroom_t2_col1_outer_bg.jpg) no-repeat top right !important; } #newsroom #col_1 div.inner_col { width: 334px; } #newsroom #col_1 div.video { margin: 20px 0px 0px 0px;} #newsroom #col_1 img.logo { margin-top: 15px; } #col_1 div.inner_col { background: transparent; } #skin_care #hm_box_skin_care{background:url(/img/skin_care_left_col_flowers.gif)top left no-repeat; min-width:450px; width:100%; height:336px; z-index:1; padding:0px;} #skin_care #hm_box_skin_care #skin_care_woman {background:url(/img/t2_skin_care_woman.gif) top right no-repeat transparent; width:100%; height:100%; margin: 0px;} #gel_packs #col_1 #hm_box_gel_promo { min-width:445px; width:100%; height:333px; z-index:1; } #gel_packs #col_1 #hm_box_gel_promo .tab_header {position:absolute; top:0px; left:38px;} #gel_packs #col_1 #hm_box_gel_promo .promo_content {width:335px; margin-left:38px;} /* BOX 2 */ #company #col_2 div.col_container { background: #66a621 url(/img/company_t2_col2_outer_bg.jpg) no-repeat top right; } #company #col_2 div.inner_col { background: transparent url(/img/company_t2_col2_inner_bg.gif) no-repeat top left; } #products #col_2 { } #products #col_2 div.col_container { background: #66a621 url(/img/products_t2_col2_outer_bg.jpg) no-repeat top right; } #products #col_2 div.inner_col { width: 325px; padding-right: 19px; background: transparent url(/img/products_t2_col2_inner_bg.gif) no-repeat top left; } #products #col_2 img.product_shot { margin-top: 30px; } #opportunity #col_2 div.col_container { background: #f04d30 url(/img/opportunity_t2_col2_outer_bg.jpg) no-repeat top right; } #opportunity #col_2 div.inner_col { background: transparent url(/img/opportunity_t2_col2_inner_bg.png) no-repeat top left; } #skin_care #col_2 div.col_container{background:url(/img/skin_care_center_pink_box.gif)top right no-repeat; min-width:250px;} #skin_care #col_2 div.inner_col {background:url(/img/skin_care_center_gradient_box.jpg) top left no-repeat transparent; height:333px;} #skin_care #col_2 div #col_content {width:215px; margin: 0px 20px;} #skin_care #col_2 #col_content h2 {padding-top: 15px; padding-bottom:0px; margin:0px;} #skin_care #col_2 #col_content p {padding-top: 0px; margin: 0px;} #skin_care #col_2 #col_content ol {padding: 0px 17px; margin: 15px 0px 5px 0px;} #skin_care #col_2 #skin_care_products {margin-left:0px; margin-top:25px;} #gel_packs #col_2 { } #gel_packs #col_2 div.col_container { background:url(/img/products_center_green_box.gif)top right no-repeat; min-width:235px; } #gel_packs #col_2 div.inner_col { background:url(/img/products_center_gradient_box.gif) top left no-repeat; height:333px; min-width:235px;} #gel_packs #col_2 img.product_shot { margin-left:20px; margin-top:0px; } /* BOX 3 */ #company #col_3 div.top { height: 99px; margin: 0px 0px 4px 0px; background: #66a621 url(/img/company_t2_col3_top_outer_bg.jpg) no-repeat top right; } #company #col_3 div.top div.inner_col { height: 84px; background: transparent url(/img/company_t2_col3_top_inner_bg.gif) no-repeat top left; } #company #col_3 div.middle { height: 99px; margin: 0px 0px 4px 0px; background: #fbb033 url(/img/company_t2_col3_middle_outer_bg.jpg) no-repeat top right; } #company #col_3 div.middle div.inner_col { height: 84px; background: transparent url(/img/company_t2_col3_middle_inner_bg.gif) no-repeat top left; } #company #col_3 div.bottom { height: 99px; background: #ed8020 url(/img/company_t2_col3_bottom_outer_bg.jpg) no-repeat top right; } #company #col_3 div.bottom div.inner_col { height: 84px; background: transparent url(/img/company_t2_col3_bottom_inner_bg.gif) no-repeat top left; } #company #col_3 div.bottom div.inner_col img.arrow { margin-top: 1px; margin-bottom: -8px; } #opportunity #col_3 div.top { height: 150px; margin: 0px 0px 5px 0px; background: #ed8020 url(/img/opportunity_t2_col3_top_outer_bg.jpg) no-repeat top right; } #opportunity #col_3 div.top div.inner_col { height: 135px; padding-bottom: 5px; background: transparent url(/img/opportunity_t2_col3_top_inner_bg.gif) no-repeat top left; } #opportunity #col_3 div.bottom { height: 150px; background: #fbaf32 url(/img/opportunity_t2_col3_bottom_outer_bg.jpg) no-repeat top right; } #opportunity #col_3 div.bottom div.inner_col { height: 135px; padding-bottom: 5px; background: transparent url(/img/opportunity_t2_col3_bottom_inner_bg.gif) no-repeat top left; } #get_involved #col_3 div.top { height: 99px; margin: 0px 0px 5px 0px; background: #f49829 url(/img/get_involved_t2_col3_top_outer_bg.jpg) no-repeat top right; } #get_involved #col_3 div.top div.inner_col { height: 84px; padding-bottom: 5px; background: transparent url(/img/get_involved_t2_col3_top_inner_bg.gif) no-repeat top left; } #get_involved #col_3 div.middle { height: 99px; margin: 0px 0px 4px 0px; background: #a7a9ac url(/img/get_involved_t2_col3_middle_outer_bg.jpg) no-repeat top right; } #get_involved #col_3 div.middle div.inner_col { height: 84px; background: transparent url(/img/get_involved_t2_col3_middle_inner_bg.gif) no-repeat top left; } #get_involved #col_3 div.bottom { height: 99px; background: #54bdec url(/img/get_involved_t2_col3_bottom_outer_bg.jpg) no-repeat top right; } #get_involved #col_3 div.bottom div.inner_col { height: 84px; padding-bottom: 5px; background: transparent url(/img/get_involved_t2_col3_bottom_inner_bg.gif) no-repeat top left; } #events #col_3 div.col_container { background: #54beec url(/img/events_t2_col3_outer_bg.jpg) no-repeat top right; } #events #col_3 div.inner_col { background: transparent url(/img/events_t2_col3_inner_bg.gif) no-repeat top left; } #newsroom #col_3 div.top { height: 99px; margin: 0px 0px 4px 0px; background: #007baf url(/img/newsroom_t2_col3_top_outer_bg.jpg) no-repeat top right; } #newsroom #col_3 div.top div.inner_col { height: 84px; background: transparent url(/img/newsroom_t2_col3_top_inner_bg.gif) no-repeat top left; } #newsroom #col_3 div.middle { height: 99px; margin: 0px 0px 4px 0px; background: #007baf url(/img/newsroom_t2_col3_middle_outer_bg.jpg) no-repeat top right; } #newsroom #col_3 div.middle div.inner_col { height: 84px; background: transparent url(/img/newsroom_t2_col3_middle_inner_bg.gif) no-repeat top left; } #newsroom #col_3 div.bottom { height: 99px; background: #ed8020 url(/img/newsroom_t2_col3_bottom_outer_bg.jpg) no-repeat top right; } #newsroom #col_3 div.bottom div.inner_col { height: 84px; background: transparent url(/img/newsroom_t2_col3_bottom_inner_bg.gif) no-repeat top left; } /* BOX 4 */ #col_4 #section { padding-top: 11px; } #col_4 #rightnav { height: 275px; padding: 0px; } #company #col_4 #rightnav { background: #9ece67 url(/img/company_t2_col4_outer_bg.jpg) no-repeat top right; } #products #col_4 #rightnav { background: #9fce67 url(/img/products_t2_col4_outer_bg.jpg) no-repeat top right; } #gel_packs #col_4 #rightnav { background: #9fce67 url(/img/products_t2_col4_outer_bg.jpg) no-repeat top right; } #opportunity #col_4 #rightnav { background: #fbaf32 url(/img/opportunity_t2_col4_outer_bg.jpg) no-repeat top right; } #get_involved #col_4 #rightnav { background: #007baf url(/img/get_involved_t2_col4_outer_bg.jpg) no-repeat top right; } #events #col_4 #rightnav { background: #007baf url(/img/events_t2_col4_outer_bg.jpg) no-repeat top right; } #newsroom #col_4 #rightnav { background: #54beec url(/img/newsroom_t2_col4_outer_bg.jpg) no-repeat top right; } #col_4 #rightnav ul { height: 249px; padding: 13px 0px; } #company #col_4 #rightnav ul { background: transparent url(/img/company_t2_col4_inner_bg.gif) no-repeat top left; } #products #col_4 #rightnav ul { background: transparent url(/img/products_t2_col4_inner_bg.gif) no-repeat top left; } #gel_packs #col_4 #rightnav ul { background: transparent url(/img/products_t2_col4_inner_bg.gif) no-repeat top left; } #opportunity #col_4 #rightnav ul { background: transparent url(/img/opportunity_t2_col4_inner_bg.gif) no-repeat top left; } #get_involved #col_4 #rightnav ul { background: transparent url(/img/get_involved_t2_col4_inner_bg.gif) no-repeat top left; } #events #col_4 #rightnav ul { background: transparent url(/img/events_t2_col4_inner_bg.gif) no-repeat top left; } #newsroom #col_4 #rightnav ul { background: transparent url(/img/newsroom_t2_col4_inner_bg.gif) no-repeat top left; } #skin_care #col_4 {margin: 0px; border: none none; padding: 0px;} #skin_care #col_4 .col_container {margin:0px; padding:0px;} #skin_care #col_4 .col_container .top, #skin_care #col_4 .col_container .middle, #skin_care #col_4 .col_container .bottom {background:url(/img/skin_care_pink_side_box.gif) top left #66a520 no-repeat; height:108px; cursor:pointer; } #skin_care #col_4 .col_container .top {margin-left:0px;} #skin_care #col_4 .col_container .top .side_bkg {background:url(/img/skin_care_right_col_gradient_boxes.jpg) top right transparent no-repeat; margin-left:0px; min-width:250px;} #skin_care #col_4 .col_container .top .side_bkg .inner_col {width:200px;} #skin_care #col_4 .col_container .middle {margin: 5px 0px;} #skin_care #col_4 .col_container .middle .side_bkg {background:url(/img/skin_care_right_diamond_bkg.jpg) top right transparent no-repeat; margin-left:0px;} #skin_care #col_4 .col_container .bottom {} #skin_care #col_4 .col_container .bottom .side_bkg {background:url(/img/skin_care_right_col_gradient_stars.jpg) top right transparent no-repeat; margin-left:0px; height:110px; min-width:232px;} #ftr_container { width: 100%; min-width: 495px; clear: both; padding: 15px 0px 0px 0px; background: #e9edef url(/img/ftr_shadow_bg.gif) repeat-x top left; } #ftr_container .three_col, #ftr_container .four_col { height: auto; } #ftr_container .three_col div.inner_col, #ftr_container .four_col div.inner_col { height: auto; padding: 0px 5px 0px 13px; color: #575f67; } #ftr_container p { margin: 0px; padding: 5px 0px; } #ftr_container h2 { margin: 0px; font: normal 14px Arial, sans-serif; line-height: 16px; } #home #ftr_container h2 { color: #5a980b; } #company #ftr_container h2 { color: #5a980b; } #products #ftr_container h2 { color: #5a980b; } #gel_packs #ftr_container h2 { color: #5a980b; } #skin_care #ftr_container h2 { color: #5a980b; } #opportunity #ftr_container h2 { color: #db321e; } #get_involved #ftr_container h2 { color: #0568a2; } #ftr_container a { color: #5a980b; } #ftr_container .three_col { margin-bottom: 20px; } #footer { height:40px; background:#e9edef; margin: 0px; padding: 8px 2px 0px 20px; clear: both; font: normal 10px Arial, sans-serif; line-height: 12px; color: #575f67; } #footer p {float: left; clear:left; border:none none; } #footer ul { width: 330px; float: left; margin: 0px 25px 0px 0px; padding: 0px 0px; display: inline; clear:right;} #footer ul li { display: inline; list-style-type: none; font-size: 10px; line-height: 12px; color: #67a621; } #footer ul li a {color: #67a621;} /** HOME PAGE STYLES **/ .three_col { width: 100%; height: 275px; min-width: 246px; float: right; padding: 0px; line-height: 13px; color: #fff; } .three_col div.col_container { margin: 5px 0px; height: 333px;} .three_col div.inner_col { position: relative; width: 227px; height: 125px; padding: 0px 5px 5px 14px; } .three_col a { color: #fff; } #home #right_col { width: 50%; height: 335px; min-width: 475px; float: right; margin-right:0px; cursor:pointer;} #home #right_col div.col_container { position: static; margin: 0px 0px 0px 3px; background: transparent url(/img/hm_right_col_bg.jpg) no-repeat top left; } #home #right_col div.top { margin: 0px 0px 5px 0px; background: transparent url(/img/hm_right_col_top_bg.png) no-repeat top left; } #home #right_col div.one { margin: 0px 0px 5px 0px; background: transparent url(/img/hm_right_col_woman_bg.gif) no-repeat top right; width:100%; height:100%; } #home #right_col div.top div.inner_col { width: 325px; padding-left: 100px; background: transparent; } #home #right_col div.one div.inner_col { width: 325px; background: transparent; } #home #right_col div.one div.inner_col h2 {} #home #right_col div.top div.inner_col h1 { margin-left: -88px; } html>#home #right_col div.top { margin-top: -5px; } #home #right_col div.top div.inner_col { width: 160px; padding-left: 100px; background: transparent; } #home #right_col div.top div.inner_col h1 { margin-left: -88px; } #home #right_col div.bottom { position: relative; background: transparent url(/img/hm_right_col_bottom_bg.gif) no-repeat top left; } #home #middle_col { width: 100%; } #home #middle_col div.col_container { margin: 5px 5px 0px 5px; } #home #middle_col div.top { margin: 0px 0px 5px 0px; background: #54beec url(/img/hm_middle_col_top_outer_bg.jpg) no-repeat top right; } #home #middle_col div.top div.inner_col { width: 140px; background: transparent url(/img/hm_middle_col_top_inner_bg.gif) no-repeat top left; } #home #middle_col div.bottom { margin: 0px; background: #007cb1 url(/img/hm_middle_col_bottom_outer_bg.jpg) no-repeat top right; } #home #middle_col div.bottom div.inner_col { width: 180px; background: transparent url(/img/hm_middle_col_bottom_inner_bg.gif) no-repeat top left; } #home #left_col { width: 50%; min-width:475px; height:335px; width:50%; float:left; cursor:pointer;} #home #left_col div.col_container { margin: 0px 3px 0px 0px; background: url(/img/hm_left_col_bg.jpg) no-repeat top right; } #home #left_col div.top { margin: 0px 0px 5px 0px; background: #66a621 url(/img/hm_left_col_top_bg.jpg) no-repeat top right; } #home #left_col div.top div.inner_col { width: 140px; } #home #left_col div.one div.inner_col { width: 325px; } #home #left_col div.one div.inner_col h2 {} #home #left_col div.bottom { background: #9fce67 url(/img/hm_left_col_bottom_bg.jpg) no-repeat top right; } #home #left_col div.bottom div.inner_col { width: 140px; } #home h1 { margin: 0px 0px 2px -4px; } .hm_arrow { position: relative; } #news_ticker { margin-bottom: 5px; min-width: 495px; width: 50%;} #umi { position: absolute; top: 367px; left: 165px; } /* NEWS PAGE STYLES */ #newsroom #newsbottomnav {clear: both; width: 100%;} #newsroom #newsleftnav {float: left;} #newsroom #newsrightnav {float: right;} #newsroom hr {clear: width: 100%; both; padding-top: 3px; color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; } #newsroom #podspace {clear: both; width: 100%; height: 20px;} #newsroom #podholder {clear: both; width: 100%;} #newsroom #podcontent {float: left; width: 200px;} #newsroom #podimage {float: right; margin-right: 0px; background-color: #000000;} #newsroom #clear {clear: both;} #newsroom hr {clear: both; width: 100%; padding-top: 3px; color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; } #newsroom #holder {clear: both; width: 100%; padding: 1px;} #newsroom #caption {float: left; width: 200px;} #newsroom #event_date {float: left;} #newsroom #event_time {float: right;} #newsroom #more {clear: both; width:100%; text-align: right;} /* EVENT PAGE STYLES */ #events #clear {clear: both;} #events hr {clear: both; width: 100%; padding-top: 3px; color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; } #events #holder {clear: both; width: 100%; padding: 1px;} #events #caption {float: left; width: 200px;} #events #event_date {float: left;} #events #event_time {float: right;} #events #more {clear: both; width:100%; text-align: right;} #agelworld { float: none; } #agelworld .date { font-size: 13px; } #agelworld h3 { margin-bottom: 4px; font: normal 15px Arial, sans-serif; line-height: 18px; color: #0096d6; } #agelworld a, #agelworld .highlight { color: #7ac142; } #agelworld ul { margin-top: 0px; margin-left: -15px; } #agelworld ul li { list-style-type: none; } ul.geldocs { padding-bottom: 10px; } ul.geldocs li { padding: 4px 0px; border-bottom: 1px dotted #c9c9c9; } ul.bibliography, ol.bibliography { margin-top: 5px; } ul.bibliography li, ol.bibliography li { padding: 5px 0px; } div.newsletter { padding: 7px 0px; border-bottom: 1px dotted #c9c9c9; } div.newsletter h3 { margin-bottom: 2px; font-size: 14px; color: #5a980b; } div.newsletter span.author { font-weight: bold; font-style: italic; } #intro {font-size: 13px; line-height:15px;} #pink_text{ color:#d9166e;} /*T2 styles */ .product_spotlight {font-size:30px; line-height:30px; padding:0px 0px 0px 0px; margin:15px 0px 0px 0px; font-weight:normal; letter-spacing:0px; font-weight:normal;} .four_col h2 {font-size:18px; line-height:18px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight:normal; letter-spacing:0px; font-weight:normal;} #gel_packs #col_2 h2 {font-size:26px; line-height:26px; padding:0px 0px 0px 0px; margin:15px 0px 0px 0px; font-weight:normal; letter-spacing:0px; font-weight:normal;} #skin_care #col_2 h2 {font-size:18px; line-height:18px; padding:0px 0px 0px 0px; margin:15px 0px 0px 0px; font-weight:normal; letter-spacing:0px; font-weight:normal;} #col_4 h2 {font-size:18px; line-height:18px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight:normal; letter-spacing:0px; font-weight:normal;} .three_col h2 {font-size:22px; line-height:22px; padding:0px; margin:0px; font-weight:normal; letter-spacing: -2px; font-weight:normal;} /* ADMIN PAGE STYLES */ #admin { } #admin #success {color: green} #admin #err {color: red} #admin #event {padding-left:15px;} #admin #title {padding-left:15px; padding-top:6px;} #admin #info {padding-left:25px;} #admin #form_container {} #admin #form_container #label {padding-top:3px;} #admin #form_container #input_field {padding-bottom:10px;} /** SIFR STYLES **/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0;} .sIFR-replaced { visibility: visible !important;} span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash .three_col h2 { visibility: hidden; letter-spacing: 0px; } .sIFR-hasFlash #col_4 h2 { visibility: hidden; } .sIFR-hasFlash #col_2 h2 { visibility: hidden; } .sIFR-hasFlash #ftr_container h2 { visibility: hidden; } .sIFR-hasFlash #section span { visibility: hidden; } .sIFR-hasFlash #events #col_1 .events_hdr { visibility: hidden; } .sIFR-hasFlash .four_col .sub_hdr { visibility: hidden; } .sIFR-hasFlash #newsletter .headline { visibility: hidden; } .sIFR-hasFlash .promo .headline { visibility: hidden; } .sIFR-hasFlash .product_spotlight { visibility: hidden; font-weight:100; font-size:30px; line-height:40px; letter-spacing:0px; } .sIFR-hasFlash #page_body h1 span { visibility: hidden !important; } /* turn off topnav if Flash installed */ .sIFR-hasFlash #topnav { display: none; visibility: hidden; } .sIFR-hasFlash #navigation { display: none; visibility: hidden; } .sIFR-hasFlash #topnav_container { display: none; visibility: hidden; } .sIFR-hasFlash #dream { display: none; visibility: hidden; } .sIFR-hasFlash #market { display: none; visibility: hidden; }