/* * * $Id: content.css * $Description: CSS used for Content Pages on BabylissPRO.com * $Author: Tony Collings, Hayley King * $Version: 1.0 * */ #main_content h1#page_title { color: #000000; font-size: 16px; padding: 0px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; } #content #content_wrapper a:link, #content #content_wrapper a:visited { color: #b9110c; text-decoration: none; } #content #content_wrapper a:active, #content #content_wrapper a:hover { text-decoration: underline; } #content #main_content h2 { font-size: 14px; padding: 0px; margin: 0px; } /* BREADCRUMB AREA ------------------------------------------------------------*/ #content #breadcrumb_wrapper { margin: 10px 0px; padding: 0px;color: #000; } #content #breadcrumb_wrapper a:link, #breadcrumb_wrapper a:visited { color: #494949; text-decoration: none; } #content #breadcrumb_wrapper a:active, #breadcrumb_wrapper a:hover { text-decoration: underline; } #content #breadcrumb_wrapper a:link.emailFriend, #breadcrumb_wrapper a:visited.emailFriend { color: #494949; text-decoration: none; } #content #breadcrumb_wrapper a:active.emailFriend, #breadcrumb_wrapper a:hover.emailFriend { color: #FFF; } /* SEARCH RESULTS ------------------------------------------------------------*/ #home #main_content { padding-left: 113px; } /* SEARCH RESULTS ------------------------------------------------------------*/ #search .category_title { color: #808080; font-weight: bold; padding: 5px; font-size: 1.2em; text-transform: uppercase; } #search .category_title a:link, #search .category_title a:visited {color: #b9110c; text-decoration: none; } #search .category_title a:active, #search .category_title a:hover {color: #b9110c; text-decoration: none ;} #search .thumb_meta a:link, #search .thumb_meta a:visited { color: #000; text-decoration: none; } #search .thumb_meta a:active, #search .thumb_meta a:hover { color: #000; text-decoration: underline; } #search #search_feedback { color: #000; margin: 10px 20px; } #search #search_results { margin: 0px -10px 5px -10px; } #search_feedback h3 { font-size: 14px; padding: 0px; margin: 5px 0px; font-weight: normal; text-transform: uppercase; color: #000000; font-weight: bold; } h3 span.keyword {text-transform: uppercase; color: #b9110c; } #search .category_wrapper { border: 1px solid #c8c8c8; background-color: #f4f4f4; padding: 7px 10px; margin-bottom: 7px; } #search .products_wrapper { text-align: left; vertical-align: top; } a.no_image {display: block; text-align: center; color: #808080; } #search .product_thumbnail { margin-bottom: 5px; } #search table#product_row tr td { vertical-align: top; } #search .thumb_image { width: 95px; height: 80px; padding: 10px 4px; margin-right: 13px; background: #FFFFFF; text-align: center; border: 1px solid #a0a0a4; } #search .thumb_meta { /*color: #3a0c6b;*/ width: 95px; text-align: center; padding: 5px; font-size: 0.8em; } #search .dedicated_links { margin-top: 10px; } #search .dedicated_links ul { margin: 5px 20px; color: #3a0c6b;}. #search .dedicated_links ul li a:link, .dedicated_links ul li a:visited { color: #3a0c6b; text-decoration: none; } #search .dedicated_links ul li a:active, .dedicated_links ul li a:hover { color: #3a0c6b; text-decoration: underline; } /* SITEMAP ------------------------------------------------------------*/ .no_results { margin-left: 5px; } #sitemap #search_results { margin: 0px -10px 5px -10px; } #sitemap_wrapper .brand_wrapper { clear: both; margin: 15px 0px; } #sitemap_wrapper .brand { float: left; width: 210px; margin: 0px 5px 0px 20px; _margin-left: 10px; } #sitemap_wrapper .contents { float: left; margin: 15px 20px; _margin: 15px 10px; width: 210px; } #sitemap_wrapper .products_title, #sitemap_wrapper .contents_title { background-color: #e9e4f0; padding: 3px 10px; } #sitemap_wrapper h2 {font-size: 1.4em; margin: 0px; } #sitemap_wrapper h3 {font-size: 1.1em; font-weight: bold; background-color: #FFFFFF; padding: 3px 0px 3px 10px; margin: 5px 0px 3px 0px; } #sitemap_wrapper span.root_cat { display: block ; margin-left: 0px; clear: both; background-color: #FFFFFF; font-size: 0.9em; padding: 3px 0px 3px 10px; margin-top: 2px; font-weight: bold; } #sitemap_wrapper span.sub_cat { display: block ; padding-left: 10px; margin-top: 2px; clear: both; background-color: #FFFFFF; font-size: 0.8em; font-weight: normal; } #sitemap_wrapper span.sub_cat span.sub_cat { display: block ; padding-left: 20px; margin-top: 2px; clear: both; background-color: #FFFFFF; font-size: 0.8em; font-weight: normal; } #sitemap_wrapper { clear: both; padding: 10px 0px; height: 575px; } /* 990px - 40 = 940px */ #sitemap_wrapper .products_sitemap { float: left; width: 720px; _width: 700px; background-color: #f4f4f4; height: 100%; } /* Left Column */ #sitemap_wrapper .contents_sitemap { float: left; width: 250px; _width: 225px; background-color: #f4f4f4; height: 100%; margin-left: 15px; } /* Right Column */ #sitemap_wrapper a:link, #sitemap_wrapper a:visited { color: #000; text-decoration: none; } #sitemap_wrapper a:active, #sitemap_wrapper a:hover { text-decoration: underline; } /* CONTACT US ------------------------------------------------------------*/ #content .contact_block { border: 1px solid #c8c8c8; background-color: #f4f4f4; padding: 10px 10px 0px 15px; margin: 10px -10px 5px -10px; } #content h2.box_title { font: 1.2em verdana,arial,helvetica,sans-serif; font-weight: normal; text-transform: uppercase; } #content .contact_block_wrapper { padding-left: 10px; } #content #contact_us { float: left; width: 600px; } #content .contact_block legend { visibility: none; display: none; } #content .contact_block fieldset { border: none; margin: 0px; padding: 0px; } #content .contact_block label { width: 75px; text-align: left; margin-right: 10px; float: left; display: block; line-height: 20px; font-weight: bold; } #content .contact_block ul { list-style: none; margin: 0px; padding: 0px; } #content .contact_block li { font-size: 11px; margin-bottom: 10px; text-align: left; } /*#content .contact_block li.buttons { margin-left: 80px; _margin-left: 85px; } #content .contact_block li.buttons input { float: left; margin: 10px 5px; font: 1em verdana,arial,helvetica,sans-serif; padding: 4px; }*/ #content #contactus select#subject { width: 250px; } #content #contactus input, #content #contactus textarea, #content #contactus select { border: 1px solid gray; padding: 2px; } #content #contactus input, #content #contactus textarea { width: 245px; _width: 240px; } #content #contactus input.submit { width: 71px; border: none; margin-left: 260px; } #content #email_us p { width: 450px; } #content #contact_thanks { height: 215px; } #content table#contact_numbers { margin: 10px 0px; } #content table#contact_numbers th { visibility: none; display: hidden; } #content table#contact_numbers td { text-align: left; padding-right: 20px; } #content table#contact_numbers td.phone_number { text-align: left; font-weight: bold; padding: 2px; } #content .contact_block_wrapper div.errors { float: right; color: #b9110c; /* margin-right: 200px;*/ } #content #contactus p.errors { margin: 0px; padding: 0px; } #content #contactus input.error, #content #contactus select.error, #content #contactus textarea.error { /*border: 2px solid #b9110c;*/ } #content #contactus .error { color: #b9110c; }