/*------------------------------------------------------------------------------*/ /* --> WEBSITE BODY */ /*------------------------------------------------------------------------------*/ body {margin:0; padding:0; width:100%; background:url(../images/bg_body.gif) repeat-x #ffffff; font-family:Arial, Helvetica;} /*------------------------------------------------------------------------------*/ /* --> TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_body{margin:0; padding:0; width:100%;} #top_container{width:800px; height:136px; margin:0 auto;} #top_col_1{width:260px; float:left; display:inline;} #top_col_1 img{border:0;} #top_col_2{width:240px; float:right; display:inline; margin-top:30px;} #top_col_2 ul{margin:0; padding:0; list-style:none;} #top_col_2 ul li{float:right; margin-left:9px;} #tooltip{position:absolute; border:2px solid #fff; font-size:14px; background:#c5e6f3; padding:8px 8px; color:#003951; display:none;} /*------------------------------------------------------------------------------*/ /* --> NAVIGATION & MIDDLE DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #navigation_body{width:100%;} #navigation_container{width:800px; height:85px; margin:0 auto; background:url(../images/bg_navigation.gif) no-repeat;} #navigation_container ul{margin:0; padding:20px 0 0 20px; list-style-type:none;} #navigation_container li{margin:0; padding:0 19px 0 0; float:left;} /*Navigation Link Styles*/ #navigation_container li.home a{width:84px; height:54px; background: url(../images/nav_home.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #navigation_container li.home a:hover{background:url(../images/nav_home.gif) -84px 0px no-repeat; display: block;} #navigation_container li.home a.current{background: url(../images/nav_home.gif) -84px 0px no-repeat; display:block;} #navigation_container li.body a{width:162px; height:54px; background: url(../images/nav_body.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #navigation_container li.body a:hover{background:url(../images/nav_body.gif) -162px 0px no-repeat; display: block;} #navigation_container li.body a.current{background: url(../images/nav_body.gif) -162px 0px no-repeat; display:block;} #navigation_container li.treatments a{width:127px; height:54px; background: url(../images/nav_treatments.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #navigation_container li.treatments a:hover{background:url(../images/nav_treatments.gif) -127px 0px no-repeat; display: block;} #navigation_container li.treatments a.current{background: url(../images/nav_treatments.gif) -127px 0px no-repeat; display:block;} #navigation_container li.offers a{width:82px; height:54px; background: url(../images/nav_offers.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #navigation_container li.offers a:hover{background:url(../images/nav_offers.gif) -82px 0px no-repeat; display: block;} #navigation_container li.offers a.current{background: url(../images/nav_offers.gif) -82px 0px no-repeat; display:block;} #navigation_container li.location a{width:106px; height:54px; background: url(../images/nav_location.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #navigation_container li.location a:hover{background:url(../images/nav_location.gif) -106px 0px no-repeat; display: block;} #navigation_container li.location a.current{background: url(../images/nav_location.gif) -106px 0px no-repeat; display:block;} #navigation_container li.contact a{width:103px; height:54px; background: url(../images/nav_contact.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #navigation_container li.contact a:hover{background:url(../images/nav_contact.gif) -103px 0px no-repeat; display: block;} #navigation_container li.contact a.current{background: url(../images/nav_contact.gif) -103px 0px no-repeat; display:block;} /*------------------------------------------------------------------------------*/ /* --> TOP CONTENT DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_content_body{width:100%; background:url(../images/bg_middle.gif) repeat-x #58b6dd;} #top_content_container{width:950px; height:271px; margin:0 auto; padding-top:30px; background:url(../images/bg_top_content.gif) no-repeat;} #top_content_1{width:430px; float:left; display:inline; margin-left:75px;} #top_content_2{width:350px; float:left; display:inline; margin-left:20px;} #top_content_1 h1{font-size:20px; margin:0; padding:0; font-weight:normal; color:#ffffff;} #top_content_1 h1.welcome {margin:0; padding:0; width:430px; height:22px; background: url(../images/h1_welcome.gif) no-repeat; display:block; text-indent: -5000px;} #top_content_1 p{font-size:15px; color:#FFFFFF; margin:19px 0 0; padding:0; line-height:24px;} #top_content_1 p a{color:#ffffff;} #top_content_1 p a:hover{color:#e2e2e2;} #slide{overflow: hidden; z-index: 2; left: 0px; visibility: visible; width: 350px; height: 248px; position: relative;} #slide ul{margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width:350px;} #slide li{overflow: hidden; float: left; width: 350px; height: 248px;} #offer_banner{width:950px; height:101px; margin:0 auto;} /*------------------------------------------------------------------------------*/ /* --> THREE COL DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #three_col_body{width:100%; background-color:#58b6dd;} #three_col_container{width:950px; height:280px; margin:0 auto; padding:20px 0 35px; background:url(../images/bg_three_col.gif) no-repeat;} #three_col_1{width:240px; float:left; display:inline; margin-left:95px;} #three_col_2{width:240px; float:left; display:inline; margin-left:20px;} #three_col_3{width:240px; float:left; display:inline; margin-left:20px;} #three_col_container h2{font-size:18px; margin:0; padding:0 0 14px; font-weight:normal; color:#2489b3;} #three_col_container p{font-size:12px; color:#6a6a6a; margin:0; padding:0 0 12px; line-height:18px;} #three_col_container img{margin-left:10px; border:0;} #three_col_container .view_more {margin:0;} #three_col_container .view_more a{width:240px; height:40px; background: url(../images/view_more.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #three_col_container .view_more a:hover{width:240px; height:40px; background: url(../images/view_more.gif) -240px 0px no-repeat; display:block; text-indent: -9999px;} /*------------------------------------------------------------------------------*/ /* --> MAIN CONTENT DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main_body{width:100%; background:url(../images/bg_middle.gif) repeat-x #58b6dd;} #main_container{width:950px; margin:0 auto; padding:30px 0 35px; background:url(../images/bg_top_content.gif) no-repeat ;} #main_area{width:800px; margin:0 auto; background:url(../images/bg_main.gif) repeat-y;} #main_area .top{width:800px; height:20px; background:url(../images/bg_main_top.gif) no-repeat;} #main_area .bottom{width:800px; height:20px; background:url(../images/bg_main_bottom.gif) no-repeat;} #main_col_1{width:239px; float:left; display:inline; margin-left:20px; } #main_col_2{width:500px; float:left; display:inline; margin-left:21px;} /*Column 1 Navigation and List*/ #main_col_1 ul{background:url(../images/bg_main_col_1.gif) repeat-y; margin:0; padding:0; list-style:none;} #main_col_1 li{margin:0;} #main_col_1 li a{border-top:1px #ffffff solid; padding-left:20px; color:#ffffff; display:block; width:200px; height:27px; font-size:16px; text-decoration:none; padding-top:6px;} #main_col_1 li a:hover{color:#033347;} #main_col_1 li a.active{ background-color:#0e76a1; color:#ffffff;} #main_col_1 li img{ float:right; margin:-39px 0 0 0;} #main_col_1 li.body_title {margin:0; padding:0; width:220px; height:57px; background: url(../images/bg_col_1_body_problems.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #main_col_1 li.treatments_title {margin:0; padding:0; width:220px; height:57px; background: url(../images/bg_col_1_treatments.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #main_col_1 .images{margin:0; padding:0;} #main_col_1 .images ul{background:none; margin:0; padding:0; list-style:none;} #main_col_1 .images li{margin:0; padding:0;} #main_col_1 .images li img{border:4px #e2e2e2 solid; margin:0 0 10px;} /*Font Styles*/ #main_col_2 h1{font-size:18px; margin:0; padding:0; font-weight:normal; color:#2489b3;} #main_col_2 h2{font-size:14px; margin-bottom:0; padding-bottom:0; font-weight:bold; color:#58b6dd;} #main_col_2 p{color:#6a6a6a; margin:0; padding:16px 0 0px 0; line-height:18px; font-size:12px;} #main_col_2 p img{float:right; border:#e2e2e2 4px solid; margin:5px 0 15px 15px;} #main_col_2 p a{color:#6a6a6a; text-decoration:underline;} #main_col_2 p a:hover{color:#494949; text-decoration:underline;} #main_col_2 p.red{color:#FF0000;} #main_col_2 ul{font-size:12px; color:#6a6a6a; line-height:18px; margin-bottom:0;} #main_col_2 ul a{color:#6a6a6a; text-decoration:underline;} #main_col_2 ul a:hover{color:#494949; text-decoration:underline;} #main_col_2 ol{font-size:12px; color:#6a6a6a; line-height:18px; margin-bottom:0;} #main_col_2 ol a{color:#6a6a6a; text-decoration:underline;} #main_col_2 ol a:hover{color:#494949; text-decoration:underline;} /* Main Content Colmun 2 Table and Form styles*/ #main_col_2 table{font-size:12px; color:#6a6a6a; line-height:18px; } #main_col_2 tr{height: 45px;} #main_col_2 tr.bg{background-color:#F6F6F6;} /*Enquiry Form*/ #main_col_2 .form table{color:#5e5e5e; font-size:12px; margin: 10px 0 0; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #58B6DD; border-top: 1px solid #58B6DD;} #main_col_2 .form tr{height: 30px;} #main_col_2 .form tr.bg{background-color:#f0f0f0;} #main_col_2 .form td strong{color:#FBAD0E;} #main_col_2 .enq_form{background-color:#ffffff; border: #cccccc 1px solid; font-family:Arial, Helvetica; font-size:13px; color:#5e5e5e; padding:3px; width:250px;} #main_col_1 .drop_form{background-color:#ffffff; border: #cccccc 1px solid; font-family:Arial, Helvetica; font-size:13px; color:#5e5e5e; padding:3px; width:258px;} #main_col_2 .enq_form_button{height:45px; width:84px; background:url(../images/send_bg.gif); no-repeat; border:0; cursor:pointer; margin:0; padding:0;} /*------------------------------------------------------------------------------*/ /* --> FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; background:url(../images/bg_footer_body.gif) repeat-x; padding-bottom:100px;} #footer_container{background:url(../images/bg_footer_container.gif) no-repeat; width:950px; margin:0 auto;} #footer_container a{color:#ffffff; text-decoration:none;} #footer_container a:hover{color:#E7F100; text-decoration:underline;} #footer_col_1{width:240px; float:left; display:inline; margin-left:75px; font-size:14px; color:#ffffff; padding-top:14px;} #footer_col_1 ul{margin:0; padding:0 0 0 14px; list-style-type: disc;} #footer_col_1 li{margin:0; padding:0; float:left; width:110px; line-height:25px;} #footer_col_2{width:280px; float:left; display:inline; padding-top:2px; margin-left:20px;} #footer_col_2 img{border:0;} #footer_col_3{width:240px; float:left; display:inline; margin-left:20px; color:#ffffff; padding-top:20px;} #footer_col_3 p{font-size:14px; margin-top:0; padding-top:0; line-height:18px;} #footer_col_3 p em{font-size:12px;} #footer_container .design{font-size:11px; width:100%; text-align:center; padding:20px 0; color:#5bb7de;} #footer_container .design a{color:#5bb7de; text-decoration:none;} #footer_container .design a:hover{color:#033347; text-decoration:underline;} /*------------------------------------------------------------------------------*/ /* --> MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;}