/*------------------------------------------------------------------------------*/ /* --> YORKSHIRE BOTOX CLINIC CSS DOCUMENT */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* --> WEBSITE BODY AND GLOBAL STYLES */ /*------------------------------------------------------------------------------*/ body {margin: 0; padding:0; width:100%; background-color:#ffffff;} #container{width: 800px; margin-left: auto; margin-right: auto;} h1{margin:0px; padding:0px;} h2{margin:0px; padding:0px;} .clearcols{clear:both; height:1px;} /*------------------------------------------------------------------------------*/ /* --> TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top{width: 800px; height:125px; background:url(../images/top_bg.png) no-repeat top right;} /*------------------------------------------------------------------------------*/ /* --> MIDDLE DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #middle{width:800px; height:300px; background:url(../images/middle_bg.gif) no-repeat top;} #middle_col_1{width:300px; height:250px; margin:25px 0px 0px 25px; float:left; display:inline;} #middle_col_1 div.text{margin-top:35px; height:173px;} #middle_col_1 p{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; margin:0; padding:0; line-height:13px;} #middle_col_2{width:425px; height:250px; margin:25px 0px 0px 25px; float:left; display:inline;} #middle2{width:800px; background:url(../images/middle_bg_22.gif.png) no-repeat top;} #middle2 h1{font-family:Georgia, "Times New Roman", Times, serif; color:#ffffff; font-size:25px; font-weight:normal; font-style:italic; padding:25px;} /*------------------------------------------------------------------------------*/ /* --> NAVIGATION DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #navigation{width:778px; background-color:#362640; height:27px; margin:0px 0 10px 0; padding:10px 0 0 22px;} #navigation a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #ffffff; text-decoration: none; padding: 0 14px 0 3px; background: url(../images/nav_bg.gif) no-repeat right;} #navigation a:hover{text-decoration:underline;} #navigation a.selected{text-decoration:underline; color:#e7deed;} #navigation a.nobg{background:none;} #navigation ul{padding: 0 0 0 0; margin: 0;} #navigation li{list-style-type: none; display:inline;} /*------------------------------------------------------------------------------*/ /* --> MAIN DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main{width:800px; margin-top:18px;} #main h1{font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-size:31px; font-weight:normal; font-style:italic; margin-bottom:18px;} #main_top{width:800px; } #main_col_1{width:525px; float:left; display:inline;} #main_col_2{width:250px; margin-left:25px; float:left; display:inline;} #main_col_1 p{padding-top:0px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434; line-height:16px;} #main_col_1 p a{color:#343434;} #main_col_1 h2{font-family:Georgia, "Times New Roman", Times, serif; color:#362640; padding:5px 0 5px 0; font-size:18px; font-weight:bold; font-style:italic; margin-bottom:8px; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;} #main_col_2 h2{font-family:Arial, Helvetica, sans-serif; color:#362640; padding:0px 0 5px 0; font-size:18px; font-weight:bold; margin-bottom:8px;} #main_col_2 h3{font-family:Georgia, "Times New Roman", Times, serif; color:#362640; margin:0 0 10px 0; padding:5px 0 5px 0; font-size:18px; font-weight:bold; font-style:italic; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid;} #main_col_2 .open_times {margin:0 0 10px 0; font-family: Arial, Helvetica, sans-serif; color:#343434; font-weight:normal; font-size:14px; } #main_col_1 li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434; line-height:16px;} #main_col_1 li a{color:#343434;} #main_col_1 table{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#343434; margin-bottom:15px;} #main_col_1 tr{height: 30px;} #main_col_1 tr.bg{ background-color:#f0f0f0;} #main_col_1 td.line_through{text-decoration:line-through} #main_col_1 .red_text{color:#FF0000} #before_after{margin:0; padding:0;} #before_after ul{margin:0; padding:0; text-align:right;} #before_after ul li{list-style:none; display:inline;} #before_after img{border:1px solid #362640;} .link{font-family: "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000;font-size:12px; } .link strong{color:#362640;} .form{background-color:#ffffff; border: #362640 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#343434; padding:3px; width:235px;} .form_button{height:42px; width:71px; background-image:url(../images/send_bg.gif); background-repeat:no-repeat; margin:0; padding:0; border:0; cursor:pointer;} .border_left{border: 3px #cfcfcf solid; margin: 0 10px 5px 0;} .border_right{border: 3px #cfcfcf solid; margin: 0 0 5px 10px;} .border_left_no_border{margin: 0 10px 5px 0;} div.line{border-top:#dedede 1px solid; margin-top:15px; } #index_three_col{width:800px; margin:15px 0 0 0; background-image:url(../images/index_bg.gif); background-repeat:repeat-y;} #index_three_col h2{font-family:Georgia, "Times New Roman", Times, serif; color:#5a5a5a; font-size:22px; font-weight:normal; font-style:italic; margin:5px 0 12px 0;} #index_three_col p{font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#5a5a5a; line-height:18px; padding-top:0px; margin-top:0px;} #index_three_col a{color:#5a5a5a;} #index_col_1{width:250px; float:left; display:inline;} #index_col_2{width:250px; margin-left:25px; float:left; display:inline;} #index_col_3{width:250px; margin-left:25px; float:left; display:inline;} .ap{margin-top:5px;} /*------------------------------------------------------------------------------*/ /* --> FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer{width:775px; margin:20px 0 30px 0; background:url(../images/footer_bg.gif) no-repeat; padding:20px 0 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#434344;} #footer ul{margin:0; padding:0;} #footer li{list-style:none; display:inline;} #footer a{color:#434344; text-decoration:none;} #footer a:hover{text-decoration:underline;}