/* COLOR REFERENCE */ /* #F8F7F5 - Body BG gray #DBE300 - Link Hover Yellow #95BA00 - H3 Green #2B92B0 - H1 & Link Blue #56B8D4 - Link hover #494848 - Body Copy */ /* RESET */ /* ----------------------------------------- */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ body { font-size: 75%; margin:0 auto; width: 100%; color: #494848; font-family:Arial, Helvetica, sans-serif; background: #656565 url(assets/images/body_bg3.jpg) top center repeat-y; } html>body { font-size: 12px; } #header { height:123px; width: 968px; background: url(assets/images/header_bg2.jpg) top left no-repeat; } #header_logo { width: 330px; height:123px; float:left;} #header_nav { float:right; padding:24px 18px 0 0; text-align:right; height:99px; width:410px;background: url(assets/images/header_nav_bg2.jpg) top right no-repeat;color:#FFF; font-size: 11px; } #header_nav a:link, #header_nav a:visited { color: #DBE300; text-decoration:none; padding: 0 5px; text-transform:uppercase; } #header_nav a:hover, #header_nav a:active { color: #FFF; text-decoration:underline;} .post { clear:both; } #content_wrapper { margin: 0 auto; clear:both; width:968px; } p { line-height:1.5em; font-size:1em; margin-top: 1.5em; margin-bottom: 1.5em; } h1 { font-size: 2em; font-weight:normal; line-height: 1em; color:#2B92B0; margin-bottom: 0.5em;} h2 { font-size: 1.5em; line-height: 1.286em; font-weight:normal; margin-bottom: 0.625em; } h3 { font-size: 1.4em; font-weight:bold; color:#95BA00; } h4 { font-size: 1em; font-weight:bold; } hr { width:100%; height:1px; background:#999; border:0 none; margin: 1.5em 0;} .clear { clear:both;} #content_top { float:left; width:627px; margin:20px 0 0 7px; display:block; height:5px; background:url(assets/images/home_content_top.gif) top center no-repeat; } #content { background:#FFF; clear:left;float:left; width:587px; padding:30px 20px 20px 20px; margin:0 0px 10px 7px; min-height:511px; } #content_home {background:#FFF; clear:left;float:left; width:587px; padding:30px 20px 20px 20px; margin:0 0px 10px 7px;} #content_home_left {float:left;width:270px;margin-right:20px;} #content_home_right {float:left;width:290px;} .content_home_head {font-size:18px;color:#95BA00;font-weight:lighter;display:block;} .content_home_txt {font-size:14px;color:#888;margin-bottom:18px;display:block;line-height:22px;} #sub_page_content_top { float:left; width:628px; margin-top: 20px; display:block; height:5px; background:url(assets/images/content_top.gif) top center no-repeat; } #sub_page_content { float:left; width:548px; margin: 0 20px 20px 20px; padding: 10px 20px; min-height:511px; background:#FFF; } #sub_page_content ul li { margin: 0 0 0.625em 20px; display:list-item; list-style:outside disc; } #sub_page_content ol li { margin: 0 0 0.625em 20px; display:list-item; list-style:outside decimal; } #sub_page_content table { width:548px; overflow:hidden;} #sub_page_content td, #sub_page_content tr { padding:5px; } #sub_page_content_top.equipment { background:url(assets/images/content_top_equipment.gif) top center no-repeat; } #sub_page_content.ultra { background: #FFF url(assets/images/ultra_bg.jpg) top center no-repeat;} #sub_page_content.ultimate { background: #FFF url(assets/images/ultimate_bg.jpg) top center no-repeat;} #sub_page_content.classic { background: #FFF url(assets/images/classic_bg.jpg) top center no-repeat;} .equipment_intro { margin:65px 363px 0 0; float:left; width: 185px; height: 230px;} .equipment_intro h1 { font-size: 1.5em;} .equipment_details { text-align:center; float: left; width:162px; padding:0px 10px;} .equipment_details p { text-align:left; margin-top:0;} .equipment_details h3 { text-align:left; font-size:1em; color:#2B92B0; margin-bottom:0; padding-top:10px; } #sub_page_content.ultimate .equipment_intro { height: 270px;} .alignleft { float:left;margin:0 10px 10px 0; } .alignright { float:right;margin:0 0 10px 10px; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; padding: 4px 4px 5px 4px; margin: 0; } #product_page_content { float:left; width:588px; margin: 0 20px 20px 20px; padding: 10px 0px; min-height:511px; background:#FFF; } #product_page_content h1 { margin: 0 20px 0 20px;} #media_center {float:left;} #media_center h2 {font-size:18px;margin-top:0.5em;margin-bottom:0.5em;color:#2B92B0;} #media_center p { margin:0 0 0.625em 0; padding:0;} .media_entry{border-top: 1px dotted #6C6C6C;padding-top:10px;margin-bottom:20px;} /* EMAIL SIGNUP */ /* ----------------------------------------- */ #email_signup { clear:both; margin:38px 0 0 0;color:#FFFFFF;float:right; } .enews_button { float:left; width:82px; height:29px; border:0; cursor: pointer; } .enews_element { background:url(assets/images/enews_field.gif) no-repeat scroll left top transparent; border:0 none; float:left; height:29px; text-indent:10px; width:212px; } /* HOME PAGE FEATURES */ /* ----------------------------------------- */ #featured_brands { float:right; width:260px; margin:-5px 7px 0 0; padding:20px; background: url(assets/images/featured_brands_bg.png) top center no-repeat;} #featured_brands h1 { color:#95BA00; } .brand { margin:1.5em 0; overflow:auto; display:block;} .brand_info { float:right; width:185px;} .brand_logo { float:left; margin-right:10px;} .brand p { margin:0; color:#FFF;} #featured_treatments, #featured_equipment, #featured_skincare { position:relative; float:left; display:block; height:358px; margin-top:20px; overflow:hidden;} #featured_treatments { width:272px; height: 338px; margin-left:4px; padding: 17px 30px 0 18px; background:url(assets/images/pod.png) left top no-repeat;} #featured_equipment { width:260px; height: 120px; padding: 235px 30px 0 30px; } #featured_skincare { width:245px; height: 338px; margin-right:4px; padding: 20px 30px 0 45px; background:url(assets/images/pod.png) right top no-repeat;} #featured_treatments p { margin:.5em 0;} #featured_treatments h3 { margin:.5em 0;} #featured_equipment.ultra { background: url(assets/images/pod_ultra.png) top center no-repeat;} #featured_equipment.ultimate { background: url(assets/images/pod_ultimate.png) top center no-repeat;} #featured_equipment.classic { background: url(assets/images/pod_classic.png) top center no-repeat;} #featured_equipment p { margin:.5em 0;} #featured_equipment h3 { margin:.5em 0;} #featured_skincare p { margin:.3em 0 1em 0; line-height:1.125em;} #featured_skincare h3 { margin:.3em 0;} #featured_skincare hr { margin_bottom:0.3em;} blockquote { margin:0;color:#9cc9d7; font-size:20px; font-weight:lighter; font-style:italic; } cite { font-size:14px; color:#2B92B0;} cite-link { font-weight:bold; } .sfststreadmore { position:absolute; bottom: 30px; left:45px;} blockquote p { margin:.3em 0 1em 0; line-height:1em; font-size:18px;} blockquote p.testimonial { margin:0;color:#9cc9d7; font-size:20px; font-weight:lighter; font-style:italic; } blockquote p cite { line-height:1.125em;} /* CONTACT FORM */ /* ----------------------------------------- */ #wpcf7-f1-p149-o1 { background:#F8F7F5; padding:20px; margin-top:10px;} .request_form tr { position: relative;} .request_form td { padding:0 10px 0 0;} .wpcf7-list-item { float:left;clear:both; padding-bottom:5px;} .required { color: #2B92B0;} /* CONTACT INFO */ /* ----------------------------------------- */ #contact_button { float:left; display:block; width: 162px; position:relative; margin: -5px 8px 0 0px; padding:0 0 15px 0; background: url(assets/images/contact_bg.png) center bottom no-repeat; } .contact_button_top { height:10px; width:160px; margin-left:1px; display:block; background:url(assets/images/product_h2_top.gif) bottom no-repeat;} .contact_button_heading { font-size:1em; clear:both; display:block; margin-left:1px; width:130px; padding: 0 15px 0 15px; color:#FFF; background:#95BA00 url(assets/images/contact_h2_bg.gif) bottom center no-repeat; } #contact_button a:link, #contact_button a:visited { color:#FFF; text-decoration:none;} #contact_button a:hover, #contact_button a:active { color:#627D00; text-decoration:underline; } #contact-info { color:#FFF;float:left; display:block; width: 152px; position:relative; margin: 17px 8px 0 10px; padding:0 0 15px 0; } #contact-info h2 { margin-bottom:0.375em; } #contact-info p { margin:0 0 0.625em 0; padding:0;} /* FEATURED PRODUCT */ /* ----------------------------------------- */ #featured_product { float:left; display:block; width: 162px; position:relative; margin: -5px 8px 23px 0px; padding:0 0 8px 0; background: url(assets/images/subnav_bg.png) center bottom no-repeat; } .featured_content { text-align:center; background:#FFF; width:160px; margin-left:1px; font-size:.875em;} .featured_content h3 { text-align:left; font-size:1em; } .featured_excerpt { text-align:left; padding: 0 10px;} .featured_content p { margin: .625em 0; } .featured_heading_top { height:10px; width:160px; margin-left:1px; display:block; background:url(assets/images/product_h2_top.gif) bottom no-repeat;} .featured_heading { font-size:1.2em; clear:both; display:block; margin-left:1px; width:130px; padding: 0 15px 10px 15px; color:#FFF; background:#95BA00 url(assets/images/product_h2_bg.gif) bottom center no-repeat; } /* PRODUCT PAGES */ /* ----------------------------------------- */ .product_preview { float:left; text-align:center; display:block; width:160px; height:300px; overflow:hidden; margin:10px 18px 20px 18px; font-size:.875em; } .product_preview h3 { font-size:1em; text-align:left; padding-top:.625em;} .product_preview p { margin: .625em 0; text-align:left;} .product_price { font-weight:bold; text-align:left;} /* FOOTER */ /* ----------------------------------------- */ #footer { margin:0 auto; clear:both; padding-top:20px; min-height:175px; width:960px; line-height:1.5em; background:url(assets/images/footer_bg.png) top no-repeat; } #footer p { margin:0 0 0.625em 0; padding:0;} #footer a:link, #footer a:visited { color:#000; text-decoration:none; } #footer a:hover, #footer a:active { color: #2B92B0; text-decoration:underline;} #footer_logo { width: 90px; height:45px; margin-right:20px; padding-top:10px; float:left;} #footer_contacts { float:left; color:#000;} .footer_nav { float:right; padding:0 0 0 30px; text-align:left; display:block; } #footer h3 {font-size:1em; color:#000; margin-bottom: 0.625em; } #footer h4 { font-weight:normal;} #footer h2 { margin-bottom:0; } .social_link { float:left; display:inline-block; padding-right:5px;} /* NAVIGATION */ /* ----------------------------------------- */ a:link, a:visited { color: #2B92B0; text-decoration:none; } a:hover, a:active { color: #56B8D4; text-decoration:underline;} #nav { margin:0 auto; height:43px; width: 968px;} #nav ul { position: relative; margin: 0; padding:0; z-index:999; } #nav ul li { position: relative; height: 43px; float: left; display: block; } #nav ul li a { float: left; display: block; } #nav ul li a:hover, #nav ul li a:active { background-position: 0 -43px; } #nav ul li ul { position: absolute; top: 40px; left:10px; width: 260px; display: none; } #nav ul li:hover ul, #nav ul li.over ul { display: block; } li#learn_esthetic_treatments a { background: url(assets/images/nav_learn_esthetic_treatments.png); width: 322px; } li#buy_esthetic_equipment a { background: url(assets/images/nav_buy_esthetic_equipment.png); width: 325px; } li#buy_skincare_products a { background: url(assets/images/nav_buy_skincare_products.png); width: 321px; } /*2nd Level Links*/ #nav ul li ul li { display: list-item; clear:both; background: url(assets/images/menu_bg.png) center top; height:100%; width: 260px; } #nav ul li ul li.top { padding:0; height: 5px; background: url(assets/images/menu_top.png) no-repeat center top; } #nav ul li ul li.bottom { padding:0; height: 14px; background: url(assets/images/menu_bottom.png) no-repeat center bottom; } #nav ul li ul li a:link, #nav ul li ul li a:visited { padding: .375em 0; margin: 0 20px; width:220px; display:list-item; background:url(../images/bullet.gif) left center no-repeat; text-decoration:none; font-weight: lighter; color:#FFF; font-size:1.2em; border-bottom: 1px solid #6C6C6C;} #nav ul li ul li a:hover, #nav ul li ul li a:active { color: #DBE300; } /* SUB NAVIGATION */ /* ----------------------------------------- */ #subnav { float: left; width: 162px; margin-left:8px; padding:20px 0 0 0; } .subnav_top { clear:both; height:10px; width:162px; display:block; background:url(assets/images/subnav_h2_top.gif) bottom no-repeat;} #subnav h2 { font-size:1.2em; clear:both; display:block; width:130px; margin:0 0 0 1px; padding: 0 15px 10px 15px; color:#FFF; background:#2b92b0 url(assets/images/subnav_h2_bg.gif) bottom center no-repeat; } #subnav h2 a:link, #subnav h2 a:visited, #subnav h2 a:hover, #subnav h2 a:active { color:#FFF; text-decoration:none;} /*1st Level Links*/ #subnav ul { width:162px; background: url(assets/images/subnav_bg.png) left bottom no-repeat; padding-bottom:15px; font-size:.95em; } #subnav ul li { width: 135px; margin:0 0 0 1px; background:#FFF; clear:both; padding:5px 10px 5px 15px; } #subnav ul li ul, #subnav ul li ul.children li { width: 125px; background:none; padding:0px 0 5px 5px; } #subnav ul li ul.children li { padding-top:5px; } #subnav ul li a:link, #subnav ul li a:visited { text-decoration:none; font-weight: normal; color: #494848; } #subnav ul li a:hover, #subnav ul li a:active { color: #2B92B0; } #subnav ul li.current_page_item { background-color:#BFDEE7;} #subnav ul li.current_page_item a { font-weight:bold; } #subnav ul li.current-cat, #subnav ul li.used-cat, #subnav ul li.current-cat-parent { background-color:#DAE5AB;} #subnav ul li.current-cat a, #subnav ul li.used-cat a, #subnav ul li.current-cat-parent a { font-weight:bold;} #subnav ul li.current-cat ul.children li, #subnav ul li.used-cat ul.children li, #subnav ul li.current-cat-parent ul.children li { background: none; width:125px;} #subnav ul li.current-cat ul.children li a, #subnav ul li.used-cat ul.children li a, #subnav ul li.current-cat-parent ul.children li a { font-weight:normal; } #subnav ul li.used-cat ul.children li.used-cat a, #subnav ul li.current-cat-parent ul.children li.current-cat a { font-weight:bold; } #subnav ul.archive li.current-cat, #subnav ul.archive li.used-cat { background-color:#BFDEE7;} #subnav ul.archive li.current-cat a, #subnav ul.archive li.used-cat a { font-weight:bold;} /* PRODUCT NAVIGATION */ /* ----------------------------------------- */ .products_heading_top { clear:both; height:10px; width:162px; display:block; margin-top:20px; background:url(assets/images/product_h2_top.gif) bottom no-repeat;} .products_heading { font-size:1.2em; clear:both; display:block; width:130px; margin:0 0 0 1px; padding: 0 15px 10px 15px; color:#FFF; background:#95BA00 url(assets/images/product_h2_bg.gif) bottom center no-repeat; } .products_heading a:link, .products_heading a:visited, .products_heading a:hover, .products_heading a:active { color:#FFF; text-decoration:none; } #wrapper { margin: 0 auto; } /*Support */ .question{color:#2B92B0;font-size:14px;border-top: 1px dotted #6C6C6C;padding-top:10px;}