body{padding:0; margin:0; width:100%; font-family:Arial, Helvetica, sans-serif; background:#ffd800;} img{border:none;} /* top style - this sets the structure of the top part of the website*/ #top_body{ width:100%; height:219px; background:url(../images/top_body_bg.gif) top center no-repeat;} #top_container{ width:949px; margin:0 auto;} #top_col_1{ width:496px; height:102px; float:left; display:inline;} #top_col_2{ width: 283px; height:102px; float: right; display:inline;} /* navigation style -the nav container and ul/li sets the structure of the navigation and the attributes below set the individual styles of the navigation links to show the image instead of the text */ #nav_container{width:949px; height:47px;} #nav_container ul{margin:0; padding:36px 0 0; list-style-type:none;} #nav_container li { margin:0; padding:0; float:left;} #nav_container li.home-nav a{width:77px; height:47px; background:url(../images/navigation/nav_01.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.home-nav a:hover{width:77px; height:47px; background:url(../images/navigation/nav_01.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.home-nav a.active{width:77px; height:47px; background:url(../images/navigation/nav_01.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} #nav_container li.about-nav a{width:95px; height:47px; background:url(../images/navigation/nav_02.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.about-nav a:hover{width:95px; height:47px; background:url(../images/navigation/nav_02.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.about-nav a.active{width:95px; height:47px; background:url(../images/navigation/nav_02.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} #nav_container li.painfree-nav a{width:186px; height:47px; background:url(../images/navigation/nav_03.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.painfree-nav a:hover{width:186px; height:47px; background:url(../images/navigation/nav_03.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.painfree-nav a.active{width:186px; height:47px; background:url(../images/navigation/nav_03.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} #nav_container li.laser-nav a{width:154px; height:47px; background:url(../images/navigation/nav_04.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.laser-nav a:hover{width:154px; height:47px; background:url(../images/navigation/nav_04.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.laser-nav a.active{width:154px; height:47px; background:url(../images/navigation/nav_04.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} #nav_container li.electrolysis-nav a{width:106px; height:47px; background:url(../images/navigation/nav_05.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.electrolysis-nav a:hover{width:106px; height:47px; background:url(../images/navigation/nav_05.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.electrolysis-nav a.active{width:106px; height:47px; background:url(../images/navigation/nav_05.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} #nav_container li.alkaline-nav a{width:132px; height:47px; background:url(../images/navigation/nav_06.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.alkaline-nav a:hover{width:132px; height:47px; background:url(../images/navigation/nav_06.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.alkaline-nav a.active{width:132px; height:47px; background:url(../images/navigation/nav_06.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} #nav_container li.location-nav a{width:92px; height:47px; background:url(../images/navigation/nav_07.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.location-nav a:hover{width:92px; height:47px; background:url(../images/navigation/nav_07.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.location-nav a.active{width:92px; height:47px; background:url(../images/navigation/nav_07.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} #nav_container li.contact-nav a{width:107px; height:47px; background:url(../images/navigation/nav_08.gif) 0 0 no-repeat; display:block; text-indent:-9999px;} #nav_container li.contact-nav a:hover{width:107px; height:47px; background:url(../images/navigation/nav_08.gif) 0 -94px no-repeat; display:block; text-indent:-9999px;} #nav_container li.contact-nav a.active{width:107px; height:47px; background:url(../images/navigation/nav_08.gif) 0 -47px no-repeat; display:block; text-indent:-9999px;} /* middle style.*/ #middle_body { width:100%; height: 368px; background-color:#FFFFFF;} #middle_container {width:949px; margin:0 auto; padding: 37px 0 0 0;} #middle_col_1 {width:368px; height: 331px; overflow:hidden; float:left; display:inline;} #middle_col_2 { width:536px; float:right; display:inline;} #middle_col_2 p{ font-size:14px; line-height: 18px; color:#606060; margin:0; padding:0 0 15px 0;} #middle_col_2 h1{ width:412px; height: 23px; padding:0 0 10px 0; margin:0;} #middle_col_2 h1.welcome {background:url(../images/h1_welcome.gif) no-repeat; display:block; text-indent:-9999px;} /*3 Column*/ #three_col_body {width:100%; height:407px; background:#FFFFFF;} #three_col_container {width: 949px; margin:0 auto;} #three_col_column_1 { width:306px; float:left; display:inline;} #three_col_column_2 {width: 308px; float:left; display:inline; margin:0 15px 0 14px;} #three_col_column_3 {width:306px; float:left; display:inline;} #three_col_container p{ font-size:12px; line-height: 18px; color:#606060; margin:0; padding:0 0 15px 0;} #three_col_container h2{ height: 63px; padding:0 0 20px 0; margin:0;} #three_col_container h2.how_to {background:url(../images/h2_how_to.gif) no-repeat; width:306px; display:block; text-indent:-9999px;} #three_col_container h2.whychoose {background:url(../images/h2_whychoose.gif) no-repeat; width:308px; display:block; text-indent:-9999px;} #three_col_container h2.book {background:url(../images/h2_book.gif) no-repeat; width:306px; display:block; text-indent:-9999px;} /*main_2_col*/ #main_body { width:100%; background-color:#FFFFFF;} #main_container {width:949px; margin:0 auto; padding: 37px 0;} #main_col_1 {width:628px; float:left; display:inline;} #main_col_2 { width:306px; float:right; display:inline;} #main_col_1 h1{ font-size:24px; color:#606060; padding:0; margin:0; font-weight:normal;} #main_col_1 h2{ font-size:20px; color:#4F4F4F; padding:15px 0 0; margin:0; font-weight:normal;} #main_col_1 p{ font-size:14px; line-height: 18px; color:#797979; padding: 15px 0 0 0; margin:0;} #main_col_1 p.intro{ font-size:16px; line-height: 20px; color:#545454; padding: 15px 0 0 0; margin:0;} #main_col_1 p img {float:left; border:1px solid #e1e1e1; padding:6px; margin: 3px 15px 5px 0;} #main_col_1 p img.none{float:none; border:none; padding:0; margin:0;} #main_col_2 p{font-size:14px; line-height:18px; color: #606060;} #main_col_1 ul{padding:0 0 0 20px; margin:16px 0 0; } #main_col_1 ul li{color:#797979; line-height:18px; font-size:14px; padding-bottom:5px;} #main_col_1 ul li a{color:#797979; text-decoration:underline;} #main_col_1 ul li a:hover{color:#545454; text-decoration:underline;} /*Enquiry Form*/ #main_col_1 .form table{color:#797979; font-size:14px;} #main_col_1 tr{height: 30px;} #main_col_1 tr.bg{background-color:#f0f0f0;} #main_col_1 td strong{color:#FBAD0E;} #main_col_1 .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_1 .enq_form_button{height:56px; width:112px; background:url(../images/button_send.gif) no-repeat; border:0; cursor:pointer; margin:0; padding:0;} /*Footer*/ #footer_body {width:100%; height:190px; background:url(../images/footer_background.gif) repeat-x;} #footer_container {width:949px; height:190px; margin:0 auto;background:url(../images/footer_logo.gif) no-repeat;} #footer_container ul{margin:0; padding:25px 0 0; list-style-type:none;} #footer_container li { margin:0; padding:0 10px 0 0; float:left;} #footer_container li a {font-size:14px; line-height: 18px; color:#606060; text-decoration:none;} #footer_container li a:hover{ text-decoration:underline;} #footer_container p{font-size:12px; line-height: 18px; color:#606060; padding: 15px 0 0 0; margin:0;} #footer_container p a{color:#606060;}