body {font-family: Arial, Geneva, Verdana, sans-serif; font-size: 80%; color: #3e220d; background-color: #e0e0d2; margin: 0;} * { margin: 0; padding: 0; } h1 {font-size: 240%; font-weight: lighter;} h2 {font-size: 140%; font-weight: lighter;} h3 {font-size: 120%; padding: 0; margin: 0;} p {font-size: 100%;} #page {height: 10px;} .clearboth {clear: both;} .spacer {padding-top: 10px; padding-bottom: 5px;} /********************************************************************************** HEADER **********************************************************************************/ #header-bar { height: 34px; background-color: #3e220d; background-position: 20px 0px; z-index: 100;} #header-bar div.meta-data { padding: 10px 15px 10px 0; float: right; color: #efefe0; font-size:11px;} #header-bar div.meta-data h1 { font-family: Arial, Geneva, Verdana, sans-serif; font-size:11px;} #sidewide-bar div.meta-data ul li.social { margin:-3px 0 0 0; padding-right:3px;} #sidewide-bar { margin-bottom: 20px; height: 34px; background-color: #ff6600; position: relative; z-index:1;} #sidewide-bar div.meta-data { padding: 10px; float: right; color: #efefe0; font-size:11px; } #sidewide-bar div.meta-data ul li {list-style-type: none; display:inline; float:left; padding-left: 4px; padding-right: 4px;border-right:1px solid #3e220d; } #sidewide-bar div.meta-data .lastListItem { border: none; padding: none;} #sidewide-bar a {color: #fff; text-decoration:underline;} #sidewide-bar a:link {color: #fff; text-decoration:underline;} #sidewide-bar a:hover {color: #fff; text-decoration :none;} .head {background: url(get/homepage/header2.png) bottom no-repeat;width: 972px; padding: 0px 14px 14px 14px; margin-left: auto;margin-right: auto;} #container {background-color: #ffffff; width: 972px; padding: 0px 14px 14px 14px; margin-left: auto;margin-right: auto; position: relative; z-index:1;/*outline: 1px solid red*/} /********************************************************************************** LEVEL 2 HEADER **********************************************************************************/ #logo {float:left; width: 958px; padding: 14px 0px 5px 14px; margin-left:auto; margin-right:auto;} #logo img {float:left; width: 150px; margin-left:auto; margin-right:auto;} /********************************************************************************** NAVIGATION **********************************************************************************/ /*#CHRISTMAS*/ #newnav {float:left;clear:left;width:100%;position:relative;background: #3e220d;margin: 14px 0px 0px 0px;padding: 10px 0 10px 0;} #newnav .nav {float:left;width:700px; margin: 120px 0px 0px 0px;} #newnav .logo {float:left;width: 170px;padding-left:10px;} #newnav .logo img {border: none;} #newnav .nav ul {list-style: none;text-align: center;clear: both;} #newnav .nav ul li {display: block;float: left;padding: 0 5px;} #newnav .nav ul li a {font-size: 15px;display: block;float: left;color: #ff6600;padding: 7px 5px;text-decoration: none;} #newnav .nav ul li a:hover {color: #fff;background-color:#ff6600;} #newnav .nav ul li.current a {background: #fff;color: #424d8f;} /*#ORIGINAL #newnav {float:left;clear:left;width:100%;position:relative;background: #3e220d;margin: 14px 0px 0px 0px;padding: 10px 0 10px 0;} #newnav .nav {float:left;width:700px; margin: 120px 0px 0px 0px;} #newnav .logo {float:left;width: 170px;padding-left:10px;} #newnav .logo img {border: none;} #newnav .nav ul {list-style: none;text-align: center;clear: both;} #newnav .nav ul li {display: block;float: left;padding: 0 5px;} #newnav .nav ul li a {font-size: 15px;display: block;float: left;color: #ff6600;padding: 7px 5px;text-decoration: none;} #newnav .nav ul li a:hover {color: #fff;background-color:#8dc63f;} #newnav .nav ul li.current a {background: #fff;color: #424d8f;}*/ .left_nav {float: left; width:174px; margin:14px 0 100px 0; font-family: Arial, Helvetica, sans-serif; font-size:15px; /*/*outline: 1px solid red*/*/} .left_nav dt {font-size: 13px;border-top: 1px solid #ddd;padding-top: 5px;} .left_nav dd {padding-bottom: 5px;font-size: 11px;font-style:italic;} .left_nav a {display:block; padding-left: 5px; color: #ff6600; text-decoration:none;} .left_nav a:link {color: #ff6600; text-decoration:none;} .left_nav a:hover {color: #ffffff; text-decoration :none; background-color: #8dc63f;} .left_nav h2 {font-size: 17px;line-height: 24px;margin-bottom:17px; font-family:Georgia, "Times New Roman", Times, serif} /********************************************************************************** FADER **********************************************************************************/ #wrapper {float: left; width: 762; /*outline: 1px solid blue;*/ } #mainmovie {position: relative; display: block; height: 380px; width: 762px;} #mainmovie img {position: absolute;} #homepage_head {margin: 10px 0px 9px 0px; padding: 0;} div.teaserNavi {font-family: arial; font-weight: bold; font-size: 25px; background: url(get/homepage/opacity50B.png); position: absolute; z-index: 199; left: 0; bottom: 0; width: 100% !important; text-align: center;} .teaserNavi a {color: #7d7d7d; list-style: none; margin-right: 5px;} .teaserNavi a.activeSlide {color: #fff;} /********************************************************************************** HOMEPAGE GROUPS **********************************************************************************/ #promotion {float:left; display:inline; width: 772px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;border: none;} #promotion a {color: #ff6600; text-decoration:underline;} #promotion a:link {color: #ff6600; text-decoration:underline;} #promotion a:hover {color: #8dc63f; text-decoration :none;} .promotion_1 {/*outline:1px solid red;*/float: left; width: 240px; height:331px; margin: 0px 5px 0px 0px;padding: 10px;border:none; background-color: #efefe0;} .promotion_1 img {outline:8px solid #fff; float: left; width: 220px; margin: 10px 0px 0px 10px;} .promotion_1 .copy {/*outline:1px solid red;*/float: left; width: 220px; margin: 10px 0px 0px 10px;} .promotion_1 h1 { font-size:180%; font-family:Georgia, "Times New Roman", Times, serif; line-height: 110%; margin: 10px 0px 10px 0px;} .promotion_2 {/*outline:1px solid red;*/float: left; width:472px; height:330px; margin: 0px 5px 0px 5px;padding: 10px;border:none; background-color: #efefe0;} .promotion_2 img {outline:8px solid #fff; float: left; width: 220px; margin: 10px 0px 0px 10px;} .promotion_2 .copy {/*outline:1px solid red;*/float: left; width: 220px; margin: 0px 0px 0px 20px;} .promotion_2 h1 { font-size:180%; font-family:Georgia, "Times New Roman", Times, serif; line-height: 110%; margin: 10px 0px 10px 0px;} .promotion_2 .group { float: left; width: 477px; border:none; background-color: #efefe0;} .promotion_2 .groupa { float: left; width: 477px; border:none; background-color: #efefe0; margin-top: 15px;} /********************************************************************************** HOMEPAGE RHS ACTIONS **********************************************************************************/ #action {float: right; width: 200px; margin:0 ; padding-top:10px ;border: none;} #action #action_zone {width: 200px; margin:0 auto;text-align:center;overflow:auto;display:block;} #action #action_zone .center {margin: 0 auto;text-align:left;overflow: auto;} #action #action_zone .left {float:left;} #action #action_zone .boxgrid h3 {margin: 10px 10px 0 10px; color:#FFF; font:16pt Arial, sans-serif; } #action #action_zone .boxgrid {width: 200px; height: 120px; float:left; background:#3e220d; margin-bottom: 10px; overflow: hidden; position: relative; } #action #action_zone .boxgrid h3 {color:#ffffff;border-bottom:1px dotted #FF6600;padding-bottom: 5px;margin-bottom: 10px;font-family:Georgia, "Times New Roman", Times, serif;} #action #action_zone .boxgrid img {position: absolute; top: 0; left: 0; border: 0;} #action #action_zone .boxgrid p {padding: 0 10px;color:#dddddd;line-height: 140%; font:10pt; font-family: Arial, Geneva, Verdana, sans-serif;} #action #action_zone .captionfull .boxcaption {top: 260px;left: 0px;} .boxgrid h3 a{} #action #action_zone .boxgrid a {color: #ff6600; text-decoration:underline; margin-top:5px;} #action #action_zone .boxgrid a:link {color: #ff6600; text-decoration:underline;} #action #action_zone .boxgrid a:hover {color: #8dc63f; text-decoration :none;} /********************************************************************************** HOMEPAGE QUICK ENQUIRY **********************************************************************************/ #action #feature {float:left; width:200px;margin-top:0px;padding-top:0px;background:#fff;} #feature-wrap {float:left;width:180px; padding:10px; height:291px; background: url(get/homepage/question.png) bottom no-repeat;} #feature-wrap a {color: #ffffff; text-decoration:underline; margin-top:5px;} #feature-wrap a:link {color: #ffffff; text-decoration:underline;} #feature-wrap a:hover {color: #ffffff; text-decoration :none;} #feature p {line-height: 140%; margin-bottom: 5px;} #feature .last {line-height: 140%; margin-bottom: 10px;} .featureheader { float: left; width: 186px; padding: 5px 0 5px 14px; margin: 0px 0 2px 0; background-color: #d54100; } .featureheader h1 { font-size:180%; font-family:Georgia, "Times New Roman", Times, serif; color:#85786e; padding: 0px; } #featured a img {padding: 0; border: 0; } .frame { float: left; width: 762px; height: 346px; no-repeat top left; padding-top: 10px;} .inside {float: right; width: 323px; height: 280px; overflow: hidden; } .inside h2 a {position: relative; z-index: 10000; text-decoration: none;} /********************************************************************************** CONTACT US ENQUIRY FORM **********************************************************************************/ .formheader {float: left; width: 542px; padding: 10px 14px 10px 14px; margin: 10px 0 -14px 0; background-color: #d54100; } .formheader h1 {padding: 0px; margin-top: -10px; } #fill_in {float: left; width: 570px; margin: 20px 0 20px 0; background-color: #ff6600; } #contactform {float: left; width: 530px; margin: 0; padding:20px;} span.red {color:#F00;} .message {display:block;width:510px;padding:9px;background-color:#ffffff;border:1px #999 solid;text-align:center;font-size:16px; color:#8dc63f;} #commentForm {width: 530px; margin-top:20px; border:0px;} #commentForm label.error {width: 250px; text-align:left; color: color: #F00; font-size:12px;} #commentForm label.error, #commentForm input.submit {display:block;} table.quote-form tr td {background-color:#!important;border:0px!important; font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:20px; color:ffffff;} table.quote-form tr td.field-name {width:176px;padding:12px;text-align:right; color:#ffffff; font-weight:bold;} table.quote-form input, table.quote-form select, table.quote-form textarea {width: 326px; color: #717171;background-color: #f3f3f3;border:1px solid #e0e0e0;padding:2px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:20px;} table.quote-form textarea:hover, table.quote-form textarea:focus {color: #717171;background-color: #FFFFFF;border: 1px solid #e0e0e0;} table.quote-form input:hover, table.quote-form input:focus {color: #717171;background-color:#FFFFFF;border:1px solid #e0e0e0;} table.quote-form #submit {width: 100px; margin-top:20px;} table.quote-form input.submit:hover, table.quote-form input.submit:focus {width: 100px; color:#FFFFFF;background-color: #8dc63f;border: 1px solid #4e8c00;cursor: pointer;} /********************************************************************************** TESTIMONIALS **********************************************************************************/ #quote { float: left; width: 570px; background-color: #efefe0; } #quote .quotebox { float: left; width: 542px; margin: 14px; } #quote .quotebox img { margin: -3px 0 0 20px;} #quote .quotebox .testimonial { float: left; width: 542px; background-color: #ffffff; } #quote p.quote { background-color: #ffffff; padding: 20px; font-size: 14px; line-height: 19px; margin-bottom: 0;font-family:Georgia, "Times New Roman", Times, serif;} #quote p.continue { background-color: #ffffff; padding: 0 20px 20px 20px; font-size: 14px; line-height: 19px; margin-bottom: 0;font-family:Georgia, "Times New Roman", Times, serif;} #quote p.attrib { padding-left: 50px; margin: -20px 0 30px 0; display: block;} #quote .blockleft {float:left;width: 180px;color:#ff6600;border-top:#E4E4E4 solid 5px;border-bottom: #E4E4E4 solid 5px;font-family:Georgia, "Times New Roman", Times, serif;font-size:160%;padding:7px 0px 7px 0px;margin:0px 20px 20px 20px;} /********************************************************************************** BREADCRUMB **********************************************************************************/ #breadcrumb {float: left; width: 100%; height: 25px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px; background-color: #ededed; font-family: Arial, Helvetica, sans-serif; font-size:11px;} #breadcrumb ul {padding: 5px 0 0 10px;} #breadcrumb ul li {list-style-type: none; display:inline;} #breadcrumb .crumb {list-style-type: none; color: #8dc63f;} #breadcrumb a {color: #ff6600; text-decoration:underline;} #breadcrumb a:link {color: #ff6600; text-decoration:underline;} #breadcrumb a:hover {color: #8dc63f; text-decoration :none;} /********************************************************************************** LANDING PAGE IMAGES **********************************************************************************/ #main .preg_landing_box1 {float: left; background: url(get/pregnant/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .preg_landing_box2 {float: left; background: url(get/pregnant/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .make_landing_box1 {float: left; background: url(get/make-up/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .make_landing_box2 {float: left; background: url(get/make-up/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .gift_landing_box1 {float: left; background: url(get/gift/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .gift_landing_box2 {float: left; background: url(get/gift/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .team_landing_box1 {float: left; background: url(get/team/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .team_landing_box2 {float: left; background: url(get/team/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .about_landing_box1 {float: left; background: url(get/about/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .about_landing_box2 {float: left; background: url(get/about/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .wed_landing_box1 {float: left; background: url(get/wedding/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .wed_landing_box2 {float: left; background: url(get/wedding/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .therapy_landing_box1 {float: left; background: url(get/therapy/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .therapy_landing_box2 {float: left; background: url(get/therapy/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .man_landing_box1 {float: left; background: url(get/manager/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .man_landing_box2 {float: left; background: url(get/manager/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .news_landing_box1 {float: left; background: url(get/newsletter/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .news_landing_box2 {float: left; background: url(get/newsletter/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .home_landing_box1 {float: left; background: url(get/homecare/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .home_landing_box2 {float: left; background: url(get/homecare/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .beau_landing_box1 {float: left; background: url(get/beautique/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .beau_landing_box2 {float: left; background: url(get/beautique/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } #main .thank_landing_box1 {float: left; background: url(get/thank/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:500px; } #main .special_box1 {float: left; background: url(get/special/box_1.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:300px; } #main .special_box2 {float: left; background: url(get/special/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:300px; } #main .special_box3 {float: left; background: url(get/special/box_3.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:300px; } #main .special_box4 {float: left; background: url(get/special/box_4.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; height:300px; } #main .preg_landing_box2 {float: left; background: url(get/pregnant/box_2.png) no-repeat; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:560px; height:250px; } /********************************************************************************** LANDING PAGE **********************************************************************************/ #main .column {float: left; font-family: Arial, Helvetica, sans-serif; font-size:100%; margin: 14px 0px 0px 20px;padding: 0px 0px 0px 0px; width:260px;} #main .column h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#85786e; margin-bottom: -10px;} #main .column .top {line-height: 140%; margin: 20px 0 5px 0; border-top: 1px dotted #ccc; padding-top: 5px;} #main .column .bottom {line-height: 140%; margin: 0px 0 20px 0; } #main .column p {line-height: 140%; margin-bottom: 5px;} #main .column dl {list-style-type: disc; line-height: 140%; margin: 10px 0px 10px 0px; } #main .column dl dt {list-style-type: disc; line-height: 140%; margin: 0px 0px 0px 0px; padding-bottom: 5px; } #main .column dl dt .no_bullet {list-style-type: none; line-height: 140%; margin: 0px 0px 0px 0px;} #main .column a {color: #fff; text-decoration:underline;} #main .column a:link {color: #fff; text-decoration:underline;} #main .column a:hover {color: #fff; text-decoration :none;} #hotspot {float: left; margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; width: 622px; } #landing {float: left; font-family: Arial, Helvetica, sans-serif; font-size:100%; margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px; width: 622px;} #landing .treatment {font-size:100%; color: #8dc63f; background-color: #3e220d; padding: 5px 0 5px 7px; } #landing .details {font-size:100%; background-color: #efefe0; margin-top: -10px; padding: 5px 7px 5px 7px; } #landing ul li {list-style-type: disc; line-height: 140%; margin: 0px 0px 0px 13px; } #landing .no_bullet {list-style-type: none; line-height: 140%; margin: 0px 0px 0px 0px; } #landing a {color: #ff6600; text-decoration:underline;} #landing a:link {color: #ff6600; text-decoration:underline;} #landing a:hover {color: #8dc63f; text-decoration :none;} #landing h1 {border-bottom: 1px solid #3e220d; padding: 0px 0px 5px 0px; margin-bottom: 20px;} #landing p {line-height: 140%; margin-bottom: 5px;} #landing .last {line-height: 140%; margin-bottom: 10px;} #landing .small {font-family: Arial, Helvetica, sans-serif; font-size:80%; } #landing .small a {color: #ff6600; text-decoration:underline;} #landing .small a:link {color: #ff6600; text-decoration:underline;} #landing .small a:hover {color: #8dc63f; text-decoration :none;} #landing #brief {float: left; margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 622px;} #landing #archive {float: left; margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 622px;} #landing .productheader {font-size:160%; font-weight: bold; line-height: 110%; margin-bottom: 10px;} #primary {float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 622px; background-color: #efefe0; } #primary #primary_copy {float: left; width: 240px; line-height: 140%; margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; /*outline: 1px solid red*/} #primary #primary_image {float: right; margin: 4px 4px 2px 0px; padding: 0px 0px 0px 0px; width: 358px; } #option_1 {float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 306px; background-color: #efefe0; } #option_1 #option_1_copy {float: left; width: 128px; line-height: 140%; margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; /*outline: 1px solid red*/} #option_1 #option_1_image {float: right; margin: 4px 4px 2px 0px; padding: 0px 0px 0px 0px; width: 150px; } #option_2 {float: left; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; width: 306px; background-color: #efefe0; } #option_2 #option_2_copy {float: left; width: 128px; line-height: 140%; margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; /*outline: 1px solid red*/} #option_2 #option_2_image {float: right; margin: 4px 4px 2px 0px; padding: 0px 0px 0px 0px; width: 150px; } #option_3 {float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 306px; background-color: #efefe0; } #option_3 #option_3_copy {float: left; width: 128px; line-height: 140%; margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; /*outline: 1px solid red*/} #option_3 #option_3_image {float: right; margin: 4px 4px 2px 0px; padding: 0px 0px 0px 0px; width: 150px; } #option_4 {float: left; margin: 0px 0px 10px 10px; padding: 0px 0px 0px 0px; width: 306px; background-color: #efefe0; } #option_4 #option_4_copy {float: left; width: 128px; line-height: 140%; margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; /*outline: 1px solid red*/} #option_4 #option_4_image {float: right; margin: 4px 4px 2px 0px; padding: 0px 0px 0px 0px; width: 150px; } /*.landbox {float: right; width: 783px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; outline:} .landbox a {color: #fff; text-decoration:none; } .landbox a:link {color: #fff; text-decoration:none;} .landbox a:hover {color: #fff; text-decoration:underline;} .landbox .box1 {float: left; width: 253px; height: 175px; background-color: #ff6600; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } .landbox .box1 .boxcontents {float: left; width: 233px; margin: 10px; padding: 0px;} .landbox .box1 .boxcontents h1 {font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; color:#FFF; padding-bottom:0px; margin:0;} .landbox .box1 .boxcontents h2 {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size: 130%; padding-bottom:3px; margin:0;} .landbox .box1 .boxcontents p {color:#FFF; padding-bottom: 5px;} .landbox .box1 .boxcontents ul {list-style-type: disc; line-height:140%; margin-left:13px; padding-bottom:10px; color:#FFF;} .landbox .box2 {float: left; width: 257px; height: 175px; background-color: #ff6600; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .landbox .box2 .boxcontents {float: left; width: 233px; margin: 10px; padding: 0px;} .landbox .box2 .boxcontents h1 {font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; color:#FFF; padding-bottom:0px; margin:0;} .landbox .box2 .boxcontents h2 {font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size: 130%; padding-bottom:3px; margin:0;} .landbox .box2 .boxcontents p {color:#FFF; padding-bottom: 5px;} .landbox .box2 .boxcontents ul {list-style-type: disc; line-height:140%; margin-left:13px; padding-bottom:10px; color:#FFF;}*/ .scrollernav a {color: #ff6600; text-decoration:none; } .scrollernav a:link {color: #ff6600; text-decoration:none;} .scrollernav a:hover {color: #8dc63f; text-decoration:underline;} #promotion a {color: #ff6600; text-decoration:underline;} #promotion a:link {color: #ff6600; text-decoration:underline;} #promotion a:hover {color: #8dc63f; text-decoration :none;} .scrollernav p {color:#3e220d;} .scrollernav h3 {color:#ff6600;} .scrollernav {margin:0; font-size:12px; text-align:center;} .scrollernav li {padding:0 20px 0 30px; display:-moz-inline-stack; display:inline-block; *display:inline; width:142px; vertical-align:top; text-align:left; zoom:1;border-right:#dddddd solid 1px;} .scrollernav li a {display:block; display:inline-block; *display:inline; width:125px; padding:0 0px 0 35px; outline:none; zoom:1; } .scrollernav li a span.more {display: block; float: left; margin-top: 1em; padding-right: 30px; } .scrollernav li a img {margin-bottom:7px; background-color:#fff; } .scrollernav li p {margin-bottom:0; padding:0.5em 0 1em 0; } .scrollernav li:hover a, .scrollernav li a:hover {text-decoration:none; } .scroll_first {padding-left: 0px; border-left:#dddddd solid 1px;} .scrollernav1 a {color: #ff6600; text-decoration:none; } .scrollernav1 a:link {color: #ff6600; text-decoration:none;} .scrollernav1 a:hover {color: #8dc63f; text-decoration:underline;} #promotion a {color: #ff6600; text-decoration:underline;} #promotion a:link {color: #ff6600; text-decoration:underline;} #promotion a:hover {color: #8dc63f; text-decoration :none;} .scrollernav1 p {color:#3e220d;} .scrollernav1 h3 {color:#ff6600; margin-left: -30px; width:221px;} .scrollernav1 {margin:0; font-size:12px; text-align:center;} .scrollernav1 li {padding:0 20px 0 16px; display:-moz-inline-stack; display:inline-block; *display:inline; width:221px; vertical-align:top; text-align:left; zoom:1;border-right:#dddddd solid 1px; } .scrollernav1 li a {display:block; display:inline-block; *display:inline; width:125px; padding:0 0px 0 30px; outline:none; zoom:1; text-decoration:underline; } .scrollernav1 li a span.more {display: block; float: left; margin-top: 1em; padding-right: 35px; } .scrollernav1 li a img {margin:0 0 7px -30px; background-color:#fff; display: block; } .scrollernav1 li p {margin-bottom:0; padding:0.5em 0 1em 0; } .scrollernav1 li:hover a, .scrollernav1 li a:hover {text-decoration:none; } .scroll_first1 {padding-left: 0px; border-left:#dddddd solid 1px;} /********************************************************************************** PRODUCT DISPLAY **********************************************************************************/ #main-shelf {float: left; width: 782px; margin: 10px 0 0 0;} #main-shelf h1 {font-size: 120%; font-weight: bold; letter-spacing: -1px;} #main-shelf p {line-height: 120%; margin: 10px 0 5px 0 ; } #main-shelf a {margin: -10px 0 0 0; color: #ff6600; text-decoration:underline; background-image:url(assets/other/shop.png); background-repeat:no-repeat; background-position: right; padding-right: 20px; } #main-shelf a:link {color: #ff6600; text-decoration:underline;} #main-shelf a:hover {color: #8dc63f; text-decoration :none; background-image:url(assets/other/shopa.png); background-repeat:no-repeat; background-position: right; padding-right: 20px;} #main-shelf .norm a {margin: -10px 0 0 0; color: #ff6600; text-decoration:underline; } #main-shelf .norm a:link {color: #ff6600; text-decoration:underline;} #main-shelf .norm a:hover {color: #8dc63f; text-decoration:none;} .prodcopy {position:absolute; width: 140px; padding: 10px 0 0 10px; margin-top: 0px; margin-left: 0px; margin-right: 0px; } .product img {float: right; width: 179px; margin-top: 0px;} #main-shelf .boxleft {float: left; width: 244px; height: 182px; margin: 14px 0 0 0px; background: url(get/beautique/homecare/bck.png) no-repeat;} #main-shelf .boxright {float: left; width: 244px; height: 182px; margin: 14px 0 0 25px; background: url(get/beautique/homecare/bck.png) no-repeat;} /********************************************************************************** MAIN COPY **********************************************************************************/ #main {float: left; font-family: Arial, Helvetica, sans-serif; font-size:100%; margin: 14px 0px 0px 15px;padding: 0px 0px 0px 0px; width:783px; } #main #content {float: left; font-family: Arial, Helvetica, sans-serif; font-size:100%; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; } #main #content .mainimage {float: left; width: 782px; margin: 14px 0 10px 0; } #main #middle {float: left; font-family: Arial, Helvetica, sans-serif; font-size:100%; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:569px; } #main #middle h1 {padding-top:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#85786e;} #main #middle h2 {font-size:140%; padding:10px 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif; color:#85786e;} #main #middle h3 {font-size:130%; padding:10px 0 5px 0; font-family:Georgia, "Times New Roman", Times, serif; color:#85786e;} #main #middle .top {line-height: 140%; margin: 20px 0 5px 0; border-top: 1px dotted #ccc; padding-top: 5px;} #main #middle .bottom {line-height: 140%; margin: 0 0 20px 0; } #main #middle p {line-height: 140%; margin-bottom: 5px;} #main #middle ul {list-style-type: disc; line-height: 140%; margin: 3px 0px 10px 0px;} #main #middle ul li {list-style-type: disc; line-height: 140%; margin: 0px 0px 0px 13px; padding-bottom: 2px; } #main #middle dl {list-style-type: disc; line-height: 140%; margin: 10px 0px 10px 0px; } #main #middle dl dt {list-style-type: disc; line-height: 140%; margin: 0px 0px 0px 0px; padding-bottom: 5px; } #main #middle dl dt .no_bullet {list-style-type: none; line-height: 140%; margin: 0px 0px 0px 0px; } #main #middle .productheader { font-size:160%; font-weight: bold; line-height: 110%; margin-bottom: 10px;} #main #middle .splitbox {float: left; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width:569px; } #main #middle .split_1 {float: left; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width:285px; } #main #middle .split_2 {float: left; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width:284px; } #main #middle dl dt a {color: #ff6600; text-decoration:underline;} #main #middle dl dt a:link {color: #ff6600; text-decoration:underline;} #main #middle dl dt a:hover {color: #8dc63f; text-decoration :none;} #main #middle p a {color: #ff6600; text-decoration:underline;} #main #middle p a:link {color: #ff6600; text-decoration:underline;} #main #middle p a:hover {color: #8dc63f; text-decoration :none;} #main #middle .highlight {background-color: #ff6600; padding: 10px; margin: 10px 0 10px 0; color:#FFF;} #main #middle .bckcopy {float: left; width: 542px; background-color: #ededed; padding: 14px; margin: 0 0 0 0; color:#666666;} #main #content #staff_id {float: left; background: url(get/about/back.png) bottom no-repeat;width: 570px; height: 300px; margin: 14px 0px 14px 0px;} #main #content #staff_id img {float: left; width: 300px; padding-top: 19px } #main #content #staff_id .staff_copy {float: right; width: 250px; padding: 14px 14px 0px 0px; } #main #content #staff_id .staff_copy h2 {font-size: 24px; color:#3e220d; font-family:Georgia, "Times New Roman", Times, serif;} #main #content #staff_id .staff_copy h3 {font-size: 100%; color:#ffffff; background-color:#ff6600; padding: 2px 0 2px 3px; margin: 3px 0 10px 0; font-family:Arial, Helvetica, sans-serif;} .wrapper { float: left; width: 570px; margin-bottom: 30px;} .insertheaderwed { float: left; width: 542px; padding: 10px 14px 10px 14px; margin: -3px 0 0px 0; background-color: #85786e; } .insertheaderwed h1 { padding: 0px; margin-top: -10px; } /********************************************************************************** TREATMENTS **********************************************************************************/ #main #content #middle .content_wrap .entries {float:left;width: 569px;} #main #content #middle .content_wrap .entries ul li {margin-bottom: 20px; margin-right: 20px;list-style-type: none; color: #3e220d;} #main #content #middle .content_wrap .entries ul li .time {background: url(get/time2.gif) no-repeat;width:60px;height:60px;float:left;margin-right: 15px;} #main #content #middle .content_wrap .entries ul li .time p {padding-top: 15px;font-size: 10px;text-align: center;line-height: 140%; color:#ff6600;} #main #content #middle .content_wrap .entries ul li .time p span {display: block;font-size: 18px;} #main #content #middle .content_wrap .entries ul li .time1 {background: url(get/time1.png) no-repeat;width:60px;height:60px;float:left;margin-right: 15px;} #main #content #middle .content_wrap .entries ul li .time1 p {padding-top: 15px;font-size: 10px;text-align: center;line-height: 140%; color:#ffffff;} #main #content #middle .content_wrap .entries ul li .time1 p span {display: block;font-size: 18px;} #main #content #middle .content_wrap .entries ul li .title {float:left;width: 460px;} #main #content #middle .content_wrap .entries ul li .title h2 {margin: 0 0 -10px 0; font-size: 24px; color:#3e220d; height: 30px;overflow: hidden; font-family:Georgia, "Times New Roman", Times, serif;} #main #content #middle .content_wrap .entries ul li .title h3 {font-size: 14px;} #main #content #middle .content_wrap .entries ul li .entry h3 {font-size: 14px; line-height:140%;} #main #content #middle .content_wrap .entries ul li .title h3 span {color: #aaaaaa;} #main #content #middle .content_wrap .entries .entry p .recomend {font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif;} #main #content #middle .recomend {font-size:140%; line-height: 110%;font-family:Georgia, "Times New Roman", Times, serif; padding-top:10px;} #main #content #middle .content_wrap .entries ul li .entry {clear: both;padding-top: 10px;border-bottom: 1px dotted #ccc;padding-bottom: 20px;font-size: 12px;} #main #content #middle .content_wrap .entries ul li .entry img {float: right; width: 150px; padding-left:14px; margin-top: -30px; outline: red solid 1px;} #main #content #middle .content_wrap .entries ul li p a {color: #ff6600; text-decoration:underline;} #main #content #middle .content_wrap .entries ul li p a:link {color: #ff6600; text-decoration:underline;} #main #content #middle .content_wrap .entries ul li p a:hover {color: #8dc63f; text-decoration :none;} .function_2 img {outline:8px solid #fff; float: left; width: 220px; margin: 10px 0px 0px 10px;} .function_2 .copy {/*outline:1px solid red;*/float: left; width: 220px; margin: 0px 0px 0px 20px;} .function_2 .productheader {font-size:160%; font-weight: bold; line-height: 110%; margin: 10px 0px 10px 0px;} div#ProductRatingBox {margin: 0;padding: 0;background: #3e220d;width: auto;border-bottom: 1px solid #252525;} div#ProductRatingTable {margin: 0;padding: 10px 0;_padding: 10px 0 0 0;width: 553px;font-size: 11px;line-height: 14px;color: #fff;float: left;} table.productRatingTable {margin: 0;padding: 0;} table.productRatingTable tr td {height: 14px;} .pricing_table {width: 530px; margin: 15px 0 25px 0; padding: 10px 3px 2px 3px; float: left; background: #efefe0;} .price_table {width: 100%; font-size: 13px; border-spacing: 0px;} .price_table td {border-spacing: 0px; vertical-align: middle; padding: 6px 9px; border-bottom: 1px solid #efefe0; background: #FFF;} .price_table th {text-align: left; font-size: 18px; padding: 0px 10px 13px 10px; background: #efefe0; font-family:Georgia, "Times New Roman", Times, serif; font-weight:100; line-height:130%;} /********************************************************************************** RIGHT **********************************************************************************/ #right {float: left;width: 200px; border-bottom: #E4E4E4 solid 5px; margin: 24px 0 0 14px; padding-bottom:10px;} #right .title {float: left;width: 200px; padding: 10px 0 20px 0; margin-bottom: 10px; border-bottom: #E4E4E4 solid 5px; font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;} #right a {color: #ff6600; text-decoration:underline;} #right a:link {color: #ff6600; text-decoration:underline;} #right a:hover {color: #8dc63f; text-decoration :none;} #right h3 {padding: 4px 0px 4px 10px; background-image: url(get/rightheader.jpg); background-repeat: repeat-x;border-bottom: 1px solid #fff;} #right dt {font-size: 11px; padding-bottom: 5px;} #right dd {padding: 0px 0 5px 0;font-size: 11px;font-style:italic;} /********************************************************************************** FOOTER **********************************************************************************/ #footer_wrapper {background-color: #ededed;float: left;width: 100%;margin-top:20px;border-top: 1px #FFFFFF solid; position: relative; z-index:1;} #footer2 {font-family:Arial, Helvetica, sans-serif;margin: auto;width: 1000px;} #footer2 a {font-weight: normal; } #sitemap {color: #717171;} #sitemap p {color: #3e220d;font-size: 16px;padding: 0 0 10px 0;} #sitemap .smallcopy {color: #3e220d;font-size: 12px;line-height: 140%;padding: 0 0 18px 0;} #sitemap p a {color: #3e220d;font-size: 14px;padding: 0 0 14px 0;text-decoration:none;} #sitemap a:hover {color: #8dc63f; text-decoration :none;} #sitemap h2.title {color: #3e220d;font-size: 32px;padding: 35px 0 32px 0; font-family:Georgia, "Times New Roman", Times, serif;} #sitemap p.subtitle, #sitemap p.subtitle a {color: #ff6600;font-size: 20px;height: 46px;padding: 0; font-family:Georgia, "Times New Roman", Times, serif;} #sitemap p.subtitle, #sitemap p.subtitle a:hover {color: #8dc63f; text-decoration :none; font-family:Georgia, "Times New Roman", Times, serif;} #sitemap .box_essentials p.subtitle { color: #333333; font-family:Georgia, "Times New Roman", Times, serif;} #sitemap p.subsubtitle, #sitemap p.subsubtitle a {color: #ff6600;font-size: 14px;height: 25px;padding: 0;} #sitemap p.hightlights {font-size: 12px;} #sitemap p .special a {color: #8dc63f;font-size: 12px;} #sitemap div {position: relative;float: left;width: 266px;} #sitemap .col1 { width: 135px;} #sitemap .col2 { width: 135px;} #sitemap .col3 { width: 115px;} .col1, .col2 { border-right: #dddddd solid 1px; } .col1, .col2 { padding-right: 20px; } .col2, .col3 { padding-left: 20px;} /********************************************************************************** FOOTER FOUNDATION **********************************************************************************/ #foundation_wrapper {background-color: #3e220d; float:left; width: 100%; margin-top: 40px; } #foundation_wrapper #foundation {clear: both;color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bold;margin: auto;margin-top: 15px;padding: 10px 20px 50px 0px;width: 970px;} #foundation {margin-top: 0px;padding: 25px 20px 25px 200px;width: 800px;} #foundation ul {float: left; width: 750px; } #foundation ul li {color: #3e220d;float: left;font: 11px normal Arial,Helvetica,sans-serif;list-style: none;} #foundation ul li a {color: #ff6600;padding: 0 5px;} #foundation_wrapper #foundation a {color: #ff6600; text-decoration:underline;} #foundation_wrapper #foundation a:link {color: #ff6600; text-decoration:underline;} #foundation_wrapper #foundation a:hover {color: #8dc63f; text-decoration :none;} #foundation_wrapper #foundation ul li {font: 11px normal Arial,Helvetica,sans-serif;list-style-type: none; display:inline; padding-left: 4px; padding-right: 4px;border-right:1px solid #fff; } #foundation_wrapper #foundation .lastListItem { border: none; padding: none;} /********************************************************************************** LANDING INSIGHT PAGE **********************************************************************************/ #main .beau_landing_box3 {float: left; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:781px; } .box { background:#fff; margin: 0 0 20px 0; border:1px solid #d0d0d0; } .post { background:#fff; padding:10px 10px 0px; position:relative; } * html .post { float:left; display:inline; background:#fff; padding:25px 25px 50px; position:relative; } .post-bottom { background:#ededed; padding:0px 25px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; } .post-bottom div { color:#777; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-decoration:none; } .post-bottom div a { color: #ff6600; text-decoration:underline; font-size:11px;} .post-bottom div a:hover { color: #8dc63f; text-decoration :none;} .post-bottom .fl span.cat { float:left; display:inline; width:250px; } .post-bottom span.cat { float:left; display:inline; font:normal 14px/18px Arial, Verdana, sans-serif; background:url(get/insight/ico-cat.png) no-repeat 5px 10px; padding:5px 0 5px 25px; width:250px; } .post-bottom .fr span.tags { float:left; display:inline; width:250px; } .post-bottom span.tags { float:left; display:inline; font:normal 14px/18px Arial, Verdana, sans-serif; background:url(get/insight/ico-tags.png) no-repeat 0 5px; padding:5px 0 5px 25px; width:250px; } .post h2 a { font-weight:normal; color:#85786e; } .post a { margin:0 0 10px 0; } .post a img.thumbnail { float:left; display:inline; margin:0 15px 10px 0; padding:0; } .post .title { margin: 220px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; color:#85786e;} .post .title a:link, .post .title a:visited { color:#85786e; } .post-meta { position:absolute; top:40px; left:40px; margin: 0 0 15px 0; font-size:10px; color:#9F9F9F; font-family:Arial, Verdana, sans-serif; text-transform:uppercase; line-height:11px; } .post-meta a { border-bottom:1px dotted; } .post-meta a:hover { border:none; } .post-meta img { vertical-align:top; margin:0 5px; } * html .post-meta { position:absolute; top:40px; left:40px; margin: 0 0 15px 0; font-size:10px; color:#9F9F9F; font-family:Arial, Verdana, sans-serif; text-transform:uppercase; line-height:11px; } * html #loopedSlider .slides .post p.post-meta { position:relative; clear:both; margin:0; padding:0 0 15px 0; } * html #loopedSlider .slides .post p.post-meta span.comments { float:left; display:inline; background:url(get/commentBackground.png) no-repeat; width:44px; height:38px; text-align:center; margin:-42px 0 0 60px; padding:3px 0 0 0; } .post p.tags { padding-left:25px;width:100%;clear:both; } .post .thumbnail { padding:4px; border:1px solid #e2e2e2; background:#fff; margin-top:0; } .post .video { margin-bottom:20px; } .enter { font-size:12px; line-height:20px;} /* 3.1 Typographic Elements */ .enter h1 {} .entry h2 {} .entry h3 {} .entry h4 {} .entry h5 {} .entry h6 {} .enter h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { } .enter p { margin: 0 0 15px 0; font-family: Arial, Geneva, Verdana, sans-serif; color: #3e220d; size:10px; } .enter p a { color:#ff6600; text-decoration:underline; } .enter p a:hover { color:#8dc63f; text-decoration:none; } .enter blockquote { padding: 10px 30px; color: #666; } .enter blockquote p {} .enter ul { margin: 15px 0 15px 0; padding: 0 0 0 30px; list-style-type:none; } .enter ul ul { margin: 0; } .enter ul li { background:url(images/arrowBullet.gif) no-repeat 0 2px; padding:0 0 0 25px; margin:0 0 5px 0; } .enter ul ul li { list-style-type: circle; background:none; padding:0; } .enter ol { margin: 15px 0 15px 20px; padding: 0 0 0 30px; } .enter ol ol { margin: 0; } .enter ol li { list-style-type: decimal; } .enter ol li ol li { list-style-type: decimal; } /* 3.2 Images */ .enter img { padding: 5px; border: 1px solid #ccc; margin:10px 0 0 0; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; width: auto; margin: 10px 20px 10px 0; } .alignright { float: right; width: auto; margin: 10px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:10px; } .fix { } /* Featured Area */ #loopedSlider { position:relative; float:left; display:inline; width:781px; min-height:550px; background:#fff; border: 1px solid #d0d0d0; } #loopedSlider .container { width:520px; height:340px; overflow:hidden; position:relative; background:#fff; border-right:1px solid #b9b9b9;} #loopedSlider .slides { position:absolute; top:0; left:0; } #loopedSlider .slides .post { background:url(images/postBackground.gif) repeat-x; } #loopedSlider .slides div.slide { position:absolute; top:0; width:520px; display:none; } #loopedSlider .slides .post-bottom { border-bottom:none; } * html #loopedSlider .slides .post .entry p { float:left; display:inline; width:600px; color:#333; } * html #loopedSlider .slides .post h2.title { float:left; display:inline; width:600px; color:#85786e; margin:30px 0 10px 0;} * html #loopedSlider .slides .post h3 { float:left; display:inline; width:600px; color:#226699; } * html #loopedSlider .slides .post h4 { float:left; display:inline; width:600px; color:#226699; } * html #loopedSlider .slides .post h5 { float:left; display:inline; width:600px; color:#77c044; } * html #loopedSlider .slides .post h6 { float:left; display:inline; width:600px; color:#77c044; } * html #loopedSlider .slides .post .entry span.read-more { float:left; display:inline; width:99px; height:32px; margin:0; } #loopedSlider .featured-nav { width:261px; position:absolute; top:0; right:0; margin:-1px 0 0 0; } #loopedSlider ul.pagination { list-style:none; padding:0; margin:0; border-top:1px solid #d0d0d0; } #loopedSlider ul.pagination li { clear:both; float:left; border-bottom:1px solid #f6f6f6; background: url(../../get/insight/pagination.png) no-repeat;} #loopedSlider ul.pagination li h2 { font-family: Georgia, "Times New Roman", Times, serif font-size: 140%; font-weight: lighter; color: #3e220d; margin-top:0px;} #loopedSlider ul.pagination li p { font-family: Arial, Geneva, Verdana, sans-serif; font-size: 80%; color: #3e220d; margin-bottom:0px;} #loopedSlider ul.pagination li a { width:231px; display:block; padding:18px 15px; opacity:0.7; border-bottom:1px solid #d4d4d4; min-height:52px; text-decoration:none;} #loopedSlider ul.pagination li a:hover { opacity:5; } #loopedSlider ul.pagination li.active a { opacity:1; background:#8dc63f; } #loopedSlider ul.pagination li.active a h2 { color:#fff; } #loopedSlider ul.pagination li.active a p { color:#fff; } #loopedSlider ul.pagination li.active a .meta h3 { color:#fff; } #loopedSlider ul.pagination img { background:#fff; padding:2px; border:1px solid #d1d1d1; float:left; margin-right:10px; margin-bottom:15px } #loopedSlider ul.pagination em { color:red; font-family:Arial, Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; line-height:18px; margin-top:10px; font-style:normal; text-decoration:none; } #loopedSlider ul.pagination .meta { display:block; font-size:11px; color:green; line-height:16px; margin:5px 0 0 64px; } #loopedSlider ul.pagination .meta h2, .meta h3,.meta h4,.meta h5,.meta h6 { font:normal 11px/16px Arial, Verdana, Helvetica, sans-serif; color:#777; margin:0 0 5px 0; } /********************************************************************************** COLOUR **********************************************************************************/ .age_purple {color: #8b005a;} .blue {color: #2eabe2;} .brown {color: #3e220d;} .burgandy {color: #571009;} .gray {color: #666666;} .gold {color: #907c48;} .green {color: #8dc63f;} .lime {color: #d5d110;} .orange {color: #ff6600;} .pink {color: #ec008c;} .purple {color: #440e62;} .specialred {color: #cb2a27;} .red {color: #b20837;} .white {color: #ffffff;} .yellow {color: #ffcc00;} /*------------------------------------------------- Block 02 -------------------------------------------------*/ .landbox {float: right; width: 783px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;} .landbox .callblock { float: left; width: 233px; margin: 20px 34px 50px 0px; padding: 20px; cursor: pointer; outline: 1px solid red; } .landbox .callblock h2 a{ font-size: 20px; margin-top: 10px; padding: 10px 0px 0px 0px; color: #ff6600; font-family: Georgia, Times; font-weight: bold; text-decoration:none; } .callblock h2 a:hover { background-color: #ff6600; color: ffffff; margin: 0px 0px 0px 19px; padding: 10px 40px 0px 11px; width: 204px; } /*.callblock img { padding: -10px 0px 0px 0px; margin-left: 30px; display: block; } .callblock:hover img { background-image: url(../img/highlight_top.gif); background-repeat: no-repeat; background-color: #e5e5e5; margin: -10px 0px 0px 19px; padding: 20px } .callblock:hover h2 { background-color: #e5e5e5; margin: 0px 0px 0px 19px; padding: 10px 40px 0px 11px; width: 204px; } .callblock:hover p { background-image: url(../img/highlight_bottom.gif); background-repeat: no-repeat; background-position: 0px bottom; background-color: #e5e5e5; margin: 0px 0px 0px 19px; padding: 6px 24px 10px 11px; } .callblock p { width: 220px; padding: 6px 0px 10px 30px; font-family: Georgia, Times; font-size: 12px; line-height: 15px; font-weight: normal;}*/ /* ================================== DROP DOWNS ================================== */ #menu { float: left; list-style:none; height: 36px; margin-top: 2px; position: relative; /*z-index: 4000;*/ } #menu li { float:left; /*z-index: 4000;*/ display:block; position: relative; height: 26px; padding: 10px 0 0 0; display: inline; font-family: Century Gothic, Futura, Arial; } #menu li:hover { background: url(../images/bg_nav.jpg) repeat-x top; } #menu li a { display:block; text-decoration: none; color: #6d6d6d; font-weight: bold; border-right: 1px solid #d6d6d6; padding: 0 16px 6px 16px; text-transform: uppercase; font-size: 14px; } /* Sub Menus =============================== */ #menu li .dropdown { font-family: helvetica, arial, sans-serif; margin:4px auto; text-transform: normal; float:left; z-index: 40000; position:absolute; display: none; text-align:left; background: #fff; border: 3px solid #d7d7d7; /* fixed -- need to do more widths for diff cols */ width: 500px; /* match width: .drop-lower .dropdown .drop-upper */ /* ******************** */ } #menu li:hover .dropdown { /* left: 0px; */ display: block; top: 32px; } .dropdown h1 , .dropdown h2 { font-family: helvetica, arial, sans-serif; } /* Drop Upper ============== */ .sub-menu-container { float: left; margin: 0 12px 20px 0; width: 104px; } #menu li h2 a { border-right: none; font-weight: normal; padding: 0; color: #6d6d6d; text-decoration: none; font-size: 13px; } #menu ul.sub-menu { margin: 0; height: auto; float: left; } #professionals-sub-menu { width: 120px; } #menu .sub-menu li { display: block; float: none; height: auto; padding: 0px; margin-bottom: 4px; } #menu .sub-menu li:hover { background: none; } #menu .sub-menu li a { padding: 0px; margin: 0px; border: none; font-size: 10px; font-weight: normal; text-transform: none; } #menu .sub-menu li a:hover { color: #7699c5; } .drop-upper { float: left; width: 470px; /* match width: .drop-lower .dropdown .drop-upper (minus padding/margins) */ padding: 15px; margin-bottom: 0px; } .drop-upper .last { margin-right: 0; } /* Drop Lower ============== */ .drop-lower { float: left; width: 498px; /* match width: .drop-lower .dropdown .drop-upper (minus padding/margins) */ border-top: 1px solid #ebebeb; margin: 1px; padding: 8px 0 8px 0; } .drop-content { background-color: #f8f8f8; float: left; border: 3px solid #ececec; height: 44px; padding: 8px; position: relative; } #menu .dropdown .drop-content h2 { border: 0; margin: 0; padding: 0; } #menu .dropdown h2 { border-bottom: 1px solid #dddddd; } #menu .dropdown .drop-content a, .scroller-callout a { padding: 0; color: #7699c5; font-size: 11px; text-transform: none; border: 0; } #menu .dropdown .drop-content a:hover, .scroller-callout a:hover { color: #9fb7d6; } .drop-left { width: 174px; margin: 0 4px 0 4px; } .drop-right { width: 268px; } .drop-content img, .scroller-callout img { position: absolute; bottom: 0; right: 0; } /* ================================== */ #main .columnx {float: left; font-family: Arial, Helvetica, sans-serif; font-size:100%; margin: 14px 0px 0px 20px;padding: 0px 0px 0px 0px; width:600px;} #main .columnx h1 {font-family:Georgia, "Times New Roman", Times, serif; color:#85786e; margin-bottom: -10px;} #main .columnx .top {line-height: 140%; margin: 20px 0 5px 0; border-top: 1px dotted #ccc; padding-top: 5px;} #main .columnx .bottom {line-height: 140%; margin: 0px 0 20px 0; } #main .columnx p {line-height: 140%; margin-bottom: 5px;} #main .blank {float: left; margin: 14px 0px 0px 0px;padding: 0px 0px 0px 0px; width:783px; } #gridx {float:left; margin: 40px 0px 0px 0px;padding: 0px 0px 0px 20px; width:763px; } #gridx ul{float:left; display: block; width:637px} #gridx ul li{display: inline; float:left; padding:0 41px 40px 0; width: 120px;} #gridx ul li.last{padding-right:0;} #gridx ul li.space{width:610px; height:0;padding:0; margin:0} #gridx ul li img{width:120px; width:120px; margin-bottom:13px} #gridx ul li div.text h3{font: Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:19px; max-height:40px; overflow: hidden; margin-bottom:10px; } #gridx ul li div.text h3.title a{color:#; } #gridx ul li div.text div.teaser{font-family:Arial; font-size:12px; line-height: 16px; max-height:80px; display:block} #gridx ul li div.text p{font-size:12px; font-family: Arial; line-height: 16px;}