body { margin:0; background:url(/templates/32/bkgd_sliver.gif) repeat-x 0 0; } .form_bkgd { background:url("/templates/32/bkgd_sliver.gif") repeat-x scroll bottom left transparent; } .page_bkgd { background-color:#FFF; } .default_bg_color { background-color:transparent; } #whole_block { width:850px; margin-left:auto; margin-right:auto; background-color:#FFF; } #header_top { float:left; width:850px; height:90px; background:url(/templates/32/header_bkgd.gif) no-repeat 0 0 transparent; } #header_window { float:left; width:850px; height:280px; background-color:#FFF; padding-bottom:15px; background:#FFF url(/templates/32/header_home.jpg) no-repeat 0 0; } #better-hair #header_window { background:#FFF url(/templates/32/header_home.jpg) no-repeat 0 0; } #customer-support #header_window,#order-tracking #header_window,#contact-us #header_window,#sitemap #header_window { background:#FFF url(/templates/32/header_customer-support.jpg) no-repeat 0 0; } #our-promise #header_window { background:#FFF url(/templates/32/header_our-promise.jpg) no-repeat 0 0; } #news #header_window,#about-hair-extensions #header_window,#press-releases #header_window,#blog #header_window { background:#FFF url(/templates/32/header_news.jpg) no-repeat 0 0; } #professionals #header_window,#open-an-account #header_window,#training-and-certification #header_window,#upcoming-classes #header_window,#why-enroll #header_window,#hair-technology #header_window,#equipment #header_window,#purchase-equipment #header_window,#color-chart #header_window,#free-dvd-and-hair-strand #header_window,#free-dvd-and-hair-strand-form #header_window,#acct #header_window,#acct_info #header_window,#successful-login #header_window,#logout #header_window,#invoices #header_window,#receipt #header_window,#txn_failed #header_window { background:#FFF url(/templates/32/header_professionals.jpg) no-repeat 0 0; } #get-the-hair-you-want #header_window,#how-it-works #header_window,#recommended-by-stylists #header_window,#free-samples #header_window,#photo-gallery #header_window,#photo-testimonials #header_window, #hair-extensions #header_window,#short #header_window,#standard #header_window,#long #header_window,#wavy #header_window,#crazy #header_window,#hair-care-products #header_window,.more_q87 #header_window,.more_q88 #header_window,.more_q89 #header_window,.more_q90 #header_window,.more_q92 #header_window { background:#FFF url(/templates/32/header_better-hair.jpg) no-repeat 0 0; } #buy-product-now #header_window,#cart #header_window,#checkout #header_window,#ostia-collection #header_window,#ostia-collection-for-professionals #header_window { background:#FFF url(/templates/32/header_buy-product-now.jpg) no-repeat 0 0; } #customer-testimonials #header_window,#find-a-salon #header_window,#faq #header_window { background:#FFF url(/templates/32/header_home.jpg) no-repeat 0 0; } #find-a-salon #header_window { background:#FFF url(/templates/32/header_find-a-salon.jpg) no-repeat 0 0; } #custom_phrase { width:100%; height:280px; } #header_middle { margin:0; padding:25px 0 0 510px; } #header_middle,#header_middle a:link,#header_middle a:hover,#header_middle a:active,#header_middle a:visited,#header_middle a:visited:hover { color:#78BA1A; font-size:13px; text-transform:uppercase; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; } #header_middle li { float:left; position:relative; } * html #header_middle li * { position:relative; } #header_middle li, #header_middle ul { margin:0 0 0 30px; padding:0; text-decoration:none; list-style:none; } #body_wrapper { float:left; width:850px; margin:0; padding:0; background-color:#FFF; } #nav { float:left; width:230px; background-color:#FFF; margin:0 30px; } #badges { text-align:center; margin:0; padding:0; } #buttons { float:left; width:540px; line-height:1; height:47px; padding:0; margin:0; background-color:#FFF; display:block; text-align:left; z-index:9998; } #buttons a { background:url(/templates/32/buttons.png) no-repeat 0 0; display:block;height:47px; text-indent:-999em; overflow:hidden; } #buttons li { float:left; position:relative; } * html #buttons li * { position:relative; } #buttons li, #buttons ul { margin:0; padding:0 1px 0 0; text-decoration:none; list-style:none; } /*--- Default ---*/ #buttons_customer-testimonials a { background-position:0 0; width:139px; } #buttons_hair-care-products a { background-position:-139px 0; width:135px; } #buttons_find-a-salon a { background-position:-274px 0; width:132px; } #buttons_faq a { background-position:-406px 0; width:127px; } /*--- Hovering ---*/ #buttons_customer-testimonials a:hover,#buttons_customer-testimonials_over a:hover { background-position:0 -47px; width:139px; } #buttons_hair-care-products a:hover,#buttons_hair-care-products_over a:hover { background-position:-139px -47px; width:135px; } #buttons_find-a-salon a:hover,#buttons_find-a-salon_over a:hover { background-position:-274px -47px; width:132px; } #buttons_faq a:hover,#buttons_faq_over a:hover { background-position:-406px -47px; width:127px; } /*--- Chosen,Click ---*/ #buttons_customer-testimonials_over a,#buttons_customer-testimonials a:active,#buttons_customer-testimonials_over a:active { background-position:0 -47px; width:139px; } #buttons_hair-care-products_over a,#buttons_hair-care-products a:active,#buttons_hair-care-products_over a:active { background-position:-139px -47px; width:135px; } #buttons_find-a-salon_over a,#buttons_find-a-salon a:active,#buttons_find-a-salon_over a:active { background-position:-274px -47px; width:132px; } #buttons_faq_over a,#buttons_faq a:active,#buttons_faq_over a:active { background-position:-406px -47px; width:127px; } #main_body { float:left; width:540px; padding:0; margin:0; background-color:#FFF; } #faq #main_body { background:url("/templates/32/faq_bkgd.jpg") no-repeat scroll right top #FFFFFF; } #ostia-collection .record_wrapper,#ostia-collection-for-professionals .record_wrapper,#m_ostia-collection .record_wrapper,#m_ostia-collection-for-professionals .record_wrapper { clear:both; border-top:1px solid #CFCFCF; height:340px; padding-top:20px; } #ostia-collection #main_body img,#ostia-collection-for-professionals #main_body img,#short #main_body img,#standard #main_body img,#long #main_body img,#wavy #main_body img,#crazy #main_body img { border:none; } #ostia-collection #main_body h2 { padding-bottom:15px; } #footer { float:left; width:850px; padding:0; margin:0; background-color:#FFF; text-align:center; } #seller_info_wrapper { padding:0px; color:#808080; font-family:Tahoma, Geneva, sans-serif; } #seller_info_wrapper a:link { color:#808080; text-decoration:underline } #seller_info_wrapper a:hover { color:#808080; text-decoration:none } #seller_info_wrapper a:active { color:#808080; text-decoration:underline } #seller_info_wrapper a:visited { color:#808080; text-decoration:underline } #seller_info_wrapper a:visited:hover { color:#808080; text-decoration:none } #agent_info { float:left; text-align:left; background:transparent; } #fsbo_info { float:center; text-align:center; } .agent_info { font-size:10px; } .fsbo_info { font-size:14px; } #agency_logo { float:right; background:transparent; } #clicktocall { padding:5px 20px 0 0; } #nav_links ul{ text-align:center; list-style:none; padding:0; margin:0; } #nav_links li{ display:inline; padding:0 10px 0 10px; border-left:1px solid #567F3F; } #nav_links ul li:first-child { border:none; padding:0 10px 0 0; } /*DROPDOWNS----------------------------------------------------------------------------------------*/ #dropdown { } #dropdown ul { list-style:none; padding:0; display:block; margin:0 0 20px; } #dropdown li { text-align:center; margin:0 0 20px; border:1px solid #CFCFCF; background:#FFF url(/templates/32/nav_sliver.jpg) repeat-x 0 0; } #dropdown ul ul { background:#FFF; padding:0; border:none; } /*dropdown container*/ #dropdown ul ul li { background:#000; padding:0 0 0 5px; margin:0; border:1px solid #696969; } /*dropdown box*/ #dropdown ul ul, #dropdown ul ul li { background:none; border:none; } .drop_vert ul ul { position:static; width:200px; } #dropdown li { text-align:left; padding:0; } #nav_better-hair,#nav_professionals,#nav_customer-support,#nav_news,#subcats_nav_better-hair,#subcats_nav_professionals,#subcats_nav_customer-support,#subcats_nav_news { font-size:18px; text-transform:capitalize; font-weight:bold; line-height:36px; padding-left:22px; height:35px; background-color:red; } #nav_better-hair,#subcats_nav_better-hair { background-color:#78BA1A; } #nav_professionals,#subcats_nav_professionals { background-color:#BFE021; } #nav_customer-support,#subcats_nav_customer-support { background-color:#CCBA1A; } #nav_news,#subcats_nav_news { background-color:#FFBA00; } #dropdown ul ul li:first-child { display:none; } #dropdown ul ul ul li { display:block !important; } /*END DROPDOWNS----------------------------------------------------------------------------------------*/ .nav_links { text-transform:uppercase; font-weight:normal; color:#4D4D4D; font-size:12px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none } .nav_links a:link { color:#4D4D4D; text-decoration:none } .nav_links a:hover { color:#BADB00; text-decoration:none } .nav_links a:active { color:#4D4D4D; text-decoration:none } .nav_links a:visited { color:#4D4D4D; text-decoration:none } .nav_links a:visited:hover { color:#BADB00; text-decoration:none } #nav_better-hair.nav_links,#nav_better-hair.nav_links a:link,#nav_better-hair.nav_links a:hover,#nav_better-hair.nav_links a:active,#nav_better-hair.nav_links a:visited,#nav_better-hair.nav_links a:visited:hover { color:#FFF; } #nav_better-hair.nav_links_over,#nav_better-hair.nav_links_over a:link,#nav_better-hair.nav_links_over a:hover,#nav_better-hair.nav_links_over a:active,#nav_better-hair.nav_links_over a:visited,#nav_better-hair.nav_links_over a:visited:hover { color:#FFF; } #nav_professionals.nav_links,#nav_professionals.nav_links a:link,#nav_professionals.nav_links a:hover,#nav_professionals.nav_links a:active,#nav_professionals.nav_links a:visited,#nav_professionals.nav_links a:visited:hover { color:#FFF; } #nav_professionals.nav_links_over,#nav_professionals.nav_links_over a:link,#nav_professionals.nav_links_over a:hover,#nav_professionals.nav_links_over a:active,#nav_professionals.nav_links_over a:visited,#nav_professionals.nav_links_over a:visited:hover { color:#FFF; } #nav_customer-support.nav_links,#nav_customer-support.nav_links a:link,#nav_customer-support.nav_links a:hover,#nav_customer-support.nav_links a:active,#nav_customer-support.nav_links a:visited,#nav_customer-support.nav_links a:visited:hover { color:#FFF; } #nav_customer-support.nav_links_over,#nav_customer-support.nav_links_over a:link,#nav_customer-support.nav_links_over a:hover,#nav_customer-support.nav_links_over a:active,#nav_customer-support.nav_links_over a:visited,#nav_customer-support.nav_links_over a:visited:hover { color:#FFF; } #nav_news.nav_links,#nav_news.nav_links a:link,#nav_news.nav_links a:hover,#nav_news.nav_links a:active,#nav_news.nav_links a:visited,#nav_news.nav_links a:visited:hover { color:#FFF; } #nav_news.nav_links_over,#nav_news.nav_links_over a:link,#nav_news.nav_links_over a:hover,#nav_news.nav_links_over a:active,#nav_news.nav_links_over a:visited,#nav_news.nav_links_over a:visited:hover { color:#FFF; } .nav_links_over { text-transform:uppercase; font-weight:normal; color:#000; font-size:12px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none } .nav_links_over a:link { color:#000; text-decoration:none } .nav_links_over a:hover { color:#000; text-decoration:none } .nav_links_over a:active { color:#000; text-decoration:none } .nav_links_over a:visited { color:#000; text-decoration:none } .nav_links_over a:visited:hover { color:#000; text-decoration:none } .page_bkgd { background-color:#FFF; } #main_table { margin-left:auto; margin-right:auto; } .main_text ,.contact,#pageLinks,#pageLinksBottom { color:#4D4D4D; font-size:13px; font-family:Tahoma, Geneva, sans-serif; text-align:justify; font-weight:normal; line-height:21px; } .main_text a:link,#pageLinks a:link,#pageLinksBottom a:link { color:#A9A9A9; font-weight:bold; font-size:13px; text-decoration:underline; } .main_text a:hover,#pageLinks a:hover,#pageLinksBottom a:hover { color:#000; font-weight:bold; font-size:13px; text-decoration:none; } .main_text a:active,#pageLinks a:active,#pageLinksBottom a:active { color:#A9A9A9; font-weight:bold; font-size:13px; text-decoration:underline; } .main_text a:visited,#pageLinks a:visited,#pageLinksBottom a:visited { color:#A9A9A9; font-weight:bold; font-size:13px; text-decoration:underline; } .main_text a:visited:hover,#pageLinks a:visited:hover,#pageLinksBottom a:visited:hover { color:#000; font-weight:bold; font-size:13px; text-decoration:none; } .main_text_sm { color:#808080; font-size:11px; font-family:Tahoma, Geneva, sans-serif; text-align:left } .main_text_sm a:link { color:#808080; font-size:11px; text-decoration:underline; text-align:left; font-weight:bold; } .main_text_sm a:hover { color:#808080; font-size:11px; text-decoration:none; text-align:left; font-weight:bold; } .main_text_sm a:active { color:#808080; font-size:11px; text-decoration:underline; text-align:left; font-weight:bold; } .main_text_sm a:visited { color:#808080; font-size:11px; text-decoration:underline; text-align:left; font-weight:bold; } .main_text_sm a:visited:hover { color:#808080; font-size:11px; text-decoration:none; text-align:left; font-weight:bold; } #pageLinks,#pageLinksBottom { border:solid 1px #312378; color:#312378; font-size:15px; font-family:Tahoma, Geneva, sans-serif; padding:10px; margin:10px; text-align:center; } #pageLinks a:link,#pageLinksBottom a:link { color:#312378; font-size:15px; text-decoration:underline } #pageLinks a:hover,#pageLinksBottom a:hover { color:#DA9664; font-size:15px; text-decoration:none } #pageLinks a:active,#pageLinksBottom a:active { color:#312378; font-size:15px; text-decoration:underline } #pageLinks a:visited,#pageLinksBottom a:visited { color:#312378; font-size:15px; text-decoration:underline } #pageLinks a:visited:hover,#pageLinksBottom a:visited:hover { color:#DA9664; font-size:15px; text-decoration:none } .footer { margin-top:-30px; text-align:center; color:#808080; font-size:10px; font-family:"Century Gothic", "Gill Sans", Geneva, Helvetica, Verdana, sans-serif } .footer a:link { color:#808080; font-size:10px; text-decoration:underline } .footer a:hover { color:#808080; font-size:10px; text-decoration:none } .footer a:active { color:#808080; font-size:10px; text-decoration:underline } .footer a:visited { color:#808080; font-size:10px; text-decoration:underline } .footer a:visited:hover { color:#808080; font-size:10px; text-decoration:none } .hilite { color:#ff8c00; font-weight:bold; font-size:13px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular } .contact_tr { height:30px } .contact_divider_tr { height:75px; } .contact_reqd { color:red; font-weight:bold; } .samerow { clear:both; } hr { color:#855032; } .quote_text { display:block; position:relative; top:-40px; left:50px; width:450px; } .quote_img { display:block; position:relative; } .buffer { padding-bottom:20px; } .border { border:solid 1px #CFCFCF } .border_wrapper { border:solid 1px #CFCFCF; padding:17px; } #body_content_wrapper { margin:15px 0 0 0; } h1 { text-transform:uppercase; margin:0; font-family:Tahoma, Geneva, sans-serif; color:#BADB00; font-size:23px; font-weight:normal; text-align:left; } h2,.title { margin:0; padding:5px 5px 5px 0; font-family:Tahoma, Geneva, sans-serif; color:#BADB00; font-size:18px; font-weight:bold; text-align:left; } h3 { text-transform:uppercase; margin:0; font-family:Tahoma, Geneva, sans-serif; color:#78BA1A; font-size:14px; font-weight:bold; } #col_1 { width:400px; } #col_2 { width:120px; border:solid 0px #C0C0C0; text-align:left; padding:0px; } #col_divider { width:10px; } #col_full { width:100%; } #shop_now { margin-top:-20px; } #better-hair h2 { display:inline; } #customer-testimonials h1 { letter-spacing:-1px; } #buy-product-now h1 { text-transform:none; font-size:32px; } #products_wrapper { width:530px; } #contact-us table, #contact-us table td,#color-chart table, #color-chart table td, #professionals table { border:solid 0px #FFFFFF !important; } #contact-us h2 { letter-spacing:-1px; } #photo-gallery #galleryImages,#photo-testimonials #galleryImages { height:460px; } div.imageCaption {display:none; } .each_product { width:530px; height:270px; border-top:1px solid #CFCFCF; clear:right; } .product_photo { float:left; width:110px; } .product_details { float:left; width:420px; } .product_title { float:left; width:420px; margin:0; padding:10px 0 5px; clear:right; } .product_features { float:left; width:150px; } .product_features ul { list-style:none; padding:0; } .product_benefits ul { padding:0 0 0 15px; } .product_features ul,.product_benefits ul { line-height:16px; margin:0; } .product_benefits { float:left; width:260px; clear:right; margin-bottom:30px; } .add_product_to_cart { float:left; width:75px; } #buy-product-now #header_shop_now,#cart #header_shop_now,#ostia-collection #header_shop_now { display:none; } .form_bkgd { background:url("/templates/32/bkgd_sliver.gif") repeat-x scroll left bottom transparent; } .jnscart_btn_qty_wrapper { height:45px; } .jsncart_sale_price { display:inline; color:#FFBA00; font-weight:bold; } #more .jnscart_qty_wrapper { float:left; margin:0 10px 0 0; } #professionals table td { background:url("/templates/32/nav_sliver.jpg") repeat-x scroll left bottom transparent; border:1px solid #CFCFCF !important; width:50%; padding:40px 0; } .breadcrumbs, .breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:visited, .breadcrumbs a:visited:hover { font-size:13px !important; } #google_translate_element { float:right; margin:0 23px 0 0; } .blog_info { font-size:11px; font-weight:normal; text-transform:none; } #find-a-salon #search_form_13,#search_results #search_form_13 { position:relative; } #find-a-salon .dbsearch_box,#find-a-salon .breadcrumbs,#search_results .dbsearch_box,#search_results .breadcrumbs { display:none; } #find-a-salon .dbsearch_button { display:block; height:20px; left:200px; position:absolute; top:30px; width:60px; } #search_results .dbsearch_button { display:block; height:20px; position:absolute; right:0; top:64px; width:60px; } #find-a-salon .filters { position:absolute; top:30px; } #search_results #results_found_label,#search_results #search_results_filter_msg { display:none; } #search_results .view_table { width:100%; } #search_results #col_1 { width:380px; } #search_results #col_2 { width:150px; } .blog_links, .blog_archives, .blog_categories { height:300px; overflow:auto; } #nav_better-hair_0.m_nav_level_0 { background-color:#78BA1A !important; } #nav_professionals_0.m_nav_level_0 { background-color:#BFE021 !important; } #nav_customer-support_0.m_nav_level_0 { background-color:#CCBA1A !important; } #nav_news_0.m_nav_level_0 { background-color:#FFBA00 !important; } /* grey:#4D4D4D lt grey:#808080 bright green:#BADB00 */